@atlaskit/editor-core 187.14.8 → 187.14.11

package/dist/cjs/plugins/media/toolbar/commands.js

@@ -7,85 +7,89 @@ exports.toggleBorderMark = exports.setBorderMark = exports.removeInlineCard = ex
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
-var _analytics = require("../../analytics");
+var _analytics = require("@atlaskit/editor-common/analytics");
 var _utils2 = require("./utils");
 var _currentMediaNode = require("../utils/current-media-node");
 var DEFAULT_BORDER_COLOR = '#091e4224';
 exports.DEFAULT_BORDER_COLOR = DEFAULT_BORDER_COLOR;
 var DEFAULT_BORDER_SIZE = 2;
 exports.DEFAULT_BORDER_SIZE = DEFAULT_BORDER_SIZE;
-var changeInlineToMediaCard = function changeInlineToMediaCard(state, dispatch) {
-  var _state$schema$nodes = state.schema.nodes,
-    media = _state$schema$nodes.media,
-    mediaInline = _state$schema$nodes.mediaInline,
-    mediaGroup = _state$schema$nodes.mediaGroup;
-  var selectedNode = state.selection instanceof _state.NodeSelection && state.selection.node.type === mediaInline && state.selection.node;
-  if (!selectedNode) {
-    return false;
-  }
-  var _selectedNode$attrs = selectedNode.attrs,
-    id = _selectedNode$attrs.id,
-    type = _selectedNode$attrs.type,
-    collection = _selectedNode$attrs.collection;
-  var mediaNode = media.createChecked({
-    id: id,
-    type: type,
-    collection: collection
-  });
-  var group = mediaGroup.createChecked({}, mediaNode);
-  var nodePos = state.tr.doc.resolve(state.selection.from).end();
-  var tr = state.tr;
-  tr = (0, _utils.removeSelectedNode)(tr);
-  tr = (0, _utils.safeInsert)(group, nodePos, true)(tr);
-  if (dispatch) {
-    (0, _analytics.addAnalytics)(state, tr, {
-      action: _analytics.ACTION.CHANGED_TYPE,
-      actionSubject: _analytics.ACTION_SUBJECT.MEDIA,
-      eventType: _analytics.EVENT_TYPE.TRACK,
-      attributes: {
-        newType: _analytics.ACTION_SUBJECT_ID.MEDIA_GROUP,
-        previousType: _analytics.ACTION_SUBJECT_ID.MEDIA_INLINE
-      }
+var changeInlineToMediaCard = function changeInlineToMediaCard(editorAnalyticsAPI) {
+  return function (state, dispatch) {
+    var _state$schema$nodes = state.schema.nodes,
+      media = _state$schema$nodes.media,
+      mediaInline = _state$schema$nodes.mediaInline,
+      mediaGroup = _state$schema$nodes.mediaGroup;
+    var selectedNode = state.selection instanceof _state.NodeSelection && state.selection.node.type === mediaInline && state.selection.node;
+    if (!selectedNode) {
+      return false;
+    }
+    var _selectedNode$attrs = selectedNode.attrs,
+      id = _selectedNode$attrs.id,
+      type = _selectedNode$attrs.type,
+      collection = _selectedNode$attrs.collection;
+    var mediaNode = media.createChecked({
+      id: id,
+      type: type,
+      collection: collection
     });
-    dispatch(tr);
-  }
-  return true;
+    var group = mediaGroup.createChecked({}, mediaNode);
+    var nodePos = state.tr.doc.resolve(state.selection.from).end();
+    var tr = state.tr;
+    tr = (0, _utils.removeSelectedNode)(tr);
+    tr = (0, _utils.safeInsert)(group, nodePos, true)(tr);
+    if (dispatch) {
+      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent({
+        action: _analytics.ACTION.CHANGED_TYPE,
+        actionSubject: _analytics.ACTION_SUBJECT.MEDIA,
+        eventType: _analytics.EVENT_TYPE.TRACK,
+        attributes: {
+          newType: _analytics.ACTION_SUBJECT_ID.MEDIA_GROUP,
+          previousType: _analytics.ACTION_SUBJECT_ID.MEDIA_INLINE
+        }
+      })(tr);
+      dispatch(tr);
+    }
+    return true;
+  };
 };
 exports.changeInlineToMediaCard = changeInlineToMediaCard;
-var changeMediaCardToInline = function changeMediaCardToInline(state, dispatch) {
-  var _state$schema$nodes2 = state.schema.nodes,
-    media = _state$schema$nodes2.media,
-    mediaInline = _state$schema$nodes2.mediaInline,
-    paragraph = _state$schema$nodes2.paragraph;
-  var selectedNode = state.selection instanceof _state.NodeSelection && state.selection.node;
+var changeMediaCardToInline = function changeMediaCardToInline(editorAnalyticsAPI) {
+  return function (state, dispatch) {
+    var _state$schema$nodes2 = state.schema.nodes,
+      media = _state$schema$nodes2.media,
+      mediaInline = _state$schema$nodes2.mediaInline,
+      paragraph = _state$schema$nodes2.paragraph;
+    var selectedNode = state.selection instanceof _state.NodeSelection && state.selection.node;
 
-  // @ts-ignore - [unblock prosemirror bump] redundant check comparing boolean to media
-  if (!selectedNode || !selectedNode.type === media) {
-    return false;
-  }
-  var mediaInlineNode = mediaInline.create({
-    id: selectedNode.attrs.id,
-    collection: selectedNode.attrs.collection
-  });
-  var space = state.schema.text(' ');
-  var content = _model.Fragment.from([mediaInlineNode, space]);
-  var node = paragraph.createChecked({}, content);
-  var nodePos = state.tr.doc.resolve(state.selection.from).start() - 1;
-  var tr = (0, _utils2.removeMediaGroupNode)(state);
-  tr = (0, _utils.safeInsert)(node, nodePos, true)(tr);
-  if (dispatch) {
-    (0, _analytics.addAnalytics)(state, tr, {
-      action: _analytics.ACTION.CHANGED_TYPE,
-      actionSubject: _analytics.ACTION_SUBJECT.MEDIA,
-      eventType: _analytics.EVENT_TYPE.TRACK,
-      attributes: {
-        newType: _analytics.ACTION_SUBJECT_ID.MEDIA_INLINE,
-        previousType: _analytics.ACTION_SUBJECT_ID.MEDIA_GROUP
-      }
+    // @ts-ignore - [unblock prosemirror bump] redundant check comparing boolean to media
+    if (!selectedNode || !selectedNode.type === media) {
+      return false;
+    }
+    var mediaInlineNode = mediaInline.create({
+      id: selectedNode.attrs.id,
+      collection: selectedNode.attrs.collection
     });
-    dispatch(tr);
-  }
-  return true;
+    var space = state.schema.text(' ');
+    var content = _model.Fragment.from([mediaInlineNode, space]);
+    var node = paragraph.createChecked({}, content);
+    var nodePos = state.tr.doc.resolve(state.selection.from).start() - 1;
+    var tr = (0, _utils2.removeMediaGroupNode)(state);
+    tr = (0, _utils.safeInsert)(node, nodePos, true)(tr);
+    if (dispatch) {
+      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent({
+        action: _analytics.ACTION.CHANGED_TYPE,
+        actionSubject: _analytics.ACTION_SUBJECT.MEDIA,
+        eventType: _analytics.EVENT_TYPE.TRACK,
+        attributes: {
+          newType: _analytics.ACTION_SUBJECT_ID.MEDIA_INLINE,
+          previousType: _analytics.ACTION_SUBJECT_ID.MEDIA_GROUP
+        }
+      })(tr);
+      dispatch(tr);
+    }
+    return true;
+  };
 };
 exports.changeMediaCardToInline = changeMediaCardToInline;
 var removeInlineCard = function removeInlineCard(state, dispatch) {
@@ -98,77 +102,22 @@ var removeInlineCard = function removeInlineCard(state, dispatch) {
   return false;
 };
 exports.removeInlineCard = removeInlineCard;
-var toggleBorderMark = function toggleBorderMark(state, dispatch) {
-  var nodeWithPos = (0, _currentMediaNode.currentMediaNodeWithPos)(state);
-  if (!nodeWithPos) {
-    return false;
-  }
-  var node = nodeWithPos.node,
-    pos = nodeWithPos.pos;
-  var borderMark = node.marks.find(function (m) {
-    return m.type.name === 'border';
-  });
-  var marks = node.marks.filter(function (m) {
-    return m.type.name !== 'border';
-  }).concat(borderMark ? [] : state.schema.marks.border.create({
-    color: DEFAULT_BORDER_COLOR,
-    size: DEFAULT_BORDER_SIZE
-  }));
-  var tr = state.tr.setNodeMarkup(pos, node.type, node.attrs, marks);
-  tr.setMeta('scrollIntoView', false);
-  if (state.selection instanceof _state.NodeSelection) {
-    if (state.selection.$anchor.pos === state.selection.from) {
-      tr.setSelection(_state.NodeSelection.create(tr.doc, state.selection.from));
-    }
-  }
-  if (dispatch) {
-    if (borderMark !== null && borderMark !== void 0 && borderMark.attrs) {
-      (0, _analytics.addAnalytics)(state, tr, {
-        action: _analytics.ACTION.DELETED,
-        actionSubject: _analytics.ACTION_SUBJECT.MEDIA,
-        actionSubjectId: _analytics.ACTION_SUBJECT_ID.BORDER,
-        eventType: _analytics.EVENT_TYPE.TRACK,
-        attributes: {
-          previousColor: borderMark.attrs.color,
-          previousSize: borderMark.attrs.size
-        }
-      });
-    } else {
-      (0, _analytics.addAnalytics)(state, tr, {
-        action: _analytics.ACTION.ADDED,
-        actionSubject: _analytics.ACTION_SUBJECT.MEDIA,
-        actionSubjectId: _analytics.ACTION_SUBJECT_ID.BORDER,
-        eventType: _analytics.EVENT_TYPE.TRACK,
-        attributes: {
-          color: DEFAULT_BORDER_COLOR,
-          size: DEFAULT_BORDER_SIZE
-        }
-      });
-    }
-    dispatch(tr);
-  }
-  return true;
-};
-exports.toggleBorderMark = toggleBorderMark;
-var setBorderMark = function setBorderMark(attrs) {
+var toggleBorderMark = function toggleBorderMark(editorAnalyticsAPI) {
   return function (state, dispatch) {
-    var _node$marks$find, _ref, _attrs$color, _ref2, _attrs$size;
     var nodeWithPos = (0, _currentMediaNode.currentMediaNodeWithPos)(state);
     if (!nodeWithPos) {
       return false;
     }
     var node = nodeWithPos.node,
       pos = nodeWithPos.pos;
-    var borderMark = (_node$marks$find = node.marks.find(function (m) {
+    var borderMark = node.marks.find(function (m) {
       return m.type.name === 'border';
-    })) === null || _node$marks$find === void 0 ? void 0 : _node$marks$find.attrs;
-    var color = (_ref = (_attrs$color = attrs.color) !== null && _attrs$color !== void 0 ? _attrs$color : borderMark === null || borderMark === void 0 ? void 0 : borderMark.color) !== null && _ref !== void 0 ? _ref : DEFAULT_BORDER_COLOR;
-    var size = (_ref2 = (_attrs$size = attrs.size) !== null && _attrs$size !== void 0 ? _attrs$size : borderMark === null || borderMark === void 0 ? void 0 : borderMark.size) !== null && _ref2 !== void 0 ? _ref2 : DEFAULT_BORDER_SIZE;
+    });
     var marks = node.marks.filter(function (m) {
       return m.type.name !== 'border';
-    }).concat(state.schema.marks.border.create({
-      color: color,
-      size: size
+    }).concat(borderMark ? [] : state.schema.marks.border.create({
+      color: DEFAULT_BORDER_COLOR,
+      size: DEFAULT_BORDER_SIZE
     }));
     var tr = state.tr.setNodeMarkup(pos, node.type, node.attrs, marks);
     tr.setMeta('scrollIntoView', false);
@@ -178,21 +127,80 @@ var setBorderMark = function setBorderMark(attrs) {
       }
     }
     if (dispatch) {
-      (0, _analytics.addAnalytics)(state, tr, {
-        action: _analytics.ACTION.UPDATED,
-        actionSubject: _analytics.ACTION_SUBJECT.MEDIA,
-        actionSubjectId: _analytics.ACTION_SUBJECT_ID.BORDER,
-        eventType: _analytics.EVENT_TYPE.TRACK,
-        attributes: {
-          previousColor: borderMark === null || borderMark === void 0 ? void 0 : borderMark.color,
-          previousSize: borderMark === null || borderMark === void 0 ? void 0 : borderMark.size,
-          newColor: color,
-          newSize: size
-        }
-      });
+      if (borderMark !== null && borderMark !== void 0 && borderMark.attrs) {
+        editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent({
+          action: _analytics.ACTION.DELETED,
+          actionSubject: _analytics.ACTION_SUBJECT.MEDIA,
+          actionSubjectId: _analytics.ACTION_SUBJECT_ID.BORDER,
+          eventType: _analytics.EVENT_TYPE.TRACK,
+          attributes: {
+            previousColor: borderMark.attrs.color,
+            previousSize: borderMark.attrs.size
+          }
+        })(tr);
+      } else {
+        editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent({
+          action: _analytics.ACTION.ADDED,
+          actionSubject: _analytics.ACTION_SUBJECT.MEDIA,
+          actionSubjectId: _analytics.ACTION_SUBJECT_ID.BORDER,
+          eventType: _analytics.EVENT_TYPE.TRACK,
+          attributes: {
+            color: DEFAULT_BORDER_COLOR,
+            size: DEFAULT_BORDER_SIZE
+          }
+        })(tr);
+      }
       dispatch(tr);
     }
     return true;
   };
 };
+exports.toggleBorderMark = toggleBorderMark;
+var setBorderMark = function setBorderMark(editorAnalyticsAPI) {
+  return function (attrs) {
+    return function (state, dispatch) {
+      var _node$marks$find, _ref, _attrs$color, _ref2, _attrs$size;
+      var nodeWithPos = (0, _currentMediaNode.currentMediaNodeWithPos)(state);
+      if (!nodeWithPos) {
+        return false;
+      }
+      var node = nodeWithPos.node,
+        pos = nodeWithPos.pos;
+      var borderMark = (_node$marks$find = node.marks.find(function (m) {
+        return m.type.name === 'border';
+      })) === null || _node$marks$find === void 0 ? void 0 : _node$marks$find.attrs;
+      var color = (_ref = (_attrs$color = attrs.color) !== null && _attrs$color !== void 0 ? _attrs$color : borderMark === null || borderMark === void 0 ? void 0 : borderMark.color) !== null && _ref !== void 0 ? _ref : DEFAULT_BORDER_COLOR;
+      var size = (_ref2 = (_attrs$size = attrs.size) !== null && _attrs$size !== void 0 ? _attrs$size : borderMark === null || borderMark === void 0 ? void 0 : borderMark.size) !== null && _ref2 !== void 0 ? _ref2 : DEFAULT_BORDER_SIZE;
+      var marks = node.marks.filter(function (m) {
+        return m.type.name !== 'border';
+      }).concat(state.schema.marks.border.create({
+        color: color,
+        size: size
+      }));
+      var tr = state.tr.setNodeMarkup(pos, node.type, node.attrs, marks);
+      tr.setMeta('scrollIntoView', false);
+      if (state.selection instanceof _state.NodeSelection) {
+        if (state.selection.$anchor.pos === state.selection.from) {
+          tr.setSelection(_state.NodeSelection.create(tr.doc, state.selection.from));
+        }
+      }
+      if (dispatch) {
+        editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent({
+          action: _analytics.ACTION.UPDATED,
+          actionSubject: _analytics.ACTION_SUBJECT.MEDIA,
+          actionSubjectId: _analytics.ACTION_SUBJECT_ID.BORDER,
+          eventType: _analytics.EVENT_TYPE.TRACK,
+          attributes: {
+            previousColor: borderMark === null || borderMark === void 0 ? void 0 : borderMark.color,
+            previousSize: borderMark === null || borderMark === void 0 ? void 0 : borderMark.size,
+            newColor: color,
+            newSize: size
+          }
+        })(tr);
+        dispatch(tr);
+      }
+      return true;
+    };
+  };
+};
 exports.setBorderMark = setBorderMark;

package/dist/cjs/plugins/media/toolbar/index.js

@@ -48,7 +48,7 @@ var handleRemoveMediaGroup = function handleRemoveMediaGroup(state, dispatch) {
   }
   return true;
 };
-var generateMediaCardFloatingToolbar = function generateMediaCardFloatingToolbar(state, intl, mediaPluginState, hoverDecoration) {
+var generateMediaCardFloatingToolbar = function generateMediaCardFloatingToolbar(state, intl, mediaPluginState, hoverDecoration, editorAnalyticsAPI) {
   var mediaGroup = state.schema.nodes.mediaGroup;
   var items = [{
     id: 'editor.media.view.switcher',
@@ -59,7 +59,7 @@ var generateMediaCardFloatingToolbar = function generateMediaCardFloatingToolbar
       title: intl.formatMessage(_messages2.cardMessages.inline),
       selected: false,
       disabled: false,
-      onClick: _commands.changeMediaCardToInline,
+      onClick: (0, _commands.changeMediaCardToInline)(editorAnalyticsAPI),
       testId: 'inline-appearance'
     }, {
       id: 'editor.media.view.switcher.thumbnail',
@@ -121,7 +121,7 @@ var generateMediaCardFloatingToolbar = function generateMediaCardFloatingToolbar
   }];
   return items;
 };
-var generateMediaInlineFloatingToolbar = function generateMediaInlineFloatingToolbar(state, intl, mediaPluginState, hoverDecoration) {
+var generateMediaInlineFloatingToolbar = function generateMediaInlineFloatingToolbar(state, intl, mediaPluginState, hoverDecoration, editorAnalyticsAPI) {
   var mediaInline = state.schema.nodes.mediaInline;
   var items = [{
     id: 'editor.media.view.switcher',
@@ -141,7 +141,7 @@ var generateMediaInlineFloatingToolbar = function generateMediaInlineFloatingToo
       title: intl.formatMessage(_mediaUi.messages.displayThumbnail),
       selected: false,
       disabled: false,
-      onClick: _commands.changeInlineToMediaCard,
+      onClick: (0, _commands.changeInlineToMediaCard)(editorAnalyticsAPI),
       testId: 'thumbnail-appearance'
     }]
   }, {
@@ -195,7 +195,7 @@ var generateMediaInlineFloatingToolbar = function generateMediaInlineFloatingToo
   return items;
 };
 var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToolbar(state, intl, options, pluginState, mediaLinkingState, pluginInjectionApi, getEditorFeatureFlags) {
-  var _pluginInjectionApi$d3;
+  var _pluginInjectionApi$d7;
   var mediaSingle = state.schema.nodes.mediaSingle;
   var allowResizing = options.allowResizing,
     allowLinking = options.allowLinking,
@@ -216,10 +216,12 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
         var borderMark = (0, _currentMediaNode.currentMediaNodeBorderMark)(state);
         return /*#__PURE__*/_react.default.createElement(_ImageBorder.default, {
           toggleBorder: function toggleBorder() {
-            (0, _commands.toggleBorderMark)(state, dispatch);
+            var _pluginInjectionApi$d, _pluginInjectionApi$d2;
+            (0, _commands.toggleBorderMark)(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies) === null || _pluginInjectionApi$d === void 0 ? void 0 : (_pluginInjectionApi$d2 = _pluginInjectionApi$d.analytics) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.actions)(state, dispatch);
           },
           setBorder: function setBorder(attrs) {
-            (0, _commands.setBorderMark)(attrs)(state, dispatch);
+            var _pluginInjectionApi$d3, _pluginInjectionApi$d4;
+            (0, _commands.setBorderMark)(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d3 = pluginInjectionApi.dependencies) === null || _pluginInjectionApi$d3 === void 0 ? void 0 : (_pluginInjectionApi$d4 = _pluginInjectionApi$d3.analytics) === null || _pluginInjectionApi$d4 === void 0 ? void 0 : _pluginInjectionApi$d4.actions)(attrs)(state, dispatch);
           },
           showSomewhatSemanticTooltips: getEditorFeatureFlags === null || getEditorFeatureFlags === void 0 ? void 0 : getEditorFeatureFlags().useSomewhatSemanticTextColorNames,
           borderMark: borderMark,
@@ -232,7 +234,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
     });
   }
   if (allowAdvancedToolBarOptions) {
-    var _pluginInjectionApi$d;
+    var _pluginInjectionApi$d5;
     var widthPlugin = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.width;
     var isChangingLayoutDisabled = false;
     if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.media.extended-resize-experience')) {
@@ -246,7 +248,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
         }
       }
     }
-    var layoutButtons = (0, _card.buildLayoutButtons)(state, intl, state.schema.nodes.mediaSingle, widthPlugin, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies.analytics) === null || _pluginInjectionApi$d === void 0 ? void 0 : _pluginInjectionApi$d.actions, allowResizing, allowResizingInTables, true, true, isChangingLayoutDisabled);
+    var layoutButtons = (0, _card.buildLayoutButtons)(state, intl, state.schema.nodes.mediaSingle, widthPlugin, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d5 = pluginInjectionApi.dependencies.analytics) === null || _pluginInjectionApi$d5 === void 0 ? void 0 : _pluginInjectionApi$d5.actions, allowResizing, allowResizingInTables, true, true, isChangingLayoutDisabled);
     toolbarButtons = [].concat((0, _toConsumableArray2.default)(toolbarButtons), (0, _toConsumableArray2.default)(layoutButtons));
     if (layoutButtons.length) {
       toolbarButtons.push({
@@ -268,10 +270,10 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
             };
             var openLink = function openLink() {
               if (editorView) {
-                var _pluginInjectionApi$d2;
+                var _pluginInjectionApi$d6;
                 var tr = editorView.state.tr,
                   dispatch = editorView.dispatch;
-                pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d2 = pluginInjectionApi.dependencies.analytics) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.actions.attachAnalyticsEvent({
+                pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d6 = pluginInjectionApi.dependencies.analytics) === null || _pluginInjectionApi$d6 === void 0 ? void 0 : _pluginInjectionApi$d6.actions.attachAnalyticsEvent({
                   eventType: _analytics.EVENT_TYPE.TRACK,
                   action: _analytics.ACTION.VISITED,
                   actionSubject: _analytics.ACTION_SUBJECT.MEDIA,
@@ -301,7 +303,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
       type: 'separator'
     });
   }
-  var _ref = (_pluginInjectionApi$d3 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.decorations.actions) !== null && _pluginInjectionApi$d3 !== void 0 ? _pluginInjectionApi$d3 : {},
+  var _ref = (_pluginInjectionApi$d7 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.decorations.actions) !== null && _pluginInjectionApi$d7 !== void 0 ? _pluginInjectionApi$d7 : {},
     hoverDecoration = _ref.hoverDecoration;
   var removeButton = {
     id: 'editor.media.delete',
@@ -330,7 +332,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
   return items;
 };
 var floatingToolbar = function floatingToolbar(state, intl) {
-  var _pluginInjectionApi$d4;
+  var _pluginInjectionApi$d8;
   var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   var pluginInjectionApi = arguments.length > 3 ? arguments[3] : undefined;
   var _state$schema$nodes = state.schema.nodes,
@@ -346,7 +348,7 @@ var floatingToolbar = function floatingToolbar(state, intl) {
     getEditorFeatureFlags = options.getEditorFeatureFlags;
   var mediaPluginState = _pluginKey.stateKey.getState(state);
   var mediaLinkingState = (0, _linking2.getMediaLinkingState)(state);
-  var _ref2 = (_pluginInjectionApi$d4 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.decorations.actions) !== null && _pluginInjectionApi$d4 !== void 0 ? _pluginInjectionApi$d4 : {},
+  var _ref2 = (_pluginInjectionApi$d8 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.decorations.actions) !== null && _pluginInjectionApi$d8 !== void 0 ? _pluginInjectionApi$d8 : {},
     hoverDecoration = _ref2.hoverDecoration;
   if (!mediaPluginState || mediaPluginState.isResizing) {
     return;
@@ -380,20 +382,22 @@ var floatingToolbar = function floatingToolbar(state, intl) {
     selectedNodeType = state.selection.node.type;
   }
   if (allowMediaInline && (parentMediaGroupNode === null || parentMediaGroupNode === void 0 ? void 0 : parentMediaGroupNode.node.type) === mediaGroup) {
+    var _pluginInjectionApi$d9, _pluginInjectionApi$d10;
     var mediaOffset = state.selection.$from.parentOffset + 1;
     baseToolbar.getDomRef = function () {
       var _mediaPluginState$ele;
       var selector = (0, _mediaFilmstrip.mediaFilmstripItemDOMSelector)(mediaOffset);
       return (_mediaPluginState$ele = mediaPluginState.element) === null || _mediaPluginState$ele === void 0 ? void 0 : _mediaPluginState$ele.querySelector(selector);
     };
-    items = generateMediaCardFloatingToolbar(state, intl, mediaPluginState, hoverDecoration);
+    items = generateMediaCardFloatingToolbar(state, intl, mediaPluginState, hoverDecoration, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d9 = pluginInjectionApi.dependencies) === null || _pluginInjectionApi$d9 === void 0 ? void 0 : (_pluginInjectionApi$d10 = _pluginInjectionApi$d9.analytics) === null || _pluginInjectionApi$d10 === void 0 ? void 0 : _pluginInjectionApi$d10.actions);
   } else if (allowMediaInline && selectedNodeType && selectedNodeType === mediaInline) {
+    var _pluginInjectionApi$d11, _pluginInjectionApi$d12;
     baseToolbar.getDomRef = function () {
       var _mediaPluginState$ele2;
       var element = (_mediaPluginState$ele2 = mediaPluginState.element) === null || _mediaPluginState$ele2 === void 0 ? void 0 : _mediaPluginState$ele2.querySelector(".".concat(_styles.MediaInlineNodeSelector));
       return element || mediaPluginState.element;
     };
-    items = generateMediaInlineFloatingToolbar(state, intl, mediaPluginState, hoverDecoration);
+    items = generateMediaInlineFloatingToolbar(state, intl, mediaPluginState, hoverDecoration, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d11 = pluginInjectionApi.dependencies) === null || _pluginInjectionApi$d11 === void 0 ? void 0 : (_pluginInjectionApi$d12 = _pluginInjectionApi$d11.analytics) === null || _pluginInjectionApi$d12 === void 0 ? void 0 : _pluginInjectionApi$d12.actions);
   } else {
     baseToolbar.getDomRef = function () {
       var _mediaPluginState$ele3;

package/dist/cjs/plugins/media/toolbar/linking.js

@@ -58,7 +58,8 @@ var getLinkingToolbar = function getLinkingToolbar(toolbarBaseConfig, mediaLinki
               intl: intl,
               editing: editing,
               onUnlink: function onUnlink() {
-                return (0, _linking.unlink)(view.state, view.dispatch, view);
+                var _pluginInjectionApi$d, _pluginInjectionApi$d2;
+                return (0, _linking.unlink)(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies) === null || _pluginInjectionApi$d === void 0 ? void 0 : (_pluginInjectionApi$d2 = _pluginInjectionApi$d.analytics) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.actions)(view.state, view.dispatch, view);
               },
               onBack: function onBack(href, meta) {
                 if (href.trim() && meta.inputMethod) {
@@ -67,14 +68,14 @@ var getLinkingToolbar = function getLinkingToolbar(toolbarBaseConfig, mediaLinki
                 (0, _linking.hideLinkingToolbar)(view.state, view.dispatch, view);
               },
               onCancel: function onCancel() {
-                var _pluginInjectionApi$d;
+                var _pluginInjectionApi$d3;
                 (0, _linking.hideLinkingToolbar)(view.state, view.dispatch, view, true);
                 /** Focus should move to the 'Add link' button when the toolbar closes
                  * and not close the floating toolbar.
                  */
                 var tr = view.state.tr,
                   dispatch = view.dispatch;
-                pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies.floatingToolbar.actions) === null || _pluginInjectionApi$d === void 0 ? void 0 : _pluginInjectionApi$d.forceFocusSelector(FORCE_FOCUS_SELECTOR)(tr);
+                pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d3 = pluginInjectionApi.dependencies.floatingToolbar.actions) === null || _pluginInjectionApi$d3 === void 0 ? void 0 : _pluginInjectionApi$d3.forceFocusSelector(FORCE_FOCUS_SELECTOR)(tr);
                 dispatch(tr);
               },
               onSubmit: function onSubmit(href, meta) {