@atlaskit/editor-core 183.0.12 → 183.1.0

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

@@ -2,16 +2,16 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { findParentNodeOfType } from 'prosemirror-utils';
 import { pluginKey } from './plugin-key';
 import captionNodeView from './../nodeviews';
-import { addAnalytics, ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../analytics';
-const fireAnalytic = (state, tr, action) => {
-  addAnalytics(state, tr, {
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+const fireAnalytics = (tr, action, analyticsApi) => {
+  analyticsApi === null || analyticsApi === void 0 ? void 0 : analyticsApi.attachAnalyticsEvent({
     action,
     eventType: EVENT_TYPE.TRACK,
     actionSubject: ACTION_SUBJECT.MEDIA_SINGLE,
     actionSubjectId: ACTION_SUBJECT_ID.CAPTION
-  });
+  })(tr);
 };
-export default ((portalProviderAPI, eventDispatcher, providerFactory, dispatch) => {
+export default ((portalProviderAPI, eventDispatcher, providerFactory, dispatch, analyticsApi) => {
   return new SafePlugin({
     appendTransaction(transactions, oldState, newState) {
       // only run for transactions that change selection
@@ -30,10 +30,11 @@ export default ((portalProviderAPI, eventDispatcher, providerFactory, dispatch)
         if (oldSelectionCaption.node.childCount === 0) {
           tr.delete(oldSelectionCaption.start - 1, oldSelectionCaption.start);
           tr.setMeta('scrollIntoView', false);
-          fireAnalytic(newState, tr, ACTION.DELETED);
+          fireAnalytics(tr, ACTION.DELETED, analyticsApi);
           return tr;
         } else {
-          fireAnalytic(newState, tr, ACTION.EDITED);
+          fireAnalytics(tr, ACTION.EDITED, analyticsApi);
+          return tr;
         }
       }
     },

package/dist/es2019/plugins/card/index.js

@@ -42,7 +42,7 @@ const cardPlugin = (options, api) => {
           useAlternativePreloader,
           allowWrapping,
           allowAlignment
-        })
+        }, api)
       }];
       plugins.push({
         name: 'cardKeymap',
@@ -67,7 +67,7 @@ const cardPlugin = (options, api) => {
       }));
     },
     pluginsOptions: {
-      floatingToolbar: floatingToolbar(options, featureFlags, options.platform, options.linkPicker)
+      floatingToolbar: floatingToolbar(options, featureFlags, options.platform, options.linkPicker, api)
     }
   };
 };

package/dist/es2019/plugins/card/nodeviews/embedCard.js

@@ -1,5 +1,5 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { Card as SmartCard, EmbedResizeMessageListener } from '@atlaskit/smart-card';
 import PropTypes from 'prop-types';
