@atlaskit/editor-plugin-media 9.1.1 → 9.2.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @atlaskit/editor-plugin-media
 
+## 9.2.0
+
+### Minor Changes
+
+- [`ca937489954b8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ca937489954b8) -
+  Introduce new insertMediaSingle on media plugin and deprecate old action version.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 9.1.1
 
 ### Patch Changes

package/dist/cjs/mediaPlugin.js

@@ -105,6 +105,7 @@ var MediaViewerFunctionalComponent = function MediaViewerFunctionalComponent(_re
   });
 };
 var mediaPlugin = exports.mediaPlugin = function mediaPlugin(_ref3) {
+  var _api$analytics3;
   var _ref3$config = _ref3.config,
     options = _ref3$config === void 0 ? {} : _ref3$config,
     api = _ref3.api;
@@ -159,7 +160,8 @@ var mediaPlugin = exports.mediaPlugin = function mediaPlugin(_ref3) {
     commands: {
       showMediaViewer: _commands.showMediaViewer,
       hideMediaViewer: _commands.hideMediaViewer,
-      trackMediaPaste: _commands.trackMediaPaste
+      trackMediaPaste: _commands.trackMediaPaste,
+      insertMediaSingle: (0, _commands.insertMediaAsMediaSingleCommand)(api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions, options.allowPixelResizing)
     },
     nodes: function nodes() {
       var _ref5 = options || {},
@@ -234,9 +236,9 @@ var mediaPlugin = exports.mediaPlugin = function mediaPlugin(_ref3) {
       }, {
         name: 'mediaKeymap',
         plugin: function plugin(_ref7) {
-          var _api$analytics3, _api$selection;
+          var _api$analytics4, _api$selection;
           var getIntl = _ref7.getIntl;
-          return (0, _keymap2.default)(options, api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions, api === null || api === void 0 || (_api$selection = api.selection) === null || _api$selection === void 0 ? void 0 : _api$selection.actions, api === null || api === void 0 ? void 0 : api.width, getIntl);
+          return (0, _keymap2.default)(options, api === null || api === void 0 || (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 ? void 0 : _api$analytics4.actions, api === null || api === void 0 || (_api$selection = api.selection) === null || _api$selection === void 0 ? void 0 : _api$selection.actions, api === null || api === void 0 ? void 0 : api.width, getIntl);
         }
       }];
       if (options && options.allowMediaSingle) {
@@ -256,9 +258,9 @@ var mediaPlugin = exports.mediaPlugin = function mediaPlugin(_ref3) {
         pmPlugins.push({
           name: 'mediaAltTextKeymap',
           plugin: function plugin(_ref9) {
-            var _api$analytics4;
+            var _api$analytics5;
             var schema = _ref9.schema;
-            return (0, _keymap.default)(schema, api === null || api === void 0 || (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 ? void 0 : _api$analytics4.actions);
+            return (0, _keymap.default)(schema, api === null || api === void 0 || (_api$analytics5 = api.analytics) === null || _api$analytics5 === void 0 ? void 0 : _api$analytics5.actions);
           }
         });
       }

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

@@ -3,10 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.trackMediaPaste = exports.showMediaViewer = exports.hideMediaViewer = void 0;
+exports.trackMediaPaste = exports.showMediaViewer = exports.insertMediaAsMediaSingleCommand = exports.hideMediaViewer = void 0;
 var _actions = require("../pm-plugins/actions");
 var _pluginKey = require("../pm-plugins/plugin-key");
 var _mediaCommon = require("../pm-plugins/utils/media-common");
+var _mediaSingle = require("./utils/media-single");
 var showMediaViewer = exports.showMediaViewer = function showMediaViewer(media) {
   return function (_ref) {
     var tr = _ref.tr;
@@ -37,4 +38,9 @@ var trackMediaPaste = exports.trackMediaPaste = function trackMediaPaste(attrs)
     });
     return tr;
   };
+};
+var insertMediaAsMediaSingleCommand = exports.insertMediaAsMediaSingleCommand = function insertMediaAsMediaSingleCommand(editorAnalyticsAPI, allowPixelResizing) {
+  return function (mediaAttrs, inputMethod, insertMediaVia) {
+    return (0, _mediaSingle.createInsertMediaAsMediaSingleCommand)(mediaAttrs, inputMethod, editorAnalyticsAPI, insertMediaVia, allowPixelResizing);
+  };
 };

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isVideo = exports.isMediaSingle = exports.insertMediaSingleNode = exports.insertMediaAsMediaSingle = exports.changeFromMediaInlineToMediaSingleNode = void 0;
+exports.isVideo = exports.isMediaSingle = exports.insertMediaSingleNode = exports.insertMediaAsMediaSingle = exports.createInsertMediaAsMediaSingleCommand = exports.changeFromMediaInlineToMediaSingleNode = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 var _analytics = require("@atlaskit/editor-common/analytics");
@@ -14,6 +14,7 @@ var _selection = require("@atlaskit/editor-common/selection");
 var _utils = require("@atlaskit/editor-common/utils");
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _utils2 = require("@atlaskit/editor-prosemirror/utils");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _mediaCommon = require("../utils/media-common");
 var _analytics2 = require("./analytics");
 var _isType = require("./is-type");
@@ -44,6 +45,21 @@ function insertNodesWithOptionalParagraph(_ref) {
     insertMediaVia = _ref.insertMediaVia;
   return function (state, dispatch) {
     var tr = state.tr;
+    if ((0, _platformFeatureFlags.fg)('platform_editor_introduce_insert_media_command')) {
+      var _updatedTr = insertNodesWithOptionalParagraphCommand({
+        nodes: nodes,
+        analyticsAttributes: analyticsAttributes,
+        editorAnalyticsAPI: editorAnalyticsAPI,
+        insertMediaVia: insertMediaVia
+      })({
+        tr: tr
+      });
+      if (_updatedTr && dispatch) {
+        dispatch === null || dispatch === void 0 || dispatch(_updatedTr);
+        return true;
+      }
+      return false;
+    }
     var inputMethod = analyticsAttributes.inputMethod,
       fileExtension = analyticsAttributes.fileExtension,
       newType = analyticsAttributes.newType,
@@ -76,6 +92,43 @@ function insertNodesWithOptionalParagraph(_ref) {
     return true;
   };
 }
+function insertNodesWithOptionalParagraphCommand(_ref2) {
+  var nodes = _ref2.nodes,
+    _ref2$analyticsAttrib = _ref2.analyticsAttributes,
+    analyticsAttributes = _ref2$analyticsAttrib === void 0 ? {} : _ref2$analyticsAttrib,
+    editorAnalyticsAPI = _ref2.editorAnalyticsAPI,
+    insertMediaVia = _ref2.insertMediaVia;
+  return function (_ref3) {
+    var tr = _ref3.tr;
+    var inputMethod = analyticsAttributes.inputMethod,
+      fileExtension = analyticsAttributes.fileExtension,
+      newType = analyticsAttributes.newType,
+      previousType = analyticsAttributes.previousType;
+    var updatedTr = tr;
+    var openEnd = 0;
+    if (tr.selection.empty) {
+      var insertFrom = (0, _selection.selectionIsAtTheBeginningOfBlock)(tr.selection) ? tr.selection.$from.before() : tr.selection.from;
+
+      // the use of pmSafeInsert causes the node selection to media single node.
+      // It leads to discrepancy between the full-page and comment editor - not sure why :shrug:
+      // When multiple images are uploaded, the node selection is set to the previous node
+      // and got overridden by the next node inserted.
+      // It also causes the images position shifted when the images are uploaded.
+      // E.g the images are uploaded after a table, the images will be inserted inside the table.
+      // so we revert to use tr.insert instead. No extra paragraph is added.
+      updatedTr = updatedTr.insert(insertFrom, nodes);
+    } else {
+      updatedTr.replaceSelection(new _model.Slice(_model.Fragment.from(nodes), 0, openEnd));
+    }
+    if (inputMethod) {
+      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaAnalytics(inputMethod, fileExtension, insertMediaVia))(updatedTr);
+    }
+    if (newType && previousType) {
+      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent((0, _analytics2.getChangeMediaAnalytics)(previousType, newType, (0, _analytics2.findChangeFromLocation)(tr.selection)))(updatedTr);
+    }
+    return updatedTr;
+  };
+}
 var isMediaSingle = exports.isMediaSingle = function isMediaSingle(schema, fileMimeType) {
   return !!schema.nodes.mediaSingle && (0, _isType.isImage)(fileMimeType);
 };
@@ -94,6 +147,16 @@ var insertMediaAsMediaSingle = exports.insertMediaAsMediaSingle = function inser
   if (node.type !== media || !(0, _isType.isImage)(node.attrs.__fileMimeType) && node.attrs.type !== 'external') {
     return false;
   }
+  if ((0, _platformFeatureFlags.fg)('platform_editor_introduce_insert_media_command')) {
+    var updatedTr = createInsertMediaAsMediaSingleCommand(node.attrs, inputMethod, editorAnalyticsAPI, insertMediaVia, allowPixelResizing)({
+      tr: state.tr
+    });
+    if (updatedTr && dispatch) {
+      dispatch === null || dispatch === void 0 || dispatch(updatedTr);
+      return true;
+    }
+    return false;
+  }
   var mediaSingleAttrs = allowPixelResizing ? {
     widthType: 'pixel',
     width: (0, _mediaSingle.getMediaSingleInitialWidth)((_node$attrs$width = node.attrs.width) !== null && _node$attrs$width !== void 0 ? _node$attrs$width : _mediaSingle.DEFAULT_IMAGE_WIDTH),
@@ -112,6 +175,42 @@ var insertMediaAsMediaSingle = exports.insertMediaAsMediaSingle = function inser
     insertMediaVia: insertMediaVia
   })(state, dispatch);
 };
+var createInsertMediaAsMediaSingleCommand = exports.createInsertMediaAsMediaSingleCommand = function createInsertMediaAsMediaSingleCommand(mediaAttrs, inputMethod, editorAnalyticsAPI, insertMediaVia, allowPixelResizing) {
+  return function (_ref4) {
+    var _mediaAttrs$__fileMim, _mediaAttrs$width, _mediaAttrs$__fileMim2;
+    var tr = _ref4.tr;
+    var _tr$doc$type$schema$n = tr.doc.type.schema.nodes,
+      mediaSingle = _tr$doc$type$schema$n.mediaSingle,
+      media = _tr$doc$type$schema$n.media;
+    if (!mediaSingle || !media) {
+      return null;
+    }
+    if (mediaAttrs.type !== 'external' && !(0, _isType.isImage)((_mediaAttrs$__fileMim = mediaAttrs.__fileMimeType) !== null && _mediaAttrs$__fileMim !== void 0 ? _mediaAttrs$__fileMim : undefined)) {
+      return null;
+    }
+    var mediaSingleAttrs = allowPixelResizing ? {
+      widthType: 'pixel',
+      width: (0, _mediaSingle.getMediaSingleInitialWidth)((_mediaAttrs$width = mediaAttrs.width) !== null && _mediaAttrs$width !== void 0 ? _mediaAttrs$width : _mediaSingle.DEFAULT_IMAGE_WIDTH),
+      layout: 'center'
+    } : {};
+    var mediaNode = media.create(mediaAttrs);
+    var mediaSingleNode = mediaSingle.create(mediaSingleAttrs, mediaNode);
+    var nodes = [mediaSingleNode];
+    var analyticsAttributes = {
+      inputMethod: inputMethod,
+      // External images have no file extension
+      fileExtension: mediaAttrs.type !== 'external' && mediaAttrs.__fileMimeType ? (_mediaAttrs$__fileMim2 = mediaAttrs.__fileMimeType) !== null && _mediaAttrs$__fileMim2 !== void 0 ? _mediaAttrs$__fileMim2 : undefined : undefined
+    };
+    return insertNodesWithOptionalParagraphCommand({
+      nodes: nodes,
+      analyticsAttributes: analyticsAttributes,
+      editorAnalyticsAPI: editorAnalyticsAPI,
+      insertMediaVia: insertMediaVia
+    })({
+      tr: tr
+    });
+  };
+};
 var getFileExtension = function getFileExtension(fileName) {
   if (fileName) {
     var extensionIdx = fileName.lastIndexOf('.');
@@ -225,12 +324,12 @@ var createMediaSingleNode = function createMediaSingleNode(schema, collection, m
       _mediaState$scaleFact = mediaState.scaleFactor,
       scaleFactor = _mediaState$scaleFact === void 0 ? 1 : _mediaState$scaleFact,
       fileName = mediaState.fileName;
-    var _ref2 = dimensions || {
+    var _ref5 = dimensions || {
         height: undefined,
         width: undefined
       },
-      width = _ref2.width,
-      height = _ref2.height;
+      width = _ref5.width,
+      height = _ref5.height;
     var _schema$nodes = schema.nodes,
       media = _schema$nodes.media,
       mediaSingle = _schema$nodes.mediaSingle;

package/dist/es2019/mediaPlugin.js

@@ -16,7 +16,7 @@ import { mediaInlineSpecWithFixedToDOM } from './nodeviews/toDOM-fixes/mediaInli
 import { mediaSingleSpecWithFixedToDOM } from './nodeviews/toDOM-fixes/mediaSingle';
 import { createPlugin as createMediaAltTextPlugin } from './pm-plugins/alt-text';
 import keymapMediaAltTextPlugin from './pm-plugins/alt-text/keymap';
-import { hideMediaViewer, showMediaViewer, trackMediaPaste } from './pm-plugins/commands';
+import { hideMediaViewer, insertMediaAsMediaSingleCommand, showMediaViewer, trackMediaPaste } from './pm-plugins/commands';
 import keymapPlugin from './pm-plugins/keymap';
 import keymapMediaSinglePlugin from './pm-plugins/keymap-media';
 import linkingPlugin from './pm-plugins/linking';
@@ -103,6 +103,7 @@ export const mediaPlugin = ({
   config: options = {},
   api
 }) => {
+  var _api$analytics3;
   let previousMediaProvider;
   const mediaErrorLocalIds = new Set();
   return {
@@ -153,7 +154,8 @@ export const mediaPlugin = ({
     commands: {
       showMediaViewer,
       hideMediaViewer,
-      trackMediaPaste
+      trackMediaPaste,
+      insertMediaSingle: insertMediaAsMediaSingleCommand(api === null || api === void 0 ? void 0 : (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions, options.allowPixelResizing)
     },
     nodes() {
       const {
@@ -229,8 +231,8 @@ export const mediaPlugin = ({
         plugin: ({
           getIntl
         }) => {
-          var _api$analytics3, _api$selection;
-          return keymapPlugin(options, api === null || api === void 0 ? void 0 : (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions, api === null || api === void 0 ? void 0 : (_api$selection = api.selection) === null || _api$selection === void 0 ? void 0 : _api$selection.actions, api === null || api === void 0 ? void 0 : api.width, getIntl);
+          var _api$analytics4, _api$selection;
+          return keymapPlugin(options, api === null || api === void 0 ? void 0 : (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 ? void 0 : _api$analytics4.actions, api === null || api === void 0 ? void 0 : (_api$selection = api.selection) === null || _api$selection === void 0 ? void 0 : _api$selection.actions, api === null || api === void 0 ? void 0 : api.width, getIntl);
         }
       }];
       if (options && options.allowMediaSingle) {
@@ -251,8 +253,8 @@ export const mediaPlugin = ({
           plugin: ({
             schema
           }) => {
-            var _api$analytics4;
-            return keymapMediaAltTextPlugin(schema, api === null || api === void 0 ? void 0 : (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 ? void 0 : _api$analytics4.actions);
+            var _api$analytics5;
+            return keymapMediaAltTextPlugin(schema, api === null || api === void 0 ? void 0 : (_api$analytics5 = api.analytics) === null || _api$analytics5 === void 0 ? void 0 : _api$analytics5.actions);
           }
         });
       }

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

@@ -1,6 +1,7 @@
 import { ACTIONS } from '../pm-plugins/actions';
 import { stateKey } from '../pm-plugins/plugin-key';
 import { getIdentifier } from '../pm-plugins/utils/media-common';
+import { createInsertMediaAsMediaSingleCommand } from './utils/media-single';
 export const showMediaViewer = media => ({
   tr
 }) => {
@@ -30,4 +31,5 @@ export const trackMediaPaste = attrs => ({
     identifier
   });
   return tr;
-};
+};
+export const insertMediaAsMediaSingleCommand = (editorAnalyticsAPI, allowPixelResizing) => (mediaAttrs, inputMethod, insertMediaVia) => createInsertMediaAsMediaSingleCommand(mediaAttrs, inputMethod, editorAnalyticsAPI, insertMediaVia, allowPixelResizing);

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

@@ -2,10 +2,11 @@ import memoizeOne from 'memoize-one';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { safeInsert, shouldSplitSelectedNodeOnNodeInsertion } from '@atlaskit/editor-common/insert';
 import { DEFAULT_IMAGE_WIDTH, getMaxWidthForNestedNodeNext, getMediaSingleInitialWidth, MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH, MEDIA_SINGLE_VIDEO_MIN_PIXEL_WIDTH } from '@atlaskit/editor-common/media-single';
-import { atTheBeginningOfBlock } from '@atlaskit/editor-common/selection';
+import { atTheBeginningOfBlock, selectionIsAtTheBeginningOfBlock } from '@atlaskit/editor-common/selection';
 import { checkNodeDown, isEmptyParagraph } from '@atlaskit/editor-common/utils';
 import { Fragment, Slice } from '@atlaskit/editor-prosemirror/model';
 import { safeInsert as pmSafeInsert, removeSelectedNode } from '@atlaskit/editor-prosemirror/utils';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { copyOptionalAttrsFromMediaState } from '../utils/media-common';
 import { findChangeFromLocation, getChangeMediaAnalytics } from './analytics';
 import { isImage } from './is-type';
@@ -34,6 +35,21 @@ function insertNodesWithOptionalParagraph({
     const {
       tr
     } = state;
+    if (fg('platform_editor_introduce_insert_media_command')) {
+      const updatedTr = insertNodesWithOptionalParagraphCommand({
+        nodes,
+        analyticsAttributes,
+        editorAnalyticsAPI,
+        insertMediaVia
+      })({
+        tr
+      });
+      if (updatedTr && dispatch) {
+        dispatch === null || dispatch === void 0 ? void 0 : dispatch(updatedTr);
+        return true;
+      }
+      return false;
+    }
     const {
       inputMethod,
       fileExtension,
@@ -68,6 +84,46 @@ function insertNodesWithOptionalParagraph({
     return true;
   };
 }
+function insertNodesWithOptionalParagraphCommand({
+  nodes,
+  analyticsAttributes = {},
+  editorAnalyticsAPI,
+  insertMediaVia
+}) {
+  return ({
+    tr
+  }) => {
+    const {
+      inputMethod,
+      fileExtension,
+      newType,
+      previousType
+    } = analyticsAttributes;
+    let updatedTr = tr;
+    const openEnd = 0;
+    if (tr.selection.empty) {
+      const insertFrom = selectionIsAtTheBeginningOfBlock(tr.selection) ? tr.selection.$from.before() : tr.selection.from;
+
+      // the use of pmSafeInsert causes the node selection to media single node.
+      // It leads to discrepancy between the full-page and comment editor - not sure why :shrug:
+      // When multiple images are uploaded, the node selection is set to the previous node
+      // and got overridden by the next node inserted.
+      // It also causes the images position shifted when the images are uploaded.
+      // E.g the images are uploaded after a table, the images will be inserted inside the table.
+      // so we revert to use tr.insert instead. No extra paragraph is added.
+      updatedTr = updatedTr.insert(insertFrom, nodes);
+    } else {
+      updatedTr.replaceSelection(new Slice(Fragment.from(nodes), 0, openEnd));
+    }
+    if (inputMethod) {
+      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaAnalytics(inputMethod, fileExtension, insertMediaVia))(updatedTr);
+    }
+    if (newType && previousType) {
+      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent(getChangeMediaAnalytics(previousType, newType, findChangeFromLocation(tr.selection)))(updatedTr);
+    }
+    return updatedTr;
+  };
+}
 export const isMediaSingle = (schema, fileMimeType) => !!schema.nodes.mediaSingle && isImage(fileMimeType);
 export const insertMediaAsMediaSingle = (view, node, inputMethod, editorAnalyticsAPI, insertMediaVia, allowPixelResizing) => {
   var _node$attrs$width;
@@ -87,6 +143,16 @@ export const insertMediaAsMediaSingle = (view, node, inputMethod, editorAnalytic
   if (node.type !== media || !isImage(node.attrs.__fileMimeType) && node.attrs.type !== 'external') {
     return false;
   }
+  if (fg('platform_editor_introduce_insert_media_command')) {
+    const updatedTr = createInsertMediaAsMediaSingleCommand(node.attrs, inputMethod, editorAnalyticsAPI, insertMediaVia, allowPixelResizing)({
+      tr: state.tr
+    });
+    if (updatedTr && dispatch) {
+      dispatch === null || dispatch === void 0 ? void 0 : dispatch(updatedTr);
+      return true;
+    }
+    return false;
+  }
   const mediaSingleAttrs = allowPixelResizing ? {
     widthType: 'pixel',
     width: getMediaSingleInitialWidth((_node$attrs$width = node.attrs.width) !== null && _node$attrs$width !== void 0 ? _node$attrs$width : DEFAULT_IMAGE_WIDTH),
@@ -105,6 +171,44 @@ export const insertMediaAsMediaSingle = (view, node, inputMethod, editorAnalytic
     insertMediaVia
   })(state, dispatch);
 };
+export const createInsertMediaAsMediaSingleCommand = (mediaAttrs, inputMethod, editorAnalyticsAPI, insertMediaVia, allowPixelResizing) => {
+  return ({
+    tr
+  }) => {
+    var _mediaAttrs$__fileMim, _mediaAttrs$width, _mediaAttrs$__fileMim2;
+    const {
+      mediaSingle,
+      media
+    } = tr.doc.type.schema.nodes;
+    if (!mediaSingle || !media) {
+      return null;
+    }
+    if (mediaAttrs.type !== 'external' && !isImage((_mediaAttrs$__fileMim = mediaAttrs.__fileMimeType) !== null && _mediaAttrs$__fileMim !== void 0 ? _mediaAttrs$__fileMim : undefined)) {
+      return null;
+    }
+    const mediaSingleAttrs = allowPixelResizing ? {
+      widthType: 'pixel',
+      width: getMediaSingleInitialWidth((_mediaAttrs$width = mediaAttrs.width) !== null && _mediaAttrs$width !== void 0 ? _mediaAttrs$width : DEFAULT_IMAGE_WIDTH),
+      layout: 'center'
+    } : {};
+    const mediaNode = media.create(mediaAttrs);
+    const mediaSingleNode = mediaSingle.create(mediaSingleAttrs, mediaNode);
+    const nodes = [mediaSingleNode];
+    const analyticsAttributes = {
+      inputMethod,
+      // External images have no file extension
+      fileExtension: mediaAttrs.type !== 'external' && mediaAttrs.__fileMimeType ? (_mediaAttrs$__fileMim2 = mediaAttrs.__fileMimeType) !== null && _mediaAttrs$__fileMim2 !== void 0 ? _mediaAttrs$__fileMim2 : undefined : undefined
+    };
+    return insertNodesWithOptionalParagraphCommand({
+      nodes,
+      analyticsAttributes,
+      editorAnalyticsAPI,
+      insertMediaVia
+    })({
+      tr
+    });
+  };
+};
 const getFileExtension = fileName => {
   if (fileName) {
     const extensionIdx = fileName.lastIndexOf('.');

package/dist/esm/mediaPlugin.js

@@ -16,7 +16,7 @@ import { mediaInlineSpecWithFixedToDOM } from './nodeviews/toDOM-fixes/mediaInli
 import { mediaSingleSpecWithFixedToDOM } from './nodeviews/toDOM-fixes/mediaSingle';
 import { createPlugin as createMediaAltTextPlugin } from './pm-plugins/alt-text';
 import keymapMediaAltTextPlugin from './pm-plugins/alt-text/keymap';
-import { hideMediaViewer, showMediaViewer, trackMediaPaste } from './pm-plugins/commands';
+import { hideMediaViewer, insertMediaAsMediaSingleCommand, showMediaViewer, trackMediaPaste } from './pm-plugins/commands';
 import keymapPlugin from './pm-plugins/keymap';
 import keymapMediaSinglePlugin from './pm-plugins/keymap-media';
 import linkingPlugin from './pm-plugins/linking';
@@ -96,6 +96,7 @@ var MediaViewerFunctionalComponent = function MediaViewerFunctionalComponent(_re
   });
 };
 export var mediaPlugin = function mediaPlugin(_ref3) {
+  var _api$analytics3;
   var _ref3$config = _ref3.config,
     options = _ref3$config === void 0 ? {} : _ref3$config,
     api = _ref3.api;
@@ -150,7 +151,8 @@ export var mediaPlugin = function mediaPlugin(_ref3) {
     commands: {
       showMediaViewer: showMediaViewer,
       hideMediaViewer: hideMediaViewer,
-      trackMediaPaste: trackMediaPaste
+      trackMediaPaste: trackMediaPaste,
+      insertMediaSingle: insertMediaAsMediaSingleCommand(api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions, options.allowPixelResizing)
     },
     nodes: function nodes() {
       var _ref5 = options || {},
@@ -225,9 +227,9 @@ export var mediaPlugin = function mediaPlugin(_ref3) {
       }, {
         name: 'mediaKeymap',
         plugin: function plugin(_ref7) {
-          var _api$analytics3, _api$selection;
+          var _api$analytics4, _api$selection;
           var getIntl = _ref7.getIntl;
-          return keymapPlugin(options, api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions, api === null || api === void 0 || (_api$selection = api.selection) === null || _api$selection === void 0 ? void 0 : _api$selection.actions, api === null || api === void 0 ? void 0 : api.width, getIntl);
+          return keymapPlugin(options, api === null || api === void 0 || (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 ? void 0 : _api$analytics4.actions, api === null || api === void 0 || (_api$selection = api.selection) === null || _api$selection === void 0 ? void 0 : _api$selection.actions, api === null || api === void 0 ? void 0 : api.width, getIntl);
         }
       }];
       if (options && options.allowMediaSingle) {
@@ -247,9 +249,9 @@ export var mediaPlugin = function mediaPlugin(_ref3) {
         pmPlugins.push({
           name: 'mediaAltTextKeymap',
           plugin: function plugin(_ref9) {
-            var _api$analytics4;
+            var _api$analytics5;
             var schema = _ref9.schema;
-            return keymapMediaAltTextPlugin(schema, api === null || api === void 0 || (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 ? void 0 : _api$analytics4.actions);
+            return keymapMediaAltTextPlugin(schema, api === null || api === void 0 || (_api$analytics5 = api.analytics) === null || _api$analytics5 === void 0 ? void 0 : _api$analytics5.actions);
           }
         });
       }

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

@@ -1,6 +1,7 @@
 import { ACTIONS } from '../pm-plugins/actions';
 import { stateKey } from '../pm-plugins/plugin-key';
 import { getIdentifier } from '../pm-plugins/utils/media-common';
+import { createInsertMediaAsMediaSingleCommand } from './utils/media-single';
 export var showMediaViewer = function showMediaViewer(media) {
   return function (_ref) {
     var tr = _ref.tr;
@@ -31,4 +32,9 @@ export var trackMediaPaste = function trackMediaPaste(attrs) {
     });
     return tr;
   };
+};
+export var insertMediaAsMediaSingleCommand = function insertMediaAsMediaSingleCommand(editorAnalyticsAPI, allowPixelResizing) {
+  return function (mediaAttrs, inputMethod, insertMediaVia) {
+    return createInsertMediaAsMediaSingleCommand(mediaAttrs, inputMethod, editorAnalyticsAPI, insertMediaVia, allowPixelResizing);
+  };
 };

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

@@ -5,10 +5,11 @@ import memoizeOne from 'memoize-one';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { safeInsert, shouldSplitSelectedNodeOnNodeInsertion } from '@atlaskit/editor-common/insert';
 import { DEFAULT_IMAGE_WIDTH, getMaxWidthForNestedNodeNext, getMediaSingleInitialWidth, MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH, MEDIA_SINGLE_VIDEO_MIN_PIXEL_WIDTH } from '@atlaskit/editor-common/media-single';
-import { atTheBeginningOfBlock } from '@atlaskit/editor-common/selection';
+import { atTheBeginningOfBlock, selectionIsAtTheBeginningOfBlock } from '@atlaskit/editor-common/selection';
 import { checkNodeDown, isEmptyParagraph } from '@atlaskit/editor-common/utils';
 import { Fragment, Slice } from '@atlaskit/editor-prosemirror/model';
 import { safeInsert as pmSafeInsert, removeSelectedNode } from '@atlaskit/editor-prosemirror/utils';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { copyOptionalAttrsFromMediaState } from '../utils/media-common';
 import { findChangeFromLocation, getChangeMediaAnalytics } from './analytics';
 import { isImage } from './is-type';
@@ -37,6 +38,21 @@ function insertNodesWithOptionalParagraph(_ref) {
     insertMediaVia = _ref.insertMediaVia;
   return function (state, dispatch) {
     var tr = state.tr;
+    if (fg('platform_editor_introduce_insert_media_command')) {
+      var _updatedTr = insertNodesWithOptionalParagraphCommand({
+        nodes: nodes,
+        analyticsAttributes: analyticsAttributes,
+        editorAnalyticsAPI: editorAnalyticsAPI,
+        insertMediaVia: insertMediaVia
+      })({
+        tr: tr
+      });
+      if (_updatedTr && dispatch) {
+        dispatch === null || dispatch === void 0 || dispatch(_updatedTr);
+        return true;
+      }
+      return false;
+    }
     var inputMethod = analyticsAttributes.inputMethod,
       fileExtension = analyticsAttributes.fileExtension,
       newType = analyticsAttributes.newType,
@@ -69,6 +85,43 @@ function insertNodesWithOptionalParagraph(_ref) {
     return true;
   };
 }
+function insertNodesWithOptionalParagraphCommand(_ref2) {
+  var nodes = _ref2.nodes,
+    _ref2$analyticsAttrib = _ref2.analyticsAttributes,
+    analyticsAttributes = _ref2$analyticsAttrib === void 0 ? {} : _ref2$analyticsAttrib,
+    editorAnalyticsAPI = _ref2.editorAnalyticsAPI,
+    insertMediaVia = _ref2.insertMediaVia;
+  return function (_ref3) {
+    var tr = _ref3.tr;
+    var inputMethod = analyticsAttributes.inputMethod,
+      fileExtension = analyticsAttributes.fileExtension,
+      newType = analyticsAttributes.newType,
+      previousType = analyticsAttributes.previousType;
+    var updatedTr = tr;
+    var openEnd = 0;
+    if (tr.selection.empty) {
+      var insertFrom = selectionIsAtTheBeginningOfBlock(tr.selection) ? tr.selection.$from.before() : tr.selection.from;
+
+      // the use of pmSafeInsert causes the node selection to media single node.
+      // It leads to discrepancy between the full-page and comment editor - not sure why :shrug:
+      // When multiple images are uploaded, the node selection is set to the previous node
+      // and got overridden by the next node inserted.
+      // It also causes the images position shifted when the images are uploaded.
+      // E.g the images are uploaded after a table, the images will be inserted inside the table.
+      // so we revert to use tr.insert instead. No extra paragraph is added.
+      updatedTr = updatedTr.insert(insertFrom, nodes);
+    } else {
+      updatedTr.replaceSelection(new Slice(Fragment.from(nodes), 0, openEnd));
+    }
+    if (inputMethod) {
+      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaAnalytics(inputMethod, fileExtension, insertMediaVia))(updatedTr);
+    }
+    if (newType && previousType) {
+      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent(getChangeMediaAnalytics(previousType, newType, findChangeFromLocation(tr.selection)))(updatedTr);
+    }
+    return updatedTr;
+  };
+}
 export var isMediaSingle = function isMediaSingle(schema, fileMimeType) {
   return !!schema.nodes.mediaSingle && isImage(fileMimeType);
 };
@@ -87,6 +140,16 @@ export var insertMediaAsMediaSingle = function insertMediaAsMediaSingle(view, no
   if (node.type !== media || !isImage(node.attrs.__fileMimeType) && node.attrs.type !== 'external') {
     return false;
   }
+  if (fg('platform_editor_introduce_insert_media_command')) {
+    var updatedTr = createInsertMediaAsMediaSingleCommand(node.attrs, inputMethod, editorAnalyticsAPI, insertMediaVia, allowPixelResizing)({
+      tr: state.tr
+    });
+    if (updatedTr && dispatch) {
+      dispatch === null || dispatch === void 0 || dispatch(updatedTr);
+      return true;
+    }
+    return false;
+  }
   var mediaSingleAttrs = allowPixelResizing ? {
     widthType: 'pixel',
     width: getMediaSingleInitialWidth((_node$attrs$width = node.attrs.width) !== null && _node$attrs$width !== void 0 ? _node$attrs$width : DEFAULT_IMAGE_WIDTH),
@@ -105,6 +168,42 @@ export var insertMediaAsMediaSingle = function insertMediaAsMediaSingle(view, no
     insertMediaVia: insertMediaVia
   })(state, dispatch);
 };
+export var createInsertMediaAsMediaSingleCommand = function createInsertMediaAsMediaSingleCommand(mediaAttrs, inputMethod, editorAnalyticsAPI, insertMediaVia, allowPixelResizing) {
+  return function (_ref4) {
+    var _mediaAttrs$__fileMim, _mediaAttrs$width, _mediaAttrs$__fileMim2;
+    var tr = _ref4.tr;
+    var _tr$doc$type$schema$n = tr.doc.type.schema.nodes,
+      mediaSingle = _tr$doc$type$schema$n.mediaSingle,
+      media = _tr$doc$type$schema$n.media;
+    if (!mediaSingle || !media) {
+      return null;
+    }
+    if (mediaAttrs.type !== 'external' && !isImage((_mediaAttrs$__fileMim = mediaAttrs.__fileMimeType) !== null && _mediaAttrs$__fileMim !== void 0 ? _mediaAttrs$__fileMim : undefined)) {
+      return null;
+    }
+    var mediaSingleAttrs = allowPixelResizing ? {
+      widthType: 'pixel',
+      width: getMediaSingleInitialWidth((_mediaAttrs$width = mediaAttrs.width) !== null && _mediaAttrs$width !== void 0 ? _mediaAttrs$width : DEFAULT_IMAGE_WIDTH),
+      layout: 'center'
+    } : {};
+    var mediaNode = media.create(mediaAttrs);
+    var mediaSingleNode = mediaSingle.create(mediaSingleAttrs, mediaNode);
+    var nodes = [mediaSingleNode];
+    var analyticsAttributes = {
+      inputMethod: inputMethod,
+      // External images have no file extension
+      fileExtension: mediaAttrs.type !== 'external' && mediaAttrs.__fileMimeType ? (_mediaAttrs$__fileMim2 = mediaAttrs.__fileMimeType) !== null && _mediaAttrs$__fileMim2 !== void 0 ? _mediaAttrs$__fileMim2 : undefined : undefined
+    };
+    return insertNodesWithOptionalParagraphCommand({
+      nodes: nodes,
+      analyticsAttributes: analyticsAttributes,
+      editorAnalyticsAPI: editorAnalyticsAPI,
+      insertMediaVia: insertMediaVia
+    })({
+      tr: tr
+    });
+  };
+};
 var getFileExtension = function getFileExtension(fileName) {
   if (fileName) {
     var extensionIdx = fileName.lastIndexOf('.');
@@ -218,12 +317,12 @@ var createMediaSingleNode = function createMediaSingleNode(schema, collection, m
       _mediaState$scaleFact = mediaState.scaleFactor,
       scaleFactor = _mediaState$scaleFact === void 0 ? 1 : _mediaState$scaleFact,
       fileName = mediaState.fileName;
-    var _ref2 = dimensions || {
+    var _ref5 = dimensions || {
         height: undefined,
         width: undefined
       },
-      width = _ref2.width,
-      height = _ref2.height;
+      width = _ref5.width,
+      height = _ref5.height;
     var _schema$nodes = schema.nodes,
       media = _schema$nodes.media,
       mediaSingle = _schema$nodes.mediaSingle;

package/dist/types/mediaPluginType.d.ts

@@ -1,4 +1,5 @@
 import type { MediaADFAttrs } from '@atlaskit/adf-schema';
+import type { InputMethodInsertMedia, InsertMediaVia } from '@atlaskit/editor-common/analytics';
 import type { MediaProvider } from '@atlaskit/editor-common/provider-factory';
 import type { EditorCommand, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
@@ -48,6 +49,11 @@ export type MediaNextEditorPluginType = NextEditorPlugin<'media', {
          * Callback to be called when there is an error rendering a media node.
          */
         handleMediaNodeRenderError: (node: PMNode, reason: string) => void;
+        /**
+         * @private
+         * @deprecated Use the command `insertMediaSingle` instead which is decoupled from EditorView
+         * and easier to use.
+         */
         insertMediaAsMediaSingle: InsertMediaAsMediaSingle;
         /**
          * Used to update the initial provider passed to the media plugin.
@@ -62,6 +68,15 @@ export type MediaNextEditorPluginType = NextEditorPlugin<'media', {
     };
     commands: {
         hideMediaViewer: EditorCommand;
+        /**
+         * Inserts a media node as a media single.
+         * This command creates a media single node from a set of attributes
+         *
+         * @param attrs - The media node attributes of the node to insert
+         * @param inputMethod - The method used to input the media
+         * @param insertMediaVia - Optional parameter indicating how the media was inserted
+         */
+        insertMediaSingle: (attrs: MediaADFAttrs, inputMethod: InputMethodInsertMedia, insertMediaVia?: InsertMediaVia) => EditorCommand;
         showMediaViewer: (media: MediaADFAttrs) => EditorCommand;
         trackMediaPaste: (attrs: MediaADFAttrs) => EditorCommand;
     };

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

@@ -1,5 +1,7 @@
 import type { MediaADFAttrs } from '@atlaskit/adf-schema';
+import type { EditorAnalyticsAPI, InputMethodInsertMedia, InsertMediaVia } from '@atlaskit/editor-common/analytics';
 import type { EditorCommand } from '@atlaskit/editor-common/types';
 export declare const showMediaViewer: (media: MediaADFAttrs) => EditorCommand;
 export declare const hideMediaViewer: EditorCommand;
 export declare const trackMediaPaste: (attrs: MediaADFAttrs) => EditorCommand;
+export declare const insertMediaAsMediaSingleCommand: (editorAnalyticsAPI?: EditorAnalyticsAPI, allowPixelResizing?: boolean) => (mediaAttrs: MediaADFAttrs, inputMethod: InputMethodInsertMedia, insertMediaVia?: InsertMediaVia) => EditorCommand;

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

@@ -1,12 +1,14 @@
+import type { MediaADFAttrs } from '@atlaskit/adf-schema';
 import type { EditorAnalyticsAPI, InputMethodInsertMedia } from '@atlaskit/editor-common/analytics';
 import { type InsertMediaVia } from '@atlaskit/editor-common/analytics';
-import type { EditorContainerWidth as WidthPluginState } from '@atlaskit/editor-common/types';
+import type { EditorCommand, EditorContainerWidth as WidthPluginState } from '@atlaskit/editor-common/types';
 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, insertMediaVia?: InsertMediaVia, allowPixelResizing?: boolean) => boolean;
 export declare const insertMediaAsMediaSingle: (view: EditorView, node: PMNode, inputMethod: InputMethodInsertMedia, editorAnalyticsAPI: EditorAnalyticsAPI | undefined, insertMediaVia?: InsertMediaVia, allowPixelResizing?: boolean) => boolean;
+export declare const createInsertMediaAsMediaSingleCommand: (mediaAttrs: MediaADFAttrs, inputMethod: InputMethodInsertMedia, editorAnalyticsAPI: EditorAnalyticsAPI | undefined, insertMediaVia?: InsertMediaVia, allowPixelResizing?: boolean) => EditorCommand;
 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, insertMediaVia?: InsertMediaVia, allowPixelResizing?: boolean) => boolean;
 export declare const changeFromMediaInlineToMediaSingleNode: (view: EditorView, fromNode: PMNode, widthPluginState?: WidthPluginState | undefined, editorAnalyticsAPI?: EditorAnalyticsAPI | undefined, allowPixelResizing?: boolean) => boolean;
 export declare const isVideo: import("memoize-one").MemoizedFn<(fileType?: string) => boolean>;

package/dist/types-ts4.5/mediaPluginType.d.ts

@@ -1,4 +1,5 @@
 import type { MediaADFAttrs } from '@atlaskit/adf-schema';
+import type { InputMethodInsertMedia, InsertMediaVia } from '@atlaskit/editor-common/analytics';
 import type { MediaProvider } from '@atlaskit/editor-common/provider-factory';
 import type { EditorCommand, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
@@ -48,6 +49,11 @@ export type MediaNextEditorPluginType = NextEditorPlugin<'media', {
          * Callback to be called when there is an error rendering a media node.
          */
         handleMediaNodeRenderError: (node: PMNode, reason: string) => void;
+        /**
+         * @private
+         * @deprecated Use the command `insertMediaSingle` instead which is decoupled from EditorView
+         * and easier to use.
+         */
         insertMediaAsMediaSingle: InsertMediaAsMediaSingle;
         /**
          * Used to update the initial provider passed to the media plugin.
@@ -62,6 +68,15 @@ export type MediaNextEditorPluginType = NextEditorPlugin<'media', {
     };
     commands: {
         hideMediaViewer: EditorCommand;
+        /**
+         * Inserts a media node as a media single.
+         * This command creates a media single node from a set of attributes
+         *
+         * @param attrs - The media node attributes of the node to insert
+         * @param inputMethod - The method used to input the media
+         * @param insertMediaVia - Optional parameter indicating how the media was inserted
+         */
+        insertMediaSingle: (attrs: MediaADFAttrs, inputMethod: InputMethodInsertMedia, insertMediaVia?: InsertMediaVia) => EditorCommand;
         showMediaViewer: (media: MediaADFAttrs) => EditorCommand;
         trackMediaPaste: (attrs: MediaADFAttrs) => EditorCommand;
     };

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

@@ -1,5 +1,7 @@
 import type { MediaADFAttrs } from '@atlaskit/adf-schema';
+import type { EditorAnalyticsAPI, InputMethodInsertMedia, InsertMediaVia } from '@atlaskit/editor-common/analytics';
 import type { EditorCommand } from '@atlaskit/editor-common/types';
 export declare const showMediaViewer: (media: MediaADFAttrs) => EditorCommand;
 export declare const hideMediaViewer: EditorCommand;
 export declare const trackMediaPaste: (attrs: MediaADFAttrs) => EditorCommand;
+export declare const insertMediaAsMediaSingleCommand: (editorAnalyticsAPI?: EditorAnalyticsAPI, allowPixelResizing?: boolean) => (mediaAttrs: MediaADFAttrs, inputMethod: InputMethodInsertMedia, insertMediaVia?: InsertMediaVia) => EditorCommand;

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

@@ -1,12 +1,14 @@
+import type { MediaADFAttrs } from '@atlaskit/adf-schema';
 import type { EditorAnalyticsAPI, InputMethodInsertMedia } from '@atlaskit/editor-common/analytics';
 import { type InsertMediaVia } from '@atlaskit/editor-common/analytics';
-import type { EditorContainerWidth as WidthPluginState } from '@atlaskit/editor-common/types';
+import type { EditorCommand, EditorContainerWidth as WidthPluginState } from '@atlaskit/editor-common/types';
 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, insertMediaVia?: InsertMediaVia, allowPixelResizing?: boolean) => boolean;
 export declare const insertMediaAsMediaSingle: (view: EditorView, node: PMNode, inputMethod: InputMethodInsertMedia, editorAnalyticsAPI: EditorAnalyticsAPI | undefined, insertMediaVia?: InsertMediaVia, allowPixelResizing?: boolean) => boolean;
+export declare const createInsertMediaAsMediaSingleCommand: (mediaAttrs: MediaADFAttrs, inputMethod: InputMethodInsertMedia, editorAnalyticsAPI: EditorAnalyticsAPI | undefined, insertMediaVia?: InsertMediaVia, allowPixelResizing?: boolean) => EditorCommand;
 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, insertMediaVia?: InsertMediaVia, allowPixelResizing?: boolean) => boolean;
 export declare const changeFromMediaInlineToMediaSingleNode: (view: EditorView, fromNode: PMNode, widthPluginState?: WidthPluginState | undefined, editorAnalyticsAPI?: EditorAnalyticsAPI | undefined, allowPixelResizing?: 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": "9.1.1",
+	"version": "9.2.0",
 	"description": "Media plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -66,8 +66,8 @@
 		"@atlaskit/primitives": "^17.0.0",
 		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^16.4.0",
-		"@atlaskit/tokens": "^9.0.0",
+		"@atlaskit/tmp-editor-statsig": "^16.8.0",
+		"@atlaskit/tokens": "^9.1.0",
 		"@atlaskit/tooltip": "^20.11.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -78,7 +78,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^111.2.0",
+		"@atlaskit/editor-common": "^111.5.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
@@ -133,6 +133,9 @@
 		"platform-visual-refresh-icons": {
 			"type": "boolean"
 		},
+		"platform_editor_introduce_insert_media_command": {
+			"type": "boolean"
+		},
 		"confluence_frontend_media_scroll_fix": {
 			"type": "boolean"
 		},