@atlaskit/editor-core 153.1.5 → 157.0.0

package/dist/cjs/plugins/annotation/pm-plugins/inline-comment.js

@@ -15,7 +15,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 
 var _inlineCommentEvents = require("./../../analytics/types/inline-comment-events");
 
-var _prosemirrorState = require("prosemirror-state");
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 
 var _adfSchema = require("@atlaskit/adf-schema");
 
@@ -167,7 +167,7 @@ var inlineCommentPlugin = function inlineCommentPlugin(options) {
   var provider = options.provider,
       portalProviderAPI = options.portalProviderAPI,
       eventDispatcher = options.eventDispatcher;
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     key: _utils.inlineCommentPluginKey,
     state: (0, _pluginFactory.createPluginState)(options.dispatch, initialState(provider.disallowOnWhitespace)),
     view: function view(editorView) {

package/dist/cjs/plugins/avatar-group/index.js

@@ -9,7 +9,7 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _AvatarGroupPluginWrapper = require("./ui/AvatarGroupPluginWrapper");
+var _AvatarGroupPluginWrapper = _interopRequireDefault(require("./ui/AvatarGroupPluginWrapper"));
 
 var avatarGroup = function avatarGroup(props) {
   return {
@@ -23,7 +23,7 @@ var avatarGroup = function avatarGroup(props) {
           isToolbarReducedSpacing = _ref.isToolbarReducedSpacing,
           eventDispatcher = _ref.eventDispatcher,
           dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent;
-      return /*#__PURE__*/_react.default.createElement(_AvatarGroupPluginWrapper.AvatarGroupPluginWrapper, {
+      return /*#__PURE__*/_react.default.createElement(_AvatarGroupPluginWrapper.default, {
         dispatchAnalyticsEvent: dispatchAnalyticsEvent,
         editorView: editorView,
         eventDispatcher: eventDispatcher,

package/dist/cjs/plugins/avatar-group/messages.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.avatarGroupMessages = void 0;
+
+var _reactIntlNext = require("react-intl-next");
+
+var avatarGroupMessages = (0, _reactIntlNext.defineMessages)({
+  editors: {
+    id: 'fabric.editor.editors',
+    defaultMessage: 'Editors',
+    description: 'classifying the people that are currently editing the document'
+  }
+});
+exports.avatarGroupMessages = avatarGroupMessages;

package/dist/cjs/plugins/avatar-group/ui/AvatarGroupPluginWrapper.js

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.AvatarGroupPluginWrapper = void 0;
+exports.default = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
@@ -17,6 +17,10 @@ var _avatarsWithPluginState = _interopRequireDefault(require("../../collab-edit/
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
+var _reactIntlNext = require("react-intl-next");
+
+var _messages = require("../messages");
+
 var _analytics = require("../../analytics");
 
 var _templateObject;
@@ -31,6 +35,7 @@ var ToolbarButtonWrapper = _styledComponents.default.div(_templateObject || (_te
 
 var AvatarGroupPluginWrapper = function AvatarGroupPluginWrapper(props) {
   var dispatchAnalyticsEvent = props.dispatchAnalyticsEvent;
+  var intl = (0, _reactIntlNext.useIntl)();
   (0, _react.useEffect)(function () {
     if (!dispatchAnalyticsEvent) {
       return;
@@ -44,7 +49,7 @@ var AvatarGroupPluginWrapper = function AvatarGroupPluginWrapper(props) {
     });
   }, [dispatchAnalyticsEvent]);
   return /*#__PURE__*/_react.default.createElement(ToolbarButtonWrapper, {
-    "aria-label": "Editors",
+    "aria-label": intl.formatMessage(_messages.avatarGroupMessages.editors),
     "data-testid": 'avatar-group-in-plugin',
     takeFullWidth: props.takeFullWidth
   }, /*#__PURE__*/_react.default.createElement(_avatarsWithPluginState.default, {
@@ -56,4 +61,5 @@ var AvatarGroupPluginWrapper = function AvatarGroupPluginWrapper(props) {
   }));
 };
 
-exports.AvatarGroupPluginWrapper = AvatarGroupPluginWrapper;
+var _default = AvatarGroupPluginWrapper;
+exports.default = _default;

package/dist/cjs/plugins/base/pm-plugins/better-type-history.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.pluginKey = exports.default = void 0;
 
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
 var _prosemirrorState = require("prosemirror-state");
 
 var _prosemirrorModel = require("prosemirror-model");
@@ -66,7 +68,7 @@ var pluginKey = new _prosemirrorState.PluginKey('betterTypeHistoryPlugin');
 exports.pluginKey = pluginKey;
 
 var _default = function _default() {
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     key: pluginKey,
     appendTransaction: function appendTransaction(transactions, oldState, newState) {
       var hasHandlePasteMeta = transactions.find(function (tran) {

package/dist/cjs/plugins/base/pm-plugins/context-identifier.js

@@ -9,6 +9,8 @@ exports.stateKey = exports.getContextIdentifier = exports.default = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
 var _prosemirrorState = require("prosemirror-state");
 
 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; }
@@ -29,7 +31,7 @@ var getContextIdentifier = function getContextIdentifier(state) {
 exports.getContextIdentifier = getContextIdentifier;
 
 var _default = function _default(dispatch, providerFactory) {
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     key: stateKey,
     state: {
       init: function init() {

package/dist/cjs/plugins/base/pm-plugins/decoration.js

@@ -7,6 +7,8 @@ exports.hoverDecoration = exports.default = exports.decorationStateKey = exports
 
 var _prosemirrorView = require("prosemirror-view");
 
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
 var _prosemirrorState = require("prosemirror-state");
 
 var _prosemirrorUtils = require("prosemirror-utils");
@@ -74,7 +76,7 @@ var hoverDecoration = function hoverDecoration(nodeType, add) {
 exports.hoverDecoration = hoverDecoration;
 
 var _default = function _default() {
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     key: decorationStateKey,
     state: {
       init: function init() {

package/dist/cjs/plugins/base/pm-plugins/filter-steps.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _prosemirrorState = require("prosemirror-state");
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 
 var _analytics = require("../../analytics");
 
@@ -16,7 +16,7 @@ var hasInvalidSteps = function hasInvalidSteps(tr) {
 };
 
 var _default = function _default(dispatchAnalyticsEvent) {
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     filterTransaction: function filterTransaction(transaction) {
       if (hasInvalidSteps(transaction)) {
         // eslint-disable-next-line no-console

package/dist/cjs/plugins/base/pm-plugins/fix-chrome-88-selection.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.fixChromeSelectionKey = exports.default = void 0;
 
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
 var _prosemirrorState = require("prosemirror-state");
 
 var _prosemirrorUtils = require("prosemirror-utils");
@@ -17,7 +19,7 @@ var fixChromeSelectionKey = new _prosemirrorState.PluginKey('fixChromeSelectionP
 exports.fixChromeSelectionKey = fixChromeSelectionKey;
 
 var _default = function _default() {
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     key: fixChromeSelectionKey,
     props: {
       handleDOMEvents: {

package/dist/cjs/plugins/base/pm-plugins/fix-chrome-spell-checking.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
 var _prosemirrorState = require("prosemirror-state");
 
 var _featureFlagsContext = require("../../feature-flags-context");
@@ -12,7 +14,7 @@ var _featureFlagsContext = require("../../feature-flags-context");
 var _utils = require("@atlaskit/editor-common/utils");
 
 var _default = function _default() {
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     key: new _prosemirrorState.PluginKey('fixChrome96SpellChecking'),
     props: {
       attributes: function attributes(editorState) {

package/dist/cjs/plugins/base/pm-plugins/focus-handler.js

@@ -5,13 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.focusStateKey = exports.default = void 0;
 
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
 var _prosemirrorState = require("prosemirror-state");
 
 var focusStateKey = new _prosemirrorState.PluginKey('focusStatePlugin');
 exports.focusStateKey = focusStateKey;
 
 var _default = function _default(dispatch) {
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     key: focusStateKey,
     state: {
       init: function init() {

package/dist/cjs/plugins/base/pm-plugins/frozen-editor.js

@@ -9,6 +9,8 @@ exports.frozenEditorPluginKey = exports.default = exports.NORMAL_SEVERITY_THRESH
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
 var _prosemirrorState = require("prosemirror-state");
 
 var _utils = require("@atlaskit/editor-common/utils");
@@ -83,7 +85,7 @@ var _default = function _default(dispatchAnalyticsEvent, inputTracking, browserF
   var shouldTrackSeverity = (inputTracking === null || inputTracking === void 0 ? void 0 : inputTracking.trackSeverity) || DEFAULT_TRACK_SEVERITY_ENABLED;
   var severityThresholdNormal = (inputTracking === null || inputTracking === void 0 ? void 0 : inputTracking.severityNormalThreshold) || DEFAULT_TRACK_SEVERITY_THRESHOLD_NORMAL;
   var severityThresholdDegraded = (inputTracking === null || inputTracking === void 0 ? void 0 : inputTracking.severityDegradedThreshold) || DEFAULT_TRACK_SEVERITY_THRESHOLD_DEGRADED;
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     key: frozenEditorPluginKey,
     props: (0, _utils.isPerformanceAPIAvailable)() ? {
       handleTextInput: function handleTextInput(view) {

package/dist/cjs/plugins/base/pm-plugins/inline-cursor-target.js

@@ -7,6 +7,8 @@ exports.isSpecial = exports.inlineCursorTargetStateKey = exports.findSpecialNode
 
 var _prosemirrorView = require("prosemirror-view");
 
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
 var _prosemirrorState = require("prosemirror-state");
 
 var _utils = require("@atlaskit/editor-common/utils");
@@ -71,7 +73,7 @@ var findSpecialNodeBefore = function findSpecialNodeBefore($pos, tr) {
 exports.findSpecialNodeBefore = findSpecialNodeBefore;
 
 var _default = function _default() {
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     key: inlineCursorTargetStateKey,
     state: {
       init: function init() {

package/dist/cjs/plugins/base/pm-plugins/newline-preserve-marks.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.newlinePreserveMarksKey = exports.default = void 0;
 
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
 var _prosemirrorState = require("prosemirror-state");
 
 var _prosemirrorKeymap = require("prosemirror-keymap");
@@ -37,7 +39,7 @@ var splitBlockPreservingMarks = function splitBlockPreservingMarks(state, dispat
 };
 
 var _default = function _default() {
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     key: newlinePreserveMarksKey,
     props: {
       handleKeyDown: (0, _prosemirrorKeymap.keydownHandler)({

package/dist/cjs/plugins/base/pm-plugins/react-nodeview.js

@@ -13,6 +13,8 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
 var _prosemirrorState = require("prosemirror-state");
 
 var ReactNodeViewState = /*#__PURE__*/function () {
@@ -48,7 +50,7 @@ var ReactNodeViewState = /*#__PURE__*/function () {
 exports.ReactNodeViewState = ReactNodeViewState;
 var stateKey = new _prosemirrorState.PluginKey('reactNodeView');
 exports.stateKey = stateKey;
-var plugin = new _prosemirrorState.Plugin({
+var plugin = new _safePlugin.SafePlugin({
   state: {
     init: function init() {
       return new ReactNodeViewState();

package/dist/cjs/plugins/base/pm-plugins/scroll-gutter.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.GUTTER_SIZE_MOBILE_IN_PX = exports.GUTTER_SIZE_IN_PX = exports.GUTTER_SELECTOR = void 0;
 
-var _prosemirrorState = require("prosemirror-state");
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 
 var _utils = require("../../../utils");
 
@@ -182,7 +182,7 @@ var _default = function _default() {
   var gutter = createGutter(gutterSize);
   var scrollElement = null; // | undefined;
 
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     props: {
       // Determines the distance (in pixels) between the cursor and the end of the visible viewport at which point,
       // when scrolling the cursor into view, scrolling takes place.

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

@@ -9,6 +9,8 @@ exports.pluginKey = exports.createPlugin = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
 var _prosemirrorState = require("prosemirror-state");
 
 var _utils = require("@atlaskit/editor-common/utils");
@@ -108,7 +110,7 @@ exports.pluginKey = pluginKey;
 
 var createPlugin = function createPlugin(dispatch, lastNodeMustBeParagraph) {
   var altKeyLocation = 0;
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     appendTransaction: function appendTransaction(_transactions, _oldState, newState) {
       if (lastNodeMustBeParagraph) {
         var pos = newState.doc.resolve(newState.doc.content.size - 1);

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

@@ -15,7 +15,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _react = _interopRequireDefault(require("react"));
 
-var _prosemirrorState = require("prosemirror-state");
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 
 var _adfSchema = require("@atlaskit/adf-schema");
 
@@ -116,7 +116,7 @@ function shouldPluginStateUpdate(newBreakoutNode, currentBreakoutNode) {
 function createPlugin(_ref) {
   var dispatch = _ref.dispatch,
       eventDispatcher = _ref.eventDispatcher;
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     state: {
       init: function init() {
         return {

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

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _prosemirrorState = require("prosemirror-state");
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 
 var _prosemirrorUtils = require("prosemirror-utils");
 
@@ -27,7 +27,7 @@ var fireAnalytic = function fireAnalytic(state, tr, action) {
 };
 
 var _default = function _default(portalProviderAPI, eventDispatcher, providerFactory, dispatch) {
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     appendTransaction: function appendTransaction(transactions, oldState, newState) {
       // only run for transactions that change selection
       if (!transactions.find(function (tr) {

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

@@ -19,6 +19,8 @@ var _toolbar = require("./toolbar");
 
 var _EditorSmartCardEvents = require("./ui/EditorSmartCardEvents");
 
+var _keymap = require("./pm-plugins/keymap");
+
 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; }
@@ -50,7 +52,7 @@ var cardPlugin = function cardPlugin(options) {
       var allowBlockCards = (_options$allowBlockCa = options.allowBlockCards) !== null && _options$allowBlockCa !== void 0 ? _options$allowBlockCa : true;
       var allowResizing = (_options$allowResizin = options.allowResizing) !== null && _options$allowResizin !== void 0 ? _options$allowResizin : true;
       var useAlternativePreloader = (_options$useAlternati = options.useAlternativePreloader) !== null && _options$useAlternati !== void 0 ? _options$useAlternati : true;
-      return [{
+      var plugins = [{
         name: 'card',
         plugin: (0, _main.createPlugin)(_objectSpread(_objectSpread({}, options), {}, {
           allowBlockCards: allowBlockCards,
@@ -58,9 +60,17 @@ var cardPlugin = function cardPlugin(options) {
           useAlternativePreloader: useAlternativePreloader
         }))
       }];
+      plugins.push({
+        name: 'cardKeymap',
+        plugin: function plugin(_ref) {
+          var featureFlags = _ref.featureFlags;
+          return (0, _keymap.cardKeymap)(featureFlags);
+        }
+      });
+      return plugins;
     },
-    contentComponent: function contentComponent(_ref) {
-      var editorView = _ref.editorView;
+    contentComponent: function contentComponent(_ref2) {
+      var editorView = _ref2.editorView;
       return /*#__PURE__*/_react.default.createElement(_EditorSmartCardEvents.EditorSmartCardEvents, {
         editorView: editorView
       });

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

@@ -47,6 +47,46 @@ var messages = (0, _reactIntlNext.defineMessages)({
     id: 'fabric.editor.displayOptionUnavailableInParentNode',
     defaultMessage: "This display option isn't available inside {node}",
     description: 'Warning message to show the user that this node option is not available inside a parent node type'
+  },
+  urlTitle: {
+    id: 'fabric.editor.urlTitle',
+    defaultMessage: 'URL',
+    description: 'Title for option to convert the card to become a regular text-based hyperlink.'
+  },
+  cardTitle: {
+    id: 'fabric.editor.cardTitle',
+    defaultMessage: 'Card',
+    description: 'Title for option to display link in the card view.'
+  },
+  inlineTitle: {
+    id: 'fabric.editor.inlineTitle',
+    defaultMessage: 'Inline',
+    description: 'Title for option to display link in the inline view.'
+  },
+  embedTitle: {
+    id: 'fabric.editor.embedTitle',
+    defaultMessage: 'Embed',
+    description: 'Title for option to display link as an embedded object.'
+  },
+  urlDescription: {
+    id: 'fabric.editor.urlDescription',
+    defaultMessage: 'Display link as URL',
+    description: 'Description for option to convert the card to become a regular text-based hyperlink.'
+  },
+  cardDescription: {
+    id: 'fabric.editor.cardDescription',
+    defaultMessage: 'Display more information about a link, including a summary and actions',
+    description: 'Description for option to display link in the card view.'
+  },
+  inlineDescription: {
+    id: 'fabric.editor.inlineDescription',
+    defaultMessage: 'Display link as inline text',
+    description: 'Description for option to display link in the inline view.'
+  },
+  embedDescription: {
+    id: 'fabric.editor.ecombedDescription',
+    defaultMessage: 'Display an interactive preview of a link',
+    description: 'Description for option to display link as an embedded object.'
   }
 });
 exports.messages = messages;

package/dist/cjs/plugins/card/nodeviews/blockCard.js

@@ -35,8 +35,6 @@ var _rafSchd = _interopRequireDefault(require("raf-schd"));
 
 var _genericCard = require("./genericCard");
 
-var _nodeviews = require("../../../nodeviews/");
-
 var _actions = require("../pm-plugins/actions");
 
 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); }; }
@@ -142,8 +140,8 @@ exports.BlockCardComponent = BlockCardComponent;
 });
 var WrappedBlockCard = (0, _genericCard.Card)(BlockCardComponent, _ui.UnsupportedBlock);
 
-var BlockCard = /*#__PURE__*/function (_ReactNodeView) {
-  (0, _inherits2.default)(BlockCard, _ReactNodeView);
+var BlockCard = /*#__PURE__*/function (_GenericCard) {
+  (0, _inherits2.default)(BlockCard, _GenericCard);
 
   var _super2 = _createSuper(BlockCard);
 
@@ -178,6 +176,6 @@ var BlockCard = /*#__PURE__*/function (_ReactNodeView) {
     }
   }]);
   return BlockCard;
-}(_nodeviews.ReactNodeView);
+}(_genericCard.GenericCard);
 
 exports.BlockCard = BlockCard;

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

@@ -41,6 +41,8 @@ var _utils = require("@atlaskit/editor-common/utils");
 
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 
+var _adfSchema = require("@atlaskit/adf-schema");
+
 var _nodeviews = require("../../../nodeviews/");
 
 var _actions = require("../pm-plugins/actions");
@@ -366,6 +368,14 @@ var EmbedCard = /*#__PURE__*/function (_SelectionBasedNodeVi) {
   }
 
   (0, _createClass2.default)(EmbedCard, [{
+    key: "init",
+    value: function init() {
+      (0, _get2.default)((0, _getPrototypeOf2.default)(EmbedCard.prototype), "init", this).call(this); // localId exists to distinguish between different smart cards for the purpose of analytics
+
+      this.node.attrs.localId = this.node.attrs.localId || _adfSchema.uuid.generate();
+      return this;
+    }
+  }, {
     key: "viewShouldUpdate",
     value: function viewShouldUpdate(nextNode) {
       if (this.node.attrs !== nextNode.attrs) {

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

@@ -6,6 +6,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Card = Card;
+exports.GenericCard = void 0;
+
+var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -29,6 +32,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _adfSchema = require("@atlaskit/adf-schema");
 
+var _ReactNodeView2 = _interopRequireDefault(require("../../../nodeviews/ReactNodeView"));
+
 var _utils = require("../utils");
 
 var _doc = require("../pm-plugins/doc");
@@ -86,6 +91,7 @@ function Card(SmartCardComponent, UnsupportedComponent) {
 
         var cardContext = this.context.contextAdapter ? this.context.contextAdapter.card : undefined;
         return /*#__PURE__*/_react.default.createElement(SmartCardComponent, (0, _extends2.default)({
+          key: url,
           cardContext: cardContext
         }, this.props));
       }
@@ -113,7 +119,7 @@ function Card(SmartCardComponent, UnsupportedComponent) {
             return;
           }
 
-          (0, _doc.changeSelectedCardToLink)(undefined, url, true, node, getPos())(view.state, view.dispatch);
+          (0, _doc.changeSelectedCardToLinkFallback)(undefined, url, true, node, getPos())(view.state, view.dispatch);
           return null;
         } else {
           // Otherwise, render a blue link as fallback (above in render()).
@@ -127,4 +133,28 @@ function Card(SmartCardComponent, UnsupportedComponent) {
   }(_react.default.Component), (0, _defineProperty2.default)(_class, "contextTypes", {
     contextAdapter: _propTypes.default.object
   }), _temp;
-}
+}
+
+var GenericCard = /*#__PURE__*/function (_ReactNodeView) {
+  (0, _inherits2.default)(GenericCard, _ReactNodeView);
+
+  var _super2 = _createSuper(GenericCard);
+
+  function GenericCard() {
+    (0, _classCallCheck2.default)(this, GenericCard);
+    return _super2.apply(this, arguments);
+  }
+
+  (0, _createClass2.default)(GenericCard, [{
+    key: "init",
+    value: function init() {
+      (0, _get2.default)((0, _getPrototypeOf2.default)(GenericCard.prototype), "init", this).call(this); // localId exists to distinguish between different smart cards for the purpose of analytics
+
+      this.node.attrs.localId = this.node.attrs.localId || _adfSchema.uuid.generate();
+      return this;
+    }
+  }]);
+  return GenericCard;
+}(_ReactNodeView2.default);
+
+exports.GenericCard = GenericCard;

package/dist/cjs/plugins/card/nodeviews/inlineCard.js

@@ -2,8 +2,6 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -39,16 +37,8 @@ var _rafSchd = _interopRequireDefault(require("raf-schd"));
 
 var _genericCard = require("./genericCard");
 
-var _ReactNodeView2 = _interopRequireDefault(require("../../../nodeviews/ReactNodeView"));
-
 var _actions = require("../pm-plugins/actions");
 
-var _InlineNodeWrapper = _interopRequireWildcard(require("../../../ui/InlineNodeWrapper"));
-
-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; } }
@@ -140,8 +130,8 @@ exports.InlineCardComponent = InlineCardComponent;
 });
 var WrappedInlineCard = (0, _genericCard.Card)(InlineCardComponent, _ui.UnsupportedInline);
 
-var InlineCard = /*#__PURE__*/function (_ReactNodeView) {
-  (0, _inherits2.default)(InlineCard, _ReactNodeView);
+var InlineCard = /*#__PURE__*/function (_GenericCard) {
+  (0, _inherits2.default)(InlineCard, _GenericCard);
 
   var _super2 = _createSuper(InlineCard);
 
@@ -153,10 +143,6 @@ var InlineCard = /*#__PURE__*/function (_ReactNodeView) {
   (0, _createClass2.default)(InlineCard, [{
     key: "createDomRef",
     value: function createDomRef() {
-      if (this.reactComponentProps.useInlineWrapper) {
-        return (0, _InlineNodeWrapper.createMobileInlineDomRef)();
-      }
-
       return (0, _get2.default)((0, _getPrototypeOf2.default)(InlineCard.prototype), "createDomRef", this).call(this, {
         displayInlineBlockForInlineNodes: false
       });
@@ -164,12 +150,8 @@ var InlineCard = /*#__PURE__*/function (_ReactNodeView) {
   }, {
     key: "render",
     value: function render() {
-      var _this$reactComponentP = this.reactComponentProps,
-          useInlineWrapper = _this$reactComponentP.useInlineWrapper,
-          useAlternativePreloader = _this$reactComponentP.useAlternativePreloader;
-      return /*#__PURE__*/_react.default.createElement(_InlineNodeWrapper.default, {
-        useInlineWrapper: useInlineWrapper
-      }, /*#__PURE__*/_react.default.createElement(WrappedInlineCard, {
+      var useAlternativePreloader = this.reactComponentProps.useAlternativePreloader;
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(WrappedInlineCard, {
         node: this.node,
         view: this.view,
         getPos: this.getPos,
@@ -178,6 +160,6 @@ var InlineCard = /*#__PURE__*/function (_ReactNodeView) {
     }
   }]);
   return InlineCard;
-}(_ReactNodeView2.default);
+}(_genericCard.GenericCard);
 
 exports.InlineCard = InlineCard;