@atlaskit/editor-core 182.0.2 → 182.1.0

package/dist/cjs/plugins/card/ui/EditorSmartCardEventsNext.js

@@ -0,0 +1,202 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EventsBinding = exports.EditorSmartCardEventsNext = 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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _linkAnalytics = require("@atlaskit/link-analytics");
+var _analytics = require("@atlaskit/editor-common/analytics");
+var _analyticsNext = require("@atlaskit/analytics-next");
+var _actions = require("../pm-plugins/actions");
+var _excluded = ["url", "display"],
+  _excluded2 = ["url", "display", "previousDisplay"],
+  _excluded3 = ["url", "display"];
+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); }; }
+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; } }
+/**
+ * If the metadata is for a history event,
+ * returns undo/redo instead of instead of what fn(metadata) would have otherwise
+ * returned
+ */
+var withHistoryMethod = function withHistoryMethod(fn) {
+  return function (metadata) {
+    var isUndo = metadata.isUndo,
+      isRedo = metadata.isRedo;
+    if (isUndo) {
+      return 'undo';
+    }
+    if (isRedo) {
+      return 'redo';
+    }
+    return fn(metadata);
+  };
+};
+var getMethod = withHistoryMethod(function (_ref) {
+  var inputMethod = _ref.inputMethod,
+    sourceEvent = _ref.sourceEvent;
+  /**
+   * If sourceEvent is present, don't provide a custom method
+   */
+  if (sourceEvent) {
+    return;
+  }
+  switch (inputMethod) {
+    case _analytics.INPUT_METHOD.CLIPBOARD:
+      return 'editor_paste';
+    case _analytics.INPUT_METHOD.FLOATING_TB:
+      return 'editor_floatingToolbar';
+    case _analytics.INPUT_METHOD.AUTO_DETECT:
+      return 'editor_type';
+    default:
+      return 'unknown';
+  }
+});
+var getUpdateType = withHistoryMethod(function (_ref2) {
+  var action = _ref2.action,
+    sourceEvent = _ref2.sourceEvent;
+  /**
+   * If sourceEvent is present, don't provide a custom method
+   */
+  if (sourceEvent) {
+    return;
+  }
+  switch (action) {
+    case _analytics.ACTION.CHANGED_TYPE:
+      return 'display_update';
+    case _analytics.ACTION.UPDATED:
+      return 'link_update';
+    default:
+      return 'unknown';
+  }
+});
+var getDeleteType = withHistoryMethod(function (_ref3) {
+  var action = _ref3.action;
+  if (action === _analytics.ACTION.UNLINK) {
+    return 'unlink';
+  }
+  return 'delete';
+});
+var getSourceEventFromMetadata = function getSourceEventFromMetadata(metadata) {
+  return metadata.sourceEvent instanceof _analyticsNext.UIAnalyticsEvent ? metadata.sourceEvent : null;
+};
+
+/**
+ * Set display category as `link` if not displaying the link as a smart card
+ */
+var displayCategoryFromDisplay = function displayCategoryFromDisplay(display) {
+  if (display === 'url') {
+    return 'link';
+  }
+};
+
+/**
+ * Binds the @atlaskit/link-analytics callbacks
+ * to the editor card plugin state events callbacks interfaces
+ */
+var EventsBinding = function EventsBinding(_ref4) {
+  var editorView = _ref4.editorView;
+  /**
+   * These callbacks internally use window.requestIdleCallback/requestAnimationFrame
+   * to defer any heavy operations involving network
+   *
+   * The callbacks themselves should not be deferred, they should be called syncronously the moment
+   * the events take place.
+   */
+  var _useSmartLinkLifecycl = (0, _linkAnalytics.useSmartLinkLifecycleAnalytics)(),
+    linkCreated = _useSmartLinkLifecycl.linkCreated,
+    linkUpdated = _useSmartLinkLifecycl.linkUpdated,
+    linkDeleted = _useSmartLinkLifecycl.linkDeleted;
+  var events = (0, _react.useMemo)(function () {
+    return {
+      created: function created(_ref5) {
+        var url = _ref5.url,
+          display = _ref5.display,
+          metadata = (0, _objectWithoutProperties2.default)(_ref5, _excluded);
+        linkCreated({
+          url: url,
+          displayCategory: displayCategoryFromDisplay(display)
+        }, getSourceEventFromMetadata(metadata), {
+          display: display,
+          creationMethod: getMethod(metadata)
+        });
+      },
+      updated: function updated(_ref6) {
+        var url = _ref6.url,
+          display = _ref6.display,
+          previousDisplay = _ref6.previousDisplay,
+          metadata = (0, _objectWithoutProperties2.default)(_ref6, _excluded2);
+        linkUpdated({
+          url: url,
+          displayCategory: displayCategoryFromDisplay(display)
+        }, getSourceEventFromMetadata(metadata), {
+          display: display,
+          previousDisplay: previousDisplay,
+          updateMethod: getMethod(metadata),
+          updateType: getUpdateType(metadata)
+        });
+      },
+      deleted: function deleted(_ref7) {
+        var url = _ref7.url,
+          display = _ref7.display,
+          metadata = (0, _objectWithoutProperties2.default)(_ref7, _excluded3);
+        linkDeleted({
+          url: url,
+          displayCategory: displayCategoryFromDisplay(display)
+        }, getSourceEventFromMetadata(metadata), {
+          display: display,
+          deleteMethod: getMethod(metadata),
+          deleteType: getDeleteType(metadata)
+        });
+      }
+    };
+  }, [linkCreated, linkUpdated, linkDeleted]);
+  (0, _react.useEffect)(function () {
+    editorView.dispatch((0, _actions.registerSmartCardEventsNext)(events)(editorView.state.tr));
+  }, [events, editorView]);
+  return null;
+};
+exports.EventsBinding = EventsBinding;
+var EditorSmartCardEventsNext = /*#__PURE__*/function (_React$PureComponent) {
+  (0, _inherits2.default)(EditorSmartCardEventsNext, _React$PureComponent);
+  var _super = _createSuper(EditorSmartCardEventsNext);
+  function EditorSmartCardEventsNext() {
+    (0, _classCallCheck2.default)(this, EditorSmartCardEventsNext);
+    return _super.apply(this, arguments);
+  }
+  (0, _createClass2.default)(EditorSmartCardEventsNext, [{
+    key: "render",
+    value: function render() {
+      var cardContext = this.context.contextAdapter.card;
+
+      /**
+       * The analytics hook needs to be able to communicate with the card context
+       * If we can't access it, don't mount the event bindings
+       * This effectively entirely disables all tracking behaviour
+       */
+      if (!cardContext) {
+        return null;
+      }
+      return /*#__PURE__*/_react.default.createElement(cardContext.Provider, {
+        value: cardContext.value
+      }, /*#__PURE__*/_react.default.createElement(EventsBinding, this.props));
+    }
+  }]);
+  return EditorSmartCardEventsNext;
+}(_react.default.PureComponent);
+exports.EditorSmartCardEventsNext = EditorSmartCardEventsNext;
+(0, _defineProperty2.default)(EditorSmartCardEventsNext, "contextTypes", {
+  contextAdapter: _propTypes.default.object
+});

