@atlaskit/editor-core 182.0.2 → 182.1.0

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

@@ -0,0 +1,191 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["url", "display"],
+  _excluded2 = ["url", "display", "previousDisplay"],
+  _excluded3 = ["url", "display"];
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
+import React from 'react';
+import { useEffect, useMemo } from 'react';
+import PropTypes from 'prop-types';
+import { useSmartLinkLifecycleAnalytics } from '@atlaskit/link-analytics';
+import { INPUT_METHOD, ACTION } from '@atlaskit/editor-common/analytics';
+import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { registerSmartCardEventsNext } from '../pm-plugins/actions';
+/**
+ * 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 INPUT_METHOD.CLIPBOARD:
+      return 'editor_paste';
+    case INPUT_METHOD.FLOATING_TB:
+      return 'editor_floatingToolbar';
+    case 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 ACTION.CHANGED_TYPE:
+      return 'display_update';
+    case ACTION.UPDATED:
+      return 'link_update';
+    default:
+      return 'unknown';
+  }
+});
+var getDeleteType = withHistoryMethod(function (_ref3) {
+  var action = _ref3.action;
+  if (action === ACTION.UNLINK) {
+    return 'unlink';
+  }
+  return 'delete';
+});
+var getSourceEventFromMetadata = function getSourceEventFromMetadata(metadata) {
+  return metadata.sourceEvent instanceof 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
+ */
+export 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 = useSmartLinkLifecycleAnalytics(),
+    linkCreated = _useSmartLinkLifecycl.linkCreated,
+    linkUpdated = _useSmartLinkLifecycl.linkUpdated,
+    linkDeleted = _useSmartLinkLifecycl.linkDeleted;
+  var events = useMemo(function () {
+    return {
+      created: function created(_ref5) {
+        var url = _ref5.url,
+          display = _ref5.display,
+          metadata = _objectWithoutProperties(_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 = _objectWithoutProperties(_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 = _objectWithoutProperties(_ref7, _excluded3);
+        linkDeleted({
+          url: url,
+          displayCategory: displayCategoryFromDisplay(display)
+        }, getSourceEventFromMetadata(metadata), {
+          display: display,
+          deleteMethod: getMethod(metadata),
+          deleteType: getDeleteType(metadata)
+        });
+      }
+    };
+  }, [linkCreated, linkUpdated, linkDeleted]);
+  useEffect(function () {
+    editorView.dispatch(registerSmartCardEventsNext(events)(editorView.state.tr));
+  }, [events, editorView]);
+  return null;
+};
+export var EditorSmartCardEventsNext = /*#__PURE__*/function (_React$PureComponent) {
+  _inherits(EditorSmartCardEventsNext, _React$PureComponent);
+  var _super = _createSuper(EditorSmartCardEventsNext);
+  function EditorSmartCardEventsNext() {
+    _classCallCheck(this, EditorSmartCardEventsNext);
+    return _super.apply(this, arguments);
+  }
+  _createClass(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.createElement(cardContext.Provider, {
+        value: cardContext.value
+      }, /*#__PURE__*/React.createElement(EventsBinding, this.props));
+    }
+  }]);
+  return EditorSmartCardEventsNext;
+}(React.PureComponent);
+_defineProperty(EditorSmartCardEventsNext, "contextTypes", {
+  contextAdapter: PropTypes.object
+});

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

