@atlaskit/media-picker 64.2.2 → 64.2.3

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/media-picker
 
+## 64.2.3
+
+### Patch Changes
+
+- [`0e2981295ce`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0e2981295ce) - Media Picker passes feature flags object through Media Client upload method, overriding internal Media Client flags
+- Updated dependencies
+
 ## 64.2.2
 
 ### Patch Changes

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

@@ -37,15 +37,16 @@ var BrowserBase = /*#__PURE__*/function (_LocalUploadComponent) {
         return;
       }
       var replaceFileId = _this.props.config.replaceFileId;
+      var featureFlags = _this.props.featureFlags;
       var filesArray = [].slice.call(event.target.files);
 
       // refreshes uploadParams as only set once in parent constructor
       _this.setUploadParams(_this.props.config.uploadParams);
       try {
         if (replaceFileId) {
-          _this.uploadService.addFile(filesArray[0], replaceFileId);
+          _this.uploadService.addFile(filesArray[0], replaceFileId, featureFlags);
         } else {
-          _this.uploadService.addFiles(filesArray);
+          _this.uploadService.addFiles(filesArray, featureFlags);
         }
       } finally {
         if (_this.browserRef.current) {

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getFilesFromClipboard = exports.default = exports.ClipboardBase = exports.Clipboard = void 0;
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
@@ -38,10 +37,11 @@ var defaultConfig = {
 };
 var COMPONENT_NAME = 'clipboard';
 var ClipboardImpl = /*#__PURE__*/function () {
-  function ClipboardImpl(uploadService, createAnalyticsEvent) {
+  function ClipboardImpl(uploadService, createAnalyticsEvent, featureFlags) {
     (0, _classCallCheck2.default)(this, ClipboardImpl);
     this.uploadService = uploadService;
     this.createAnalyticsEvent = createAnalyticsEvent;
+    this.featureFlags = featureFlags;
   }
   (0, _createClass2.default)(ClipboardImpl, [{
     key: "activate",
@@ -68,7 +68,8 @@ var ClipboardImpl = /*#__PURE__*/function () {
   }, {
     key: "onFilesPasted",
     value: function onFilesPasted(files) {
-      this.uploadService.addFilesWithSource(files);
+      var featureFlags = this.featureFlags;
+      this.uploadService.addFilesWithSource(files, featureFlags);
       this.fireAnalyticsEvent(files);
     }
   }, {
@@ -145,7 +146,7 @@ var ClipboardBase = /*#__PURE__*/function (_LocalUploadComponent) {
     var _this;
     (0, _classCallCheck2.default)(this, ClipboardBase);
     _this = _super.call(this, props, COMPONENT_NAME);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "clipboard", new ClipboardImpl(_this.uploadService, _this.props.createAnalyticsEvent));
+    _this.clipboard = new ClipboardImpl(_this.uploadService, _this.props.createAnalyticsEvent, props.featureFlags);
     return _this;
   }
   (0, _createClass2.default)(ClipboardBase, [{
@@ -153,6 +154,13 @@ var ClipboardBase = /*#__PURE__*/function (_LocalUploadComponent) {
     value: function componentDidMount() {
       this.clipboard.activate();
     }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (prevProps.featureFlags !== this.props.featureFlags) {
+        this.clipboard.featureFlags = this.props.featureFlags;
+      }
+    }
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {

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

@@ -83,7 +83,7 @@ var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onFileDropped", /*#__PURE__*/function () {
       var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(dragEvent) {
-        var flattenedDirectoryFiles, files;
+        var featureFlags, flattenedDirectoryFiles, files;
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
@@ -96,30 +96,30 @@ var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
               case 2:
                 dragEvent.preventDefault();
                 dragEvent.stopPropagation();
-
+                featureFlags = _this.props.featureFlags;
                 /*
                  * Only enable support for folders if (1) the browser is supported (2) feature flag is enabled
                  * The file flattening library used to add support for Folders uses a function called webkitEntry.
                  * Some browser types are not supported https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/webkitEntries
                  */
-                if (!((0, _browser.isWebkitSupported)() && (0, _mediaCommon.getMediaFeatureFlag)('folderUploads', _this.props.featureFlags))) {
-                  _context.next = 13;
+                if (!((0, _browser.isWebkitSupported)() && (0, _mediaCommon.getMediaFeatureFlag)('folderUploads', featureFlags))) {
+                  _context.next = 14;
                   break;
                 }
                 _this.fireAnalyticsForFolders(dragEvent.dataTransfer.items);
-                _context.next = 8;
+                _context.next = 9;
                 return _this.getFilesFromDragEvent(dragEvent.dataTransfer.items);
-              case 8:
+              case 9:
                 flattenedDirectoryFiles = _context.sent;
                 _this.onDropFolders(flattenedDirectoryFiles.length);
-                _this.uploadService.addFiles(flattenedDirectoryFiles);
-                _context.next = 16;
+                _this.uploadService.addFiles(flattenedDirectoryFiles, featureFlags);
+                _context.next = 17;
                 break;
-              case 13:
+              case 14:
                 _this.onDrop(dragEvent);
                 files = Array.from(dragEvent.dataTransfer.files);
-                _this.uploadService.addFiles(files);
-              case 16:
+                _this.uploadService.addFiles(files, featureFlags);
+              case 17:
               case "end":
                 return _context.stop();
             }

package/dist/cjs/service/uploadServiceImpl.js

@@ -91,13 +91,13 @@ var UploadServiceImpl = /*#__PURE__*/function () {
     }
   }, {
     key: "addFiles",
-    value: function addFiles(files) {
+    value: function addFiles(files, featureFlags) {
       this.addFilesWithSource(files.map(function (file) {
         return {
           file: file,
           source: _types.LocalFileSource.LocalUpload
         };
-      }));
+      }), featureFlags);
     }
   }, {
     key: "addFile",
@@ -110,7 +110,7 @@ var UploadServiceImpl = /*#__PURE__*/function () {
     }
   }, {
     key: "addFilesWithSource",
-    value: function addFilesWithSource(files) {
+    value: function addFilesWithSource(files, featureFlags) {
       var _this2 = this;
       if (files.length === 0) {
         return;
@@ -176,7 +176,7 @@ var UploadServiceImpl = /*#__PURE__*/function () {
           deferredUploadId: deferredUploadId
         };
         var controller = _this2.createUploadController();
-        var sourceFileObservable = mediaClient.file.upload(uploadableFile, controller, uploadableUpfrontIds, traceContext);
+        var sourceFileObservable = mediaClient.file.upload(uploadableFile, controller, uploadableUpfrontIds, traceContext, featureFlags);
         var mediaFile = {
           id: id,
           name: file.name,

package/dist/cjs/util/analytics.js

@@ -19,7 +19,7 @@ var relevantFlags = {
   fetchFileStateAfterUpload: true
 };
 var packageName = "@atlaskit/media-picker";
-var packageVersion = "64.2.2";
+var packageVersion = "64.2.3";
 var LOGGED_FEATURE_FLAGS = (0, _mediaCommon.filterFeatureFlagNames)(relevantFlags);
 exports.LOGGED_FEATURE_FLAGS = LOGGED_FEATURE_FLAGS;
 var LOGGED_FEATURE_FLAG_KEYS = (0, _mediaCommon.filterFeatureFlagKeysAllProducts)(relevantFlags);

package/dist/cjs/util/ufoExperiences.js

@@ -12,7 +12,7 @@ var _analytics = require("./analytics");
 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 packageName = "@atlaskit/media-picker";
-var packageVersion = "64.2.2";
+var packageVersion = "64.2.3";
 var ufoExperience;
 var initExperience = function initExperience(id, componentName) {
   if (!ufoExperience) {

package/dist/cjs/version.json

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

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

@@ -20,15 +20,18 @@ export class BrowserBase extends LocalUploadComponentReact {
       const {
         replaceFileId
       } = this.props.config;
+      const {
+        featureFlags
+      } = this.props;
       const filesArray = [].slice.call(event.target.files);
 
       // refreshes uploadParams as only set once in parent constructor
       this.setUploadParams(this.props.config.uploadParams);
       try {
         if (replaceFileId) {
-          this.uploadService.addFile(filesArray[0], replaceFileId);
+          this.uploadService.addFile(filesArray[0], replaceFileId, featureFlags);
         } else {
-          this.uploadService.addFiles(filesArray);
+          this.uploadService.addFiles(filesArray, featureFlags);
         }
       } finally {
         if (this.browserRef.current) {

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

@@ -22,9 +22,10 @@ const defaultConfig = {
 };
 const COMPONENT_NAME = 'clipboard';
 class ClipboardImpl {
-  constructor(uploadService, createAnalyticsEvent) {
+  constructor(uploadService, createAnalyticsEvent, featureFlags) {
     this.uploadService = uploadService;
     this.createAnalyticsEvent = createAnalyticsEvent;
+    this.featureFlags = featureFlags;
   }
   static get latestInstance() {
     return ClipboardImpl.instances[ClipboardImpl.instances.length - 1];
@@ -48,7 +49,10 @@ class ClipboardImpl {
     }
   }
   onFilesPasted(files) {
-    this.uploadService.addFilesWithSource(files);
+    const {
+      featureFlags
+    } = this;
+    this.uploadService.addFilesWithSource(files, featureFlags);
     this.fireAnalyticsEvent(files);
   }
   fireAnalyticsEvent(files) {
@@ -112,11 +116,16 @@ _defineProperty(ClipboardImpl, "handleEvent", event => {
 export class ClipboardBase extends LocalUploadComponentReact {
   constructor(props) {
     super(props, COMPONENT_NAME);
-    _defineProperty(this, "clipboard", new ClipboardImpl(this.uploadService, this.props.createAnalyticsEvent));
+    this.clipboard = new ClipboardImpl(this.uploadService, this.props.createAnalyticsEvent, props.featureFlags);
   }
   componentDidMount() {
     this.clipboard.activate();
   }
+  componentDidUpdate(prevProps) {
+    if (prevProps.featureFlags !== this.props.featureFlags) {
+      this.clipboard.featureFlags = this.props.featureFlags;
+    }
+  }
   componentWillUnmount() {
     this.clipboard.deactivate();
   }

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

@@ -66,21 +66,23 @@ export class DropzoneBase extends LocalUploadComponentReact {
       }
       dragEvent.preventDefault();
       dragEvent.stopPropagation();
-
+      const {
+        featureFlags
+      } = this.props;
       /*
        * Only enable support for folders if (1) the browser is supported (2) feature flag is enabled
        * The file flattening library used to add support for Folders uses a function called webkitEntry.
        * Some browser types are not supported https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/webkitEntries
        */
-      if (isWebkitSupported() && getMediaFeatureFlag('folderUploads', this.props.featureFlags)) {
+      if (isWebkitSupported() && getMediaFeatureFlag('folderUploads', featureFlags)) {
         this.fireAnalyticsForFolders(dragEvent.dataTransfer.items);
         const flattenedDirectoryFiles = await this.getFilesFromDragEvent(dragEvent.dataTransfer.items);
         this.onDropFolders(flattenedDirectoryFiles.length);
-        this.uploadService.addFiles(flattenedDirectoryFiles);
+        this.uploadService.addFiles(flattenedDirectoryFiles, featureFlags);
       } else {
         this.onDrop(dragEvent);
         const files = Array.from(dragEvent.dataTransfer.files);
-        this.uploadService.addFiles(files);
+        this.uploadService.addFiles(files, featureFlags);
       }
     });
     _defineProperty(this, "fireAnalyticsForFolders", items => {

package/dist/es2019/service/uploadServiceImpl.js

@@ -58,11 +58,11 @@ export class UploadServiceImpl {
   createUploadController() {
     return new UploadController();
   }
-  addFiles(files) {
+  addFiles(files, featureFlags) {
     this.addFilesWithSource(files.map(file => ({
       file,
       source: LocalFileSource.LocalUpload
-    })));
+    })), featureFlags);
   }
   addFile(file, replaceFileId) {
     this.addFilesWithSource([{
@@ -71,7 +71,7 @@ export class UploadServiceImpl {
       replaceFileId
     }]);
   }
-  addFilesWithSource(files) {
+  addFilesWithSource(files, featureFlags) {
     if (files.length === 0) {
       return;
     }
@@ -141,7 +141,7 @@ export class UploadServiceImpl {
         deferredUploadId
       };
       const controller = this.createUploadController();
-      const sourceFileObservable = mediaClient.file.upload(uploadableFile, controller, uploadableUpfrontIds, traceContext);
+      const sourceFileObservable = mediaClient.file.upload(uploadableFile, controller, uploadableUpfrontIds, traceContext, featureFlags);
       const mediaFile = {
         id,
         name: file.name,

package/dist/es2019/util/analytics.js

@@ -14,7 +14,7 @@ const relevantFlags = {
   fetchFileStateAfterUpload: true
 };
 const packageName = "@atlaskit/media-picker";
-const packageVersion = "64.2.2";
+const packageVersion = "64.2.3";
 export const LOGGED_FEATURE_FLAGS = filterFeatureFlagNames(relevantFlags);
 export const LOGGED_FEATURE_FLAG_KEYS = filterFeatureFlagKeysAllProducts(relevantFlags);
 export function getPackageAttributes(componentName) {

package/dist/es2019/util/ufoExperiences.js

@@ -2,7 +2,7 @@ import { ConcurrentExperience, ExperiencePerformanceTypes, ExperienceTypes } fro
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { LOGGED_FEATURE_FLAG_KEYS } from './analytics';
 const packageName = "@atlaskit/media-picker";
-const packageVersion = "64.2.2";
+const packageVersion = "64.2.3";
 let ufoExperience;
 const initExperience = (id, componentName) => {
   if (!ufoExperience) {

package/dist/es2019/version.json

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

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

@@ -30,15 +30,16 @@ export var BrowserBase = /*#__PURE__*/function (_LocalUploadComponent) {
         return;
       }
       var replaceFileId = _this.props.config.replaceFileId;
+      var featureFlags = _this.props.featureFlags;
       var filesArray = [].slice.call(event.target.files);
 
       // refreshes uploadParams as only set once in parent constructor
       _this.setUploadParams(_this.props.config.uploadParams);
       try {
         if (replaceFileId) {
-          _this.uploadService.addFile(filesArray[0], replaceFileId);
+          _this.uploadService.addFile(filesArray[0], replaceFileId, featureFlags);
         } else {
-          _this.uploadService.addFiles(filesArray);
+          _this.uploadService.addFiles(filesArray, featureFlags);
         }
       } finally {
         if (_this.browserRef.current) {

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

@@ -1,4 +1,3 @@
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
@@ -30,10 +29,11 @@ var defaultConfig = {
 };
 var COMPONENT_NAME = 'clipboard';
 var ClipboardImpl = /*#__PURE__*/function () {
-  function ClipboardImpl(uploadService, createAnalyticsEvent) {
+  function ClipboardImpl(uploadService, createAnalyticsEvent, featureFlags) {
     _classCallCheck(this, ClipboardImpl);
     this.uploadService = uploadService;
     this.createAnalyticsEvent = createAnalyticsEvent;
+    this.featureFlags = featureFlags;
   }
   _createClass(ClipboardImpl, [{
     key: "activate",
@@ -60,7 +60,8 @@ var ClipboardImpl = /*#__PURE__*/function () {
   }, {
     key: "onFilesPasted",
     value: function onFilesPasted(files) {
-      this.uploadService.addFilesWithSource(files);
+      var featureFlags = this.featureFlags;
+      this.uploadService.addFilesWithSource(files, featureFlags);
       this.fireAnalyticsEvent(files);
     }
   }, {
@@ -137,7 +138,7 @@ export var ClipboardBase = /*#__PURE__*/function (_LocalUploadComponent) {
     var _this;
     _classCallCheck(this, ClipboardBase);
     _this = _super.call(this, props, COMPONENT_NAME);
-    _defineProperty(_assertThisInitialized(_this), "clipboard", new ClipboardImpl(_this.uploadService, _this.props.createAnalyticsEvent));
+    _this.clipboard = new ClipboardImpl(_this.uploadService, _this.props.createAnalyticsEvent, props.featureFlags);
     return _this;
   }
   _createClass(ClipboardBase, [{
@@ -145,6 +146,13 @@ export var ClipboardBase = /*#__PURE__*/function (_LocalUploadComponent) {
     value: function componentDidMount() {
       this.clipboard.activate();
     }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (prevProps.featureFlags !== this.props.featureFlags) {
+        this.clipboard.featureFlags = this.props.featureFlags;
+      }
+    }
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {

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

@@ -76,7 +76,7 @@ export var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
     });
     _defineProperty(_assertThisInitialized(_this), "onFileDropped", /*#__PURE__*/function () {
       var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(dragEvent) {
-        var flattenedDirectoryFiles, files;
+        var featureFlags, flattenedDirectoryFiles, files;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
@@ -89,30 +89,30 @@ export var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
               case 2:
                 dragEvent.preventDefault();
                 dragEvent.stopPropagation();
-
+                featureFlags = _this.props.featureFlags;
                 /*
                  * Only enable support for folders if (1) the browser is supported (2) feature flag is enabled
                  * The file flattening library used to add support for Folders uses a function called webkitEntry.
                  * Some browser types are not supported https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/webkitEntries
                  */
-                if (!(isWebkitSupported() && getMediaFeatureFlag('folderUploads', _this.props.featureFlags))) {
-                  _context.next = 13;
+                if (!(isWebkitSupported() && getMediaFeatureFlag('folderUploads', featureFlags))) {
+                  _context.next = 14;
                   break;
                 }
                 _this.fireAnalyticsForFolders(dragEvent.dataTransfer.items);
-                _context.next = 8;
+                _context.next = 9;
                 return _this.getFilesFromDragEvent(dragEvent.dataTransfer.items);
-              case 8:
+              case 9:
                 flattenedDirectoryFiles = _context.sent;
                 _this.onDropFolders(flattenedDirectoryFiles.length);
-                _this.uploadService.addFiles(flattenedDirectoryFiles);
-                _context.next = 16;
+                _this.uploadService.addFiles(flattenedDirectoryFiles, featureFlags);
+                _context.next = 17;
                 break;
-              case 13:
+              case 14:
                 _this.onDrop(dragEvent);
                 files = Array.from(dragEvent.dataTransfer.files);
-                _this.uploadService.addFiles(files);
-              case 16:
+                _this.uploadService.addFiles(files, featureFlags);
+              case 17:
               case "end":
                 return _context.stop();
             }

package/dist/esm/service/uploadServiceImpl.js

@@ -84,13 +84,13 @@ export var UploadServiceImpl = /*#__PURE__*/function () {
     }
   }, {
     key: "addFiles",
-    value: function addFiles(files) {
+    value: function addFiles(files, featureFlags) {
       this.addFilesWithSource(files.map(function (file) {
         return {
           file: file,
           source: LocalFileSource.LocalUpload
         };
-      }));
+      }), featureFlags);
     }
   }, {
     key: "addFile",
@@ -103,7 +103,7 @@ export var UploadServiceImpl = /*#__PURE__*/function () {
     }
   }, {
     key: "addFilesWithSource",
-    value: function addFilesWithSource(files) {
+    value: function addFilesWithSource(files, featureFlags) {
       var _this2 = this;
       if (files.length === 0) {
         return;
@@ -169,7 +169,7 @@ export var UploadServiceImpl = /*#__PURE__*/function () {
           deferredUploadId: deferredUploadId
         };
         var controller = _this2.createUploadController();
-        var sourceFileObservable = mediaClient.file.upload(uploadableFile, controller, uploadableUpfrontIds, traceContext);
+        var sourceFileObservable = mediaClient.file.upload(uploadableFile, controller, uploadableUpfrontIds, traceContext, featureFlags);
         var mediaFile = {
           id: id,
           name: file.name,

package/dist/esm/util/analytics.js

@@ -14,7 +14,7 @@ var relevantFlags = {
   fetchFileStateAfterUpload: true
 };
 var packageName = "@atlaskit/media-picker";
-var packageVersion = "64.2.2";
+var packageVersion = "64.2.3";
 export var LOGGED_FEATURE_FLAGS = filterFeatureFlagNames(relevantFlags);
 export var LOGGED_FEATURE_FLAG_KEYS = filterFeatureFlagKeysAllProducts(relevantFlags);
 export function getPackageAttributes(componentName) {

package/dist/esm/util/ufoExperiences.js

@@ -5,7 +5,7 @@ import { ConcurrentExperience, ExperiencePerformanceTypes, ExperienceTypes } fro
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { LOGGED_FEATURE_FLAG_KEYS } from './analytics';
 var packageName = "@atlaskit/media-picker";
-var packageVersion = "64.2.2";
+var packageVersion = "64.2.3";
 var ufoExperience;
 var initExperience = function initExperience(id, componentName) {
   if (!ufoExperience) {

package/dist/esm/version.json

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

package/dist/types/components/clipboard/clipboard.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { MediaFeatureFlags } from '@atlaskit/media-common';
 import { LocalUploadComponentReact, LocalUploadComponentBaseProps } from '../localUploadReact';
 import { LocalFileWithSource, UploadService } from '../../service/types';
 import { ClipboardConfig } from '../../types';
@@ -13,8 +14,9 @@ export declare type ClipboardProps = LocalUploadComponentBaseProps & {
 declare class ClipboardImpl {
     private readonly uploadService;
     private readonly createAnalyticsEvent?;
+    featureFlags?: MediaFeatureFlags | undefined;
     static instances: ClipboardImpl[];
-    constructor(uploadService: UploadService, createAnalyticsEvent?: CreateUIAnalyticsEvent | undefined);
+    constructor(uploadService: UploadService, createAnalyticsEvent?: CreateUIAnalyticsEvent | undefined, featureFlags?: MediaFeatureFlags | undefined);
     static get latestInstance(): ClipboardImpl | undefined;
     activate(): void;
     deactivate(): void;
@@ -29,6 +31,7 @@ export declare class ClipboardBase extends LocalUploadComponentReact<ClipboardPr
         config: ClipboardConfig;
     };
     componentDidMount(): void;
+    componentDidUpdate(prevProps: ClipboardProps): void;
     componentWillUnmount(): void;
     render(): null;
 }

package/dist/types/service/types.d.ts

@@ -1,3 +1,4 @@
+import { MediaFeatureFlags } from '@atlaskit/media-common';
 import { UploadEndEventPayload, UploadErrorEventPayload, UploadPreviewUpdateEventPayload, UploadsStartEventPayload, UploadParams } from '../types';
 export declare type UploadServiceEventPayloadTypes = {
     readonly 'files-added': UploadsStartEventPayload;
@@ -10,9 +11,9 @@ export declare type UploadServiceEventListener<E extends keyof UploadServiceEven
 export declare const MAX_FILE_SIZE_FOR_PREVIEW = 10000000;
 export interface UploadService {
     setUploadParams(uploadParams: UploadParams): void;
-    addFile(file: File, replaceFileId?: string): void;
-    addFiles(files: File[]): void;
-    addFilesWithSource(files: LocalFileWithSource[]): void;
+    addFile(file: File, replaceFileId?: string, featureFlags?: MediaFeatureFlags): void;
+    addFiles(files: File[], featureFlags?: MediaFeatureFlags): void;
+    addFilesWithSource(files: LocalFileWithSource[], featureFlags?: MediaFeatureFlags): void;
     cancel(id?: string): void;
     on<E extends keyof UploadServiceEventPayloadTypes>(event: E, listener: UploadServiceEventListener<E>): void;
     off<E extends keyof UploadServiceEventPayloadTypes>(event: E, listener: UploadServiceEventListener<E>): void;

package/dist/types/service/uploadServiceImpl.d.ts

@@ -2,6 +2,7 @@ import { MediaClient } from '@atlaskit/media-client';
 import { MediaFile, UploadParams } from '../types';
 import { UploadService, UploadServiceEventListener, UploadServiceEventPayloadTypes } from './types';
 import { LocalFileSource, LocalFileWithSource } from '../service/types';
+import { MediaFeatureFlags } from '@atlaskit/media-common';
 export interface CancellableFileUpload {
     mediaFile: MediaFile;
     file: File;
@@ -18,9 +19,9 @@ export declare class UploadServiceImpl implements UploadService {
     constructor(tenantMediaClient: MediaClient, tenantUploadParams: UploadParams, shouldCopyFileToRecents: boolean);
     setUploadParams(uploadParams: UploadParams): void;
     private createUploadController;
-    addFiles(files: File[]): void;
+    addFiles(files: File[], featureFlags?: MediaFeatureFlags): void;
     addFile(file: File, replaceFileId?: string): void;
-    addFilesWithSource(files: LocalFileWithSource[]): void;
+    addFilesWithSource(files: LocalFileWithSource[], featureFlags?: MediaFeatureFlags): void;
     cancel(id?: string): void;
     on<E extends keyof UploadServiceEventPayloadTypes>(event: E, listener: UploadServiceEventListener<E>): void;
     off<E extends keyof UploadServiceEventPayloadTypes>(event: E, listener: UploadServiceEventListener<E>): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-picker",
-  "version": "64.2.2",
+  "version": "64.2.3",
   "description": "Library for handling file uploads",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -27,7 +27,7 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^9.0.0",
-    "@atlaskit/media-client": "^20.1.0",
+    "@atlaskit/media-client": "^20.2.0",
     "@atlaskit/media-common": "^3.0.0",
     "@atlaskit/media-ui": "^22.3.0",
     "@atlaskit/ufo": "^0.1.0",