@atlaskit/editor-plugin-card 0.2.5 → 0.3.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-plugin-card
 
+## 0.3.1
+
+### Patch Changes
+
+- [`4e6f1bf8511`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4e6f1bf8511) - [ED-19233] Import prosemirror libraries from internal facade package
+
+## 0.3.0
+
+### Minor Changes
+
+- [`632edbf1930`](https://bitbucket.org/atlassian/atlassian-frontend/commits/632edbf1930) - Updates card plugin floating toolbar to fire an analytic event when viewed.
+
 ## 0.2.5
 
 ### Patch Changes

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

@@ -9,11 +9,11 @@ exports.findChangedLinks = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _prosemirrorTransform = require("prosemirror-transform");
 var _steps = require("@atlaskit/adf-schema/steps");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _card = require("@atlaskit/editor-common/card");
 var _utils = require("@atlaskit/editor-common/utils");
+var _transform = require("@atlaskit/editor-prosemirror/transform");
 var _pluginKey = require("../plugin-key");
 var _state = require("../util/state");
 var _utils2 = require("./utils");
@@ -61,7 +61,7 @@ var findChangedLinks = function findChangedLinks(tr, state) {
      * because there are no "changed tokens" only marks added/removed
      * So have to check these manually
      */
-    if (step instanceof _prosemirrorTransform.AddMarkStep) {
+    if (step instanceof _transform.AddMarkStep) {
       var addMarkStep = step;
       if ((0, _utils.isLinkMark)(addMarkStep.mark, schema)) {
         /**
@@ -75,7 +75,7 @@ var findChangedLinks = function findChangedLinks(tr, state) {
         });
       }
     }
-    if (step instanceof _prosemirrorTransform.RemoveMarkStep) {
+    if (step instanceof _transform.RemoveMarkStep) {
       var removeMarkStep = step;
       if ((0, _utils.isLinkMark)(removeMarkStep.mark, schema)) {
         removedInStep.push({

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

@@ -8,12 +8,12 @@ exports.updateExistingDatasource = exports.updateCard = exports.setSelectedCardA
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
-var _prosemirrorHistory = require("prosemirror-history");
-var _prosemirrorState = require("prosemirror-state");
 var _adfSchema = require("@atlaskit/adf-schema");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _card = require("@atlaskit/editor-common/card");
 var _utils = require("@atlaskit/editor-common/utils");
+var _history = require("@atlaskit/editor-prosemirror/history");
+var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils2 = require("../utils");
 var _actions = require("./actions");
 var _pluginKey = require("./plugin-key");
@@ -122,7 +122,7 @@ var replaceQueuedUrlWithCard = function replaceQueuedUrlWithCard(url, cardData,
       }
     }
     if (dispatch) {
-      dispatch((0, _actions.resolveCard)(url)((0, _prosemirrorHistory.closeHistory)(tr)));
+      dispatch((0, _actions.resolveCard)(url)((0, _history.closeHistory)(tr)));
     }
     return true;
   };
@@ -259,7 +259,7 @@ var changeSelectedCardToLink = function changeSelectedCardToLink(text, href, sen
     } else {
       tr = cardToLinkWithTransaction(state, text, href);
     }
-    var selectedNode = state.selection instanceof _prosemirrorState.NodeSelection && state.selection.node;
+    var selectedNode = state.selection instanceof _state.NodeSelection && state.selection.node;
     if (sendAnalytics) {
       if (selectedNode) {
         editorAnalyticsApi === null || editorAnalyticsApi === void 0 ? void 0 : editorAnalyticsApi.attachAnalyticsEvent({
@@ -307,7 +307,7 @@ var changeSelectedCardToLinkFallback = function changeSelectedCardToLinkFallback
 exports.changeSelectedCardToLinkFallback = changeSelectedCardToLinkFallback;
 var updateCard = function updateCard(href, sourceEvent) {
   return function (state, dispatch) {
-    var selectedNode = state.selection instanceof _prosemirrorState.NodeSelection && state.selection.node;
+    var selectedNode = state.selection instanceof _state.NodeSelection && state.selection.node;
     if (!selectedNode) {
       return false;
     }
@@ -322,7 +322,7 @@ var updateCard = function updateCard(href, sourceEvent) {
 };
 exports.updateCard = updateCard;
 function cardToLinkWithTransaction(state, text, href) {
-  var selectedNode = state.selection instanceof _prosemirrorState.NodeSelection && state.selection.node;
+  var selectedNode = state.selection instanceof _state.NodeSelection && state.selection.node;
   if (!selectedNode) {
     return state.tr;
   }
@@ -342,7 +342,7 @@ function cardNodeToLinkWithTransaction(state, text, href, node, pos) {
 }
 var changeSelectedCardToText = function changeSelectedCardToText(text, editorAnalyticsApi) {
   return function (state, dispatch) {
-    var selectedNode = state.selection instanceof _prosemirrorState.NodeSelection && state.selection.node;
+    var selectedNode = state.selection instanceof _state.NodeSelection && state.selection.node;
     if (!selectedNode) {
       return false;
     }
@@ -362,7 +362,7 @@ exports.changeSelectedCardToText = changeSelectedCardToText;
 var setSelectedCardAppearance = function setSelectedCardAppearance(appearance, editorAnalyticsApi) {
   return function (state, dispatch) {
     var _previousNode$type;
-    var selectedNode = state.selection instanceof _prosemirrorState.NodeSelection && state.selection.node;
+    var selectedNode = state.selection instanceof _state.NodeSelection && state.selection.node;
     if (!selectedNode) {
       // When there is no selected node, we insert a new one
       // and replace the existing blue link
@@ -392,7 +392,7 @@ var setSelectedCardAppearance = function setSelectedCardAppearance(appearance, e
     if (tr.doc.nodeSize - 2 === to) {
       tr.insertText(' ', to);
     }
-    tr.setSelection(_prosemirrorState.TextSelection.create(tr.doc, to + 1));
+    tr.setSelection(_state.TextSelection.create(tr.doc, to + 1));
     var previousNodePos = from - 1 > 0 ? from - 1 : 0;
     var previousNode = tr.doc.nodeAt(previousNodePos);
     if ((previousNode === null || previousNode === void 0 ? void 0 : (_previousNode$type = previousNode.type) === null || _previousNode$type === void 0 ? void 0 : _previousNode$type.name) === 'paragraph') {

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

@@ -4,18 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.cardKeymap = cardKeymap;
-var _prosemirrorKeymap = require("prosemirror-keymap");
-var _prosemirrorState = require("prosemirror-state");
-var _prosemirrorUtils = require("prosemirror-utils");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
 var _utils = require("@atlaskit/editor-common/utils");
+var _keymap = require("@atlaskit/editor-prosemirror/keymap");
+var _state = require("@atlaskit/editor-prosemirror/state");
+var _utils2 = require("@atlaskit/editor-prosemirror/utils");
 var lookupPixel = 10;
 var getClosestInlineCardPos = function getClosestInlineCardPos(state, editorView, direction) {
   var _editorView$posAtCoor;
   var selection = state.selection;
   var parent = selection.$from.parent;
   var inlineCardType = state.schema.nodes.inlineCard;
-  if (!(0, _prosemirrorUtils.flatten)(parent, false).some(function (_ref) {
+  if (!(0, _utils2.flatten)(parent, false).some(function (_ref) {
     var node = _ref.node;
     return node.type === inlineCardType;
   })) {
@@ -29,7 +29,7 @@ var getClosestInlineCardPos = function getClosestInlineCardPos(state, editorView
   if (nearPos) {
     var newNode = state.doc.nodeAt(nearPos);
     if (newNode) {
-      if (newNode.type !== inlineCardType || (0, _prosemirrorUtils.findChildren)(parent, function (node) {
+      if (newNode.type !== inlineCardType || (0, _utils2.findChildren)(parent, function (node) {
         return node === newNode;
       }, false).length === 0 || newNode === selection.node) {
         return null;
@@ -46,7 +46,7 @@ var selectAboveBelowInlineCard = function selectAboveBelowInlineCard(direction)
     }
     var pos = getClosestInlineCardPos(state, editorView, direction);
     if (pos) {
-      dispatch(state.tr.setSelection(new _prosemirrorState.NodeSelection(state.doc.resolve(pos))));
+      dispatch(state.tr.setSelection(new _state.NodeSelection(state.doc.resolve(pos))));
       return true;
     }
     return false;
@@ -60,5 +60,5 @@ function cardKeymap(featureFlags) {
     (0, _keymaps.bindKeymapWithCommand)(_keymaps.moveUp.common, selectAboveBelowInlineCard('up'), list);
     (0, _keymaps.bindKeymapWithCommand)(_keymaps.moveDown.common, selectAboveBelowInlineCard('down'), list);
   }
-  return (0, _prosemirrorKeymap.keymap)(list);
+  return (0, _keymap.keymap)(list);
 }

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

@@ -12,13 +12,13 @@ Object.defineProperty(exports, "pluginKey", {
   }
 });
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _prosemirrorState = require("prosemirror-state");
-var _prosemirrorUtils = require("prosemirror-utils");
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
 var _reactNodeView = require("@atlaskit/editor-common/react-node-view");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _styles = require("@atlaskit/editor-common/styles");
 var _utils = require("@atlaskit/editor-common/utils");
+var _state = require("@atlaskit/editor-prosemirror/state");
+var _utils2 = require("@atlaskit/editor-prosemirror/utils");
 var _blockCard = require("../nodeviews/blockCard");
 var _datasource = require("../nodeviews/datasource");
 var _embedCard = require("../nodeviews/embedCard");
@@ -28,7 +28,7 @@ var _analytics = require("./analytics");
 var _pluginKey = require("./plugin-key");
 var _reducers = _interopRequireDefault(require("./reducers"));
 var _resolve = require("./util/resolve");
-var _state = require("./util/state");
+var _state2 = require("./util/state");
 var createPlugin = function createPlugin(options, pluginInjectionApi) {
   return function (pmPluginFactoryParams) {
     var lpAnalyticsEventsNext = pmPluginFactoryParams.featureFlags.lpAnalyticsEventsNext;
@@ -67,7 +67,7 @@ var createPlugin = function createPlugin(options, pluginInjectionApi) {
         apply: function apply(tr, pluginState, prevEditorState) {
           // Update all the positions of outstanding requests and
           // cards in the plugin state.
-          var pluginStateWithUpdatedPos = (0, _state.getPluginStateWithUpdatedPos)(pluginState, tr);
+          var pluginStateWithUpdatedPos = (0, _state2.getPluginStateWithUpdatedPos)(pluginState, tr);
 
           // apply any actions
           var meta = tr.getMeta(_pluginKey.pluginKey);
@@ -93,17 +93,17 @@ var createPlugin = function createPlugin(options, pluginInjectionApi) {
         return {
           update: function update(view, prevState) {
             var _selection$node;
-            var currentState = (0, _state.getPluginState)(view.state);
-            var oldState = (0, _state.getPluginState)(prevState);
+            var currentState = (0, _state2.getPluginState)(view.state);
+            var oldState = (0, _state2.getPluginState)(prevState);
             var state = view.state,
               dispatch = view.dispatch;
             var selection = state.selection,
               tr = state.tr,
               schema = state.schema;
-            var isBlockCardSelected = selection instanceof _prosemirrorState.NodeSelection && ((_selection$node = selection.node) === null || _selection$node === void 0 ? void 0 : _selection$node.type) === schema.nodes.blockCard;
+            var isBlockCardSelected = selection instanceof _state.NodeSelection && ((_selection$node = selection.node) === null || _selection$node === void 0 ? void 0 : _selection$node.type) === schema.nodes.blockCard;
             if (isBlockCardSelected) {
               var _findDomRefAtPos, _node$attrs;
-              var datasourceTableRef = (_findDomRefAtPos = (0, _prosemirrorUtils.findDomRefAtPos)(selection.from, domAtPos)) === null || _findDomRefAtPos === void 0 ? void 0 : _findDomRefAtPos.querySelector(".".concat(_styles.DATASOURCE_INNER_CONTAINER_CLASSNAME));
+              var datasourceTableRef = (_findDomRefAtPos = (0, _utils2.findDomRefAtPos)(selection.from, domAtPos)) === null || _findDomRefAtPos === void 0 ? void 0 : _findDomRefAtPos.querySelector(".".concat(_styles.DATASOURCE_INNER_CONTAINER_CLASSNAME));
               var node = selection.node;
               var isDatasource = !!(node !== null && node !== void 0 && (_node$attrs = node.attrs) !== null && _node$attrs !== void 0 && _node$attrs.datasource);
               var shouldUpdateTableRef = datasourceTableRef && (currentState === null || currentState === void 0 ? void 0 : currentState.datasourceTableRef) !== datasourceTableRef;
@@ -125,7 +125,7 @@ var createPlugin = function createPlugin(options, pluginInjectionApi) {
             }
             if (currentState && currentState.provider) {
               // Find requests in this state that weren't in the old one.
-              var newRequests = (0, _state.getNewRequests)(oldState, currentState);
+              var newRequests = (0, _state2.getNewRequests)(oldState, currentState);
               // Ask the CardProvider to resolve all new requests.
               var provider = currentState.provider;
               newRequests.forEach(function (request) {

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

@@ -5,9 +5,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.mountHyperlinkPlugin = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = _interopRequireDefault(require("react"));
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _HyperlinkToolbarAppearance = require("../ui/HyperlinkToolbarAppearance");
+var _ToolbarViewedEvent = require("../ui/ToolbarViewedEvent");
+var getToolbarViewedItem = function getToolbarViewedItem(link) {
+  if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.editor.toolbar-viewed-event')) {
+    return [{
+      type: 'custom',
+      fallback: [],
+      render: function render(editorView) {
+        return /*#__PURE__*/_react.default.createElement(_ToolbarViewedEvent.ToolbarViewedEvent, {
+          key: "edit.link.menu.viewed",
+          url: link,
+          display: "url",
+          editorView: editorView
+        });
+      }
+    }];
+  }
+  return [];
+};
 var mountHyperlinkPlugin = function mountHyperlinkPlugin(pluginInjectionApi, options) {
   return new _safePlugin.SafePlugin({
     view: function view(editorView) {
@@ -15,7 +35,7 @@ var mountHyperlinkPlugin = function mountHyperlinkPlugin(pluginInjectionApi, opt
         var _pluginInjectionApi$d, _pluginInjectionApi$d2;
         pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies.hyperlink) === null || _pluginInjectionApi$d === void 0 ? void 0 : (_pluginInjectionApi$d2 = _pluginInjectionApi$d.actions) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.prependToolbarButtons({
           items: function items(state, intl, providerFactory, link) {
-            return [{
+            return [].concat((0, _toConsumableArray2.default)(getToolbarViewedItem(link)), [{
               type: 'custom',
               fallback: [],
               render: function render(editorView) {
@@ -33,7 +53,7 @@ var mountHyperlinkPlugin = function mountHyperlinkPlugin(pluginInjectionApi, opt
                   cardActions: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d4 = pluginInjectionApi.dependencies.card) === null || _pluginInjectionApi$d4 === void 0 ? void 0 : _pluginInjectionApi$d4.actions
                 });
               }
-            }];
+            }]);
           },
           onEscapeCallback: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.card.actions.hideLinkToolbar,
           onInsertLinkCallback: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.card.actions.queueCardsFromChangedTr,

package/dist/cjs/pm-plugins/plugin-key.js

@@ -4,6 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.pluginKey = void 0;
-var _prosemirrorState = require("prosemirror-state");
-var pluginKey = new _prosemirrorState.PluginKey('cardPlugin');
+var _state = require("@atlaskit/editor-prosemirror/state");
+var pluginKey = new _state.PluginKey('cardPlugin');
 exports.pluginKey = pluginKey;

package/dist/cjs/toolbar.js

@@ -9,31 +9,33 @@ exports.visitCardLink = exports.removeCard = exports.openLinkSettings = exports.
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
-var _prosemirrorState = require("prosemirror-state");
-var _prosemirrorUtils = require("prosemirror-utils");
 var _adfSchema = require("@atlaskit/adf-schema");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _card = require("@atlaskit/editor-common/card");
 var _messages = _interopRequireWildcard(require("@atlaskit/editor-common/messages"));
 var _styles = require("@atlaskit/editor-common/styles");
 var _utils = require("@atlaskit/editor-common/utils");
+var _state = require("@atlaskit/editor-prosemirror/state");
+var _utils2 = require("@atlaskit/editor-prosemirror/utils");
 var _remove = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/remove"));
 var _settings = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/settings"));
 var _unlink = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/unlink"));
 var _shortcut = _interopRequireDefault(require("@atlaskit/icon/glyph/shortcut"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _doc = require("./pm-plugins/doc");
 var _main = require("./pm-plugins/main");
 var _EditLinkToolbar = require("./ui/EditLinkToolbar");
 var _LinkToolbarAppearance = require("./ui/LinkToolbarAppearance");
 var _SmallerEditIcon = require("./ui/SmallerEditIcon");
-var _utils2 = require("./utils");
+var _ToolbarViewedEvent = require("./ui/ToolbarViewedEvent");
+var _utils3 = require("./utils");
 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 = function removeCard(editorAnalyticsApi) {
   return (0, _card.commandWithMetadata)(function (state, dispatch) {
-    if (!(state.selection instanceof _prosemirrorState.NodeSelection)) {
+    if (!(state.selection instanceof _state.NodeSelection)) {
       return false;
     }
     var type = state.selection.node.type.name;
@@ -49,7 +51,7 @@ var removeCard = function removeCard(editorAnalyticsApi) {
     };
     if (dispatch) {
       var tr = state.tr;
-      (0, _prosemirrorUtils.removeSelectedNode)(tr);
+      (0, _utils2.removeSelectedNode)(tr);
       editorAnalyticsApi === null || editorAnalyticsApi === void 0 ? void 0 : editorAnalyticsApi.attachAnalyticsEvent(payload)(tr);
       dispatch(tr);
     }
@@ -61,11 +63,11 @@ var removeCard = function removeCard(editorAnalyticsApi) {
 exports.removeCard = removeCard;
 var visitCardLink = function visitCardLink(editorAnalyticsApi) {
   return function (state, dispatch) {
-    if (!(state.selection instanceof _prosemirrorState.NodeSelection)) {
+    if (!(state.selection instanceof _state.NodeSelection)) {
       return false;
     }
     var type = state.selection.node.type;
-    var _titleUrlPairFromNode = (0, _utils2.titleUrlPairFromNode)(state.selection.node),
+    var _titleUrlPairFromNode = (0, _utils3.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.
@@ -82,7 +84,7 @@ var visitCardLink = function visitCardLink(editorAnalyticsApi) {
 exports.visitCardLink = visitCardLink;
 var openLinkSettings = function openLinkSettings(editorAnalyticsApi) {
   return function (state, dispatch) {
-    if (!(state.selection instanceof _prosemirrorState.NodeSelection)) {
+    if (!(state.selection instanceof _state.NodeSelection)) {
       return false;
     }
     window.open('https://id.atlassian.com/manage-profile/link-preferences');
@@ -104,14 +106,14 @@ var floatingToolbar = function floatingToolbar(cardOptions, featureFlags, platfo
       embedCard = _state$schema$nodes.embedCard;
     var nodeType = [inlineCard, blockCard, embedCard];
     var pluginState = _main.pluginKey.getState(state);
-    if (!(state.selection instanceof _prosemirrorState.NodeSelection)) {
+    if (!(state.selection instanceof _state.NodeSelection)) {
       return;
     }
     var selectedNode = state.selection.node;
     if (!selectedNode) {
       return;
     }
-    var isEmbedCard = (0, _utils2.appearanceForNodeType)(selectedNode.type) === 'embed';
+    var isEmbedCard = (0, _utils3.appearanceForNodeType)(selectedNode.type) === 'embed';
 
     /* add an offset to embeds due to extra padding */
     var toolbarOffset = isEmbedCard ? {
@@ -136,7 +138,7 @@ var floatingToolbar = function floatingToolbar(cardOptions, featureFlags, platfo
       preventPopupOverflow: preventPopupOverflow
     }, toolbarOffset), {}, {
       getDomRef: function getDomRef(view) {
-        var element = (0, _prosemirrorUtils.findDomRefAtPos)(view.state.selection.from, view.domAtPos.bind(view));
+        var element = (0, _utils2.findDomRefAtPos)(view.state.selection.from, view.domAtPos.bind(view));
         if (!element) {
           return undefined;
         }
@@ -153,7 +155,7 @@ var floatingToolbar = function floatingToolbar(cardOptions, featureFlags, platfo
 };
 exports.floatingToolbar = floatingToolbar;
 var unlinkCard = function unlinkCard(node, state, editorAnalyticsApi) {
-  var displayInfo = (0, _utils2.displayInfoForCard)(node, (0, _utils2.findCardInfo)(state));
+  var displayInfo = (0, _utils3.displayInfoForCard)(node, (0, _utils3.findCardInfo)(state));
   var text = displayInfo.title || displayInfo.url;
   if (text) {
     return (0, _card.commandWithMetadata)((0, _doc.changeSelectedCardToText)(text, editorAnalyticsApi), {
@@ -172,10 +174,30 @@ var withToolbarMetadata = function withToolbarMetadata(command) {
     inputMethod: _analytics.INPUT_METHOD.FLOATING_TB
   });
 };
+var getToolbarViewedItem = function getToolbarViewedItem(url, display) {
+  if (!url) {
+    return [];
+  }
+  if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.editor.toolbar-viewed-event')) {
+    return [{
+      type: 'custom',
+      fallback: [],
+      render: function render(editorView) {
+        return /*#__PURE__*/_react.default.createElement(_ToolbarViewedEvent.ToolbarViewedEvent, {
+          key: "edit.link.menu.viewed",
+          url: url,
+          display: display,
+          editorView: editorView
+        });
+      }
+    }];
+  }
+  return [];
+};
 var generateToolbarItems = function generateToolbarItems(state, featureFlags, intl, providerFactory, cardOptions, platform, linkPicker, pluginInjectionApi) {
   return function (node) {
     var _pluginInjectionApi$d, _pluginInjectionApi$d2, _pluginInjectionApi$d3, _pluginInjectionApi$d4, _pluginInjectionApi$d5, _node$attrs, _node$attrs2, _node$attrs2$datasour;
-    var _titleUrlPairFromNode2 = (0, _utils2.titleUrlPairFromNode)(node),
+    var _titleUrlPairFromNode2 = (0, _utils3.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;
@@ -183,7 +205,7 @@ var generateToolbarItems = function generateToolbarItems(state, featureFlags, in
     if (url && !(0, _adfSchema.isSafeUrl)(url)) {
       return [];
     } else {
-      var _displayInfoForCard = (0, _utils2.displayInfoForCard)(node, (0, _utils2.findCardInfo)(state)),
+      var _displayInfoForCard = (0, _utils3.displayInfoForCard)(node, (0, _utils3.findCardInfo)(state)),
         title = _displayInfoForCard.title;
       metadata = {
         url: url,
@@ -191,7 +213,7 @@ var generateToolbarItems = function generateToolbarItems(state, featureFlags, in
       };
     }
     var pluginState = _main.pluginKey.getState(state);
-    var currentAppearance = (0, _utils2.appearanceForNodeType)(node.type);
+    var currentAppearance = (0, _utils3.appearanceForNodeType)(node.type);
     var _ref2 = (_pluginInjectionApi$d3 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d4 = pluginInjectionApi.dependencies) === null || _pluginInjectionApi$d4 === void 0 ? void 0 : (_pluginInjectionApi$d5 = _pluginInjectionApi$d4.decorations) === null || _pluginInjectionApi$d5 === void 0 ? void 0 : _pluginInjectionApi$d5.actions) !== null && _pluginInjectionApi$d3 !== void 0 ? _pluginInjectionApi$d3 : {},
       hoverDecoration = _ref2.hoverDecoration;
     var isDatasource = currentAppearance === 'block' && (node === null || node === void 0 ? void 0 : (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.datasource);
@@ -271,7 +293,7 @@ var generateToolbarItems = function generateToolbarItems(state, featureFlags, in
       // This code will be executed only for appearances such as "inline", "block" & "embed"
       // For url appearance, please see HyperlinkToolbarAppearanceProps
       if (currentAppearance) {
-        toolbarItems.unshift({
+        toolbarItems.unshift.apply(toolbarItems, (0, _toConsumableArray2.default)(getToolbarViewedItem(url, currentAppearance)).concat([{
           type: 'custom',
           fallback: [],
           render: function render(editorView) {
@@ -291,7 +313,7 @@ var generateToolbarItems = function generateToolbarItems(state, featureFlags, in
           }
         }, {
           type: 'separator'
-        });
+        }]));
       }
       return toolbarItems;
     }

package/dist/cjs/ui/CardContextProvider.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CardContextProvider = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+/**
+ * Provides the link provider context via the legacy context adapter
+ * and children render function
+ */
+// eslint-disable-next-line @repo/internal/react/no-class-components
+var CardContextProvider = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2.default)(CardContextProvider, _React$Component);
+  var _super = _createSuper(CardContextProvider);
+  function CardContextProvider() {
+    (0, _classCallCheck2.default)(this, CardContextProvider);
+    return _super.apply(this, arguments);
+  }
+  (0, _createClass2.default)(CardContextProvider, [{
+    key: "render",
+    value: function render() {
+      var _this$context$context;
+      var cardContext = this.context.contextAdapter ? (_this$context$context = this.context.contextAdapter.card) === null || _this$context$context === void 0 ? void 0 : _this$context$context.value : undefined;
+      return this.props.children({
+        cardContext: cardContext
+      });
+    }
+  }]);
+  return CardContextProvider;
+}(_react.default.Component);
+exports.CardContextProvider = CardContextProvider;
+(0, _defineProperty2.default)(CardContextProvider, "contextTypes", {
+  contextAdapter: _propTypes.default.object
+});

package/dist/cjs/ui/DatasourceModal/index.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.DatasourceModal = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _prosemirrorState = require("prosemirror-state");
+var _state = require("@atlaskit/editor-prosemirror/state");
 var _linkDatasource = require("@atlaskit/link-datasource");
 var _actions = require("../../pm-plugins/actions");
 var _doc = require("../../pm-plugins/doc");
@@ -20,7 +20,7 @@ var DatasourceModal = function DatasourceModal(_ref) {
   var dispatch = view.dispatch,
     state = view.state;
   var selection = state.selection;
-  var existingNode = selection instanceof _prosemirrorState.NodeSelection ? selection.node : undefined;
+  var existingNode = selection instanceof _state.NodeSelection ? selection.node : undefined;
   var onClose = (0, _react.useCallback)(function () {
     dispatch((0, _actions.hideDatasourceModal)(state.tr));
   }, [dispatch, state.tr]);

package/dist/cjs/ui/EditLinkToolbar.js

@@ -15,13 +15,13 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
-var _prosemirrorState = require("prosemirror-state");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _card = require("@atlaskit/editor-common/card");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _link = require("@atlaskit/editor-common/link");
 var _messages = require("@atlaskit/editor-common/messages");
 var _ui = require("@atlaskit/editor-common/ui");
+var _state = require("@atlaskit/editor-prosemirror/state");
 var _linkDatasource = require("@atlaskit/link-datasource");
 var _actions = require("../pm-plugins/actions");
 var _doc = require("../pm-plugins/doc");
@@ -161,7 +161,7 @@ exports.EditLinkToolbar = EditLinkToolbar;
 var editLink = function editLink(editorAnalyticsApi) {
   return function (state, dispatch) {
     var type = 'hyperlink';
-    if (state.selection instanceof _prosemirrorState.NodeSelection) {
+    if (state.selection instanceof _state.NodeSelection) {
       type = state.selection.node.type.name;
     }
     if (dispatch) {

package/dist/cjs/ui/EditorAnalyticsContext.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EditorAnalyticsContext = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _analyticsNext = require("@atlaskit/analytics-next");
+var _utils = require("@atlaskit/editor-common/utils");
+var _state = require("../pm-plugins/util/state");
+/**
+ * Provides location attribute to child events
+ */
+var EditorAnalyticsContext = function EditorAnalyticsContext(_ref) {
+  var _getPluginState;
+  var editorView = _ref.editorView,
+    children = _ref.children;
+  var editorAppearance = editorView ? (_getPluginState = (0, _state.getPluginState)(editorView.state)) === null || _getPluginState === void 0 ? void 0 : _getPluginState.editorAppearance : undefined;
+  var analyticsEditorAppearance = (0, _utils.getAnalyticsEditorAppearance)(editorAppearance);
+  var analyticsData = {
+    attributes: {
+      location: analyticsEditorAppearance
+    },
+    // Below is added for the future implementation of Linking Platform namespaced analytic context
+    location: analyticsEditorAppearance
+  };
+  return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
+    data: analyticsData
+  }, children);
+};
+exports.EditorAnalyticsContext = EditorAnalyticsContext;

package/dist/cjs/ui/EditorSmartCardEventsNext.js

@@ -16,10 +16,9 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _analytics = require("@atlaskit/editor-common/analytics");
-var _utils = require("@atlaskit/editor-common/utils");
 var _linkAnalytics = require("@atlaskit/link-analytics");
 var _actions = require("../pm-plugins/actions");
-var _state = require("../pm-plugins/util/state");
+var _EditorAnalyticsContext = require("./EditorAnalyticsContext");
 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 _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
@@ -180,7 +179,6 @@ var EditorSmartCardEventsNext = /*#__PURE__*/function (_React$PureComponent) {
   (0, _createClass2.default)(EditorSmartCardEventsNext, [{
     key: "render",
     value: function render() {
-      var _getPluginState;
       var cardContext = this.context.contextAdapter.card;
 
       /**
@@ -191,19 +189,10 @@ var EditorSmartCardEventsNext = /*#__PURE__*/function (_React$PureComponent) {
       if (!cardContext) {
         return null;
       }
-      var editorAppearance = (_getPluginState = (0, _state.getPluginState)(this.props.editorView.state)) === null || _getPluginState === void 0 ? void 0 : _getPluginState.editorAppearance;
-      var analyticsEditorAppearance = (0, _utils.getAnalyticsEditorAppearance)(editorAppearance);
-      var analyticsData = {
-        attributes: {
-          location: analyticsEditorAppearance
-        },
-        // Below is added for the future implementation of Linking Platform namespaced analytic context
-        location: analyticsEditorAppearance
-      };
       return /*#__PURE__*/_react.default.createElement(cardContext.Provider, {
         value: cardContext.value
-      }, /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
-        data: analyticsData
+      }, /*#__PURE__*/_react.default.createElement(_EditorAnalyticsContext.EditorAnalyticsContext, {
+        editorView: this.props.editorView
       }, /*#__PURE__*/_react.default.createElement(EventsBinding, this.props)));
     }
   }]);