@atlaskit/editor-core 183.0.9 → 183.1.0

package/dist/cjs/plugins/card/pm-plugins/analytics/utils.js

@@ -4,8 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.appearanceForLink = appearanceForLink;
-exports.findLinksAtPositions = void 0;
+exports.findLinksAtPositions = exports.areSameLinks = void 0;
 exports.findLinksInNode = findLinksInNode;
+exports.getLinkNodeContext = void 0;
 exports.getLinkUrl = getLinkUrl;
 exports.isLink = void 0;
 exports.isLinkNode = isLinkNode;
@@ -61,15 +62,18 @@ var isLink = function isLink(schema, node) {
  * @returns Array of nodes and marks found in the fragment that are "links"
  */
 exports.isLink = isLink;
-function findLinksInNode(schema, node, offset) {
+function findLinksInNode(doc, schema, node, offset) {
   var links = [];
   node.descendants(function (node, pos) {
+    var nodeContext = getLinkNodeContext(doc, pos);
+
     // Nodes
     if (isLinkNode(node)) {
       links.push({
         type: 'node',
         pos: pos + offset,
-        node: node
+        node: node,
+        nodeContext: nodeContext
       });
     }
 
@@ -81,7 +85,8 @@ function findLinksInNode(schema, node, offset) {
           links.push({
             type: 'mark',
             pos: pos + offset,
-            mark: mark
+            mark: mark,
+            nodeContext: nodeContext
           });
         }
       }
@@ -97,12 +102,26 @@ function getLinkUrl(link) {
   }
   return (_link$mark$attrs = link.mark.attrs) === null || _link$mark$attrs === void 0 ? void 0 : _link$mark$attrs.href;
 }
-var linkObjectFromNode = function linkObjectFromNode(schema, node, pos) {
+var getLinkNodeContext = function getLinkNodeContext(doc, pos) {
+  var $pos = doc.resolve(pos);
+  var maxDepth = 3;
+  for (var i = 0; i <= maxDepth; i++) {
+    var node = $pos.node($pos.depth - i);
+    if (node && node.type.name !== 'paragraph') {
+      return node.type.name;
+    }
+  }
+  return 'unknown';
+};
+exports.getLinkNodeContext = getLinkNodeContext;
+var linkObjectFromNode = function linkObjectFromNode(doc, schema, node, pos) {
+  var nodeContext = getLinkNodeContext(doc, pos);
   if (isLinkNode(node)) {
     return {
       type: 'node',
       pos: pos,
-      node: node
+      node: node,
+      nodeContext: nodeContext
     };
   }
   if (node.marks) {
@@ -112,7 +131,8 @@ var linkObjectFromNode = function linkObjectFromNode(schema, node, pos) {
         return {
           type: 'mark',
           pos: pos,
-          mark: mark
+          mark: mark,
+          nodeContext: nodeContext
         };
       }
     }
@@ -128,7 +148,7 @@ var findLinksAtPositions = function findLinksAtPositions(tr, positions) {
     if (!node) {
       continue;
     }
-    var link = linkObjectFromNode(schema, node, pos);
+    var link = linkObjectFromNode(tr.doc, schema, node, pos);
     if (!link) {
       continue;
     }
@@ -136,4 +156,23 @@ var findLinksAtPositions = function findLinksAtPositions(tr, positions) {
   }
   return links;
 };
-exports.findLinksAtPositions = findLinksAtPositions;
+
+/**
+ * Returns whether or not two sets of links appear to likely be the same set of links
+ * That they are in the same order and that both their hrefs and appearances match
+ */
+exports.findLinksAtPositions = findLinksAtPositions;
+var areSameLinks = function areSameLinks(linksA, linksB) {
+  if (linksA.length !== linksB.length) {
+    return false;
+  }
+  for (var i = 0; i < linksA.length; i++) {
+    var linkA = linksA[i];
+    var linkB = linksB[i];
+    if (getLinkUrl(linkA) !== getLinkUrl(linkB) || appearanceForLink(linkA) !== appearanceForLink(linkB)) {
+      return false;
+    }
+  }
+  return true;
+};
+exports.areSameLinks = areSameLinks;

package/dist/cjs/plugins/card/pm-plugins/doc.js

@@ -11,12 +11,11 @@ var _prosemirrorState = require("prosemirror-state");
 var _prosemirrorHistory = require("prosemirror-history");
 var _adfSchema = require("@atlaskit/adf-schema");
 var _card = require("@atlaskit/editor-common/card");
-var _analytics = require("../../../plugins/analytics");
+var _analytics = require("@atlaskit/editor-common/analytics");
 var _nodeEvents = require("../../../plugins/analytics/types/node-events");
-var _analytics2 = require("../../../plugins/hyperlink/analytics");
 var _utils = require("../../../utils");
 var _linkingUtils = require("../../../utils/linking-utils");
-var _utils2 = require("../../hyperlink/utils");
+var _utils2 = require("@atlaskit/editor-common/utils");
 var _utils3 = require("../utils");
 var _actions = require("./actions");
 var _pluginKey = require("./plugin-key");
@@ -53,7 +52,7 @@ function replaceLinksToCards(tr, cardAdf, schema, request) {
   tr.replaceWith(pos, pos + (node.text || url).length, nodes);
   return $pos.node($pos.depth - 1).type.name;
 }
-var replaceQueuedUrlWithCard = function replaceQueuedUrlWithCard(url, cardData, analyticsAction) {
+var replaceQueuedUrlWithCard = function replaceQueuedUrlWithCard(url, cardData, analyticsAction, editorAnalyticsApi) {
   return function (editorState, dispatch) {
     var state = _pluginKey.pluginKey.getState(editorState);
     if (!state) {
@@ -100,7 +99,7 @@ var replaceQueuedUrlWithCard = function replaceQueuedUrlWithCard(url, cardData,
          */
         var inputMethod = requests[0].source;
         var sourceEvent = requests[0].sourceEvent;
-        (0, _analytics.addAnalytics)(editorState, tr, {
+        editorAnalyticsApi === null || editorAnalyticsApi === void 0 ? void 0 : editorAnalyticsApi.attachAnalyticsEvent({
           action: analyticsAction || _analytics.ACTION.INSERTED,
           actionSubject: _analytics.ACTION_SUBJECT.DOCUMENT,
           actionSubjectId: _analytics.ACTION_SUBJECT_ID.SMART_LINK,
@@ -114,7 +113,7 @@ var replaceQueuedUrlWithCard = function replaceQueuedUrlWithCard(url, cardData,
           nonPrivacySafeAttributes: {
             domainName: domainName
           }
-        });
+        })(tr);
         (0, _card.addLinkMetadata)(editorState.selection, tr, {
           action: analyticsAction,
           inputMethod: inputMethod,
@@ -130,7 +129,7 @@ var replaceQueuedUrlWithCard = function replaceQueuedUrlWithCard(url, cardData,
   };
 };
 exports.replaceQueuedUrlWithCard = replaceQueuedUrlWithCard;
-var handleFallbackWithAnalytics = function handleFallbackWithAnalytics(request) {
+var handleFallbackWithAnalytics = function handleFallbackWithAnalytics(request, editorAnalyticsApi) {
   return function (state, dispatch) {
     var cardState = _pluginKey.pluginKey.getState(state);
     if (!cardState) {
@@ -138,7 +137,7 @@ var handleFallbackWithAnalytics = function handleFallbackWithAnalytics(request)
     }
     var tr = state.tr;
     if (request.source !== _analytics.INPUT_METHOD.FLOATING_TB) {
-      (0, _analytics.addAnalytics)(state, tr, (0, _analytics2.getLinkCreationAnalyticsEvent)(request.source, request.url));
+      editorAnalyticsApi === null || editorAnalyticsApi === void 0 ? void 0 : editorAnalyticsApi.attachAnalyticsEvent((0, _utils2.getLinkCreationAnalyticsEvent)(request.source, request.url))(tr);
     }
     (0, _card.addLinkMetadata)(state.selection, tr, {
       action: request.analyticsAction,
@@ -180,9 +179,11 @@ var queueCardsFromChangedTr = function queueCardsFromChangedTr(state, tr, source
     }
     return false;
   });
-  (0, _card.addLinkMetadata)(state.selection, tr, {
-    action: analyticsAction
-  });
+  if (analyticsAction) {
+    (0, _card.addLinkMetadata)(state.selection, tr, {
+      action: analyticsAction
+    });
+  }
   return (0, _actions.queueCards)(requests)(tr);
 };
 exports.queueCardsFromChangedTr = queueCardsFromChangedTr;
@@ -251,7 +252,7 @@ var convertHyperlinkToSmartCard = function convertHyperlinkToSmartCard(state, so
   return (0, _actions.queueCards)(requests)(state.tr);
 };
 exports.convertHyperlinkToSmartCard = convertHyperlinkToSmartCard;
-var changeSelectedCardToLink = function changeSelectedCardToLink(text, href, sendAnalytics, node, pos) {
+var changeSelectedCardToLink = function changeSelectedCardToLink(text, href, sendAnalytics, node, pos, editorAnalyticsApi) {
   return function (state, dispatch) {
     var tr;
     if (node && pos) {
@@ -262,7 +263,7 @@ var changeSelectedCardToLink = function changeSelectedCardToLink(text, href, sen
     var selectedNode = state.selection instanceof _prosemirrorState.NodeSelection && state.selection.node;
     if (sendAnalytics) {
       if (selectedNode) {
-        (0, _analytics.addAnalytics)(state, tr, {
+        editorAnalyticsApi === null || editorAnalyticsApi === void 0 ? void 0 : editorAnalyticsApi.attachAnalyticsEvent({
           action: _analytics.ACTION.CHANGED_TYPE,
           actionSubject: _analytics.ACTION_SUBJECT.SMART_LINK,
           eventType: _analytics.EVENT_TYPE.TRACK,
@@ -270,7 +271,7 @@ var changeSelectedCardToLink = function changeSelectedCardToLink(text, href, sen
             newType: _nodeEvents.SMART_LINK_TYPE.URL,
             previousType: (0, _utils3.appearanceForNodeType)(selectedNode.type)
           }
-        });
+        })(tr);
       }
     }
     if (dispatch) {
@@ -280,7 +281,7 @@ var changeSelectedCardToLink = function changeSelectedCardToLink(text, href, sen
   };
 };
 exports.changeSelectedCardToLink = changeSelectedCardToLink;
-var changeSelectedCardToLinkFallback = function changeSelectedCardToLinkFallback(text, href, sendAnalytics, node, pos) {
+var changeSelectedCardToLinkFallback = function changeSelectedCardToLinkFallback(text, href, sendAnalytics, node, pos, editorAnalyticsApi) {
   return function (state, dispatch) {
     var tr;
     if (node && pos) {
@@ -289,14 +290,14 @@ var changeSelectedCardToLinkFallback = function changeSelectedCardToLinkFallback
       tr = cardToLinkWithTransaction(state, text, href);
     }
     if (sendAnalytics) {
-      (0, _analytics.addAnalytics)(state, tr, {
+      editorAnalyticsApi === null || editorAnalyticsApi === void 0 ? void 0 : editorAnalyticsApi.attachAnalyticsEvent({
         action: _analytics.ACTION.ERRORED,
         actionSubject: _analytics.ACTION_SUBJECT.SMART_LINK,
         eventType: _analytics.EVENT_TYPE.OPERATIONAL,
         attributes: {
           error: 'Smart card falling back to link.'
         }
-      });
+      })(tr);
     }
     if (dispatch) {
       dispatch(tr.scrollIntoView());
@@ -340,7 +341,7 @@ function cardNodeToLinkWithTransaction(state, text, href, node, pos) {
     href: href || url
   })]));
 }
-var changeSelectedCardToText = function changeSelectedCardToText(text) {
+var changeSelectedCardToText = function changeSelectedCardToText(text, editorAnalyticsApi) {
   return function (state, dispatch) {
     var selectedNode = state.selection instanceof _prosemirrorState.NodeSelection && state.selection.node;
     if (!selectedNode) {
@@ -351,14 +352,15 @@ var changeSelectedCardToText = function changeSelectedCardToText(text) {
       (0, _card.addLinkMetadata)(state.selection, tr, {
         action: _analytics.ACTION.UNLINK
       });
-      (0, _analytics.addAnalytics)(state, tr.scrollIntoView(), (0, _linkingUtils.unlinkPayload)(_analytics.ACTION_SUBJECT_ID.CARD_INLINE));
+      tr.scrollIntoView();
+      editorAnalyticsApi === null || editorAnalyticsApi === void 0 ? void 0 : editorAnalyticsApi.attachAnalyticsEvent((0, _linkingUtils.unlinkPayload)(_analytics.ACTION_SUBJECT_ID.CARD_INLINE))(tr);
       dispatch(tr);
     }
     return true;
   };
 };
 exports.changeSelectedCardToText = changeSelectedCardToText;
-var setSelectedCardAppearance = function setSelectedCardAppearance(appearance) {
+var setSelectedCardAppearance = function setSelectedCardAppearance(appearance, editorAnalyticsApi) {
   return function (state, dispatch) {
     var _previousNode$type;
     var selectedNode = state.selection instanceof _prosemirrorState.NodeSelection && state.selection.node;
@@ -397,7 +399,7 @@ var setSelectedCardAppearance = function setSelectedCardAppearance(appearance) {
     if ((previousNode === null || previousNode === void 0 ? void 0 : (_previousNode$type = previousNode.type) === null || _previousNode$type === void 0 ? void 0 : _previousNode$type.name) === 'paragraph') {
       tr.delete(previousNodePos, from);
     }
-    (0, _analytics.addAnalytics)(state, tr, {
+    editorAnalyticsApi === null || editorAnalyticsApi === void 0 ? void 0 : editorAnalyticsApi.attachAnalyticsEvent({
       action: _analytics.ACTION.CHANGED_TYPE,
       actionSubject: _analytics.ACTION_SUBJECT.SMART_LINK,
       eventType: _analytics.EVENT_TYPE.TRACK,
@@ -405,7 +407,7 @@ var setSelectedCardAppearance = function setSelectedCardAppearance(appearance) {
         newType: appearance,
         previousType: (0, _utils3.appearanceForNodeType)(selectedNode.type)
       }
-    });
+    })(tr);
     (0, _card.addLinkMetadata)(state.selection, tr, {
       action: _analytics.ACTION.CHANGED_TYPE
     });

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

@@ -23,7 +23,7 @@ var _reducers = _interopRequireDefault(require("./reducers"));
 var _resolve = require("./util/resolve");
 var _state = require("./util/state");
 var _analytics = require("./analytics");
-var createPlugin = function createPlugin(options) {
+var createPlugin = function createPlugin(options, pluginInjectionApi) {
   return function (pmPluginFactoryParams) {
     var lpAnalyticsEventsNext = pmPluginFactoryParams.featureFlags.lpAnalyticsEventsNext;
     var analyticsQueue = (0, _analytics.createAnalyticsQueue)(!!lpAnalyticsEventsNext);
@@ -93,7 +93,8 @@ var createPlugin = function createPlugin(options) {
                  * other tasks as per common implementations of the JavaScript event loop in browsers.
                  */
                 var invoke = (0, _rafSchd.default)(function () {
-                  return (0, _resolve.resolveWithProvider)(view, provider, request, options);
+                  var _pluginInjectionApi$d;
+                  return (0, _resolve.resolveWithProvider)(view, provider, request, options, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies.analytics) === null || _pluginInjectionApi$d === void 0 ? void 0 : _pluginInjectionApi$d.actions);
                 });
                 rafCancellationCallbacks.push(invoke.cancel);
                 invoke();
@@ -139,7 +140,8 @@ var createPlugin = function createPlugin(options) {
               allowResizing: allowResizing,
               platform: platform,
               fullWidthMode: fullWidthMode,
-              dispatchAnalyticsEvent: dispatchAnalyticsEvent
+              dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+              pluginInjectionApi: pluginInjectionApi
             };
             var hasIntlContext = true;
             return new _embedCard.EmbedCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined, true, undefined, hasIntlContext).init();

package/dist/cjs/plugins/card/pm-plugins/shouldReplaceLink.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.shouldReplaceLink = shouldReplaceLink;
 var _adfSchema = require("@atlaskit/adf-schema");
-var _md = require("../../paste/md");
+var _paste = require("@atlaskit/editor-common/paste");
 function shouldReplaceLink(node) {
   var compareLinkText = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
   var compareToUrl = arguments.length > 2 ? arguments[2] : undefined;
@@ -20,13 +20,13 @@ function shouldReplaceLink(node) {
   // ED-6041: compare normalised link text after linkfy from Markdown transformer
   // instead, since it always decodes URL ('%20' -> ' ') on the link text
 
-  var normalisedHref = (0, _adfSchema.normalizeUrl)(_md.md.normalizeLinkText(linkMark.attrs.href));
-  var normalizedLinkText = (0, _adfSchema.normalizeUrl)(_md.md.normalizeLinkText(node.text || ''));
+  var normalisedHref = (0, _adfSchema.normalizeUrl)(_paste.md.normalizeLinkText(linkMark.attrs.href));
+  var normalizedLinkText = (0, _adfSchema.normalizeUrl)(_paste.md.normalizeLinkText(node.text || ''));
   if (compareLinkText && normalisedHref !== normalizedLinkText) {
     return false;
   }
   if (compareToUrl) {
-    var normalizedUrl = (0, _adfSchema.normalizeUrl)(_md.md.normalizeLinkText(compareToUrl));
+    var normalizedUrl = (0, _adfSchema.normalizeUrl)(_paste.md.normalizeLinkText(compareToUrl));
     if (normalizedUrl !== normalisedHref) {
       return false;
     }

package/dist/cjs/plugins/card/pm-plugins/util/resolve.js

@@ -11,14 +11,14 @@ var _doc = require("../doc");
 // ============================================================================ //
 // Used for all interactions with the EditorCardProvider.
 // ============================================================================ //
-var resolveWithProvider = function resolveWithProvider(view, provider, request, options) {
+var resolveWithProvider = function resolveWithProvider(view, provider, request, options, editorAnalyticsApi) {
   // When user manually changes appearance from blue link to smart link, we should respect that,
   var shouldForceAppearance =
   // This flag is set to true only in one place atm:
   // packages/editor/editor-core/src/plugins/card/pm-plugins/doc.ts @ convertHyperlinkToSmartCard
   // Which is used when user switching from URL to smart link appearance.
   !!request.shouldReplaceLink;
-  var handleResolve = provider.resolve(request.url, request.appearance, shouldForceAppearance).then(handleResolved(view, request, options), handleRejected(view, request));
+  var handleResolve = provider.resolve(request.url, request.appearance, shouldForceAppearance).then(handleResolved(view, request, editorAnalyticsApi, options), handleRejected(view, request, editorAnalyticsApi));
   return handleResolve;
 };
 exports.resolveWithProvider = resolveWithProvider;
@@ -31,16 +31,16 @@ var updateCardType = function updateCardType(resolvedCard, options) {
     resolvedCard.type = 'inlineCard';
   }
 };
-var handleResolved = function handleResolved(view, request, options) {
+var handleResolved = function handleResolved(view, request, editorAnalyticsApi, options) {
   return function (resolvedCard) {
     updateCardType(resolvedCard, options);
-    (0, _doc.replaceQueuedUrlWithCard)(request.url, resolvedCard, request.analyticsAction)(view.state, view.dispatch);
+    (0, _doc.replaceQueuedUrlWithCard)(request.url, resolvedCard, request.analyticsAction, editorAnalyticsApi)(view.state, view.dispatch);
     return resolvedCard;
   };
 };
-var handleRejected = function handleRejected(view, request) {
+var handleRejected = function handleRejected(view, request, editorAnalyticsApi) {
   return function () {
-    (0, _doc.handleFallbackWithAnalytics)(request)(view.state, view.dispatch);
+    (0, _doc.handleFallbackWithAnalytics)(request, editorAnalyticsApi)(view.state, view.dispatch);
   };
 };
 

package/dist/cjs/plugins/card/toolbar.js

@@ -15,9 +15,7 @@ var _remove = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/remove
 var _unlink = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/unlink"));
 var _settings = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/settings"));
 var _shortcut = _interopRequireDefault(require("@atlaskit/icon/glyph/shortcut"));
-var _analytics = require("../analytics");
 var _messages = _interopRequireWildcard(require("../../messages"));
-var _decoration = require("../base/pm-plugins/decoration");
 var _doc = require("./pm-plugins/doc");
 var _card = require("@atlaskit/editor-common/card");
 var _main = require("./pm-plugins/main");
@@ -30,63 +28,77 @@ var _messages2 = require("./messages");
 var _MediaAndEmbedsToolbar = _interopRequireDefault(require("../../ui/MediaAndEmbedsToolbar"));
 var _linkingUtils = require("../../utils/linking-utils");
 var _styles2 = require("./styles");
+var _analytics = require("@atlaskit/editor-common/analytics");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var removeCard = (0, _card.commandWithMetadata)(function (state, dispatch) {
-  if (!(state.selection instanceof _prosemirrorState.NodeSelection)) {
-    return false;
-  }
-  var type = state.selection.node.type.name;
-  var payload = {
-    action: _analytics.ACTION.DELETED,
-    actionSubject: _analytics.ACTION_SUBJECT.SMART_LINK,
-    actionSubjectId: type,
-    attributes: {
-      inputMethod: _analytics.INPUT_METHOD.TOOLBAR,
-      displayMode: type
-    },
-    eventType: _analytics.EVENT_TYPE.TRACK
-  };
-  if (dispatch) {
-    dispatch((0, _analytics.addAnalytics)(state, (0, _prosemirrorUtils.removeSelectedNode)(state.tr), payload));
-  }
-  return true;
-}, {
-  action: _analytics.ACTION.DELETED
-});
+var removeCard = function removeCard(editorAnalyticsApi) {
+  return (0, _card.commandWithMetadata)(function (state, dispatch) {
+    if (!(state.selection instanceof _prosemirrorState.NodeSelection)) {
+      return false;
+    }
+    var type = state.selection.node.type.name;
+    var payload = {
+      action: _analytics.ACTION.DELETED,
+      actionSubject: _analytics.ACTION_SUBJECT.SMART_LINK,
+      actionSubjectId: type,
+      attributes: {
+        inputMethod: _analytics.INPUT_METHOD.TOOLBAR,
+        displayMode: type
+      },
+      eventType: _analytics.EVENT_TYPE.TRACK
+    };
+    if (dispatch) {
+      var tr = state.tr;
+      (0, _prosemirrorUtils.removeSelectedNode)(tr);
+      editorAnalyticsApi === null || editorAnalyticsApi === void 0 ? void 0 : editorAnalyticsApi.attachAnalyticsEvent(payload)(tr);
+      dispatch(tr);
+    }
+    return true;
+  }, {
+    action: _analytics.ACTION.DELETED
+  });
+};
 exports.removeCard = removeCard;
-var visitCardLink = function visitCardLink(state, dispatch) {
-  if (!(state.selection instanceof _prosemirrorState.NodeSelection)) {
-    return false;
-  }
-  var type = state.selection.node.type;
-  var _titleUrlPairFromNode = (0, _utils.titleUrlPairFromNode)(state.selection.node),
-    url = _titleUrlPairFromNode.url;
+var visitCardLink = function visitCardLink(editorAnalyticsApi) {
+  return function (state, dispatch) {
+    if (!(state.selection instanceof _prosemirrorState.NodeSelection)) {
+      return false;
+    }
+    var type = state.selection.node.type;
+    var _titleUrlPairFromNode = (0, _utils.titleUrlPairFromNode)(state.selection.node),
+      url = _titleUrlPairFromNode.url;
 
-  // All card links should open in the same tab per https://product-fabric.atlassian.net/browse/MS-1583.
-  // We are in edit mode here, open the smart card URL in a new window.
-  window.open(url);
-  if (dispatch) {
-    dispatch((0, _analytics.addAnalytics)(state, state.tr, (0, _linkingUtils.buildVisitedLinkPayload)(type.name)));
-  }
-  return true;
+    // All card links should open in the same tab per https://product-fabric.atlassian.net/browse/MS-1583.
+    // We are in edit mode here, open the smart card URL in a new window.
+    window.open(url);
+    if (dispatch) {
+      var tr = state.tr;
+      editorAnalyticsApi === null || editorAnalyticsApi === void 0 ? void 0 : editorAnalyticsApi.attachAnalyticsEvent((0, _linkingUtils.buildVisitedLinkPayload)(type.name))(tr);
+      dispatch(tr);
+    }
+    return true;
+  };
 };
 exports.visitCardLink = visitCardLink;
-var openLinkSettings = function openLinkSettings(state, dispatch) {
-  if (!(state.selection instanceof _prosemirrorState.NodeSelection)) {
-    return false;
-  }
-  window.open('https://id.atlassian.com/manage-profile/link-preferences');
-  if (dispatch) {
-    var type = state.selection.node.type;
-    dispatch((0, _analytics.addAnalytics)(state, state.tr, (0, _linkingUtils.buildOpenedSettingsPayload)(type.name)));
-  }
-  return true;
+var openLinkSettings = function openLinkSettings(editorAnalyticsApi) {
+  return function (state, dispatch) {
+    if (!(state.selection instanceof _prosemirrorState.NodeSelection)) {
+      return false;
+    }
+    window.open('https://id.atlassian.com/manage-profile/link-preferences');
+    if (dispatch) {
+      var tr = state.tr,
+        type = state.selection.node.type;
+      editorAnalyticsApi === null || editorAnalyticsApi === void 0 ? void 0 : editorAnalyticsApi.attachAnalyticsEvent((0, _linkingUtils.buildOpenedSettingsPayload)(type.name))(tr);
+      dispatch(tr);
+    }
+    return true;
+  };
 };
 exports.openLinkSettings = openLinkSettings;
-var floatingToolbar = function floatingToolbar(cardOptions, featureFlags, platform, linkPickerOptions) {
+var floatingToolbar = function floatingToolbar(cardOptions, featureFlags, platform, linkPickerOptions, pluginInjectionApi) {
   return function (state, intl, providerFactory) {
     var _state$schema$nodes = state.schema.nodes,
       inlineCard = _state$schema$nodes.inlineCard,
@@ -135,18 +147,18 @@ var floatingToolbar = function floatingToolbar(cardOptions, featureFlags, platfo
         }
         return element;
       },
-      items: generateToolbarItems(state, featureFlags, intl, providerFactory, cardOptions, platform, linkPickerOptions),
+      items: generateToolbarItems(state, featureFlags, intl, providerFactory, cardOptions, platform, linkPickerOptions, pluginInjectionApi),
       scrollable: pluginState.showLinkingToolbar ? false : true,
       focusTrap: shouldEnableFocusTrap && pluginState.showLinkingToolbar
     }, (0, _EditLinkToolbar.editLinkToolbarConfig)(pluginState.showLinkingToolbar, isLinkPickerEnabled));
   };
 };
 exports.floatingToolbar = floatingToolbar;
-var unlinkCard = function unlinkCard(node, state) {
+var unlinkCard = function unlinkCard(node, state, editorAnalyticsApi) {
   var displayInfo = (0, _utils.displayInfoForCard)(node, (0, _utils.findCardInfo)(state));
   var text = displayInfo.title || displayInfo.url;
   if (text) {
-    return (0, _card.commandWithMetadata)((0, _doc.changeSelectedCardToText)(text), {
+    return (0, _card.commandWithMetadata)((0, _doc.changeSelectedCardToText)(text, editorAnalyticsApi), {
       action: _analytics.ACTION.UNLINK
     });
   }
@@ -162,10 +174,13 @@ var withToolbarMetadata = function withToolbarMetadata(command) {
     inputMethod: _analytics.INPUT_METHOD.FLOATING_TB
   });
 };
-var generateToolbarItems = function generateToolbarItems(state, featureFlags, intl, providerFactory, cardOptions, platform, linkPicker) {
+var generateToolbarItems = function generateToolbarItems(state, featureFlags, intl, providerFactory, cardOptions, platform, linkPicker, pluginInjectionApi) {
   return function (node) {
+    var _pluginInjectionApi$d, _pluginInjectionApi$d2, _pluginInjectionApi$d3, _pluginInjectionApi$d4;
     var _titleUrlPairFromNode2 = (0, _utils.titleUrlPairFromNode)(node),
       url = _titleUrlPairFromNode2.url;
+    var _ref = (_pluginInjectionApi$d = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d2 = pluginInjectionApi.dependencies) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.analytics) !== null && _pluginInjectionApi$d !== void 0 ? _pluginInjectionApi$d : {},
+      editorAnalyticsApi = _ref.actions;
     var metadata = {};
     if (url && !(0, _adfSchema.isSafeUrl)(url)) {
       return [];
@@ -179,6 +194,7 @@ var generateToolbarItems = function generateToolbarItems(state, featureFlags, in
     }
     var pluginState = _main.pluginKey.getState(state);
     var currentAppearance = (0, _utils.appearanceForNodeType)(node.type);
+    var hoverDecoration = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d3 = pluginInjectionApi.dependencies) === null || _pluginInjectionApi$d3 === void 0 ? void 0 : (_pluginInjectionApi$d4 = _pluginInjectionApi$d3.base) === null || _pluginInjectionApi$d4 === void 0 ? void 0 : _pluginInjectionApi$d4.actions.hoverDecoration;
 
     /* mobile builds toolbar natively using toolbarItems */
     if (pluginState.showLinkingToolbar && platform !== 'mobile') {
@@ -186,7 +202,8 @@ var generateToolbarItems = function generateToolbarItems(state, featureFlags, in
         providerFactory: providerFactory,
         linkPicker: linkPicker,
         node: node,
-        featureFlags: featureFlags
+        featureFlags: featureFlags,
+        editorAnalyticsApi: editorAnalyticsApi
       })];
     } else {
       var inlineCard = state.schema.nodes.inlineCard;
@@ -198,7 +215,7 @@ var generateToolbarItems = function generateToolbarItems(state, featureFlags, in
         title: intl.formatMessage(_messages.linkToolbarMessages.editLink),
         showTitle: true,
         testId: 'link-toolbar-edit-link-button',
-        onClick: _EditLinkToolbar.editLink
+        onClick: (0, _EditLinkToolbar.editLink)(editorAnalyticsApi)
       }, {
         type: 'separator'
       }, {
@@ -208,10 +225,10 @@ var generateToolbarItems = function generateToolbarItems(state, featureFlags, in
         metadata: metadata,
         className: 'hyperlink-open-link',
         title: intl.formatMessage(_messages.linkMessages.openLink),
-        onClick: visitCardLink
+        onClick: visitCardLink(editorAnalyticsApi)
       }, {
         type: 'separator'
-      }].concat((0, _toConsumableArray2.default)(getUnlinkButtonGroup(state, intl, node, inlineCard)), [{
+      }].concat((0, _toConsumableArray2.default)(getUnlinkButtonGroup(state, intl, node, inlineCard, editorAnalyticsApi)), [{
         type: 'copy-button',
         items: [{
           state: state,
@@ -220,18 +237,18 @@ var generateToolbarItems = function generateToolbarItems(state, featureFlags, in
         }, {
           type: 'separator'
         }]
-      }], (0, _toConsumableArray2.default)(getSettingsButtonGroup(state, featureFlags, intl)), [{
+      }], (0, _toConsumableArray2.default)(getSettingsButtonGroup(state, featureFlags, intl, editorAnalyticsApi)), [{
         id: 'editor.link.delete',
         focusEditoronEnter: true,
         type: 'button',
         appearance: 'danger',
         icon: _remove.default,
-        onMouseEnter: (0, _decoration.hoverDecoration)(node.type, true),
-        onMouseLeave: (0, _decoration.hoverDecoration)(node.type, false),
-        onFocus: (0, _decoration.hoverDecoration)(node.type, true),
-        onBlur: (0, _decoration.hoverDecoration)(node.type, false),
+        onMouseEnter: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(node.type, true),
+        onMouseLeave: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(node.type, false),
+        onFocus: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(node.type, true),
+        onBlur: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(node.type, false),
         title: intl.formatMessage(_messages.default.remove),
-        onClick: withToolbarMetadata(removeCard)
+        onClick: withToolbarMetadata(removeCard(editorAnalyticsApi))
       }]);
       if (currentAppearance === 'embed') {
         var alignmentOptions = buildAlignmentOptions(state, intl, cardOptions);
@@ -261,7 +278,8 @@ var generateToolbarItems = function generateToolbarItems(state, featureFlags, in
               editorState: state,
               allowEmbeds: allowEmbeds,
               allowBlockCards: allowBlockCards,
-              platform: platform
+              platform: platform,
+              editorAnalyticsApi: editorAnalyticsApi
             });
           }
         }, {
@@ -272,26 +290,26 @@ var generateToolbarItems = function generateToolbarItems(state, featureFlags, in
     }
   };
 };
-var getUnlinkButtonGroup = function getUnlinkButtonGroup(state, intl, node, inlineCard) {
+var getUnlinkButtonGroup = function getUnlinkButtonGroup(state, intl, node, inlineCard, editorAnalyticsApi) {
   return node.type === inlineCard ? [{
     id: 'editor.link.unlink',
     focusEditoronEnter: true,
     type: 'button',
     title: intl.formatMessage(_messages.linkToolbarMessages.unlink),
     icon: _unlink.default,
-    onClick: withToolbarMetadata(unlinkCard(node, state))
+    onClick: withToolbarMetadata(unlinkCard(node, state, editorAnalyticsApi))
   }, {
     type: 'separator'
   }] : [];
 };
-var getSettingsButtonGroup = function getSettingsButtonGroup(state, featureFlags, intl) {
+var getSettingsButtonGroup = function getSettingsButtonGroup(state, featureFlags, intl, editorAnalyticsApi) {
   var floatingToolbarLinkSettingsButton = featureFlags.floatingToolbarLinkSettingsButton;
   return floatingToolbarLinkSettingsButton === 'true' ? [{
     id: 'editor.link.settings',
     type: 'button',
     icon: _settings.default,
     title: intl.formatMessage(_messages.linkToolbarMessages.settingsLink),
-    onClick: openLinkSettings
+    onClick: openLinkSettings(editorAnalyticsApi)
   }, {
     type: 'separator'
   }] : [];