@@ -5,14 +5,18 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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) { _defineProperty(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 = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
+import { ACTION, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import PropTypes from 'prop-types';
 import { Fragment } from 'prosemirror-model';
 import React from 'react';
 import nodeNames from '../../../messages';
 import { isSupportedInParent } from '../../../utils/nodes';
 import { messages } from '../messages';
+import { commandWithMetadata } from '@atlaskit/editor-common/card';
 import { changeSelectedCardToLink, setSelectedCardAppearance } from '../pm-plugins/doc';
 import { getButtonGroupOption } from './link-toolbar-button-group-options';
 import { LinkToolbarButtonGroup } from './LinkToolbarButtonGroup';
@@ -67,9 +71,9 @@ export var LinkToolbarAppearance = /*#__PURE__*/function (_React$Component) {
       };
       var options = [{
         title: intl.formatMessage(messages.url),
-        onClick: function onClick() {
-          return changeSelectedCardToLink(url, url, true)(editorState, view === null || view === void 0 ? void 0 : view.dispatch);
-        },
+        onClick: commandWithMetadata(changeSelectedCardToLink(url, url, true), {
+          action: ACTION.CHANGED_TYPE
+        }),
         selected: !currentAppearance,
         testId: 'url-appearance'
       }, {
@@ -95,7 +99,11 @@ export var LinkToolbarAppearance = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/React.createElement(LinkToolbarButtonGroup, {
         key: "link-toolbar-button-group",
         options: options.map(function (option) {
-          return getButtonGroupOption(intl, dispatchCommand, option);
+          return getButtonGroupOption(intl, dispatchCommand, _objectSpread(_objectSpread({}, option), {}, {
+            onClick: commandWithMetadata(option.onClick, {
+              inputMethod: INPUT_METHOD.FLOATING_TB
+            })
+          }));
         })
       });
     });

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

@@ -2,7 +2,7 @@ import { NodeSelection } from 'prosemirror-state';
 import { Slice, Fragment } from 'prosemirror-model';
 import { pluginKey } from './pm-plugins/plugin-key';
 import { mapChildren } from '../../utils/slice';
-import { isSupportedInParent } from '../..//utils/nodes';
+import { isSupportedInParent } from '../../utils/nodes';
 export var appearanceForNodeType = function appearanceForNodeType(spec) {
   if (spec.name === 'inlineCard') {
     return 'inline';
@@ -14,7 +14,9 @@ export var appearanceForNodeType = function appearanceForNodeType(spec) {
   return;
 };
 export var selectedCardAppearance = function selectedCardAppearance(state) {
-  return state.selection instanceof NodeSelection && appearanceForNodeType(state.selection.node.type);
+  if (state.selection instanceof NodeSelection) {
+    return appearanceForNodeType(state.selection.node.type);
+  }
 };
 export var titleUrlPairFromNode = function titleUrlPairFromNode(node) {
   var attrs = node.attrs;

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

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

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

@@ -5,7 +5,10 @@ import { createPlugin as createUniqueIdPlugin } from './pm-plugins/unique-id';
 import { getToolbarConfig } from './toolbar';
 import { getContextPanel } from './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() {
@@ -45,7 +48,7 @@ var extensionPlugin = function extensionPlugin() {
     },
     pluginsOptions: {
       floatingToolbar: getToolbarConfig(options.breakoutEnabled),
-      contextPanel: getContextPanel(options.allowAutoSave)
+      contextPanel: getContextPanel(options.allowAutoSave, featureFlags)
     }
   };
 };

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

@@ -70,8 +70,24 @@ var messages = defineMessages({
     description: 'Name of a feature, which let you insert items quickly.'
   }
 });
-export var formatting = function formatting(_ref) {
+var navigationKeymaps = function navigationKeymaps(_ref) {
   var formatMessage = _ref.formatMessage;
+  return [{
+    name: formatMessage(toolbarMessages.navigateToEditorToolbar),
+    type: 'navigation',
+    keymap: function keymap() {
+      return keymaps.navToEditorToolbar;
+    }
+  }, {
+    name: formatMessage(toolbarMessages.navigateToFloatingToolbar),
+    type: 'navigation',
+    keymap: function keymap() {
+      return keymaps.navToFloatingToolbar;
+    }
+  }];
+};
+export var formatting = function formatting(_ref2) {
+  var formatMessage = _ref2.formatMessage;
   return [{
     name: formatMessage(toolbarMessages.bold),
     type: 'strong',
@@ -335,8 +351,8 @@ export var formatting = function formatting(_ref) {
   }];
 };
 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.clearFormatting),
     type: 'clearFormatting',
@@ -378,8 +394,8 @@ var imageAutoFormat = {
     }, "![", jsx(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',
@@ -401,7 +417,7 @@ export var getSupportedFormatting = function getSupportedFormatting(schema, intl
   var supportedBySchema = formatting(intl).filter(function (format) {
     return schema.nodes[format.type] || schema.marks[format.type];
   });
-  return [].concat(_toConsumableArray(supportedBySchema), _toConsumableArray(imageEnabled ? [imageAutoFormat] : []), _toConsumableArray(quickInsertEnabled ? [quickInsertAutoFormat(intl)] : []), _toConsumableArray(otherFormatting(intl)));
+  return [].concat(_toConsumableArray(navigationKeymaps(intl)), _toConsumableArray(supportedBySchema), _toConsumableArray(imageEnabled ? [imageAutoFormat] : []), _toConsumableArray(quickInsertEnabled ? [quickInsertAutoFormat(intl)] : []), _toConsumableArray(otherFormatting(intl)));
 };
 export var getComponentFromKeymap = function getComponentFromKeymap(keymap) {
   var keyParts = getKeyParts(keymap);
@@ -420,6 +436,11 @@ export var getComponentFromKeymap = function getComponentFromKeymap(keymap) {
         css: codeMd,
         key: "".concat(keyParts, "-").concat(index)
       }, part);
+    } else if (['f9', 'f10'].indexOf(part.toLowerCase()) >= 0) {
+      return jsx("span", {
+        css: codeLg,
+        key: "".concat(keyParts, "-").concat(index)
+      }, part);
     }
     return jsx("span", {
       css: codeSm,
@@ -427,8 +448,8 @@ export var getComponentFromKeymap = function getComponentFromKeymap(keymap) {
     }, part.toUpperCase());
   }));
 };
-var ModalHeader = injectIntl(function (_ref4) {
-  var formatMessage = _ref4.intl.formatMessage;
+var ModalHeader = injectIntl(function (_ref5) {
+  var formatMessage = _ref5.intl.formatMessage;
   var _useModal = useModal(),
     onClose = _useModal.onClose;
   return jsx("div", {

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

@@ -6,6 +6,7 @@ import React from 'react';
 import { stateKey } from './pm-plugins/main';
 import { removeLink, editInsertedLink, updateLink, insertLinkWithAnalytics } from './commands';
 import HyperlinkAddToolbar from './ui/HyperlinkAddToolbar';
+import { commandWithMetadata } from '@atlaskit/editor-common/card';
 import UnlinkIcon from '@atlaskit/icon/glyph/editor/unlink';
 import CogIcon from '@atlaskit/icon/glyph/editor/settings';
 import OpenIcon from '@atlaskit/icon/glyph/shortcut';
@@ -14,7 +15,7 @@ import { linkToolbarMessages as linkToolbarCommonMessages, linkMessages } from '
 import { isSafeUrl } from '@atlaskit/adf-schema';
 import { LINKPICKER_HEIGHT_IN_PX, RECENT_SEARCH_HEIGHT_IN_PX, RECENT_SEARCH_WIDTH_IN_PX } from '../../ui/LinkSearch/ToolbarComponents';
 import { HyperlinkToolbarAppearance } from './HyperlinkToolbarAppearance';
-import { addAnalytics, ACTION_SUBJECT_ID } from '../analytics';
+import { addAnalytics, ACTION_SUBJECT_ID, ACTION, INPUT_METHOD } from '../analytics';
 import { buildVisitedLinkPayload, buildOpenedSettingsPayload } from '../../utils/linking-utils';
 /* type guard for edit links */
 function isEditLink(linkMark) {
@@ -155,7 +156,9 @@ export var getToolbarConfig = function getToolbarConfig(options, featureFlags) {
               }, {
                 id: 'editor.link.unlink',
                 type: 'button',
-                onClick: removeLink(pos),
+                onClick: commandWithMetadata(removeLink(pos), {
+                  inputMethod: INPUT_METHOD.FLOATING_TB
+                }),
                 selected: false,
                 title: labelUnlink,
                 icon: UnlinkIcon,
@@ -214,7 +217,14 @@ export 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) ? updateLink(href, displayText || title, activeLinkMark.pos)(view.state, view.dispatch) : 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 ? ACTION.UPDATED : ACTION.INSERTED;
+                      var command = isEdit ? commandWithMetadata(updateLink(href, displayText || title, activeLinkMark.pos), {
+                        action: action,
+                        sourceEvent: analytic
+                      }) : 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/esm/plugins/hyperlink/commands.js

@@ -1,6 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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) { _defineProperty(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; }
+import { commandWithMetadata } from '@atlaskit/editor-common/card';
 import { normalizeUrl } from './utils';
 import { stateKey, LinkAction } from './pm-plugins/main';
 import { Selection } from 'prosemirror-state';
@@ -85,7 +86,7 @@ export function updateLink(href, text, pos, to) {
     return true;
   };
 }
-export function insertLink(from, to, incomingHref, incomingTitle, displayText, source) {
+export function insertLink(from, to, incomingHref, incomingTitle, displayText, source, sourceEvent) {
   return function (state, dispatch) {
     var link = state.schema.marks.link;
     var tr = state.tr;
@@ -109,7 +110,7 @@ export function insertLink(from, to, incomingHref, incomingTitle, displayText, s
       }));
       tr.setSelection(Selection.near(tr.doc.resolve(markEnd)));
       if (!displayText || displayText === incomingHref) {
-        queueCardsFromChangedTr(state, tr, source, false);
+        queueCardsFromChangedTr(state, tr, source, ACTION.INSERTED, false, sourceEvent);
       }
       tr.setMeta(stateKey, {
         type: LinkAction.HIDE_TOOLBAR
@@ -130,17 +131,20 @@ export function insertLink(from, to, incomingHref, incomingTitle, displayText, s
 }
 export 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 withAnalytics(getLinkCreationAnalyticsEvent(inputMethod, href))(insertLink(from, to, href, title, displayText, inputMethod));
+  return withAnalytics(getLinkCreationAnalyticsEvent(inputMethod, href))(insertLink(from, to, href, title, displayText, inputMethod, sourceEvent));
 };
 export var insertLinkWithAnalyticsMobileNative = function insertLinkWithAnalyticsMobileNative(inputMethod, from, to, href, title, displayText) {
   return withAnalytics(getLinkCreationAnalyticsEvent(inputMethod, href))(insertLink(from, to, href, title, displayText, inputMethod));
 };
 export function removeLink(pos) {
-  return setLinkHref('', pos);
+  return commandWithMetadata(setLinkHref('', pos), {
+    action: ACTION.UNLINK
+  });
 }
 export function editInsertedLink() {
   return function (state, dispatch) {

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

@@ -1,4 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import { addLinkMetadata } from '@atlaskit/editor-common/card';
 import { createRule, createPlugin } from '../../../utils/input-rules';
 import { findFilepaths, isLinkInMatches, LinkMatcher, normalizeUrl } from '../utils';
 import { INPUT_METHOD, addAnalytics } from '../../analytics';
@@ -39,6 +40,9 @@ export function createLinkInputRule(regexp) {
     if (to === end) {
       tr.insertText(' ');
     }
+    addLinkMetadata(state.selection, tr, {
+      inputMethod: INPUT_METHOD.AUTO_DETECT
+    });
     if (skipAnalytics) {
       return tr;
     }

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

@@ -17,13 +17,13 @@ import { EditorLinkPicker } from '../EditorLinkPicker';
  * 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' ? INPUT_METHOD.MANUAL : INPUT_METHOD.TYPEAHEAD);
+    onSubmit(url, title !== null && title !== void 0 ? title : rawUrl, displayText || undefined, meta.inputMethod === 'manual' ? INPUT_METHOD.MANUAL : INPUT_METHOD.TYPEAHEAD, analytic);
   };
 };
 var HyperlinkAddToolbar = /*#__PURE__*/function (_React$PureComponent) {

package/dist/esm/plugins/index.js

@@ -50,7 +50,6 @@ export { default as customAutoformatPlugin } from './custom-autoformat';
 export { default as feedbackDialogPlugin } from './feedback-dialog';
 export { default as historyPlugin } from './history';
 export { default as captionPlugin } from './caption';
-export { default as featureFlagsContextPlugin } from './feature-flags-context';
 export { default as expandPlugin, isExpandInsertionEnabled } from './expand';
 export { default as scrollIntoViewPlugin } from './scroll-into-view';
 export { default as mobileDimensionsPlugin } from './mobile-dimensions';

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

@@ -40,7 +40,10 @@ function handleInsertBlockType(name) {
   return insertBlockTypesWithAnalytics(name, 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) {
@@ -122,7 +125,8 @@ var insertBlockPlugin = function insertBlockPlugin() {
               dispatchAnalyticsEvent: dispatchAnalyticsEvent,
               replacePlusMenuWithElementBrowser: options.replacePlusMenuWithElementBrowser,
               showElementBrowserLink: options.showElementBrowserLink,
-              showSeparator: !isLastItem && toolbarSize <= ToolbarSize.S
+              showSeparator: !isLastItem && toolbarSize <= ToolbarSize.S,
+              featureFlags: featureFlags
             });
           }
         });

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

@@ -250,22 +250,24 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
       };
     });
     _defineProperty(_assertThisInitialized(_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 insertHorizontalRule(inputMethod, featureFlags)(state, dispatch);
+    });
+    _defineProperty(_assertThisInitialized(_this), "insertExpand", function () {
       var _this$props$editorVie2 = _this.props.editorView,
         state = _this$props$editorVie2.state,
         dispatch = _this$props$editorVie2.dispatch;
-      return insertHorizontalRule(inputMethod)(state, dispatch);
-    });
-    _defineProperty(_assertThisInitialized(_this), "insertExpand", function () {
-      var _this$props$editorVie3 = _this.props.editorView,
-        state = _this$props$editorVie3.state,
-        dispatch = _this$props$editorVie3.dispatch;
       return insertExpand(state, dispatch);
     });
     _defineProperty(_assertThisInitialized(_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);
@@ -284,11 +286,11 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
     _defineProperty(_assertThisInitialized(_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()) {
@@ -404,12 +406,12 @@ export 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';
@@ -445,9 +447,9 @@ export 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;
       }

package/dist/esm/plugins/media/index.js

@@ -22,7 +22,11 @@ import { messages } from '../insert-block/ui/ToolbarInsertBlock/messages';
 import { ReactMediaNode } from './nodeviews/mediaNodeView';
 import { ReactMediaInlineNode } from './nodeviews/mediaInline';
 export { insertMediaSingleNode } from './utils/media-single';
-var mediaPlugin = function mediaPlugin(options) {
+var mediaPlugin = function mediaPlugin() {
+  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: 'media',
     nodes: function nodes() {
@@ -31,9 +35,9 @@ var mediaPlugin = function mediaPlugin(options) {
         allowMediaGroup = _ref$allowMediaGroup === void 0 ? true : _ref$allowMediaGroup,
         _ref$allowMediaSingle = _ref.allowMediaSingle,
         allowMediaSingle = _ref$allowMediaSingle === void 0 ? false : _ref$allowMediaSingle,
-        featureFlags = _ref.featureFlags;
-      var captions = getMediaFeatureFlag('captions', featureFlags);
-      var allowMediaInline = getMediaFeatureFlag('mediaInline', featureFlags);
+        mediaFeatureFlags = _ref.featureFlags;
+      var captions = getMediaFeatureFlag('captions', mediaFeatureFlags);
+      var allowMediaInline = getMediaFeatureFlag('mediaInline', mediaFeatureFlags);
       var mediaSingleNode = captions ? mediaSingleWithCaption : mediaSingle;
       return [{
         name: 'mediaGroup',
@@ -87,7 +91,7 @@ var mediaPlugin = function mediaPlugin(options) {
             customDropzoneContainer: options && options.customDropzoneContainer,
             customMediaPicker: options && options.customMediaPicker,
             allowResizing: !!(options && options.allowResizing)
-          }, reactContext, getIntl, dispatch, options);
+          }, reactContext, getIntl, dispatch, options, featureFlags.newInsertionBehaviour);
         }
       }, {
         name: 'mediaKeymap',