@atlaskit/editor-core 153.1.4 → 156.0.0

package/dist/cjs/plugins/block-type/ui/ToolbarBlockType/styled.js

@@ -13,20 +13,20 @@ var _colors = require("@atlaskit/theme/colors");
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _styles = require("@atlaskit/editor-common/styles");
 
-var _styles = require("../../../../ui/styles");
+var _styles2 = require("../../../../ui/styles");
 
 var _templateObject, _templateObject2;
 
-var BlockTypeMenuItem = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", ";\n  > {\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n      margin-top: 0;\n    }\n  }\n  ", ";\n"])), _editorCommon.headingsSharedStyles, function (props) {
+var BlockTypeMenuItem = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", ";\n  > {\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n      margin-top: 0;\n    }\n  }\n  ", ";\n"])), _styles.headingsSharedStyles, function (props) {
   return (// TEMP FIX: See https://product-fabric.atlassian.net/browse/ED-13878
     props.selected ? "".concat(props.tagName, " { color: white !important; }") : ''
   );
 });
 
 exports.BlockTypeMenuItem = BlockTypeMenuItem;
-var KeyboardShortcut = (0, _styledComponents.default)(_styles.Shortcut)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  margin-left: 16px;\n"])), function (props) {
+var KeyboardShortcut = (0, _styledComponents.default)(_styles2.Shortcut)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  margin-left: 16px;\n"])), function (props) {
   return props.selected ? "color: ".concat(_colors.N400, ";") : '';
 });
 exports.KeyboardShortcut = KeyboardShortcut;

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

@@ -15,11 +15,11 @@ 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");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _utils = require("@atlaskit/editor-common/utils");
 
 var _WithPluginState = _interopRequireDefault(require("../../ui/WithPluginState"));
 