@@ -10,11 +10,78 @@ import { DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/e
 import { SelectionBasedNodeView } from '../../../nodeviews/';
 import { registerCard } from '../pm-plugins/actions';
 import ResizableEmbedCard from '../ui/ResizableEmbedCard';
-import { createDisplayGrid } from '../../../plugins/grid';
-import WithPluginState from '../../../ui/WithPluginState';
-import { pluginKey as widthPluginKey } from '../../width';
 import { floatingLayouts, isRichMediaInsideOfBlockNode } from '../../../utils/rich-media-utils';
 import { SetAttrsStep } from '@atlaskit/adf-schema/steps';
+import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
+const CardInner = ({
+  pluginInjectionApi,
+  getPosSafely,
+  getLineLength,
+  view,
+  smartCard,
+  eventDispatcher,
+  updateSize,
+  getPos,
+  aspectRatio,
+  allowResizing,
+  hasPreview,
+  heightAlone,
+  cardProps,
+  dispatchAnalyticsEvent
+}) => {
+  const {
+    widthState
+  } = useSharedPluginState(pluginInjectionApi, ['width']);
+  const widthStateLineLength = (widthState === null || widthState === void 0 ? void 0 : widthState.lineLength) || 0;
+  const widthStateWidth = (widthState === null || widthState === void 0 ? void 0 : widthState.width) || 0;
+  const pos = getPosSafely();
+  if (pos === undefined) {
+    return null;
+  }
+  const lineLength = getLineLength(view, pos, widthStateLineLength);
+  const containerWidth = isRichMediaInsideOfBlockNode(view, pos) ? lineLength : widthStateWidth;
+  if (!allowResizing || !hasPreview) {
+    // There are two ways `width` and `height` can be defined here:
+    // 1) Either as `heightAlone` as height value and no width
+    // 2) or as `1` for height and aspectRation (defined or a default one) as a width
+    // See above for how aspectRation is calculated.
+    const defaultAspectRatio = DEFAULT_EMBED_CARD_WIDTH / DEFAULT_EMBED_CARD_HEIGHT;
+    let richMediaWrapperHeight = 1;
+    let richMediaWrapperWidth = aspectRatio || defaultAspectRatio;
+    if (heightAlone) {
+      richMediaWrapperHeight = heightAlone;
+      richMediaWrapperWidth = undefined;
+    }
+    return /*#__PURE__*/React.createElement(RichMediaWrapper, _extends({}, cardProps, {
+      height: richMediaWrapperHeight,
+      width: richMediaWrapperWidth,
+      nodeType: "embedCard",
+      hasFallbackContainer: hasPreview,
+      lineLength: lineLength,
+      containerWidth: containerWidth
+    }), smartCard);
+  }
+  const displayGrid = (visible, gridType, highlight) => {
+    var _pluginInjectionApi$d, _pluginInjectionApi$d2;
+    return pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies) === null || _pluginInjectionApi$d === void 0 ? void 0 : (_pluginInjectionApi$d2 = _pluginInjectionApi$d.grid) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.actions.displayGrid(view)({
+      visible,
+      gridType,
+      highlight: highlight
+    });
+  };
+  return /*#__PURE__*/React.createElement(ResizableEmbedCard, _extends({}, cardProps, {
+    height: heightAlone,
+    aspectRatio: aspectRatio,
+    view: view,
+    getPos: getPos,
+    lineLength: lineLength,
+    gridSize: 12,
+    containerWidth: containerWidth,
+    displayGrid: displayGrid,
+    updateSize: updateSize,
+    dispatchAnalyticsEvent: dispatchAnalyticsEvent
+  }), smartCard);
+};
 export class EmbedCardComponent extends React.PureComponent {
   constructor(...args) {
     super(...args);
@@ -178,7 +245,8 @@ export class EmbedCardComponent extends React.PureComponent {
       fullWidthMode,
       view,
       dispatchAnalyticsEvent,
-      getPos
+      getPos,
+      pluginInjectionApi
     } = this.props;
     let {
       url,
@@ -208,72 +276,37 @@ export class EmbedCardComponent extends React.PureComponent {
       pctWidth,
       fullWidthMode
     };
+    const smartCard = /*#__PURE__*/React.createElement(SmartCard, {
+      key: url,
+      url: url,
+      appearance: "embed",
+      onClick: this.onClick,
+      onResolve: this.onResolve,
+      showActions: platform === 'web',
+      isFrameVisible: true,
+      inheritDimensions: true,
+      platform: platform,
+      container: this.scrollContainer,
+      embedIframeRef: this.embedIframeRef
+    });
     const cardInner = /*#__PURE__*/React.createElement(EmbedResizeMessageListener, {
       embedIframeRef: this.embedIframeRef,
       onHeightUpdate: this.onHeightUpdate
-    }, /*#__PURE__*/React.createElement(WithPluginState, {
-      editorView: view,
-      plugins: {
-        widthState: widthPluginKey
-      },
-      render: ({
-        widthState
-      }) => {
-        const widthStateLineLength = (widthState === null || widthState === void 0 ? void 0 : widthState.lineLength) || 0;
-        const widthStateWidth = (widthState === null || widthState === void 0 ? void 0 : widthState.width) || 0;
-        const pos = this.getPosSafely();
-        if (pos === undefined) {
-          return null;
-        }
-        const lineLength = this.getLineLength(view, pos, widthStateLineLength);
-        const containerWidth = isRichMediaInsideOfBlockNode(view, pos) ? lineLength : widthStateWidth;
-        const smartCard = /*#__PURE__*/React.createElement(SmartCard, {
-          key: url,
-          url: url,
-          appearance: "embed",
-          onClick: this.onClick,
-          onResolve: this.onResolve,
-          showActions: platform === 'web',
-          isFrameVisible: true,
-          inheritDimensions: true,
-          platform: platform,
-          container: this.scrollContainer,
-          embedIframeRef: this.embedIframeRef
-        });
-        if (!allowResizing || !hasPreview) {
-          // There are two ways `width` and `height` can be defined here:
-          // 1) Either as `heightAlone` as height value and no width
-          // 2) or as `1` for height and aspectRation (defined or a default one) as a width
-          // See above for how aspectRation is calculated.
-          const defaultAspectRatio = DEFAULT_EMBED_CARD_WIDTH / DEFAULT_EMBED_CARD_HEIGHT;
-          let richMediaWrapperHeight = 1;
-          let richMediaWrapperWidth = aspectRatio || defaultAspectRatio;
-          if (heightAlone) {
-            richMediaWrapperHeight = heightAlone;
-            richMediaWrapperWidth = undefined;
-          }
-          return /*#__PURE__*/React.createElement(RichMediaWrapper, _extends({}, cardProps, {
-            height: richMediaWrapperHeight,
-            width: richMediaWrapperWidth,
-            nodeType: "embedCard",
-            hasFallbackContainer: hasPreview,
-            lineLength: lineLength,
-            containerWidth: containerWidth
-          }), smartCard);
-        }
-        return /*#__PURE__*/React.createElement(ResizableEmbedCard, _extends({}, cardProps, {
-          height: heightAlone,
-          aspectRatio: aspectRatio,
-          view: this.props.view,
-          getPos: getPos,
-          lineLength: lineLength,
-          gridSize: 12,
-          containerWidth: containerWidth,
-          displayGrid: createDisplayGrid(this.props.eventDispatcher),
-          updateSize: this.updateSize,
-          dispatchAnalyticsEvent: dispatchAnalyticsEvent
-        }), smartCard);
-      }
+    }, /*#__PURE__*/React.createElement(CardInner, {
+      pluginInjectionApi: pluginInjectionApi,
+      smartCard: smartCard,
+      hasPreview: hasPreview,
+      getPosSafely: this.getPosSafely,
+      view: view,
+      getLineLength: this.getLineLength,
+      eventDispatcher: this.props.eventDispatcher,
+      updateSize: this.updateSize,
+      getPos: getPos,
+      aspectRatio: aspectRatio,
+      allowResizing: allowResizing,
+      heightAlone: heightAlone,
+      cardProps: cardProps,
+      dispatchAnalyticsEvent: dispatchAnalyticsEvent
     }));
 
     // [WS-2307]: we only render card wrapped into a Provider when the value is ready
@@ -309,7 +342,8 @@ export class EmbedCard extends SelectionBasedNodeView {
       allowResizing,
       platform,
       fullWidthMode,
-      dispatchAnalyticsEvent
+      dispatchAnalyticsEvent,
+      pluginInjectionApi
     } = this.reactComponentProps;
     return /*#__PURE__*/React.createElement(WrappedBlockCard, {
       node: this.node,
@@ -319,7 +353,8 @@ export class EmbedCard extends SelectionBasedNodeView {
       allowResizing: allowResizing,
       platform: platform,
       fullWidthMode: fullWidthMode,
-      dispatchAnalyticsEvent: dispatchAnalyticsEvent
+      dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+      pluginInjectionApi: pluginInjectionApi
     });
   }
 }

package/dist/es2019/plugins/card/nodeviews/genericCard.js

@@ -67,7 +67,8 @@ export function Card(SmartCardComponent, UnsupportedComponent) {
         const {
           view,
           node,
-          getPos
+          getPos,
+          pluginInjectionApi
         } = this.props;
         const {
           url
@@ -75,7 +76,7 @@ export function Card(SmartCardComponent, UnsupportedComponent) {
         if (!getPos || typeof getPos === 'boolean') {
           return;
         }
-        changeSelectedCardToLinkFallback(undefined, url, true, node, getPos())(view.state, view.dispatch);
+        changeSelectedCardToLinkFallback(undefined, url, true, node, getPos(), pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.analytics.actions)(view.state, view.dispatch);
         return null;
       } else {
         // Otherwise, render a blue link as fallback (above in render()).

package/dist/es2019/plugins/card/pm-plugins/analytics/events-from-tr.js

@@ -1,19 +1,18 @@
 import { AddMarkStep, RemoveMarkStep } from 'prosemirror-transform';
 import { ACTION } from '@atlaskit/editor-common/analytics';
-import { isLinkMark } from '@atlaskit/editor-common/utils';
+import { isLinkMark, pmHistoryPluginKey } from '@atlaskit/editor-common/utils';
 import { getLinkMetadataFromTransaction } from '@atlaskit/editor-common/card';
 import { LinkMetaStep } from '@atlaskit/adf-schema/steps';
-import { pmHistoryPluginKey } from '../../../history/pm-history-types';
 import { getPluginState } from '../util/state';
 import { pluginKey } from '../plugin-key';
-import { isLink, linkObjectFromNode, getLinkUrl, appearanceForLink, findLinksAtPositions } from './utils';
-const findLinksInNodeRange = (node, schema, from, to) => {
+import { isLink, linkObjectFromNode, getLinkUrl, getLinkNodeContext, appearanceForLink, findLinksAtPositions, areSameLinks } from './utils';
+const findLinksInNodeRange = (doc, schema, from, to) => {
   const links = [];
-  node.nodesBetween(from, to, (node, pos) => {
+  doc.nodesBetween(from, to, (node, pos) => {
     if (isLink(schema, node)) {
       const entireLinkInRange = pos >= from && pos + node.nodeSize <= to;
       if (entireLinkInRange) {
-        const link = linkObjectFromNode(schema, node, pos);
+        const link = linkObjectFromNode(doc, schema, node, pos);
         if (link) {
           links.push(link);
         }
@@ -36,10 +35,13 @@ export const findChangedLinks = (tr, state) => {
   const isRedo = isHistoryMeta(historyMeta) && historyMeta.redo === true;
   const isUpdate = isUpdateTr(tr, isUndo || isRedo);
   for (let i = 0; i < tr.steps.length; i++) {
+    var _tr$docs$i, _tr$docs;
     const step = tr.steps[i];
     const stepMap = step.getMap();
     const removedInStep = [];
     const insertedInStep = [];
+    const before = (_tr$docs$i = tr.docs[i]) !== null && _tr$docs$i !== void 0 ? _tr$docs$i : tr.before;
+    const after = (_tr$docs = tr.docs[i + 1]) !== null && _tr$docs !== void 0 ? _tr$docs : tr.doc;
 
     /**
      * AddMarkStep and RemoveMarkSteps don't produce stepMap ranges
@@ -55,27 +57,26 @@ export const findChangedLinks = (tr, state) => {
         insertedInStep.push({
           type: 'mark',
           pos: addMarkStep.from,
-          mark: addMarkStep.mark
+          mark: addMarkStep.mark,
+          nodeContext: getLinkNodeContext(after, addMarkStep.from)
         });
       }
     }
     if (step instanceof RemoveMarkStep) {
       const removeMarkStep = step;
       if (isLinkMark(removeMarkStep.mark, schema)) {
-        /**
-         * For url text pasted on plain text
-         */
         removedInStep.push({
           type: 'mark',
           pos: removeMarkStep.from,
-          mark: removeMarkStep.mark
+          mark: removeMarkStep.mark,
+          nodeContext: getLinkNodeContext(before, removeMarkStep.from)
         });
       }
     }
     stepMap.forEach((oldStart, oldEnd, newStart, newEnd) => {
-      var _tr$docs;
+      var _tr$docs2;
       const before = tr.docs[i];
-      const after = (_tr$docs = tr.docs[i + 1]) !== null && _tr$docs !== void 0 ? _tr$docs : tr.doc;
+      const after = (_tr$docs2 = tr.docs[i + 1]) !== null && _tr$docs2 !== void 0 ? _tr$docs2 : tr.doc;
       const removedInRange = [];
       const insertedInRange = [];
 
@@ -119,6 +120,20 @@ export const findChangedLinks = (tr, state) => {
     inserted.push(...findLinksAtPositions(tr, positions));
   }
   if (!isUpdate) {
+    const {
+      inputMethod
+    } = getLinkMetadataFromTransaction(tr);
+    /**
+     * If there is no identifiable input method, and the links inserted and removed appear to be the same,
+     * then this transaction likely is not intended to be consided to be the insertion and removal of links
+     */
+    if (!inputMethod && areSameLinks(removed, inserted)) {
+      return {
+        removed: [],
+        inserted: [],
+        updated
+      };
+    }
     return {
       removed,
       inserted,
@@ -265,7 +280,7 @@ export function eventsFromTransaction(tr, state) {
       inserted,
       updated
     } = findChangedLinks(tr, state);
-    const MAX_LINK_EVENTS = 10;
+    const MAX_LINK_EVENTS = 50;
     if ([removed, inserted, updated].some(arr => arr.length > MAX_LINK_EVENTS)) {
       return [];
     }
@@ -285,7 +300,8 @@ export function eventsFromTransaction(tr, state) {
             ...contextualData,
             url,
             display,
-            previousDisplay
+            previousDisplay,
+            nodeContext: link.nodeContext
           }
         });
       }
@@ -301,7 +317,8 @@ export function eventsFromTransaction(tr, state) {
             data: {
               ...contextualData,
               url,
-              display
+              display,
+              nodeContext: link.nodeContext
             }
           });
         }

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

@@ -48,15 +48,18 @@ export const isLink = (schema, node) => {
  * @param fragment Fragment to search
  * @returns Array of nodes and marks found in the fragment that are "links"
  */
-export function findLinksInNode(schema, node, offset) {
+export function findLinksInNode(doc, schema, node, offset) {
   const links = [];
   node.descendants((node, pos) => {
+    const nodeContext = getLinkNodeContext(doc, pos);
+
     // Nodes
     if (isLinkNode(node)) {
       links.push({
         type: 'node',
         pos: pos + offset,
-        node
+        node,
+        nodeContext
       });
     }
 
@@ -68,7 +71,8 @@ export function findLinksInNode(schema, node, offset) {
           links.push({
             type: 'mark',
             pos: pos + offset,
-            mark
+            mark,
+            nodeContext
           });
         }
       }
@@ -84,12 +88,25 @@ export function getLinkUrl(link) {
   }
   return (_link$mark$attrs = link.mark.attrs) === null || _link$mark$attrs === void 0 ? void 0 : _link$mark$attrs.href;
 }
-export const linkObjectFromNode = (schema, node, pos) => {
+export const getLinkNodeContext = (doc, pos) => {
+  const $pos = doc.resolve(pos);
+  const maxDepth = 3;
+  for (let i = 0; i <= maxDepth; i++) {
+    const node = $pos.node($pos.depth - i);
+    if (node && node.type.name !== 'paragraph') {
+      return node.type.name;
+    }
+  }
+  return 'unknown';
+};
+export const linkObjectFromNode = (doc, schema, node, pos) => {
+  const nodeContext = getLinkNodeContext(doc, pos);
   if (isLinkNode(node)) {
     return {
       type: 'node',
       pos,
-      node
+      node,
+      nodeContext
     };
   }
   if (node.marks) {
@@ -99,7 +116,8 @@ export const linkObjectFromNode = (schema, node, pos) => {
         return {
           type: 'mark',
           pos,
-          mark
+          mark,
+          nodeContext
         };
       }
     }
@@ -114,11 +132,29 @@ export const findLinksAtPositions = (tr, positions) => {
     if (!node) {
       continue;
     }
-    const link = linkObjectFromNode(schema, node, pos);
+    const link = linkObjectFromNode(tr.doc, schema, node, pos);
     if (!link) {
       continue;
     }
     links.push(link);
   }
   return links;
+};
+
+/**
+ * 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
+ */
+export const areSameLinks = (linksA, linksB) => {
+  if (linksA.length !== linksB.length) {
+    return false;
+  }
+  for (let i = 0; i < linksA.length; i++) {
+    const linkA = linksA[i];
+    const linkB = linksB[i];
+    if (getLinkUrl(linkA) !== getLinkUrl(linkB) || appearanceForLink(linkA) !== appearanceForLink(linkB)) {
+      return false;
+    }
+  }
+  return true;
 };

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

@@ -2,12 +2,11 @@ import { NodeSelection, TextSelection } from 'prosemirror-state';
 import { closeHistory } from 'prosemirror-history';
 import { isSafeUrl } from '@atlaskit/adf-schema';
 import { addLinkMetadata } from '@atlaskit/editor-common/card';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, addAnalytics, EVENT_TYPE, INPUT_METHOD } from '../../../plugins/analytics';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { SMART_LINK_TYPE } from '../../../plugins/analytics/types/node-events';
-import { getLinkCreationAnalyticsEvent } from '../../../plugins/hyperlink/analytics';
 import { nodesBetweenChanged, processRawValue } from '../../../utils';
 import { unlinkPayload } from '../../../utils/linking-utils';
-import { isFromCurrentDomain } from '../../hyperlink/utils';
+import { isFromCurrentDomain, getLinkCreationAnalyticsEvent } from '@atlaskit/editor-common/utils';
 import { appearanceForNodeType, selectedCardAppearance } from '../utils';
 import { queueCards, resolveCard } from './actions';
 import { pluginKey } from './plugin-key';
@@ -47,7 +46,7 @@ function replaceLinksToCards(tr, cardAdf, schema, request) {
   tr.replaceWith(pos, pos + (node.text || url).length, nodes);
   return $pos.node($pos.depth - 1).type.name;
 }
-export const replaceQueuedUrlWithCard = (url, cardData, analyticsAction) => (editorState, dispatch) => {
+export const replaceQueuedUrlWithCard = (url, cardData, analyticsAction, editorAnalyticsApi) => (editorState, dispatch) => {
   const state = pluginKey.getState(editorState);
   if (!state) {
     return false;
@@ -83,7 +82,7 @@ export const replaceQueuedUrlWithCard = (url, cardData, analyticsAction) => (edi
        */
       const inputMethod = requests[0].source;
       const sourceEvent = requests[0].sourceEvent;
-      addAnalytics(editorState, tr, {
+      editorAnalyticsApi === null || editorAnalyticsApi === void 0 ? void 0 : editorAnalyticsApi.attachAnalyticsEvent({
         action: analyticsAction || ACTION.INSERTED,
         actionSubject: ACTION_SUBJECT.DOCUMENT,
         actionSubjectId: ACTION_SUBJECT_ID.SMART_LINK,
@@ -97,7 +96,7 @@ export const replaceQueuedUrlWithCard = (url, cardData, analyticsAction) => (edi
         nonPrivacySafeAttributes: {
           domainName
         }
-      });
+      })(tr);
       addLinkMetadata(editorState.selection, tr, {
         action: analyticsAction,
         inputMethod,
@@ -111,14 +110,14 @@ export const replaceQueuedUrlWithCard = (url, cardData, analyticsAction) => (edi
   }
   return true;
 };
-export const handleFallbackWithAnalytics = request => (state, dispatch) => {
+export const handleFallbackWithAnalytics = (request, editorAnalyticsApi) => (state, dispatch) => {
   const cardState = pluginKey.getState(state);
   if (!cardState) {
     return false;
   }
   const tr = state.tr;
   if (request.source !== INPUT_METHOD.FLOATING_TB) {
-    addAnalytics(state, tr, getLinkCreationAnalyticsEvent(request.source, request.url));
+    editorAnalyticsApi === null || editorAnalyticsApi === void 0 ? void 0 : editorAnalyticsApi.attachAnalyticsEvent(getLinkCreationAnalyticsEvent(request.source, request.url))(tr);
   }
   addLinkMetadata(state.selection, tr, {
     action: request.analyticsAction,
@@ -228,7 +227,7 @@ export const convertHyperlinkToSmartCard = (state, source, appearance, normalize
   });
   return queueCards(requests)(state.tr);
 };
-export const changeSelectedCardToLink = (text, href, sendAnalytics, node, pos) => (state, dispatch) => {
+export const changeSelectedCardToLink = (text, href, sendAnalytics, node, pos, editorAnalyticsApi) => (state, dispatch) => {
   let tr;
   if (node && pos) {
     tr = cardNodeToLinkWithTransaction(state, text, href, node, pos);
@@ -238,7 +237,7 @@ export const changeSelectedCardToLink = (text, href, sendAnalytics, node, pos) =
   const selectedNode = state.selection instanceof NodeSelection && state.selection.node;
   if (sendAnalytics) {
     if (selectedNode) {
-      addAnalytics(state, tr, {
+      editorAnalyticsApi === null || editorAnalyticsApi === void 0 ? void 0 : editorAnalyticsApi.attachAnalyticsEvent({
         action: ACTION.CHANGED_TYPE,
         actionSubject: ACTION_SUBJECT.SMART_LINK,
         eventType: EVENT_TYPE.TRACK,
@@ -246,7 +245,7 @@ export const changeSelectedCardToLink = (text, href, sendAnalytics, node, pos) =
           newType: SMART_LINK_TYPE.URL,
           previousType: appearanceForNodeType(selectedNode.type)
         }
-      });
+      })(tr);
     }
   }
   if (dispatch) {
@@ -254,7 +253,7 @@ export const changeSelectedCardToLink = (text, href, sendAnalytics, node, pos) =
   }
   return true;
 };
-export const changeSelectedCardToLinkFallback = (text, href, sendAnalytics, node, pos) => (state, dispatch) => {
+export const changeSelectedCardToLinkFallback = (text, href, sendAnalytics, node, pos, editorAnalyticsApi) => (state, dispatch) => {
   let tr;
   if (node && pos) {
     tr = cardNodeToLinkWithTransaction(state, text, href, node, pos);
@@ -262,14 +261,14 @@ export const changeSelectedCardToLinkFallback = (text, href, sendAnalytics, node
     tr = cardToLinkWithTransaction(state, text, href);
   }
   if (sendAnalytics) {
-    addAnalytics(state, tr, {
+    editorAnalyticsApi === null || editorAnalyticsApi === void 0 ? void 0 : editorAnalyticsApi.attachAnalyticsEvent({
       action: ACTION.ERRORED,
       actionSubject: ACTION_SUBJECT.SMART_LINK,
       eventType: EVENT_TYPE.OPERATIONAL,
       attributes: {
         error: 'Smart card falling back to link.'
       }
-    });
+    })(tr);
   }
   if (dispatch) {
     dispatch(tr.scrollIntoView());
@@ -312,7 +311,7 @@ function cardNodeToLinkWithTransaction(state, text, href, node, pos) {
     href: href || url
   })]));
 }
-export const changeSelectedCardToText = text => (state, dispatch) => {
+export const changeSelectedCardToText = (text, editorAnalyticsApi) => (state, dispatch) => {
   const selectedNode = state.selection instanceof NodeSelection && state.selection.node;
   if (!selectedNode) {
     return false;
@@ -322,12 +321,13 @@ export const changeSelectedCardToText = text => (state, dispatch) => {
     addLinkMetadata(state.selection, tr, {
       action: ACTION.UNLINK
     });
-    addAnalytics(state, tr.scrollIntoView(), unlinkPayload(ACTION_SUBJECT_ID.CARD_INLINE));
+    tr.scrollIntoView();
+    editorAnalyticsApi === null || editorAnalyticsApi === void 0 ? void 0 : editorAnalyticsApi.attachAnalyticsEvent(unlinkPayload(ACTION_SUBJECT_ID.CARD_INLINE))(tr);
     dispatch(tr);
   }
   return true;
 };
-export const setSelectedCardAppearance = appearance => (state, dispatch) => {
+export const setSelectedCardAppearance = (appearance, editorAnalyticsApi) => (state, dispatch) => {
   var _previousNode$type;
   const selectedNode = state.selection instanceof NodeSelection && state.selection.node;
   if (!selectedNode) {
@@ -367,7 +367,7 @@ export const setSelectedCardAppearance = appearance => (state, dispatch) => {
   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);
   }
-  addAnalytics(state, tr, {
+  editorAnalyticsApi === null || editorAnalyticsApi === void 0 ? void 0 : editorAnalyticsApi.attachAnalyticsEvent({
     action: ACTION.CHANGED_TYPE,
     actionSubject: ACTION_SUBJECT.SMART_LINK,
     eventType: EVENT_TYPE.TRACK,
@@ -375,7 +375,7 @@ export const setSelectedCardAppearance = appearance => (state, dispatch) => {
       newType: appearance,
       previousType: appearanceForNodeType(selectedNode.type)
     }
-  });
+  })(tr);
   addLinkMetadata(state.selection, tr, {
     action: ACTION.CHANGED_TYPE
   });