package/dist/cjs/plugins/card/ui/LinkToolbarAppearance.js

@@ -12,15 +12,19 @@ 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 _analytics = require("@atlaskit/editor-common/analytics");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _prosemirrorModel = require("prosemirror-model");
 var _react = _interopRequireDefault(require("react"));
 var _messages = _interopRequireDefault(require("../../../messages"));
 var _nodes = require("../../../utils/nodes");
 var _messages2 = require("../messages");
+var _card = require("@atlaskit/editor-common/card");
 var _doc = require("../pm-plugins/doc");
 var _linkToolbarButtonGroupOptions = require("./link-toolbar-button-group-options");
 var _LinkToolbarButtonGroup = require("./LinkToolbarButtonGroup");
+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; }
 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; } }
 var LinkToolbarAppearance = /*#__PURE__*/function (_React$Component) {
@@ -74,9 +78,9 @@ var LinkToolbarAppearance = /*#__PURE__*/function (_React$Component) {
       };
       var options = [{
         title: intl.formatMessage(_messages2.messages.url),
-        onClick: function onClick() {
-          return (0, _doc.changeSelectedCardToLink)(url, url, true)(editorState, view === null || view === void 0 ? void 0 : view.dispatch);
-        },
+        onClick: (0, _card.commandWithMetadata)((0, _doc.changeSelectedCardToLink)(url, url, true), {
+          action: _analytics.ACTION.CHANGED_TYPE
+        }),
         selected: !currentAppearance,
         testId: 'url-appearance'
       }, {
@@ -102,7 +106,11 @@ var LinkToolbarAppearance = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/_react.default.createElement(_LinkToolbarButtonGroup.LinkToolbarButtonGroup, {
         key: "link-toolbar-button-group",
         options: options.map(function (option) {
-          return (0, _linkToolbarButtonGroupOptions.getButtonGroupOption)(intl, dispatchCommand, option);
+          return (0, _linkToolbarButtonGroupOptions.getButtonGroupOption)(intl, dispatchCommand, _objectSpread(_objectSpread({}, option), {}, {
+            onClick: (0, _card.commandWithMetadata)(option.onClick, {
+              inputMethod: _analytics.INPUT_METHOD.FLOATING_TB
+            })
+          }));
         })
       });
     });

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

@@ -8,7 +8,7 @@ var _prosemirrorState = require("prosemirror-state");
 var _prosemirrorModel = require("prosemirror-model");
 var _pluginKey = require("./pm-plugins/plugin-key");
 var _slice = require("../../utils/slice");
-var _nodes = require("../..//utils/nodes");
+var _nodes = require("../../utils/nodes");
 var appearanceForNodeType = function appearanceForNodeType(spec) {
   if (spec.name === 'inlineCard') {
     return 'inline';
@@ -21,7 +21,9 @@ var appearanceForNodeType = function appearanceForNodeType(spec) {
 };
 exports.appearanceForNodeType = appearanceForNodeType;
 var selectedCardAppearance = function selectedCardAppearance(state) {
-  return state.selection instanceof _prosemirrorState.NodeSelection && appearanceForNodeType(state.selection.node.type);
+  if (state.selection instanceof _prosemirrorState.NodeSelection) {
+    return appearanceForNodeType(state.selection.node.type);
+  }
 };
 exports.selectedCardAppearance = selectedCardAppearance;
 var titleUrlPairFromNode = function titleUrlPairFromNode(node) {

package/dist/cjs/plugins/extension/context-panel.js

@@ -34,7 +34,7 @@ var areParametersEqual = function areParametersEqual(firstParameters, secondPara
   }
   return firstParameters === secondParameters;
 };
-var getContextPanel = function getContextPanel(allowAutoSave) {
+var getContextPanel = function getContextPanel(allowAutoSave, featureFlags) {
   return function (state) {
     var nodeWithPos = (0, _utils.getSelectedExtension)(state, true);
 
@@ -141,7 +141,8 @@ var getContextPanel = function getContextPanel(allowAutoSave) {
                     }
                   }
                 }, _callee2, null, [[1, 6]]);
-              }))
+              })),
+              featureFlags: featureFlags
             });
           }
         });