@@ -45,7 +45,7 @@ var BreakoutView = /*#__PURE__*/function () {
 
     (0, _classCallCheck2.default)(this, BreakoutView);
     (0, _defineProperty2.default)(this, "updateWidth", function (widthState) {
-      var width = (0, _editorCommon.calcBreakoutWidth)(_this.node.attrs.mode, widthState.width);
+      var width = (0, _utils.calcBreakoutWidth)(_this.node.attrs.mode, widthState.width);
       var newStyle = "width: ".concat(width, "; ");
       var lineLength = widthState.lineLength;
       var widthPx = (0, _dom.parsePx)(width);
@@ -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/breakout/ui/LayoutButton.js

@@ -33,7 +33,7 @@ var _reactIntlNext = require("react-intl-next");
 
 var _prosemirrorUtils = require("prosemirror-utils");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _ui = require("@atlaskit/editor-common/ui");
 
 var _collapse = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/collapse"));
 
@@ -178,7 +178,7 @@ var LayoutButton = /*#__PURE__*/function (_React$Component) {
         element = closestEl.firstChild;
       }
 
-      return /*#__PURE__*/_react.default.createElement(_editorCommon.Popup, {
+      return /*#__PURE__*/_react.default.createElement(_ui.Popup, {
         ariaLabel: title,
         target: element,
         offset: [5, 0],

package/dist/cjs/plugins/caption/nodeviews/index.js

@@ -24,7 +24,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _react = _interopRequireDefault(require("react"));
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _ui = require("@atlaskit/editor-common/ui");
 
 var _nodeviews = require("../../../nodeviews/");
 
@@ -69,7 +69,7 @@ var CaptionNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
   }, {
     key: "render",
     value: function render(_props, forwardRef) {
-      return /*#__PURE__*/_react.default.createElement(_editorCommon.Caption, {
+      return /*#__PURE__*/_react.default.createElement(_ui.Caption, {
         selected: this.insideSelection(),
         hasContent: this.node.content.childCount > 0
       }, /*#__PURE__*/_react.default.createElement("div", {

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

@@ -25,7 +25,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _smartCard = require("@atlaskit/smart-card");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _ui = require("@atlaskit/editor-common/ui");
+
+var _utils = require("@atlaskit/editor-common/utils");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -33,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); }; }
@@ -81,7 +81,7 @@ var BlockCardComponent = /*#__PURE__*/function (_React$PureComponent) {
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "gapCursorSpan", function () {
       // Don't render in EdgeHTMl version <= 18 (Edge version 44)
       // as it forces the edit popup to render 24px lower than it should
-      if (_editorCommon.browser.ie && _editorCommon.browser.ie_version < 79) {
+      if (_utils.browser.ie && _utils.browser.ie_version < 79) {
         return;
       } // render an empty span afterwards to get around Webkit bug
       // that puts caret in next editable text element
@@ -98,7 +98,7 @@ var BlockCardComponent = /*#__PURE__*/function (_React$PureComponent) {
     key: "UNSAFE_componentWillMount",
     value: function UNSAFE_componentWillMount() {
       var view = this.props.view;
-      var scrollContainer = (0, _editorCommon.findOverflowScrollParent)(view.dom);
+      var scrollContainer = (0, _ui.findOverflowScrollParent)(view.dom);
       this.scrollContainer = scrollContainer || undefined;
     }
   }, {
@@ -138,10 +138,10 @@ exports.BlockCardComponent = BlockCardComponent;
 (0, _defineProperty2.default)(BlockCardComponent, "contextTypes", {
   contextAdapter: _propTypes.default.object
 });
-var WrappedBlockCard = (0, _genericCard.Card)(BlockCardComponent, _editorCommon.UnsupportedBlock);
+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);
 
@@ -155,7 +155,7 @@ var BlockCard = /*#__PURE__*/function (_ReactNodeView) {
     value: function createDomRef() {
       var domRef = document.createElement('div');
 
-      if (_editorCommon.browser.chrome && this.reactComponentProps.platform !== 'mobile') {
+      if (_utils.browser.chrome && this.reactComponentProps.platform !== 'mobile') {
         // workaround Chrome bug in https://product-fabric.atlassian.net/browse/ED-5379
         // see also: https://github.com/ProseMirror/prosemirror/issues/884
         domRef.contentEditable = 'true';
@@ -176,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

@@ -35,10 +35,14 @@ var _rafSchd = _interopRequireDefault(require("raf-schd"));
 
 var _genericCard = require("./genericCard");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _ui = require("@atlaskit/editor-common/ui");
+
+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");
@@ -222,7 +226,7 @@ var EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
     key: "UNSAFE_componentWillMount",
     value: function UNSAFE_componentWillMount() {
       var view = this.props.view;
-      var scrollContainer = (0, _editorCommon.findOverflowScrollParent)(view.dom);
+      var scrollContainer = (0, _ui.findOverflowScrollParent)(view.dom);
       this.scrollContainer = scrollContainer || undefined;
     }
   }, {
@@ -313,7 +317,7 @@ var EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
               richMediaWrapperWidth = undefined;
             }
 
-            return /*#__PURE__*/_react.default.createElement(_editorCommon.MediaSingle, (0, _extends2.default)({}, cardProps, {
+            return /*#__PURE__*/_react.default.createElement(_ui.MediaSingle, (0, _extends2.default)({}, cardProps, {
               height: richMediaWrapperHeight,
               width: richMediaWrapperWidth,
               nodeType: "embedCard",
@@ -351,7 +355,7 @@ exports.EmbedCardComponent = EmbedCardComponent;
 (0, _defineProperty2.default)(EmbedCardComponent, "contextTypes", {
   contextAdapter: _propTypes.default.object
 });
-var WrappedBlockCard = (0, _genericCard.Card)(EmbedCardComponent, _editorCommon.UnsupportedBlock);
+var WrappedBlockCard = (0, _genericCard.Card)(EmbedCardComponent, _ui.UnsupportedBlock);
 
 var EmbedCard = /*#__PURE__*/function (_SelectionBasedNodeVi) {
   (0, _inherits2.default)(EmbedCard, _SelectionBasedNodeVi);
@@ -364,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) {
@@ -377,7 +389,7 @@ var EmbedCard = /*#__PURE__*/function (_SelectionBasedNodeVi) {
     value: function createDomRef() {
       var domRef = document.createElement('div');
 
-      if (_editorCommon.browser.chrome && this.reactComponentProps.platform !== 'mobile') {
+      if (_utils.browser.chrome && this.reactComponentProps.platform !== 'mobile') {
         // workaround Chrome bug in https://product-fabric.atlassian.net/browse/ED-5379
         // see also: https://github.com/ProseMirror/prosemirror/issues/884
         domRef.contentEditable = 'true';

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
 });
@@ -31,22 +29,16 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _smartCard = require("@atlaskit/smart-card");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _ui = require("@atlaskit/editor-common/ui");
+
+var _utils = require("@atlaskit/editor-common/utils");
 
 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; } }
@@ -95,7 +87,7 @@ var InlineCardComponent = /*#__PURE__*/function (_React$PureComponent) {
     key: "UNSAFE_componentWillMount",
     value: function UNSAFE_componentWillMount() {
       var view = this.props.view;
-      var scrollContainer = (0, _editorCommon.findOverflowScrollParent)(view.dom);
+      var scrollContainer = (0, _ui.findOverflowScrollParent)(view.dom);
       this.scrollContainer = scrollContainer || undefined;
     }
   }, {
@@ -109,7 +101,7 @@ var InlineCardComponent = /*#__PURE__*/function (_React$PureComponent) {
           url = _node$attrs.url,
           data = _node$attrs.data;
 
-      var card = /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement("span", null, _editorCommon.ZERO_WIDTH_SPACE), /*#__PURE__*/_react.default.createElement("span", {
+      var card = /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement("span", null, _utils.ZERO_WIDTH_SPACE), /*#__PURE__*/_react.default.createElement("span", {
         className: "card"
       }, /*#__PURE__*/_react.default.createElement(_smartCard.Card, {
         key: url,
@@ -120,7 +112,7 @@ var InlineCardComponent = /*#__PURE__*/function (_React$PureComponent) {
         container: this.scrollContainer,
         onResolve: this.onResolve,
         inlinePreloaderStyle: useAlternativePreloader ? 'on-right-without-skeleton' : undefined
-      })), /*#__PURE__*/_react.default.createElement("span", null, _editorCommon.ZERO_WIDTH_SPACE)); // [WS-2307]: we only render card wrapped into a Provider when the value is ready,
+      })), /*#__PURE__*/_react.default.createElement("span", null, _utils.ZERO_WIDTH_SPACE)); // [WS-2307]: we only render card wrapped into a Provider when the value is ready,
       // otherwise if we got data, we can render the card directly since it doesn't need the Provider
 
 
@@ -136,10 +128,10 @@ exports.InlineCardComponent = InlineCardComponent;
 (0, _defineProperty2.default)(InlineCardComponent, "contextTypes", {
   contextAdapter: _propTypes.default.object
 });
-var WrappedInlineCard = (0, _genericCard.Card)(InlineCardComponent, _editorCommon.UnsupportedInline);
+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);
 
@@ -151,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
       });
@@ -162,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,
@@ -176,6 +160,6 @@ var InlineCard = /*#__PURE__*/function (_ReactNodeView) {
     }
   }]);
   return InlineCard;
-}(_ReactNodeView2.default);
+}(_genericCard.GenericCard);
 
 exports.InlineCard = InlineCard;

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.handleFallbackWithAnalytics = exports.convertHyperlinkToSmartCard = exports.changeSelectedCardToText = exports.changeSelectedCardToLink = void 0;
+exports.handleFallbackWithAnalytics = exports.convertHyperlinkToSmartCard = exports.changeSelectedCardToText = exports.changeSelectedCardToLinkFallback = exports.changeSelectedCardToLink = void 0;
 exports.insertCard = insertCard;
 exports.updateCard = exports.setSelectedCardAppearance = exports.replaceQueuedUrlWithCard = exports.queueCardsFromChangedTr = void 0;
 
@@ -41,6 +41,8 @@ var _analytics2 = require("../../../plugins/hyperlink/analytics");
 
 var _linkingUtils = require("../../../utils/linking-utils");
 
+var _featureFlagsContext = require("../../feature-flags-context");
+
 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; }
@@ -252,6 +254,47 @@ var convertHyperlinkToSmartCard = function convertHyperlinkToSmartCard(state, so
 exports.convertHyperlinkToSmartCard = convertHyperlinkToSmartCard;
 
 var changeSelectedCardToLink = function changeSelectedCardToLink(text, href, sendAnalytics, node, pos) {
+  return function (state, dispatch) {
+    var tr;
+
+    if (node && pos) {
+      tr = cardNodeToLinkWithTransaction(state, text, href, node, pos);
+    } else {
+      tr = cardToLinkWithTransaction(state, text, href);
+    }
+
+    var selectedNode = state.selection instanceof _prosemirrorState.NodeSelection && state.selection.node;
+
+    if (sendAnalytics) {
+      if (selectedNode) {
+        var _getFeatureFlags = (0, _featureFlagsContext.getFeatureFlags)(state),
+            viewChangingExperimentToolbarStyle = _getFeatureFlags.viewChangingExperimentToolbarStyle;
+
+        (0, _analytics.addAnalytics)(state, tr, {
+          action: _analytics.ACTION.CHANGED_TYPE,
+          actionSubject: _analytics.ACTION_SUBJECT.SMART_LINK,
+          eventType: _analytics.EVENT_TYPE.TRACK,
+          attributes: {
+            newType: _nodeEvents.SMART_LINK_TYPE.URL,
+            previousType: (0, _utils.appearanceForNodeType)(selectedNode.type),
+            localId: selectedNode.attrs.localId,
+            featureFlag: viewChangingExperimentToolbarStyle || 'noChange'
+          }
+        });
+      }
+    }
+
+    if (dispatch) {
+      dispatch(tr.scrollIntoView());
+    }
+
+    return true;
+  };
+};
+
+exports.changeSelectedCardToLink = changeSelectedCardToLink;
+
+var changeSelectedCardToLinkFallback = function changeSelectedCardToLinkFallback(text, href, sendAnalytics, node, pos) {
   return function (state, dispatch) {
     var tr;
 
@@ -263,11 +306,11 @@ var changeSelectedCardToLink = function changeSelectedCardToLink(text, href, sen
 
     if (sendAnalytics) {
       (0, _analytics.addAnalytics)(state, tr, {
-        action: _analytics.ACTION.CHANGED_TYPE,
+        action: _analytics.ACTION.ERRORED,
         actionSubject: _analytics.ACTION_SUBJECT.SMART_LINK,
-        eventType: _analytics.EVENT_TYPE.TRACK,
+        eventType: _analytics.EVENT_TYPE.OPERATIONAL,
         attributes: {
-          newType: _nodeEvents.SMART_LINK_TYPE.URL
+          error: 'Smart card falling back to link.'
         }
       });
     }
@@ -280,7 +323,7 @@ var changeSelectedCardToLink = function changeSelectedCardToLink(text, href, sen
   };
 };
 
-exports.changeSelectedCardToLink = changeSelectedCardToLink;
+exports.changeSelectedCardToLinkFallback = changeSelectedCardToLinkFallback;
 
 var updateCard = function updateCard(href) {
   return function (state, dispatch) {
@@ -373,13 +416,19 @@ var setSelectedCardAppearance = function setSelectedCardAppearance(appearance) {
     var from = state.selection.from;
     var nodeType = getLinkNodeType(appearance, state.schema.nodes);
     var tr = state.tr.setNodeMarkup(from, nodeType, attrs, selectedNode.marks);
+
+    var _getFeatureFlags2 = (0, _featureFlagsContext.getFeatureFlags)(state),
+        viewChangingExperimentToolbarStyle = _getFeatureFlags2.viewChangingExperimentToolbarStyle;
+
     (0, _analytics.addAnalytics)(state, tr, {
       action: _analytics.ACTION.CHANGED_TYPE,
       actionSubject: _analytics.ACTION_SUBJECT.SMART_LINK,
       eventType: _analytics.EVENT_TYPE.TRACK,
       attributes: {
         newType: appearance,
-        previousType: (0, _utils.appearanceForNodeType)(selectedNode.type)
+        previousType: (0, _utils.appearanceForNodeType)(selectedNode.type),
+        localId: selectedNode.attrs.localId,
+        featureFlag: viewChangingExperimentToolbarStyle || 'noChange'
       }
     });