@atlaskit/editor-plugin-media 1.34.0 → 1.34.2

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/editor-plugin-media
 
+## 1.34.2
+
+### Patch Changes
+
+- Updated dependencies
+
+## 1.34.1
+
+### Patch Changes
+
+- [#146446](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/146446)
+  [`c98c34dd5f307`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c98c34dd5f307) -
+  [ED-24941] Added analytics for media-insert
+
+  - **@atlaskit/editor-common**: Add enums and types for new anaylics params
+  - **@atlaskit/editor-plugin-media**: Include 'insertMediaVia' on analytics events for inserting
+    media into the document
+  - **@atlaskit/editor-plugin-media-insert**: Set 'insertMediaVia' field for particular
+    'externalUpload', 'externalUrl' or 'localUpload' media inserts
+
 ## 1.34.0
 
 ### Minor Changes

package/dist/cjs/plugin.js

@@ -64,9 +64,9 @@ var mediaPlugin = exports.mediaPlugin = function mediaPlugin(_ref2) {
       return _main.stateKey.getState(editorState) || null;
     },
     actions: {
-      insertMediaAsMediaSingle: function insertMediaAsMediaSingle(view, node, inputMethod) {
+      insertMediaAsMediaSingle: function insertMediaAsMediaSingle(view, node, inputMethod, insertMediaVia) {
         var _api$analytics;
-        return (0, _mediaSingle2.insertMediaAsMediaSingle)(view, node, inputMethod, api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions);
+        return (0, _mediaSingle2.insertMediaAsMediaSingle)(view, node, inputMethod, api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions, insertMediaVia);
       },
       setProvider: function setProvider(provider) {
         var _api$core$actions$exe;

package/dist/cjs/pm-plugins/main.js

@@ -126,7 +126,7 @@ var MediaPluginStateImplementation = exports.MediaPluginStateImplementation = /*
      *
      * called when we insert a new file via the picker (connected via pickerfacade)
      */
-    (0, _defineProperty2.default)(this, "insertFile", function (mediaState, onMediaStateChanged, pickerType) {
+    (0, _defineProperty2.default)(this, "insertFile", function (mediaState, onMediaStateChanged, pickerType, insertMediaVia) {
       var _this$pluginInjection, _this$pluginInjection2, _mediaState$collectio, _this$pluginInjection3;
       var state = _this.view.state;
       var editorAnalyticsAPI = (_this$pluginInjection = _this.pluginInjectionApi) === null || _this$pluginInjection === void 0 || (_this$pluginInjection = _this$pluginInjection.analytics) === null || _this$pluginInjection === void 0 ? void 0 : _this$pluginInjection.actions;
@@ -153,15 +153,15 @@ var MediaPluginStateImplementation = exports.MediaPluginStateImplementation = /*
       }
       switch ((0, _mediaInline2.getMediaNodeInsertionType)(state, _this.mediaOptions, mediaStateWithContext.fileMimeType)) {
         case 'inline':
-          (0, _mediaFiles.insertMediaInlineNode)(editorAnalyticsAPI)(_this.view, mediaStateWithContext, collection, _this.allowInlineImages, _this.getInputMethod(pickerType));
+          (0, _mediaFiles.insertMediaInlineNode)(editorAnalyticsAPI)(_this.view, mediaStateWithContext, collection, _this.allowInlineImages, _this.getInputMethod(pickerType), insertMediaVia);
           break;
         case 'block':
           // read width state right before inserting to get up-to-date and define values
           var widthPluginState = (_this$pluginInjection3 = _this.pluginInjectionApi) === null || _this$pluginInjection3 === void 0 || (_this$pluginInjection3 = _this$pluginInjection3.width) === null || _this$pluginInjection3 === void 0 ? void 0 : _this$pluginInjection3.sharedState.currentState();
-          (0, _mediaSingle2.insertMediaSingleNode)(_this.view, mediaStateWithContext, _this.getInputMethod(pickerType), collection, _this.mediaOptions && _this.mediaOptions.alignLeftOnInsert, widthPluginState, editorAnalyticsAPI, _this.onNodeInserted, isNestingInQuoteSupported);
+          (0, _mediaSingle2.insertMediaSingleNode)(_this.view, mediaStateWithContext, _this.getInputMethod(pickerType), collection, _this.mediaOptions && _this.mediaOptions.alignLeftOnInsert, widthPluginState, editorAnalyticsAPI, _this.onNodeInserted, isNestingInQuoteSupported, insertMediaVia);
           break;
         case 'group':
-          (0, _mediaFiles.insertMediaGroupNode)(editorAnalyticsAPI)(_this.view, [mediaStateWithContext], collection, _this.getInputMethod(pickerType), isNestingInQuoteSupported);
+          (0, _mediaFiles.insertMediaGroupNode)(editorAnalyticsAPI)(_this.view, [mediaStateWithContext], collection, _this.getInputMethod(pickerType), isNestingInQuoteSupported, insertMediaVia);
           break;
       }
 
@@ -333,6 +333,10 @@ var MediaPluginStateImplementation = exports.MediaPluginStateImplementation = /*
     });
     (0, _defineProperty2.default)(this, "getInputMethod", function (pickerType) {
       switch (pickerType) {
+        case _analytics.INPUT_METHOD.PICKER_CLOUD:
+          return _analytics.INPUT_METHOD.PICKER_CLOUD;
+        case _analytics.INPUT_METHOD.MEDIA_PICKER:
+          return _analytics.INPUT_METHOD.MEDIA_PICKER;
         case 'clipboard':
           return _analytics.INPUT_METHOD.CLIPBOARD;
         case 'dropzone':

package/dist/cjs/utils/media-files.js

@@ -17,7 +17,7 @@ var canInsertMediaInline = exports.canInsertMediaInline = function canInsertMedi
   var node = state.schema.nodes.mediaInline.create({});
   return (0, _utils2.canInsert)(state.selection.$to, _model.Fragment.from(node));
 };
-var getInsertMediaGroupAnalytics = function getInsertMediaGroupAnalytics(mediaState, inputMethod) {
+var getInsertMediaGroupAnalytics = function getInsertMediaGroupAnalytics(mediaState, inputMethod, insertMediaVia) {
   var media = '';
   if (mediaState.length === 1) {
     media = mediaState[0].fileMimeType || 'unknown';
@@ -31,12 +31,13 @@ var getInsertMediaGroupAnalytics = function getInsertMediaGroupAnalytics(mediaSt
     attributes: {
       type: _analytics.ACTION_SUBJECT_ID.MEDIA_GROUP,
       inputMethod: inputMethod,
-      fileExtension: media
+      fileExtension: media,
+      insertMediaVia: insertMediaVia
     },
     eventType: _analytics.EVENT_TYPE.TRACK
   };
 };
-var getInsertMediaInlineAnalytics = function getInsertMediaInlineAnalytics(mediaState, inputMethod) {
+var getInsertMediaInlineAnalytics = function getInsertMediaInlineAnalytics(mediaState, inputMethod, insertMediaVia) {
   var media = mediaState.fileMimeType || 'unknown';
   return {
     action: _analytics.ACTION.INSERTED,
@@ -45,7 +46,8 @@ var getInsertMediaInlineAnalytics = function getInsertMediaInlineAnalytics(media
     attributes: {
       type: _analytics.ACTION_SUBJECT_ID.MEDIA_INLINE,
       inputMethod: inputMethod,
-      fileExtension: media
+      fileExtension: media,
+      insertMediaVia: insertMediaVia
     },
     eventType: _analytics.EVENT_TYPE.TRACK
   };
@@ -81,7 +83,7 @@ function shouldAppendParagraph(state, node) {
  * @param collection Collection for the media to be added
  */
 var insertMediaInlineNode = exports.insertMediaInlineNode = function insertMediaInlineNode(editorAnalyticsAPI) {
-  return function (view, mediaState, collection, allowInlineImages, inputMethod) {
+  return function (view, mediaState, collection, allowInlineImages, inputMethod, insertMediaVia) {
     var state = view.state,
       dispatch = view.dispatch;
     var schema = state.schema,
@@ -132,7 +134,7 @@ var insertMediaInlineNode = exports.insertMediaInlineNode = function insertMedia
     } else {
       tr.insert(pos, content).deleteRange(deleteRange.start, deleteRange.end);
     }
-    editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaInlineAnalytics(mediaState, inputMethod))(tr);
+    editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaInlineAnalytics(mediaState, inputMethod, insertMediaVia))(tr);
     dispatch(tr);
     return true;
   };
@@ -146,7 +148,7 @@ var insertMediaInlineNode = exports.insertMediaInlineNode = function insertMedia
  * @param collection Collection for the media to be added
  */
 var insertMediaGroupNode = exports.insertMediaGroupNode = function insertMediaGroupNode(editorAnalyticsAPI) {
-  return function (view, mediaStates, collection, inputMethod, isNestingInQuoteSupported) {
+  return function (view, mediaStates, collection, inputMethod, isNestingInQuoteSupported, insertMediaVia) {
     var state = view.state,
       dispatch = view.dispatch;
     var tr = state.tr,
@@ -190,7 +192,7 @@ var insertMediaGroupNode = exports.insertMediaGroupNode = function insertMediaGr
       } else {
         tr.insert(mediaInsertPos, content).deleteRange(deleteRange.start, deleteRange.end);
       }
-      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaGroupAnalytics(mediaStates, inputMethod))(tr);
+      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaGroupAnalytics(mediaStates, inputMethod, insertMediaVia))(tr);
       dispatch(tr);
       setSelectionAfterMediaInsertion(view);
       return;
@@ -200,7 +202,7 @@ var insertMediaGroupNode = exports.insertMediaGroupNode = function insertMediaGr
     if (withParagraph && parent.type !== schema.nodes.mediaGroup) {
       content.push(paragraph.create());
     }
-    editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaGroupAnalytics(mediaStates, inputMethod))(tr);
+    editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaGroupAnalytics(mediaStates, inputMethod, insertMediaVia))(tr);
     dispatch((0, _utils2.safeInsert)(_model.Fragment.fromArray(content), mediaInsertPos)(tr));
   };
 };

package/dist/cjs/utils/media-single.js

@@ -22,13 +22,14 @@ var _analytics2 = require("./analytics");
 var _isType = require("./is-type");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var getInsertMediaAnalytics = function getInsertMediaAnalytics(inputMethod, fileExtension) {
+var getInsertMediaAnalytics = function getInsertMediaAnalytics(inputMethod, fileExtension, insertMediaVia) {
   return {
     action: _analytics.ACTION.INSERTED,
     actionSubject: _analytics.ACTION_SUBJECT.DOCUMENT,
     actionSubjectId: _analytics.ACTION_SUBJECT_ID.MEDIA,
     attributes: {
       inputMethod: inputMethod,
+      insertMediaVia: insertMediaVia,
       fileExtension: fileExtension,
       type: _analytics.ACTION_SUBJECT_ID.MEDIA_SINGLE
     },
@@ -42,6 +43,7 @@ function insertNodesWithOptionalParagraph(nodes) {
   var analyticsAttributes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var editorAnalyticsAPI = arguments.length > 2 ? arguments[2] : undefined;
   var isNestingInQuoteSupported = arguments.length > 3 ? arguments[3] : undefined;
+  var insertMediaVia = arguments.length > 4 ? arguments[4] : undefined;
   return function (state, dispatch) {
     var tr = state.tr,
       schema = state.schema;
@@ -73,7 +75,7 @@ function insertNodesWithOptionalParagraph(nodes) {
       tr.replaceSelection(new _model.Slice(_model.Fragment.from(nodes), 0, openEnd));
     }
     if (inputMethod) {
-      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaAnalytics(inputMethod, fileExtension))(tr);
+      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaAnalytics(inputMethod, fileExtension, insertMediaVia))(tr);
     }
     if (newType && previousType) {
       editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent((0, _analytics2.getChangeMediaAnalytics)(previousType, newType, (0, _analytics2.findChangeFromLocation)(state.selection)))(tr);
@@ -87,7 +89,7 @@ function insertNodesWithOptionalParagraph(nodes) {
 var isMediaSingle = exports.isMediaSingle = function isMediaSingle(schema, fileMimeType) {
   return !!schema.nodes.mediaSingle && (0, _isType.isImage)(fileMimeType);
 };
-var insertMediaAsMediaSingle = exports.insertMediaAsMediaSingle = function insertMediaAsMediaSingle(view, node, inputMethod, editorAnalyticsAPI, isNestingInQuoteSupported) {
+var insertMediaAsMediaSingle = exports.insertMediaAsMediaSingle = function insertMediaAsMediaSingle(view, node, inputMethod, editorAnalyticsAPI, isNestingInQuoteSupported, insertMediaVia) {
   var _node$attrs$width;
   var state = view.state,
     dispatch = view.dispatch;
@@ -115,7 +117,7 @@ var insertMediaAsMediaSingle = exports.insertMediaAsMediaSingle = function inser
     inputMethod: inputMethod,
     fileExtension: node.attrs.__fileMimeType
   };
-  return insertNodesWithOptionalParagraph(nodes, analyticsAttributes, editorAnalyticsAPI, isNestingInQuoteSupported)(state, dispatch);
+  return insertNodesWithOptionalParagraph(nodes, analyticsAttributes, editorAnalyticsAPI, isNestingInQuoteSupported, insertMediaVia)(state, dispatch);
 };
 var getFileExtension = function getFileExtension(fileName) {
   if (fileName) {
@@ -124,7 +126,7 @@ var getFileExtension = function getFileExtension(fileName) {
   }
   return undefined;
 };
-var insertMediaSingleNode = exports.insertMediaSingleNode = function insertMediaSingleNode(view, mediaState, inputMethod, collection, alignLeftOnInsert, widthPluginState, editorAnalyticsAPI, onNodeInserted, isNestingInQuoteSupported) {
+var insertMediaSingleNode = exports.insertMediaSingleNode = function insertMediaSingleNode(view, mediaState, inputMethod, collection, alignLeftOnInsert, widthPluginState, editorAnalyticsAPI, onNodeInserted, isNestingInQuoteSupported, insertMediaVia) {
   var _state$selection$$fro;
   if (collection === undefined) {
     return false;
@@ -153,7 +155,7 @@ var insertMediaSingleNode = exports.insertMediaSingleNode = function insertMedia
     insertNodesWithOptionalParagraph([node], {
       fileExtension: fileExtension,
       inputMethod: inputMethod
-    }, editorAnalyticsAPI, isNestingInQuoteSupported)(state, dispatch);
+    }, editorAnalyticsAPI, isNestingInQuoteSupported, insertMediaVia)(state, dispatch);
   } else {
     var tr = null;
     tr = (0, _insert.safeInsert)(node, state.selection.from)(state.tr);
@@ -162,7 +164,7 @@ var insertMediaSingleNode = exports.insertMediaSingleNode = function insertMedia
       tr = (0, _utils2.safeInsert)(content, undefined, true)(state.tr);
     }
     if (inputMethod) {
-      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaAnalytics(inputMethod, fileExtension))(tr);
+      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaAnalytics(inputMethod, fileExtension, insertMediaVia))(tr);
     }
     dispatch(tr);
   }

package/dist/es2019/plugin.js

@@ -59,9 +59,9 @@ export const mediaPlugin = ({
       return stateKey.getState(editorState) || null;
     },
     actions: {
-      insertMediaAsMediaSingle: (view, node, inputMethod) => {
+      insertMediaAsMediaSingle: (view, node, inputMethod, insertMediaVia) => {
         var _api$analytics;
-        return insertMediaAsMediaSingle(view, node, inputMethod, api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions);
+        return insertMediaAsMediaSingle(view, node, inputMethod, api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions, insertMediaVia);
       },
       setProvider: provider => {
         var _api$core$actions$exe;

package/dist/es2019/pm-plugins/main.js

@@ -99,7 +99,7 @@ export class MediaPluginStateImplementation {
      *
      * called when we insert a new file via the picker (connected via pickerfacade)
      */
-    _defineProperty(this, "insertFile", (mediaState, onMediaStateChanged, pickerType) => {
+    _defineProperty(this, "insertFile", (mediaState, onMediaStateChanged, pickerType, insertMediaVia) => {
       var _this$pluginInjection, _this$pluginInjection2, _this$pluginInjection3, _this$pluginInjection4, _this$pluginInjection5, _mediaState$collectio, _this$pluginInjection6, _this$pluginInjection7;
       const {
         state
@@ -127,15 +127,15 @@ export class MediaPluginStateImplementation {
       }
       switch (getMediaNodeInsertionType(state, this.mediaOptions, mediaStateWithContext.fileMimeType)) {
         case 'inline':
-          insertMediaInlineNode(editorAnalyticsAPI)(this.view, mediaStateWithContext, collection, this.allowInlineImages, this.getInputMethod(pickerType));
+          insertMediaInlineNode(editorAnalyticsAPI)(this.view, mediaStateWithContext, collection, this.allowInlineImages, this.getInputMethod(pickerType), insertMediaVia);
           break;
         case 'block':
           // read width state right before inserting to get up-to-date and define values
           const widthPluginState = (_this$pluginInjection6 = this.pluginInjectionApi) === null || _this$pluginInjection6 === void 0 ? void 0 : (_this$pluginInjection7 = _this$pluginInjection6.width) === null || _this$pluginInjection7 === void 0 ? void 0 : _this$pluginInjection7.sharedState.currentState();
-          insertMediaSingleNode(this.view, mediaStateWithContext, this.getInputMethod(pickerType), collection, this.mediaOptions && this.mediaOptions.alignLeftOnInsert, widthPluginState, editorAnalyticsAPI, this.onNodeInserted, isNestingInQuoteSupported);
+          insertMediaSingleNode(this.view, mediaStateWithContext, this.getInputMethod(pickerType), collection, this.mediaOptions && this.mediaOptions.alignLeftOnInsert, widthPluginState, editorAnalyticsAPI, this.onNodeInserted, isNestingInQuoteSupported, insertMediaVia);
           break;
         case 'group':
-          insertMediaGroupNode(editorAnalyticsAPI)(this.view, [mediaStateWithContext], collection, this.getInputMethod(pickerType), isNestingInQuoteSupported);
+          insertMediaGroupNode(editorAnalyticsAPI)(this.view, [mediaStateWithContext], collection, this.getInputMethod(pickerType), isNestingInQuoteSupported, insertMediaVia);
           break;
       }
 
@@ -292,6 +292,10 @@ export class MediaPluginStateImplementation {
     });
     _defineProperty(this, "getInputMethod", pickerType => {
       switch (pickerType) {
+        case INPUT_METHOD.PICKER_CLOUD:
+          return INPUT_METHOD.PICKER_CLOUD;
+        case INPUT_METHOD.MEDIA_PICKER:
+          return INPUT_METHOD.MEDIA_PICKER;
         case 'clipboard':
           return INPUT_METHOD.CLIPBOARD;
         case 'dropzone':

package/dist/es2019/utils/media-files.js

@@ -11,7 +11,7 @@ export const canInsertMediaInline = state => {
   const node = state.schema.nodes.mediaInline.create({});
   return canInsert(state.selection.$to, Fragment.from(node));
 };
-const getInsertMediaGroupAnalytics = (mediaState, inputMethod) => {
+const getInsertMediaGroupAnalytics = (mediaState, inputMethod, insertMediaVia) => {
   let media = '';
   if (mediaState.length === 1) {
     media = mediaState[0].fileMimeType || 'unknown';
@@ -25,12 +25,13 @@ const getInsertMediaGroupAnalytics = (mediaState, inputMethod) => {
     attributes: {
       type: ACTION_SUBJECT_ID.MEDIA_GROUP,
       inputMethod,
-      fileExtension: media
+      fileExtension: media,
+      insertMediaVia
     },
     eventType: EVENT_TYPE.TRACK
   };
 };
-const getInsertMediaInlineAnalytics = (mediaState, inputMethod) => {
+const getInsertMediaInlineAnalytics = (mediaState, inputMethod, insertMediaVia) => {
   const media = mediaState.fileMimeType || 'unknown';
   return {
     action: ACTION.INSERTED,
@@ -39,7 +40,8 @@ const getInsertMediaInlineAnalytics = (mediaState, inputMethod) => {
     attributes: {
       type: ACTION_SUBJECT_ID.MEDIA_INLINE,
       inputMethod,
-      fileExtension: media
+      fileExtension: media,
+      insertMediaVia
     },
     eventType: EVENT_TYPE.TRACK
   };
@@ -82,7 +84,7 @@ function shouldAppendParagraph(state, node) {
  * @param allowInlineImages Configuration for allowing adding of inline images
  * @param collection Collection for the media to be added
  */
-export const insertMediaInlineNode = editorAnalyticsAPI => (view, mediaState, collection, allowInlineImages, inputMethod) => {
+export const insertMediaInlineNode = editorAnalyticsAPI => (view, mediaState, collection, allowInlineImages, inputMethod, insertMediaVia) => {
   const {
     state,
     dispatch
@@ -141,7 +143,7 @@ export const insertMediaInlineNode = editorAnalyticsAPI => (view, mediaState, co
   } else {
     tr.insert(pos, content).deleteRange(deleteRange.start, deleteRange.end);
   }
-  editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaInlineAnalytics(mediaState, inputMethod))(tr);
+  editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaInlineAnalytics(mediaState, inputMethod, insertMediaVia))(tr);
   dispatch(tr);
   return true;
 };
@@ -153,7 +155,7 @@ export const insertMediaInlineNode = editorAnalyticsAPI => (view, mediaState, co
  * @param mediaStates Media files to be added to the editor
  * @param collection Collection for the media to be added
  */
-export const insertMediaGroupNode = editorAnalyticsAPI => (view, mediaStates, collection, inputMethod, isNestingInQuoteSupported) => {
+export const insertMediaGroupNode = editorAnalyticsAPI => (view, mediaStates, collection, inputMethod, isNestingInQuoteSupported, insertMediaVia) => {
   const {
     state,
     dispatch
@@ -202,7 +204,7 @@ export const insertMediaGroupNode = editorAnalyticsAPI => (view, mediaStates, co
     } else {
       tr.insert(mediaInsertPos, content).deleteRange(deleteRange.start, deleteRange.end);
     }
-    editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaGroupAnalytics(mediaStates, inputMethod))(tr);
+    editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaGroupAnalytics(mediaStates, inputMethod, insertMediaVia))(tr);
     dispatch(tr);
     setSelectionAfterMediaInsertion(view);
     return;
@@ -212,7 +214,7 @@ export const insertMediaGroupNode = editorAnalyticsAPI => (view, mediaStates, co
   if (withParagraph && parent.type !== schema.nodes.mediaGroup) {
     content.push(paragraph.create());
   }
-  editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaGroupAnalytics(mediaStates, inputMethod))(tr);
+  editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaGroupAnalytics(mediaStates, inputMethod, insertMediaVia))(tr);
   dispatch(safeInsert(Fragment.fromArray(content), mediaInsertPos)(tr));
 };
 const createMediaFileNodes = (mediaStates, collection, media) => {

package/dist/es2019/utils/media-single.js

@@ -12,12 +12,13 @@ import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { copyOptionalAttrsFromMediaState } from '../utils/media-common';
 import { findChangeFromLocation, getChangeMediaAnalytics } from './analytics';
 import { isImage } from './is-type';
-const getInsertMediaAnalytics = (inputMethod, fileExtension) => ({
+const getInsertMediaAnalytics = (inputMethod, fileExtension, insertMediaVia) => ({
   action: ACTION.INSERTED,
   actionSubject: ACTION_SUBJECT.DOCUMENT,
   actionSubjectId: ACTION_SUBJECT_ID.MEDIA,
   attributes: {
     inputMethod,
+    insertMediaVia,
     fileExtension,
     type: ACTION_SUBJECT_ID.MEDIA_SINGLE
   },
@@ -26,7 +27,7 @@ const getInsertMediaAnalytics = (inputMethod, fileExtension) => ({
 function shouldAddParagraph(state) {
   return atTheBeginningOfBlock(state) && !checkNodeDown(state.selection, state.doc, isEmptyParagraph);
 }
-function insertNodesWithOptionalParagraph(nodes, analyticsAttributes = {}, editorAnalyticsAPI, isNestingInQuoteSupported) {
+function insertNodesWithOptionalParagraph(nodes, analyticsAttributes = {}, editorAnalyticsAPI, isNestingInQuoteSupported, insertMediaVia) {
   return function (state, dispatch) {
     const {
       tr,
@@ -62,7 +63,7 @@ function insertNodesWithOptionalParagraph(nodes, analyticsAttributes = {}, edito
       tr.replaceSelection(new Slice(Fragment.from(nodes), 0, openEnd));
     }
     if (inputMethod) {
-      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaAnalytics(inputMethod, fileExtension))(tr);
+      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaAnalytics(inputMethod, fileExtension, insertMediaVia))(tr);
     }
     if (newType && previousType) {
       editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent(getChangeMediaAnalytics(previousType, newType, findChangeFromLocation(state.selection)))(tr);
@@ -74,7 +75,7 @@ function insertNodesWithOptionalParagraph(nodes, analyticsAttributes = {}, edito
   };
 }
 export const isMediaSingle = (schema, fileMimeType) => !!schema.nodes.mediaSingle && isImage(fileMimeType);
-export const insertMediaAsMediaSingle = (view, node, inputMethod, editorAnalyticsAPI, isNestingInQuoteSupported) => {
+export const insertMediaAsMediaSingle = (view, node, inputMethod, editorAnalyticsAPI, isNestingInQuoteSupported, insertMediaVia) => {
   var _node$attrs$width;
   const {
     state,
@@ -105,7 +106,7 @@ export const insertMediaAsMediaSingle = (view, node, inputMethod, editorAnalytic
     inputMethod,
     fileExtension: node.attrs.__fileMimeType
   };
-  return insertNodesWithOptionalParagraph(nodes, analyticsAttributes, editorAnalyticsAPI, isNestingInQuoteSupported)(state, dispatch);
+  return insertNodesWithOptionalParagraph(nodes, analyticsAttributes, editorAnalyticsAPI, isNestingInQuoteSupported, insertMediaVia)(state, dispatch);
 };
 const getFileExtension = fileName => {
   if (fileName) {
@@ -114,7 +115,7 @@ const getFileExtension = fileName => {
   }
   return undefined;
 };
-export const insertMediaSingleNode = (view, mediaState, inputMethod, collection, alignLeftOnInsert, widthPluginState, editorAnalyticsAPI, onNodeInserted, isNestingInQuoteSupported) => {
+export const insertMediaSingleNode = (view, mediaState, inputMethod, collection, alignLeftOnInsert, widthPluginState, editorAnalyticsAPI, onNodeInserted, isNestingInQuoteSupported, insertMediaVia) => {
   var _state$selection$$fro;
   if (collection === undefined) {
     return false;
@@ -145,7 +146,7 @@ export const insertMediaSingleNode = (view, mediaState, inputMethod, collection,
     insertNodesWithOptionalParagraph([node], {
       fileExtension,
       inputMethod
-    }, editorAnalyticsAPI, isNestingInQuoteSupported)(state, dispatch);
+    }, editorAnalyticsAPI, isNestingInQuoteSupported, insertMediaVia)(state, dispatch);
   } else {
     let tr = null;
     tr = safeInsert(node, state.selection.from)(state.tr);
@@ -154,7 +155,7 @@ export const insertMediaSingleNode = (view, mediaState, inputMethod, collection,
       tr = pmSafeInsert(content, undefined, true)(state.tr);
     }
     if (inputMethod) {
-      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaAnalytics(inputMethod, fileExtension))(tr);
+      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaAnalytics(inputMethod, fileExtension, insertMediaVia))(tr);
     }
     dispatch(tr);
   }

package/dist/esm/plugin.js

@@ -57,9 +57,9 @@ export var mediaPlugin = function mediaPlugin(_ref2) {
       return stateKey.getState(editorState) || null;
     },
     actions: {
-      insertMediaAsMediaSingle: function insertMediaAsMediaSingle(view, node, inputMethod) {
+      insertMediaAsMediaSingle: function insertMediaAsMediaSingle(view, node, inputMethod, insertMediaVia) {
         var _api$analytics;
-        return _insertMediaAsMediaSingle(view, node, inputMethod, api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions);
+        return _insertMediaAsMediaSingle(view, node, inputMethod, api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions, insertMediaVia);
       },
       setProvider: function setProvider(provider) {
         var _api$core$actions$exe;

package/dist/esm/pm-plugins/main.js

@@ -111,7 +111,7 @@ export var MediaPluginStateImplementation = /*#__PURE__*/function () {
      *
      * called when we insert a new file via the picker (connected via pickerfacade)
      */
-    _defineProperty(this, "insertFile", function (mediaState, onMediaStateChanged, pickerType) {
+    _defineProperty(this, "insertFile", function (mediaState, onMediaStateChanged, pickerType, insertMediaVia) {
       var _this$pluginInjection, _this$pluginInjection2, _mediaState$collectio, _this$pluginInjection3;
       var state = _this.view.state;
       var editorAnalyticsAPI = (_this$pluginInjection = _this.pluginInjectionApi) === null || _this$pluginInjection === void 0 || (_this$pluginInjection = _this$pluginInjection.analytics) === null || _this$pluginInjection === void 0 ? void 0 : _this$pluginInjection.actions;
@@ -138,15 +138,15 @@ export var MediaPluginStateImplementation = /*#__PURE__*/function () {
       }
       switch (getMediaNodeInsertionType(state, _this.mediaOptions, mediaStateWithContext.fileMimeType)) {
         case 'inline':
-          insertMediaInlineNode(editorAnalyticsAPI)(_this.view, mediaStateWithContext, collection, _this.allowInlineImages, _this.getInputMethod(pickerType));
+          insertMediaInlineNode(editorAnalyticsAPI)(_this.view, mediaStateWithContext, collection, _this.allowInlineImages, _this.getInputMethod(pickerType), insertMediaVia);
           break;
         case 'block':
           // read width state right before inserting to get up-to-date and define values
           var widthPluginState = (_this$pluginInjection3 = _this.pluginInjectionApi) === null || _this$pluginInjection3 === void 0 || (_this$pluginInjection3 = _this$pluginInjection3.width) === null || _this$pluginInjection3 === void 0 ? void 0 : _this$pluginInjection3.sharedState.currentState();
-          insertMediaSingleNode(_this.view, mediaStateWithContext, _this.getInputMethod(pickerType), collection, _this.mediaOptions && _this.mediaOptions.alignLeftOnInsert, widthPluginState, editorAnalyticsAPI, _this.onNodeInserted, isNestingInQuoteSupported);
+          insertMediaSingleNode(_this.view, mediaStateWithContext, _this.getInputMethod(pickerType), collection, _this.mediaOptions && _this.mediaOptions.alignLeftOnInsert, widthPluginState, editorAnalyticsAPI, _this.onNodeInserted, isNestingInQuoteSupported, insertMediaVia);
           break;
         case 'group':
-          insertMediaGroupNode(editorAnalyticsAPI)(_this.view, [mediaStateWithContext], collection, _this.getInputMethod(pickerType), isNestingInQuoteSupported);
+          insertMediaGroupNode(editorAnalyticsAPI)(_this.view, [mediaStateWithContext], collection, _this.getInputMethod(pickerType), isNestingInQuoteSupported, insertMediaVia);
           break;
       }
 
@@ -318,6 +318,10 @@ export var MediaPluginStateImplementation = /*#__PURE__*/function () {
     });
     _defineProperty(this, "getInputMethod", function (pickerType) {
       switch (pickerType) {
+        case INPUT_METHOD.PICKER_CLOUD:
+          return INPUT_METHOD.PICKER_CLOUD;
+        case INPUT_METHOD.MEDIA_PICKER:
+          return INPUT_METHOD.MEDIA_PICKER;
         case 'clipboard':
           return INPUT_METHOD.CLIPBOARD;
         case 'dropzone':

package/dist/esm/utils/media-files.js

@@ -11,7 +11,7 @@ export var canInsertMediaInline = function canInsertMediaInline(state) {
   var node = state.schema.nodes.mediaInline.create({});
   return canInsert(state.selection.$to, Fragment.from(node));
 };
-var getInsertMediaGroupAnalytics = function getInsertMediaGroupAnalytics(mediaState, inputMethod) {
+var getInsertMediaGroupAnalytics = function getInsertMediaGroupAnalytics(mediaState, inputMethod, insertMediaVia) {
   var media = '';
   if (mediaState.length === 1) {
     media = mediaState[0].fileMimeType || 'unknown';
@@ -25,12 +25,13 @@ var getInsertMediaGroupAnalytics = function getInsertMediaGroupAnalytics(mediaSt
     attributes: {
       type: ACTION_SUBJECT_ID.MEDIA_GROUP,
       inputMethod: inputMethod,
-      fileExtension: media
+      fileExtension: media,
+      insertMediaVia: insertMediaVia
     },
     eventType: EVENT_TYPE.TRACK
   };
 };
-var getInsertMediaInlineAnalytics = function getInsertMediaInlineAnalytics(mediaState, inputMethod) {
+var getInsertMediaInlineAnalytics = function getInsertMediaInlineAnalytics(mediaState, inputMethod, insertMediaVia) {
   var media = mediaState.fileMimeType || 'unknown';
   return {
     action: ACTION.INSERTED,
@@ -39,7 +40,8 @@ var getInsertMediaInlineAnalytics = function getInsertMediaInlineAnalytics(media
     attributes: {
       type: ACTION_SUBJECT_ID.MEDIA_INLINE,
       inputMethod: inputMethod,
-      fileExtension: media
+      fileExtension: media,
+      insertMediaVia: insertMediaVia
     },
     eventType: EVENT_TYPE.TRACK
   };
@@ -75,7 +77,7 @@ function shouldAppendParagraph(state, node) {
  * @param collection Collection for the media to be added
  */
 export var insertMediaInlineNode = function insertMediaInlineNode(editorAnalyticsAPI) {
-  return function (view, mediaState, collection, allowInlineImages, inputMethod) {
+  return function (view, mediaState, collection, allowInlineImages, inputMethod, insertMediaVia) {
     var state = view.state,
       dispatch = view.dispatch;
     var schema = state.schema,
@@ -126,7 +128,7 @@ export var insertMediaInlineNode = function insertMediaInlineNode(editorAnalytic
     } else {
       tr.insert(pos, content).deleteRange(deleteRange.start, deleteRange.end);
     }
-    editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaInlineAnalytics(mediaState, inputMethod))(tr);
+    editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaInlineAnalytics(mediaState, inputMethod, insertMediaVia))(tr);
     dispatch(tr);
     return true;
   };
@@ -140,7 +142,7 @@ export var insertMediaInlineNode = function insertMediaInlineNode(editorAnalytic
  * @param collection Collection for the media to be added
  */
 export var insertMediaGroupNode = function insertMediaGroupNode(editorAnalyticsAPI) {
-  return function (view, mediaStates, collection, inputMethod, isNestingInQuoteSupported) {
+  return function (view, mediaStates, collection, inputMethod, isNestingInQuoteSupported, insertMediaVia) {
     var state = view.state,
       dispatch = view.dispatch;
     var tr = state.tr,
@@ -184,7 +186,7 @@ export var insertMediaGroupNode = function insertMediaGroupNode(editorAnalyticsA
       } else {
         tr.insert(mediaInsertPos, content).deleteRange(deleteRange.start, deleteRange.end);
       }
-      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaGroupAnalytics(mediaStates, inputMethod))(tr);
+      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaGroupAnalytics(mediaStates, inputMethod, insertMediaVia))(tr);
       dispatch(tr);
       setSelectionAfterMediaInsertion(view);
       return;
@@ -194,7 +196,7 @@ export var insertMediaGroupNode = function insertMediaGroupNode(editorAnalyticsA
     if (withParagraph && parent.type !== schema.nodes.mediaGroup) {
       content.push(paragraph.create());
     }
-    editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaGroupAnalytics(mediaStates, inputMethod))(tr);
+    editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaGroupAnalytics(mediaStates, inputMethod, insertMediaVia))(tr);
     dispatch(safeInsert(Fragment.fromArray(content), mediaInsertPos)(tr));
   };
 };

package/dist/esm/utils/media-single.js

@@ -15,13 +15,14 @@ import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { copyOptionalAttrsFromMediaState } from '../utils/media-common';
 import { findChangeFromLocation, getChangeMediaAnalytics } from './analytics';
 import { isImage } from './is-type';
-var getInsertMediaAnalytics = function getInsertMediaAnalytics(inputMethod, fileExtension) {
+var getInsertMediaAnalytics = function getInsertMediaAnalytics(inputMethod, fileExtension, insertMediaVia) {
   return {
     action: ACTION.INSERTED,
     actionSubject: ACTION_SUBJECT.DOCUMENT,
     actionSubjectId: ACTION_SUBJECT_ID.MEDIA,
     attributes: {
       inputMethod: inputMethod,
+      insertMediaVia: insertMediaVia,
       fileExtension: fileExtension,
       type: ACTION_SUBJECT_ID.MEDIA_SINGLE
     },
@@ -35,6 +36,7 @@ function insertNodesWithOptionalParagraph(nodes) {
   var analyticsAttributes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var editorAnalyticsAPI = arguments.length > 2 ? arguments[2] : undefined;
   var isNestingInQuoteSupported = arguments.length > 3 ? arguments[3] : undefined;
+  var insertMediaVia = arguments.length > 4 ? arguments[4] : undefined;
   return function (state, dispatch) {
     var tr = state.tr,
       schema = state.schema;
@@ -66,7 +68,7 @@ function insertNodesWithOptionalParagraph(nodes) {
       tr.replaceSelection(new Slice(Fragment.from(nodes), 0, openEnd));
     }
     if (inputMethod) {
-      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaAnalytics(inputMethod, fileExtension))(tr);
+      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaAnalytics(inputMethod, fileExtension, insertMediaVia))(tr);
     }
     if (newType && previousType) {
       editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent(getChangeMediaAnalytics(previousType, newType, findChangeFromLocation(state.selection)))(tr);
@@ -80,7 +82,7 @@ function insertNodesWithOptionalParagraph(nodes) {
 export var isMediaSingle = function isMediaSingle(schema, fileMimeType) {
   return !!schema.nodes.mediaSingle && isImage(fileMimeType);
 };
-export var insertMediaAsMediaSingle = function insertMediaAsMediaSingle(view, node, inputMethod, editorAnalyticsAPI, isNestingInQuoteSupported) {
+export var insertMediaAsMediaSingle = function insertMediaAsMediaSingle(view, node, inputMethod, editorAnalyticsAPI, isNestingInQuoteSupported, insertMediaVia) {
   var _node$attrs$width;
   var state = view.state,
     dispatch = view.dispatch;
@@ -108,7 +110,7 @@ export var insertMediaAsMediaSingle = function insertMediaAsMediaSingle(view, no
     inputMethod: inputMethod,
     fileExtension: node.attrs.__fileMimeType
   };
-  return insertNodesWithOptionalParagraph(nodes, analyticsAttributes, editorAnalyticsAPI, isNestingInQuoteSupported)(state, dispatch);
+  return insertNodesWithOptionalParagraph(nodes, analyticsAttributes, editorAnalyticsAPI, isNestingInQuoteSupported, insertMediaVia)(state, dispatch);
 };
 var getFileExtension = function getFileExtension(fileName) {
   if (fileName) {
@@ -117,7 +119,7 @@ var getFileExtension = function getFileExtension(fileName) {
   }
   return undefined;
 };
-export var insertMediaSingleNode = function insertMediaSingleNode(view, mediaState, inputMethod, collection, alignLeftOnInsert, widthPluginState, editorAnalyticsAPI, onNodeInserted, isNestingInQuoteSupported) {
+export var insertMediaSingleNode = function insertMediaSingleNode(view, mediaState, inputMethod, collection, alignLeftOnInsert, widthPluginState, editorAnalyticsAPI, onNodeInserted, isNestingInQuoteSupported, insertMediaVia) {
   var _state$selection$$fro;
   if (collection === undefined) {
     return false;
@@ -146,7 +148,7 @@ export var insertMediaSingleNode = function insertMediaSingleNode(view, mediaSta
     insertNodesWithOptionalParagraph([node], {
       fileExtension: fileExtension,
       inputMethod: inputMethod
-    }, editorAnalyticsAPI, isNestingInQuoteSupported)(state, dispatch);
+    }, editorAnalyticsAPI, isNestingInQuoteSupported, insertMediaVia)(state, dispatch);
   } else {
     var tr = null;
     tr = safeInsert(node, state.selection.from)(state.tr);
@@ -155,7 +157,7 @@ export var insertMediaSingleNode = function insertMediaSingleNode(view, mediaSta
       tr = pmSafeInsert(content, undefined, true)(state.tr);
     }
     if (inputMethod) {
-      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaAnalytics(inputMethod, fileExtension))(tr);
+      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaAnalytics(inputMethod, fileExtension, insertMediaVia))(tr);
     }
     dispatch(tr);
   }

package/dist/types/pm-plugins/main.d.ts

@@ -1,5 +1,6 @@
 import type { IntlShape } from 'react-intl-next';
 import type { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
+import { type InsertMediaVia } from '@atlaskit/editor-common/analytics';
 import type { Dispatch } from '@atlaskit/editor-common/event-dispatcher';
 import type { MediaProvider } from '@atlaskit/editor-common/provider-factory';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
@@ -80,7 +81,7 @@ export declare class MediaPluginStateImplementation implements MediaPluginState
      *
      * called when we insert a new file via the picker (connected via pickerfacade)
      */
-    insertFile: (mediaState: MediaState, onMediaStateChanged: MediaStateEventSubscriber, pickerType?: string) => void;
+    insertFile: (mediaState: MediaState, onMediaStateChanged: MediaStateEventSubscriber, pickerType?: string, insertMediaVia?: InsertMediaVia) => void;
     private selectLastAddedMediaNode;
     addPendingTask: (task: Promise<any>) => void;
     splitMediaGroup: () => boolean;

package/dist/types/pm-plugins/types.d.ts

@@ -1,4 +1,5 @@
 import type { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
+import { type InsertMediaVia } from '@atlaskit/editor-common/analytics';
 import type { Dispatch } from '@atlaskit/editor-common/event-dispatcher';
 import type { MediaProvider } from '@atlaskit/editor-common/provider-factory';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
@@ -42,7 +43,7 @@ export interface MediaPluginState {
     dispatch?: Dispatch;
     setMediaProvider: (mediaProvider?: Promise<MediaProvider>) => Promise<void>;
     getMediaOptions: () => MediaPluginOptions;
-    insertFile: (mediaState: MediaState, onMediaStateChanged: MediaStateEventSubscriber, pickerType?: string) => void;
+    insertFile: (mediaState: MediaState, onMediaStateChanged: MediaStateEventSubscriber, pickerType?: string, insertMediaVia?: InsertMediaVia) => void;
     addPendingTask: (promise: Promise<any>) => void;
     splitMediaGroup: () => boolean;
     onPopupPickerClose: () => void;

package/dist/types/utils/media-files.d.ts

@@ -1,4 +1,5 @@
 import type { EditorAnalyticsAPI, InputMethodInsertMedia } from '@atlaskit/editor-common/analytics';
+import { type InsertMediaVia } from '@atlaskit/editor-common/analytics';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { MediaState } from '../types';
@@ -10,7 +11,7 @@ export declare const canInsertMediaInline: (state: EditorState) => boolean;
  * @param allowInlineImages Configuration for allowing adding of inline images
  * @param collection Collection for the media to be added
  */
-export declare const insertMediaInlineNode: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (view: EditorView, mediaState: MediaState, collection: string, allowInlineImages: boolean, inputMethod?: InputMethodInsertMedia) => boolean;
+export declare const insertMediaInlineNode: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (view: EditorView, mediaState: MediaState, collection: string, allowInlineImages: boolean, inputMethod?: InputMethodInsertMedia, insertMediaVia?: InsertMediaVia) => boolean;
 /**
  * Insert a media into an existing media group
  * or create a new media group to insert the new media.
@@ -18,7 +19,7 @@ export declare const insertMediaInlineNode: (editorAnalyticsAPI: EditorAnalytics
  * @param mediaStates Media files to be added to the editor
  * @param collection Collection for the media to be added
  */
-export declare const insertMediaGroupNode: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (view: EditorView, mediaStates: MediaState[], collection: string, inputMethod?: InputMethodInsertMedia, isNestingInQuoteSupported?: boolean) => void;
+export declare const insertMediaGroupNode: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (view: EditorView, mediaStates: MediaState[], collection: string, inputMethod?: InputMethodInsertMedia, isNestingInQuoteSupported?: boolean, insertMediaVia?: InsertMediaVia) => void;
 /**
  * Return position of media to be inserted, if it is inside a list
  * @param content Content to be inserted

package/dist/types/utils/media-single.d.ts

@@ -1,11 +1,12 @@
 import type { EditorAnalyticsAPI, InputMethodInsertMedia } from '@atlaskit/editor-common/analytics';
+import { type InsertMediaVia } from '@atlaskit/editor-common/analytics';
 import type { WidthPluginState } from '@atlaskit/editor-plugin-width';
 import type { Node as PMNode, Schema } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { MediaState } from '../types';
 export declare const isMediaSingle: (schema: Schema, fileMimeType?: string) => boolean;
-export type InsertMediaAsMediaSingle = (view: EditorView, node: PMNode, inputMethod: InputMethodInsertMedia, isNestingInQuoteSupported?: boolean) => boolean;
-export declare const insertMediaAsMediaSingle: (view: EditorView, node: PMNode, inputMethod: InputMethodInsertMedia, editorAnalyticsAPI: EditorAnalyticsAPI | undefined, isNestingInQuoteSupported?: boolean) => boolean;
-export declare const insertMediaSingleNode: (view: EditorView, mediaState: MediaState, inputMethod?: InputMethodInsertMedia, collection?: string, alignLeftOnInsert?: boolean, widthPluginState?: WidthPluginState | undefined, editorAnalyticsAPI?: EditorAnalyticsAPI | undefined, onNodeInserted?: ((id: string, selectionPosition: number) => void) | undefined, isNestingInQuoteSupported?: boolean) => boolean;
+export type InsertMediaAsMediaSingle = (view: EditorView, node: PMNode, inputMethod: InputMethodInsertMedia, isNestingInQuoteSupported?: boolean, insertMediaVia?: InsertMediaVia) => boolean;
+export declare const insertMediaAsMediaSingle: (view: EditorView, node: PMNode, inputMethod: InputMethodInsertMedia, editorAnalyticsAPI: EditorAnalyticsAPI | undefined, isNestingInQuoteSupported?: boolean, insertMediaVia?: InsertMediaVia) => boolean;
+export declare const insertMediaSingleNode: (view: EditorView, mediaState: MediaState, inputMethod?: InputMethodInsertMedia, collection?: string, alignLeftOnInsert?: boolean, widthPluginState?: WidthPluginState | undefined, editorAnalyticsAPI?: EditorAnalyticsAPI | undefined, onNodeInserted?: ((id: string, selectionPosition: number) => void) | undefined, isNestingInQuoteSupported?: boolean, insertMediaVia?: InsertMediaVia) => boolean;
 export declare const changeFromMediaInlineToMediaSingleNode: (view: EditorView, fromNode: PMNode, widthPluginState?: WidthPluginState | undefined, editorAnalyticsAPI?: EditorAnalyticsAPI | undefined, isNestingInQuoteSupported?: boolean) => boolean;
 export declare const isVideo: import("memoize-one").MemoizedFn<(fileType?: string) => boolean>;

package/dist/types-ts4.5/pm-plugins/main.d.ts

@@ -1,5 +1,6 @@
 import type { IntlShape } from 'react-intl-next';
 import type { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
+import { type InsertMediaVia } from '@atlaskit/editor-common/analytics';
 import type { Dispatch } from '@atlaskit/editor-common/event-dispatcher';
 import type { MediaProvider } from '@atlaskit/editor-common/provider-factory';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
@@ -80,7 +81,7 @@ export declare class MediaPluginStateImplementation implements MediaPluginState
      *
      * called when we insert a new file via the picker (connected via pickerfacade)
      */
-    insertFile: (mediaState: MediaState, onMediaStateChanged: MediaStateEventSubscriber, pickerType?: string) => void;
+    insertFile: (mediaState: MediaState, onMediaStateChanged: MediaStateEventSubscriber, pickerType?: string, insertMediaVia?: InsertMediaVia) => void;
     private selectLastAddedMediaNode;
     addPendingTask: (task: Promise<any>) => void;
     splitMediaGroup: () => boolean;

package/dist/types-ts4.5/pm-plugins/types.d.ts

@@ -1,4 +1,5 @@
 import type { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
+import { type InsertMediaVia } from '@atlaskit/editor-common/analytics';
 import type { Dispatch } from '@atlaskit/editor-common/event-dispatcher';
 import type { MediaProvider } from '@atlaskit/editor-common/provider-factory';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
@@ -42,7 +43,7 @@ export interface MediaPluginState {
     dispatch?: Dispatch;
     setMediaProvider: (mediaProvider?: Promise<MediaProvider>) => Promise<void>;
     getMediaOptions: () => MediaPluginOptions;
-    insertFile: (mediaState: MediaState, onMediaStateChanged: MediaStateEventSubscriber, pickerType?: string) => void;
+    insertFile: (mediaState: MediaState, onMediaStateChanged: MediaStateEventSubscriber, pickerType?: string, insertMediaVia?: InsertMediaVia) => void;
     addPendingTask: (promise: Promise<any>) => void;
     splitMediaGroup: () => boolean;
     onPopupPickerClose: () => void;

package/dist/types-ts4.5/utils/media-files.d.ts

@@ -1,4 +1,5 @@
 import type { EditorAnalyticsAPI, InputMethodInsertMedia } from '@atlaskit/editor-common/analytics';
+import { type InsertMediaVia } from '@atlaskit/editor-common/analytics';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { MediaState } from '../types';
@@ -10,7 +11,7 @@ export declare const canInsertMediaInline: (state: EditorState) => boolean;
  * @param allowInlineImages Configuration for allowing adding of inline images
  * @param collection Collection for the media to be added
  */
-export declare const insertMediaInlineNode: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (view: EditorView, mediaState: MediaState, collection: string, allowInlineImages: boolean, inputMethod?: InputMethodInsertMedia) => boolean;
+export declare const insertMediaInlineNode: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (view: EditorView, mediaState: MediaState, collection: string, allowInlineImages: boolean, inputMethod?: InputMethodInsertMedia, insertMediaVia?: InsertMediaVia) => boolean;
 /**
  * Insert a media into an existing media group
  * or create a new media group to insert the new media.
@@ -18,7 +19,7 @@ export declare const insertMediaInlineNode: (editorAnalyticsAPI: EditorAnalytics
  * @param mediaStates Media files to be added to the editor
  * @param collection Collection for the media to be added
  */
-export declare const insertMediaGroupNode: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (view: EditorView, mediaStates: MediaState[], collection: string, inputMethod?: InputMethodInsertMedia, isNestingInQuoteSupported?: boolean) => void;
+export declare const insertMediaGroupNode: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (view: EditorView, mediaStates: MediaState[], collection: string, inputMethod?: InputMethodInsertMedia, isNestingInQuoteSupported?: boolean, insertMediaVia?: InsertMediaVia) => void;
 /**
  * Return position of media to be inserted, if it is inside a list
  * @param content Content to be inserted

package/dist/types-ts4.5/utils/media-single.d.ts

@@ -1,11 +1,12 @@
 import type { EditorAnalyticsAPI, InputMethodInsertMedia } from '@atlaskit/editor-common/analytics';
+import { type InsertMediaVia } from '@atlaskit/editor-common/analytics';
 import type { WidthPluginState } from '@atlaskit/editor-plugin-width';
 import type { Node as PMNode, Schema } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { MediaState } from '../types';
 export declare const isMediaSingle: (schema: Schema, fileMimeType?: string) => boolean;
-export type InsertMediaAsMediaSingle = (view: EditorView, node: PMNode, inputMethod: InputMethodInsertMedia, isNestingInQuoteSupported?: boolean) => boolean;
-export declare const insertMediaAsMediaSingle: (view: EditorView, node: PMNode, inputMethod: InputMethodInsertMedia, editorAnalyticsAPI: EditorAnalyticsAPI | undefined, isNestingInQuoteSupported?: boolean) => boolean;
-export declare const insertMediaSingleNode: (view: EditorView, mediaState: MediaState, inputMethod?: InputMethodInsertMedia, collection?: string, alignLeftOnInsert?: boolean, widthPluginState?: WidthPluginState | undefined, editorAnalyticsAPI?: EditorAnalyticsAPI | undefined, onNodeInserted?: ((id: string, selectionPosition: number) => void) | undefined, isNestingInQuoteSupported?: boolean) => boolean;
+export type InsertMediaAsMediaSingle = (view: EditorView, node: PMNode, inputMethod: InputMethodInsertMedia, isNestingInQuoteSupported?: boolean, insertMediaVia?: InsertMediaVia) => boolean;
+export declare const insertMediaAsMediaSingle: (view: EditorView, node: PMNode, inputMethod: InputMethodInsertMedia, editorAnalyticsAPI: EditorAnalyticsAPI | undefined, isNestingInQuoteSupported?: boolean, insertMediaVia?: InsertMediaVia) => boolean;
+export declare const insertMediaSingleNode: (view: EditorView, mediaState: MediaState, inputMethod?: InputMethodInsertMedia, collection?: string, alignLeftOnInsert?: boolean, widthPluginState?: WidthPluginState | undefined, editorAnalyticsAPI?: EditorAnalyticsAPI | undefined, onNodeInserted?: ((id: string, selectionPosition: number) => void) | undefined, isNestingInQuoteSupported?: boolean, insertMediaVia?: InsertMediaVia) => boolean;
 export declare const changeFromMediaInlineToMediaSingleNode: (view: EditorView, fromNode: PMNode, widthPluginState?: WidthPluginState | undefined, editorAnalyticsAPI?: EditorAnalyticsAPI | undefined, isNestingInQuoteSupported?: boolean) => boolean;
 export declare const isVideo: import("memoize-one").MemoizedFn<(fileType?: string) => boolean>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-media",
-	"version": "1.34.0",
+	"version": "1.34.2",
 	"description": "Media plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -36,10 +36,10 @@
 		"@atlaskit/analytics-namespaced-context": "^6.12.0",
 		"@atlaskit/analytics-next": "^10.1.0",
 		"@atlaskit/button": "^20.2.0",
-		"@atlaskit/editor-common": "^91.1.0",
+		"@atlaskit/editor-common": "^91.2.0",
 		"@atlaskit/editor-palette": "1.6.1",
 		"@atlaskit/editor-plugin-analytics": "^1.8.0",
-		"@atlaskit/editor-plugin-annotation": "1.19.8",
+		"@atlaskit/editor-plugin-annotation": "1.19.9",
 		"@atlaskit/editor-plugin-decorations": "^1.3.0",
 		"@atlaskit/editor-plugin-editor-disabled": "^1.3.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^2.1.0",
@@ -53,7 +53,7 @@
 		"@atlaskit/editor-shared-styles": "^3.0.0",
 		"@atlaskit/editor-tables": "^2.8.0",
 		"@atlaskit/form": "^10.5.0",
-		"@atlaskit/icon": "^22.18.0",
+		"@atlaskit/icon": "^22.19.0",
 		"@atlaskit/media-card": "^78.5.0",
 		"@atlaskit/media-client": "^28.0.0",
 		"@atlaskit/media-client-react": "^2.2.0",