package/dist/cjs/plugins/extension/index.js

@@ -12,7 +12,10 @@ var _uniqueId = require("./pm-plugins/unique-id");
 var _toolbar = require("./toolbar");
 var _contextPanel = require("./context-panel");
 var extensionPlugin = function extensionPlugin() {
+  var _api$dependencies, _api$dependencies$fea;
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var api = arguments.length > 1 ? arguments[1] : undefined;
+  var featureFlags = (api === null || api === void 0 ? void 0 : (_api$dependencies = api.dependencies) === null || _api$dependencies === void 0 ? void 0 : (_api$dependencies$fea = _api$dependencies.featureFlags) === null || _api$dependencies$fea === void 0 ? void 0 : _api$dependencies$fea.sharedState.currentState()) || {};
   return {
     name: 'extension',
     nodes: function nodes() {
@@ -52,7 +55,7 @@ var extensionPlugin = function extensionPlugin() {
     },
     pluginsOptions: {
       floatingToolbar: (0, _toolbar.getToolbarConfig)(options.breakoutEnabled),
-      contextPanel: (0, _contextPanel.getContextPanel)(options.allowAutoSave)
+      contextPanel: (0, _contextPanel.getContextPanel)(options.allowAutoSave, featureFlags)
     }
   };
 };

package/dist/cjs/plugins/help-dialog/ui/index.js

@@ -79,8 +79,24 @@ var messages = (0, _reactIntlNext.defineMessages)({
     description: 'Name of a feature, which let you insert items quickly.'
   }
 });
-var formatting = function formatting(_ref) {
+var navigationKeymaps = function navigationKeymaps(_ref) {
   var formatMessage = _ref.formatMessage;
+  return [{
+    name: formatMessage(_toolbarMessages.toolbarMessages.navigateToEditorToolbar),
+    type: 'navigation',
+    keymap: function keymap() {
+      return keymaps.navToEditorToolbar;
+    }
+  }, {
+    name: formatMessage(_toolbarMessages.toolbarMessages.navigateToFloatingToolbar),
+    type: 'navigation',
+    keymap: function keymap() {
+      return keymaps.navToFloatingToolbar;
+    }
+  }];
+};
+var formatting = function formatting(_ref2) {
+  var formatMessage = _ref2.formatMessage;
   return [{
     name: formatMessage(_toolbarMessages.toolbarMessages.bold),
     type: 'strong',
@@ -345,8 +361,8 @@ var formatting = function formatting(_ref) {
 };
 exports.formatting = formatting;
 var shortcutNamesWithoutKeymap = ['emoji', 'mention', 'quickInsert'];
-var otherFormatting = function otherFormatting(_ref2) {
-  var formatMessage = _ref2.formatMessage;
+var otherFormatting = function otherFormatting(_ref3) {
+  var formatMessage = _ref3.formatMessage;
   return [{
     name: formatMessage(_toolbarMessages.toolbarMessages.clearFormatting),
     type: 'clearFormatting',
@@ -388,8 +404,8 @@ var imageAutoFormat = {
     }, "![", (0, _react2.jsx)(_reactIntlNext.FormattedMessage, messages.altText), "](http://www.image.com)"));
   }
 };
-var quickInsertAutoFormat = function quickInsertAutoFormat(_ref3) {
-  var formatMessage = _ref3.formatMessage;
+var quickInsertAutoFormat = function quickInsertAutoFormat(_ref4) {
+  var formatMessage = _ref4.formatMessage;
   return {
     name: formatMessage(messages.quickInsert),
     type: 'quickInsert',
@@ -411,7 +427,7 @@ var getSupportedFormatting = function getSupportedFormatting(schema, intl, image
   var supportedBySchema = formatting(intl).filter(function (format) {
     return schema.nodes[format.type] || schema.marks[format.type];
   });
-  return [].concat((0, _toConsumableArray2.default)(supportedBySchema), (0, _toConsumableArray2.default)(imageEnabled ? [imageAutoFormat] : []), (0, _toConsumableArray2.default)(quickInsertEnabled ? [quickInsertAutoFormat(intl)] : []), (0, _toConsumableArray2.default)(otherFormatting(intl)));
+  return [].concat((0, _toConsumableArray2.default)(navigationKeymaps(intl)), (0, _toConsumableArray2.default)(supportedBySchema), (0, _toConsumableArray2.default)(imageEnabled ? [imageAutoFormat] : []), (0, _toConsumableArray2.default)(quickInsertEnabled ? [quickInsertAutoFormat(intl)] : []), (0, _toConsumableArray2.default)(otherFormatting(intl)));
 };
 exports.getSupportedFormatting = getSupportedFormatting;
 var getComponentFromKeymap = function getComponentFromKeymap(keymap) {
@@ -431,6 +447,11 @@ var getComponentFromKeymap = function getComponentFromKeymap(keymap) {
         css: _styles.codeMd,
         key: "".concat(keyParts, "-").concat(index)
       }, part);
+    } else if (['f9', 'f10'].indexOf(part.toLowerCase()) >= 0) {
+      return (0, _react2.jsx)("span", {
+        css: _styles.codeLg,
+        key: "".concat(keyParts, "-").concat(index)
+      }, part);
     }
     return (0, _react2.jsx)("span", {
       css: _styles.codeSm,
@@ -439,8 +460,8 @@ var getComponentFromKeymap = function getComponentFromKeymap(keymap) {
   }));
 };
 exports.getComponentFromKeymap = getComponentFromKeymap;
-var ModalHeader = (0, _reactIntlNext.injectIntl)(function (_ref4) {
-  var formatMessage = _ref4.intl.formatMessage;
+var ModalHeader = (0, _reactIntlNext.injectIntl)(function (_ref5) {
+  var formatMessage = _ref5.intl.formatMessage;
   var _useModal = (0, _modalDialog.useModal)(),
     onClose = _useModal.onClose;
   return (0, _react2.jsx)("div", {

package/dist/cjs/plugins/hyperlink/Toolbar.js

@@ -11,6 +11,7 @@ var _react = _interopRequireDefault(require("react"));
 var _main = require("./pm-plugins/main");
 var _commands = require("./commands");
 var _HyperlinkAddToolbar = _interopRequireDefault(require("./ui/HyperlinkAddToolbar"));
+var _card = require("@atlaskit/editor-common/card");
 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"));
@@ -162,7 +163,9 @@ var getToolbarConfig = function getToolbarConfig(options, featureFlags) {
               }, {
                 id: 'editor.link.unlink',
                 type: 'button',
-                onClick: (0, _commands.removeLink)(pos),
+                onClick: (0, _card.commandWithMetadata)((0, _commands.removeLink)(pos), {
+                  inputMethod: _analytics.INPUT_METHOD.FLOATING_TB
+                }),
                 selected: false,
                 title: labelUnlink,
                 icon: _unlink.default,
@@ -221,7 +224,14 @@ var getToolbarConfig = function getToolbarConfig(options, featureFlags) {
                       var title = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
                       var displayText = arguments.length > 2 ? arguments[2] : undefined;
                       var inputMethod = arguments.length > 3 ? arguments[3] : undefined;
-                      isEditLink(activeLinkMark) ? (0, _commands.updateLink)(href, displayText || title, activeLinkMark.pos)(view.state, view.dispatch) : (0, _commands.insertLinkWithAnalytics)(inputMethod, activeLinkMark.from, activeLinkMark.to, href, title, displayText, !!(options !== null && options !== void 0 && (_options$cardOptions = options.cardOptions) !== null && _options$cardOptions !== void 0 && _options$cardOptions.provider))(view.state, view.dispatch);
+                      var analytic = arguments.length > 4 ? arguments[4] : undefined;
+                      var isEdit = isEditLink(activeLinkMark);
+                      var action = isEdit ? _analytics.ACTION.UPDATED : _analytics.ACTION.INSERTED;
+                      var command = isEdit ? (0, _card.commandWithMetadata)((0, _commands.updateLink)(href, displayText || title, activeLinkMark.pos), {
+                        action: action,
+                        sourceEvent: analytic
+                      }) : (0, _commands.insertLinkWithAnalytics)(inputMethod, activeLinkMark.from, activeLinkMark.to, href, title, displayText, !!(options !== null && options !== void 0 && (_options$cardOptions = options.cardOptions) !== null && _options$cardOptions !== void 0 && _options$cardOptions.provider), analytic);
+                      command(view.state, view.dispatch, view);
                       view.focus();
                     }
                   });

package/dist/cjs/plugins/hyperlink/commands.js

@@ -15,6 +15,7 @@ exports.setLinkHref = setLinkHref;
 exports.showLinkToolbar = showLinkToolbar;
 exports.updateLink = updateLink;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _card = require("@atlaskit/editor-common/card");
 var _utils = require("./utils");
 var _main = require("./pm-plugins/main");
 var _prosemirrorState = require("prosemirror-state");
@@ -101,7 +102,7 @@ function updateLink(href, text, pos, to) {
     return true;
   };
 }
-function insertLink(from, to, incomingHref, incomingTitle, displayText, source) {
+function insertLink(from, to, incomingHref, incomingTitle, displayText, source, sourceEvent) {
   return function (state, dispatch) {
     var link = state.schema.marks.link;
     var tr = state.tr;
@@ -125,7 +126,7 @@ function insertLink(from, to, incomingHref, incomingTitle, displayText, source)
       }));
       tr.setSelection(_prosemirrorState.Selection.near(tr.doc.resolve(markEnd)));
       if (!displayText || displayText === incomingHref) {
-        (0, _doc.queueCardsFromChangedTr)(state, tr, source, false);
+        (0, _doc.queueCardsFromChangedTr)(state, tr, source, _analytics.ACTION.INSERTED, false, sourceEvent);
       }
       tr.setMeta(_main.stateKey, {
         type: _main.LinkAction.HIDE_TOOLBAR
@@ -146,11 +147,12 @@ function insertLink(from, to, incomingHref, incomingTitle, displayText, source)
 }
 var insertLinkWithAnalytics = function insertLinkWithAnalytics(inputMethod, from, to, href, title, displayText) {
   var cardsAvailable = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
+  var sourceEvent = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : undefined;
   // If smart cards are available, we send analytics for hyperlinks when a smart link is rejected.
   if (cardsAvailable && !title && !displayText) {
-    return insertLink(from, to, href, title, displayText, inputMethod);
+    return insertLink(from, to, href, title, displayText, inputMethod, sourceEvent);
   }
-  return (0, _analytics.withAnalytics)((0, _analytics2.getLinkCreationAnalyticsEvent)(inputMethod, href))(insertLink(from, to, href, title, displayText, inputMethod));
+  return (0, _analytics.withAnalytics)((0, _analytics2.getLinkCreationAnalyticsEvent)(inputMethod, href))(insertLink(from, to, href, title, displayText, inputMethod, sourceEvent));
 };
 exports.insertLinkWithAnalytics = insertLinkWithAnalytics;
 var insertLinkWithAnalyticsMobileNative = function insertLinkWithAnalyticsMobileNative(inputMethod, from, to, href, title, displayText) {
@@ -158,7 +160,9 @@ var insertLinkWithAnalyticsMobileNative = function insertLinkWithAnalyticsMobile
 };
 exports.insertLinkWithAnalyticsMobileNative = insertLinkWithAnalyticsMobileNative;
 function removeLink(pos) {
-  return setLinkHref('', pos);
+  return (0, _card.commandWithMetadata)(setLinkHref('', pos), {
+    action: _analytics.ACTION.UNLINK
+  });
 }
 function editInsertedLink() {
   return function (state, dispatch) {

package/dist/cjs/plugins/hyperlink/pm-plugins/input-rule.js

@@ -8,6 +8,7 @@ exports.createInputRulePlugin = createInputRulePlugin;
 exports.createLinkInputRule = createLinkInputRule;
 exports.default = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _card = require("@atlaskit/editor-common/card");
 var _inputRules = require("../../../utils/input-rules");
 var _utils = require("../utils");
 var _analytics = require("../../analytics");
@@ -48,6 +49,9 @@ function createLinkInputRule(regexp) {
     if (to === end) {
       tr.insertText(' ');
     }
+    (0, _card.addLinkMetadata)(state.selection, tr, {
+      inputMethod: _analytics.INPUT_METHOD.AUTO_DETECT
+    });
     if (skipAnalytics) {
       return tr;
     }

package/dist/cjs/plugins/hyperlink/ui/HyperlinkAddToolbar/index.js

@@ -24,13 +24,13 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
  * Wraps around the editor's onSubmit handler so that the plugin can interface with the link picker
  */
 var onSubmitInterface = function onSubmitInterface(onSubmit) {
-  return function (_ref) {
+  return function (_ref, analytic) {
     var url = _ref.url,
       title = _ref.title,
       displayText = _ref.displayText,
       rawUrl = _ref.rawUrl,
       meta = _ref.meta;
-    onSubmit(url, title !== null && title !== void 0 ? title : rawUrl, displayText || undefined, meta.inputMethod === 'manual' ? _types.INPUT_METHOD.MANUAL : _types.INPUT_METHOD.TYPEAHEAD);
+    onSubmit(url, title !== null && title !== void 0 ? title : rawUrl, displayText || undefined, meta.inputMethod === 'manual' ? _types.INPUT_METHOD.MANUAL : _types.INPUT_METHOD.TYPEAHEAD, analytic);
   };
 };
 var HyperlinkAddToolbar = /*#__PURE__*/function (_React$PureComponent) {

package/dist/cjs/plugins/index.js

@@ -167,12 +167,6 @@ Object.defineProperty(exports, "fakeTextCursorPlugin", {
     return _fakeTextCursor.default;
   }
 });
-Object.defineProperty(exports, "featureFlagsContextPlugin", {
-  enumerable: true,
-  get: function get() {
-    return _featureFlagsContext.default;
-  }
-});
 Object.defineProperty(exports, "feedbackDialogPlugin", {
   enumerable: true,
   get: function get() {
@@ -470,7 +464,6 @@ var _customAutoformat = _interopRequireDefault(require("./custom-autoformat"));
 var _feedbackDialog = _interopRequireDefault(require("./feedback-dialog"));
 var _history = _interopRequireDefault(require("./history"));
 var _caption = _interopRequireDefault(require("./caption"));
-var _featureFlagsContext = _interopRequireDefault(require("./feature-flags-context"));
 var _expand = _interopRequireWildcard(require("./expand"));
 var _scrollIntoView = _interopRequireDefault(require("./scroll-into-view"));
 var _mobileDimensions = _interopRequireDefault(require("./mobile-dimensions"));

package/dist/cjs/plugins/insert-block/index.js

@@ -47,7 +47,10 @@ function handleInsertBlockType(name) {
   return (0, _commands.insertBlockTypesWithAnalytics)(name, _analytics.INPUT_METHOD.TOOLBAR);
 }
 var insertBlockPlugin = function insertBlockPlugin() {
+  var _api$dependencies, _api$dependencies$fea;
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var api = arguments.length > 1 ? arguments[1] : undefined;
+  var featureFlags = (api === null || api === void 0 ? void 0 : (_api$dependencies = api.dependencies) === null || _api$dependencies === void 0 ? void 0 : (_api$dependencies$fea = _api$dependencies.featureFlags) === null || _api$dependencies$fea === void 0 ? void 0 : _api$dependencies$fea.sharedState.currentState()) || {};
   return {
     name: 'insertBlock',
     primaryToolbarComponent: function primaryToolbarComponent(_ref) {
@@ -129,7 +132,8 @@ var insertBlockPlugin = function insertBlockPlugin() {
               dispatchAnalyticsEvent: dispatchAnalyticsEvent,
               replacePlusMenuWithElementBrowser: options.replacePlusMenuWithElementBrowser,
               showElementBrowserLink: options.showElementBrowserLink,
-              showSeparator: !isLastItem && toolbarSize <= _types.ToolbarSize.S
+              showSeparator: !isLastItem && toolbarSize <= _types.ToolbarSize.S,
+              featureFlags: featureFlags
             });
           }
         });

package/dist/cjs/plugins/insert-block/ui/ToolbarInsertBlock/index.js

@@ -255,22 +255,24 @@ var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
       };
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "insertHorizontalRule", function (inputMethod) {
+      var _this$props2 = _this.props,
+        _this$props2$editorVi = _this$props2.editorView,
+        state = _this$props2$editorVi.state,
+        dispatch = _this$props2$editorVi.dispatch,
+        featureFlags = _this$props2.featureFlags;
+      return (0, _commands5.insertHorizontalRule)(inputMethod, featureFlags)(state, dispatch);
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "insertExpand", function () {
       var _this$props$editorVie2 = _this.props.editorView,
         state = _this$props$editorVie2.state,
         dispatch = _this$props$editorVie2.dispatch;
-      return (0, _commands5.insertHorizontalRule)(inputMethod)(state, dispatch);
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "insertExpand", function () {
-      var _this$props$editorVie3 = _this.props.editorView,
-        state = _this$props$editorVie3.state,
-        dispatch = _this$props$editorVie3.dispatch;
       return (0, _commands3.insertExpand)(state, dispatch);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "insertBlockType", function (itemName) {
       return function () {
-        var _this$props2 = _this.props,
-          editorView = _this$props2.editorView,
-          onInsertBlockType = _this$props2.onInsertBlockType;
+        var _this$props3 = _this.props,
+          editorView = _this$props3.editorView,
+          onInsertBlockType = _this$props3.onInsertBlockType;
         var state = editorView.state,
           dispatch = editorView.dispatch;
         onInsertBlockType(itemName)(state, dispatch);
@@ -289,11 +291,11 @@ var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onItemActivated", function (_ref2) {
       var item = _ref2.item,
         inputMethod = _ref2.inputMethod;
-      var _this$props3 = _this.props,
-        editorView = _this$props3.editorView,
-        editorActions = _this$props3.editorActions,
-        handleImageUpload = _this$props3.handleImageUpload,
-        expandEnabled = _this$props3.expandEnabled;
+      var _this$props4 = _this.props,
+        editorView = _this$props4.editorView,
+        editorActions = _this$props4.editorActions,
+        handleImageUpload = _this$props4.handleImageUpload,
+        expandEnabled = _this$props4.expandEnabled;
 
       // need to do this before inserting nodes so scrollIntoView works properly
       if (!editorView.hasFocus()) {
@@ -409,12 +411,12 @@ var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
     key: "renderPopup",
     value: function renderPopup() {
       var emojiPickerOpen = this.state.emojiPickerOpen;
-      var _this$props4 = this.props,
-        popupsMountPoint = _this$props4.popupsMountPoint,
-        popupsBoundariesElement = _this$props4.popupsBoundariesElement,
-        popupsScrollableElement = _this$props4.popupsScrollableElement,
-        emojiProvider = _this$props4.emojiProvider,
-        replacePlusMenuWithElementBrowser = _this$props4.replacePlusMenuWithElementBrowser;
+      var _this$props5 = this.props,
+        popupsMountPoint = _this$props5.popupsMountPoint,
+        popupsBoundariesElement = _this$props5.popupsBoundariesElement,
+        popupsScrollableElement = _this$props5.popupsScrollableElement,
+        emojiProvider = _this$props5.emojiProvider,
+        replacePlusMenuWithElementBrowser = _this$props5.replacePlusMenuWithElementBrowser;
       var dropdownEmoji = this.state.dropdownItems.some(function (_ref4) {
         var name = _ref4.value.name;
         return name === 'emoji';
@@ -450,9 +452,9 @@ var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         buttons = _this$state.buttons,
         dropdownItems = _this$state.dropdownItems,
         emojiPickerOpen = _this$state.emojiPickerOpen;
-      var _this$props5 = this.props,
-        isDisabled = _this$props5.isDisabled,
-        isReducedSpacing = _this$props5.isReducedSpacing;
+      var _this$props6 = this.props,
+        isDisabled = _this$props6.isDisabled,
+        isReducedSpacing = _this$props6.isReducedSpacing;
       if (buttons.length === 0 && dropdownItems.length === 0) {
         return null;
       }