@atlaskit/editor-plugin-card 3.4.0 → 3.4.2

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-plugin-card
 
+## 3.4.2
+
+### Patch Changes
+
+- [#147708](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/147708)
+  [`82148eb4038af`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/82148eb4038af) -
+  add lazy node view for inline card
+- Updated dependencies
+
+## 3.4.1
+
+### Patch Changes
+
+- [#146891](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/146891)
+  [`17f2c59f06b04`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/17f2c59f06b04) -
+  Migrate smart links in live pages feature flag to Statsig
+- Updated dependencies
+
 ## 3.4.0
 
 ### Minor Changes

package/dist/cjs/nodeviews/genericCard.js

@@ -46,7 +46,7 @@ var WithClickHandler = function WithClickHandler(_ref) {
       } catch (_unused) {}
     }
   }, [url, onClickCallback]);
-  if ((0, _platformFeatureFlags.fg)('platform.linking-platform.smart-links-in-live-pages')) {
+  if ((0, _platformFeatureFlags.fg)('linking_platform_smart_links_in_live_pages')) {
     /**
      * @todo: Add a check to determine if we're currently in a live page once ED-23920 and plugin
      * is complete. The logic for which should allow navigation if we're in a live page and no callback

package/dist/cjs/nodeviews/inlineCard.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.InlineCard = void 0;
 exports.InlineCardNodeView = InlineCardNodeView;
+exports.inlineCardNodeView = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
@@ -122,7 +123,7 @@ function InlineCardNodeView(props) {
     editorViewModeState = _useSharedPluginState.editorViewModeState,
     floatingToolbarState = _useSharedPluginState.floatingToolbarState;
   var floatingToolbarNode = floatingToolbarState === null || floatingToolbarState === void 0 || (_floatingToolbarState = floatingToolbarState.configWithNodeInfo) === null || _floatingToolbarState === void 0 ? void 0 : _floatingToolbarState.node;
-  if (__livePage && (0, _platformFeatureFlags.fg)('platform.linking-platform.smart-links-in-live-pages')) {
+  if (__livePage && (0, _platformFeatureFlags.fg)('linking_platform_smart_links_in_live_pages')) {
     var showHoverPreview = floatingToolbarNode !== node;
     var livePagesHoverCardFadeInDelay = 800;
     var inlineCard = /*#__PURE__*/_react.default.createElement(WrappedInlineCard, {
@@ -162,4 +163,10 @@ function InlineCardNodeView(props) {
     pluginInjectionApi: pluginInjectionApi,
     onClickCallback: onClickCallback
   }, enableInlineUpgradeFeatures && (0, _utils.getAwarenessProps)(view.state, getPos, allowEmbeds, allowBlockCards, (0, _platformFeatureFlags.fg)('linking_platform_disable_live_view_inline_overlay') && (editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode) === 'view')));
-}
+}
+var inlineCardNodeView = exports.inlineCardNodeView = function inlineCardNodeView(_ref2) {
+  var inlineCardViewProducer = _ref2.inlineCardViewProducer;
+  return function (node, view, getPos, decorations) {
+    return inlineCardViewProducer(node, view, getPos, decorations);
+  };
+};

package/dist/cjs/nodeviews/lazy-block-card.js

@@ -20,7 +20,7 @@ var lazyBlockCardView = exports.lazyBlockCardView = function lazyBlockCardView(p
     getNodeViewOptions: function getNodeViewOptions() {},
     loader: function loader() {
       var result = Promise.resolve().then(function () {
-        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-plugin-tasks-and-decisions_task-item-nodeview" */
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-plugin-block-card-item-nodeview" */
         './blockCard'));
       }).then(function (_ref) {
         var blockCardNodeView = _ref.blockCardNodeView;

package/dist/cjs/nodeviews/lazy-inline-card.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.lazyInlineCardView = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+var _inlineCard = require("./inlineCard");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var lazyInlineCardView = exports.lazyInlineCardView = function lazyInlineCardView(props) {
+  if ((0, _experiments.editorExperiment)('platform_editor_exp_lazy_node_views', false) || !(0, _platformFeatureFlags.fg)('platform_editor_ssr_fix_smartlinks')) {
+    return (0, _inlineCard.inlineCardNodeView)(props);
+  }
+  return (0, _lazyNodeView.withLazyLoading)({
+    nodeName: 'inlineCard',
+    getNodeViewOptions: function getNodeViewOptions() {},
+    loader: function loader() {
+      var result = Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-plugin-inline-card-item-nodeview" */
+        './inlineCard'));
+      }).then(function (_ref) {
+        var inlineCardNodeView = _ref.inlineCardNodeView;
+        return inlineCardNodeView(props);
+      });
+      return result;
+    }
+  });
+};

package/dist/cjs/plugin.js

@@ -9,7 +9,6 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
-var _adfSchema = require("@atlaskit/adf-schema");
 var _messages = require("@atlaskit/editor-common/messages");
 var _quickInsert = require("@atlaskit/editor-common/quick-insert");
 var _utils = require("@atlaskit/editor-common/utils");
@@ -22,6 +21,7 @@ var _main = require("./pm-plugins/main");
 var _pluginKey = require("./pm-plugins/plugin-key");
 var _blockCard = require("./toDOM-fixes/blockCard");
 var _embedCard = require("./toDOM-fixes/embedCard");
+var _inlineCard = require("./toDOM-fixes/inlineCard");
 var _toolbar = require("./toolbar");
 var _ModalWithState = _interopRequireDefault(require("./ui/DatasourceModal/ModalWithState"));
 var _EditorLinkingPlatformAnalytics = require("./ui/EditorLinkingPlatformAnalytics");
@@ -48,7 +48,7 @@ var cardPlugin = exports.cardPlugin = function cardPlugin(_ref) {
     nodes: function nodes() {
       var nodes = [{
         name: 'inlineCard',
-        node: _adfSchema.inlineCard
+        node: (0, _inlineCard.inlineCardSpecWithFixedToDOM)()
       }, {
         name: 'blockCard',
         node: (0, _blockCard.blockCardSpecWithFixedToDOM)()

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

@@ -27,6 +27,7 @@ var _localStorage = require("../common/local-storage");
 var _inlineCard = require("../nodeviews/inlineCard");
 var _lazyBlockCard = require("../nodeviews/lazy-block-card");
 var _lazyEmbedCard = require("../nodeviews/lazy-embed-card");
+var _lazyInlineCard = require("../nodeviews/lazy-inline-card");
 var _utils2 = require("../ui/LayoutButton/utils");
 var _utils3 = require("../utils");
 var _actions = require("./actions");
@@ -39,7 +40,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 var LOCAL_STORAGE_DISCOVERY_KEY_SMART_LINK = 'smart-link-upgrade-pulse';
 var ALLOW_EVENTS_CLASSNAME = exports.ALLOW_EVENTS_CLASSNAME = 'card-plugin-element-allow-events';
 var stopEvent = exports.stopEvent = function stopEvent(event) {
-  if (!(0, _platformFeatureFlags.fg)('platform.linking-platform.smart-links-in-live-pages')) {
+  if (!(0, _platformFeatureFlags.fg)('linking_platform_smart_links_in_live_pages')) {
     return false;
   }
   var target = event.target;
@@ -88,7 +89,7 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pluginI
         onClickCallback: onClickCallback,
         __livePage: __livePage
       }
-    }, __livePage && (0, _platformFeatureFlags.fg)('platform.linking-platform.smart-links-in-live-pages') && {
+    }, __livePage && (0, _platformFeatureFlags.fg)('linking_platform_smart_links_in_live_pages') && {
       extraNodeViewProps: {
         stopEvent: stopEvent
       }
@@ -255,7 +256,9 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pluginI
       },
       props: _objectSpread({
         nodeViews: {
-          inlineCard: inlineCardViewProducer,
+          inlineCard: (0, _lazyInlineCard.lazyInlineCardView)({
+            inlineCardViewProducer: inlineCardViewProducer
+          }),
           blockCard: (0, _lazyBlockCard.lazyBlockCardView)({
             pmPluginFactoryParams: pmPluginFactoryParams,
             actionOptions: actionOptions,

package/dist/cjs/toDOM-fixes/blockCard.js

@@ -8,6 +8,7 @@ exports.blockCardSpecWithFixedToDOM = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _adfSchema = require("@atlaskit/adf-schema");
 var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
+var _colors = require("@atlaskit/theme/colors");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -40,11 +41,20 @@ var blockCardSpecWithFixedToDOM = exports.blockCardSpecWithFixedToDOM = function
         // To match `packages/linking-platform/smart-card/src/view/CardWithUrl/component-lazy/LoadingCardLink.tsx`
         // Which uses frame styling `packages/linking-platform/smart-card/src/view/InlineCard/Frame/styled.ts`
         style: (0, _lazyNodeView.convertToInlineCss)({
+          padding: "var(--ds-space-025, 2px)".concat(" 0px"),
           marginLeft: "var(--ds-space-negative-025, -2px)",
+          display: 'inline',
           boxDecorationBreak: 'clone',
           WebkitBoxDecorationBreak: 'clone',
-          padding: "var(--ds-space-025, 2px)".concat(" 0px"),
-          lineHeight: '22px'
+          borderRadius: "var(--ds-border-radius-100, 4px)",
+          color: "var(--ds-link, ".concat(_colors.B400, ")"),
+          lineHeight: '22px',
+          WebkitTransition: '0.1s all ease-in-out',
+          transition: '0.1s all ease-in-out',
+          userSelect: 'text',
+          WebkitUserSelect: 'text',
+          msUserSelect: 'text',
+          MozUserSelect: 'none' // -moz-user-select
         }),
         href: url || ''
       }, (node === null || node === void 0 || (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.url) || ' ']];

package/dist/cjs/toDOM-fixes/embedCard.js

@@ -9,6 +9,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _adfSchema = require("@atlaskit/adf-schema");
 var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _colors = require("@atlaskit/theme/colors");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
@@ -98,11 +99,19 @@ var embedCardSpecWithFixedToDOM = exports.embedCardSpecWithFixedToDOM = function
       // To match: `packages/linking-platform/smart-card/src/view/CardWithUrl/component-lazy/LoadingCardLink.tsx`
       ['a', {
         style: (0, _lazyNodeView.convertToInlineCss)({
+          padding: "var(--ds-space-025, 2px)".concat(" 0px"),
           marginLeft: "var(--ds-space-negative-025, -2px)",
+          display: 'inline',
           boxDecorationBreak: 'clone',
-          WebkitBoxDecorationBreak: 'clone',
-          padding: "var(--ds-space-025, 2px)".concat(" 0px"),
-          lineHeight: '22px'
+          borderRadius: "var(--ds-border-radius-100, 4px)",
+          color: "var(--ds-link, ".concat(_colors.B400, ")"),
+          lineHeight: '22px',
+          WebkitTransition: '0.1s all ease-in-out',
+          transition: '0.1s all ease-in-out',
+          userSelect: 'text',
+          WebkitUserSelect: 'text',
+          msUserSelect: 'text',
+          MozUserSelect: 'none' // -moz-user-select
         })
       }, url !== null && url !== void 0 ? url : ''],
       // From `packages/editor/editor-plugin-card/src/ui/ResizableEmbedCard.tsx`

package/dist/cjs/toDOM-fixes/inlineCard.js

@@ -0,0 +1,60 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.inlineCardSpecWithFixedToDOM = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _adfSchema = require("@atlaskit/adf-schema");
+var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _colors = require("@atlaskit/theme/colors");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+// @nodeSpecException:toDOM patch
+var inlineCardSpecWithFixedToDOM = exports.inlineCardSpecWithFixedToDOM = function inlineCardSpecWithFixedToDOM() {
+  if ((0, _experiments.editorExperiment)('platform_editor_exp_lazy_node_views', false) || !(0, _platformFeatureFlags.fg)('platform_editor_ssr_fix_smartlinks')) {
+    return _adfSchema.inlineCard;
+  }
+  return _objectSpread(_objectSpread({}, _adfSchema.inlineCard), {}, {
+    toDOM: function toDOM(node) {
+      var wrapperAttrs = {
+        class: 'inlineCardView-content-wrap inlineNodeView'
+      };
+      var cardAttrs = {
+        class: 'card'
+      };
+      var attrs = {
+        'data-inline-card': '',
+        href: node.attrs.url || '',
+        'data-card-data': node.attrs.data ? JSON.stringify(node.attrs.data) : '',
+        // LoadingCardLink used for Suspense in `packages/linking-platform/smart-card/src/view/CardWithUrl/loader.tsx`
+        // We need to match the style of LoadingCardLink
+        // Which uses frame styling `packages/linking-platform/smart-card/src/view/InlineCard/Frame/styled.ts`, with withoutBackground=true
+        style: (0, _lazyNodeView.convertToInlineCss)({
+          padding: "var(--ds-space-025, 2px)".concat(" 0px"),
+          marginLeft: "var(--ds-space-negative-025, -2px)",
+          display: 'inline',
+          boxDecorationBreak: 'clone',
+          WebkitBoxDecorationBreak: 'clone',
+          borderRadius: "var(--ds-border-radius-100, 4px)",
+          color: "var(--ds-link, ".concat(_colors.B400, ")"),
+          lineHeight: '22px',
+          WebkitTransition: '0.1s all ease-in-out',
+          transition: '0.1s all ease-in-out',
+          userSelect: 'text',
+          WebkitUserSelect: 'text',
+          msUserSelect: 'text',
+          MozUserSelect: 'none' // -moz-user-select
+        })
+      };
+      if (node.attrs.url) {
+        return ['span', wrapperAttrs, ['span', cardAttrs, ['a', attrs, node.attrs.url]]];
+      } else {
+        return ['span', wrapperAttrs, ['span', cardAttrs, ['a', attrs]]];
+      }
+    }
+  });
+};

package/dist/es2019/nodeviews/genericCard.js

@@ -30,7 +30,7 @@ const WithClickHandler = ({
       } catch {}
     }
   }, [url, onClickCallback]);
-  if (fg('platform.linking-platform.smart-links-in-live-pages')) {
+  if (fg('linking_platform_smart_links_in_live_pages')) {
     /**
      * @todo: Add a check to determine if we're currently in a live page once ED-23920 and plugin
      * is complete. The logic for which should allow navigation if we're in a live page and no callback

package/dist/es2019/nodeviews/inlineCard.js

@@ -112,7 +112,7 @@ export function InlineCardNodeView(props) {
     floatingToolbarState
   } = useSharedPluginState(pluginInjectionApi, ['floatingToolbar', 'editorViewMode']);
   const floatingToolbarNode = floatingToolbarState === null || floatingToolbarState === void 0 ? void 0 : (_floatingToolbarState = floatingToolbarState.configWithNodeInfo) === null || _floatingToolbarState === void 0 ? void 0 : _floatingToolbarState.node;
-  if (__livePage && fg('platform.linking-platform.smart-links-in-live-pages')) {
+  if (__livePage && fg('linking_platform_smart_links_in_live_pages')) {
     const showHoverPreview = floatingToolbarNode !== node;
     const livePagesHoverCardFadeInDelay = 800;
     const inlineCard = /*#__PURE__*/React.createElement(WrappedInlineCard, {
@@ -152,4 +152,9 @@ export function InlineCardNodeView(props) {
     pluginInjectionApi: pluginInjectionApi,
     onClickCallback: onClickCallback
   }, enableInlineUpgradeFeatures && getAwarenessProps(view.state, getPos, allowEmbeds, allowBlockCards, fg('linking_platform_disable_live_view_inline_overlay') && (editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode) === 'view')));
-}
+}
+export const inlineCardNodeView = ({
+  inlineCardViewProducer
+}) => (node, view, getPos, decorations) => {
+  return inlineCardViewProducer(node, view, getPos, decorations);
+};

package/dist/es2019/nodeviews/lazy-block-card.js

@@ -9,7 +9,7 @@ export const lazyBlockCardView = props => {
     nodeName: 'blockCard',
     getNodeViewOptions: () => {},
     loader: () => {
-      const result = import( /* webpackChunkName: "@atlaskit-internal_editor-plugin-tasks-and-decisions_task-item-nodeview" */
+      const result = import( /* webpackChunkName: "@atlaskit-internal_editor-plugin-block-card-item-nodeview" */
       './blockCard').then(({
         blockCardNodeView
       }) => {

package/dist/es2019/nodeviews/lazy-inline-card.js

@@ -0,0 +1,22 @@
+import { withLazyLoading } from '@atlaskit/editor-common/lazy-node-view';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
+import { inlineCardNodeView } from './inlineCard';
+export const lazyInlineCardView = props => {
+  if (editorExperiment('platform_editor_exp_lazy_node_views', false) || !fg('platform_editor_ssr_fix_smartlinks')) {
+    return inlineCardNodeView(props);
+  }
+  return withLazyLoading({
+    nodeName: 'inlineCard',
+    getNodeViewOptions: () => {},
+    loader: () => {
+      const result = import( /* webpackChunkName: "@atlaskit-internal_editor-plugin-inline-card-item-nodeview" */
+      './inlineCard').then(({
+        inlineCardNodeView
+      }) => {
+        return inlineCardNodeView(props);
+      });
+      return result;
+    }
+  });
+};

package/dist/es2019/plugin.js

@@ -1,5 +1,4 @@
 import React from 'react';
-import { inlineCard } from '@atlaskit/adf-schema';
 import { cardMessages as messages } from '@atlaskit/editor-common/messages';
 import { IconDatasourceAssetsObjects, IconDatasourceConfluenceSearch, IconDatasourceJiraIssue } from '@atlaskit/editor-common/quick-insert';
 import { canRenderDatasource } from '@atlaskit/editor-common/utils';
@@ -12,6 +11,7 @@ import { createPlugin } from './pm-plugins/main';
 import { pluginKey } from './pm-plugins/plugin-key';
 import { blockCardSpecWithFixedToDOM } from './toDOM-fixes/blockCard';
 import { embedCardSpecWithFixedToDOM } from './toDOM-fixes/embedCard';
+import { inlineCardSpecWithFixedToDOM } from './toDOM-fixes/inlineCard';
 import { floatingToolbar, getEndingToolbarItems, getStartingToolbarItems } from './toolbar';
 import DatasourceModalWithState from './ui/DatasourceModal/ModalWithState';
 import { EditorLinkingPlatformAnalytics } from './ui/EditorLinkingPlatformAnalytics';
@@ -36,7 +36,7 @@ export const cardPlugin = ({
     nodes() {
       const nodes = [{
         name: 'inlineCard',
-        node: inlineCard
+        node: inlineCardSpecWithFixedToDOM()
       }, {
         name: 'blockCard',
         node: blockCardSpecWithFixedToDOM()

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

@@ -11,6 +11,7 @@ import { isLocalStorageKeyDiscovered } from '../common/local-storage';
 import { InlineCardNodeView } from '../nodeviews/inlineCard';
 import { lazyBlockCardView } from '../nodeviews/lazy-block-card';
 import { lazyEmbedCardView } from '../nodeviews/lazy-embed-card';
+import { lazyInlineCardView } from '../nodeviews/lazy-inline-card';
 import { isDatasourceTableLayout } from '../ui/LayoutButton/utils';
 import { isBlockSupportedAtPosition, isEmbedSupportedAtPosition } from '../utils';
 import { clearOverlayCandidate, setCardLayoutAndDatasourceTableRef, setDatasourceTableRef } from './actions';
@@ -22,7 +23,7 @@ export { pluginKey } from './plugin-key';
 const LOCAL_STORAGE_DISCOVERY_KEY_SMART_LINK = 'smart-link-upgrade-pulse';
 export const ALLOW_EVENTS_CLASSNAME = 'card-plugin-element-allow-events';
 export const stopEvent = event => {
-  if (!fg('platform.linking-platform.smart-links-in-live-pages')) {
+  if (!fg('linking_platform_smart_links_in_live_pages')) {
     return false;
   }
   const target = event.target;
@@ -73,7 +74,7 @@ export const createPlugin = (options, pluginInjectionApi) => pmPluginFactoryPara
       onClickCallback,
       __livePage
     },
-    ...(__livePage && fg('platform.linking-platform.smart-links-in-live-pages') && {
+    ...(__livePage && fg('linking_platform_smart_links_in_live_pages') && {
       extraNodeViewProps: {
         stopEvent
       }
@@ -248,7 +249,9 @@ export const createPlugin = (options, pluginInjectionApi) => pmPluginFactoryPara
     },
     props: {
       nodeViews: {
-        inlineCard: inlineCardViewProducer,
+        inlineCard: lazyInlineCardView({
+          inlineCardViewProducer
+        }),
         blockCard: lazyBlockCardView({
           pmPluginFactoryParams,
           actionOptions,

package/dist/es2019/toDOM-fixes/blockCard.js

@@ -1,5 +1,6 @@
 import { blockCard } from '@atlaskit/adf-schema';
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
+import { B400 } from '@atlaskit/theme/colors';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 // @nodeSpecException:toDOM patch
 export const blockCardSpecWithFixedToDOM = () => {
@@ -34,11 +35,20 @@ export const blockCardSpecWithFixedToDOM = () => {
         // To match `packages/linking-platform/smart-card/src/view/CardWithUrl/component-lazy/LoadingCardLink.tsx`
         // Which uses frame styling `packages/linking-platform/smart-card/src/view/InlineCard/Frame/styled.ts`
         style: convertToInlineCss({
+          padding: `${"var(--ds-space-025, 2px)"} 0px`,
           marginLeft: "var(--ds-space-negative-025, -2px)",
+          display: 'inline',
           boxDecorationBreak: 'clone',
           WebkitBoxDecorationBreak: 'clone',
-          padding: `${"var(--ds-space-025, 2px)"} 0px`,
-          lineHeight: '22px'
+          borderRadius: "var(--ds-border-radius-100, 4px)",
+          color: `var(--ds-link, ${B400})`,
+          lineHeight: '22px',
+          WebkitTransition: '0.1s all ease-in-out',
+          transition: '0.1s all ease-in-out',
+          userSelect: 'text',
+          WebkitUserSelect: 'text',
+          msUserSelect: 'text',
+          MozUserSelect: 'none' // -moz-user-select
         }),
         href: url || ''
       }, (node === null || node === void 0 ? void 0 : (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.url) || ' ']];

package/dist/es2019/toDOM-fixes/embedCard.js

@@ -11,6 +11,7 @@
 import { embedCard } from '@atlaskit/adf-schema';
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
 import { DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/editor-shared-styles';
+import { B400 } from '@atlaskit/theme/colors';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 // From `packages/editor/editor-common/src/ui/MediaSingle/styled.tsx`
 function calcMargin(layout) {
@@ -91,11 +92,19 @@ export const embedCardSpecWithFixedToDOM = () => {
       // To match: `packages/linking-platform/smart-card/src/view/CardWithUrl/component-lazy/LoadingCardLink.tsx`
       ['a', {
         style: convertToInlineCss({
+          padding: `${"var(--ds-space-025, 2px)"} 0px`,
           marginLeft: "var(--ds-space-negative-025, -2px)",
+          display: 'inline',
           boxDecorationBreak: 'clone',
-          WebkitBoxDecorationBreak: 'clone',
-          padding: `${"var(--ds-space-025, 2px)"} 0px`,
-          lineHeight: '22px'
+          borderRadius: "var(--ds-border-radius-100, 4px)",
+          color: `var(--ds-link, ${B400})`,
+          lineHeight: '22px',
+          WebkitTransition: '0.1s all ease-in-out',
+          transition: '0.1s all ease-in-out',
+          userSelect: 'text',
+          WebkitUserSelect: 'text',
+          msUserSelect: 'text',
+          MozUserSelect: 'none' // -moz-user-select
         })
       }, url !== null && url !== void 0 ? url : ''],
       // From `packages/editor/editor-plugin-card/src/ui/ResizableEmbedCard.tsx`

package/dist/es2019/toDOM-fixes/inlineCard.js

@@ -0,0 +1,51 @@
+import { inlineCard } from '@atlaskit/adf-schema';
+import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { B400 } from '@atlaskit/theme/colors';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
+// @nodeSpecException:toDOM patch
+export const inlineCardSpecWithFixedToDOM = () => {
+  if (editorExperiment('platform_editor_exp_lazy_node_views', false) || !fg('platform_editor_ssr_fix_smartlinks')) {
+    return inlineCard;
+  }
+  return {
+    ...inlineCard,
+    toDOM: node => {
+      const wrapperAttrs = {
+        class: 'inlineCardView-content-wrap inlineNodeView'
+      };
+      const cardAttrs = {
+        class: 'card'
+      };
+      const attrs = {
+        'data-inline-card': '',
+        href: node.attrs.url || '',
+        'data-card-data': node.attrs.data ? JSON.stringify(node.attrs.data) : '',
+        // LoadingCardLink used for Suspense in `packages/linking-platform/smart-card/src/view/CardWithUrl/loader.tsx`
+        // We need to match the style of LoadingCardLink
+        // Which uses frame styling `packages/linking-platform/smart-card/src/view/InlineCard/Frame/styled.ts`, with withoutBackground=true
+        style: convertToInlineCss({
+          padding: `${"var(--ds-space-025, 2px)"} 0px`,
+          marginLeft: "var(--ds-space-negative-025, -2px)",
+          display: 'inline',
+          boxDecorationBreak: 'clone',
+          WebkitBoxDecorationBreak: 'clone',
+          borderRadius: "var(--ds-border-radius-100, 4px)",
+          color: `var(--ds-link, ${B400})`,
+          lineHeight: '22px',
+          WebkitTransition: '0.1s all ease-in-out',
+          transition: '0.1s all ease-in-out',
+          userSelect: 'text',
+          WebkitUserSelect: 'text',
+          msUserSelect: 'text',
+          MozUserSelect: 'none' // -moz-user-select
+        })
+      };
+      if (node.attrs.url) {
+        return ['span', wrapperAttrs, ['span', cardAttrs, ['a', attrs, node.attrs.url]]];
+      } else {
+        return ['span', wrapperAttrs, ['span', cardAttrs, ['a', attrs]]];
+      }
+    }
+  };
+};

package/dist/esm/nodeviews/genericCard.js

@@ -36,7 +36,7 @@ var WithClickHandler = function WithClickHandler(_ref) {
       } catch (_unused) {}
     }
   }, [url, onClickCallback]);
-  if (fg('platform.linking-platform.smart-links-in-live-pages')) {
+  if (fg('linking_platform_smart_links_in_live_pages')) {
     /**
      * @todo: Add a check to determine if we're currently in a live page once ED-23920 and plugin
      * is complete. The logic for which should allow navigation if we're in a live page and no callback

package/dist/esm/nodeviews/inlineCard.js

@@ -111,7 +111,7 @@ export function InlineCardNodeView(props) {
     editorViewModeState = _useSharedPluginState.editorViewModeState,
     floatingToolbarState = _useSharedPluginState.floatingToolbarState;
   var floatingToolbarNode = floatingToolbarState === null || floatingToolbarState === void 0 || (_floatingToolbarState = floatingToolbarState.configWithNodeInfo) === null || _floatingToolbarState === void 0 ? void 0 : _floatingToolbarState.node;
-  if (__livePage && fg('platform.linking-platform.smart-links-in-live-pages')) {
+  if (__livePage && fg('linking_platform_smart_links_in_live_pages')) {
     var showHoverPreview = floatingToolbarNode !== node;
     var livePagesHoverCardFadeInDelay = 800;
     var inlineCard = /*#__PURE__*/React.createElement(WrappedInlineCard, {
@@ -151,4 +151,10 @@ export function InlineCardNodeView(props) {
     pluginInjectionApi: pluginInjectionApi,
     onClickCallback: onClickCallback
   }, enableInlineUpgradeFeatures && getAwarenessProps(view.state, getPos, allowEmbeds, allowBlockCards, fg('linking_platform_disable_live_view_inline_overlay') && (editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode) === 'view')));
-}
+}
+export var inlineCardNodeView = function inlineCardNodeView(_ref2) {
+  var inlineCardViewProducer = _ref2.inlineCardViewProducer;
+  return function (node, view, getPos, decorations) {
+    return inlineCardViewProducer(node, view, getPos, decorations);
+  };
+};

package/dist/esm/nodeviews/lazy-block-card.js

@@ -9,7 +9,7 @@ export var lazyBlockCardView = function lazyBlockCardView(props) {
     nodeName: 'blockCard',
     getNodeViewOptions: function getNodeViewOptions() {},
     loader: function loader() {
-      var result = import( /* webpackChunkName: "@atlaskit-internal_editor-plugin-tasks-and-decisions_task-item-nodeview" */
+      var result = import( /* webpackChunkName: "@atlaskit-internal_editor-plugin-block-card-item-nodeview" */
       './blockCard').then(function (_ref) {
         var blockCardNodeView = _ref.blockCardNodeView;
         return blockCardNodeView(props);

package/dist/esm/nodeviews/lazy-inline-card.js

@@ -0,0 +1,21 @@
+import { withLazyLoading } from '@atlaskit/editor-common/lazy-node-view';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
+import { inlineCardNodeView } from './inlineCard';
+export var lazyInlineCardView = function lazyInlineCardView(props) {
+  if (editorExperiment('platform_editor_exp_lazy_node_views', false) || !fg('platform_editor_ssr_fix_smartlinks')) {
+    return inlineCardNodeView(props);
+  }
+  return withLazyLoading({
+    nodeName: 'inlineCard',
+    getNodeViewOptions: function getNodeViewOptions() {},
+    loader: function loader() {
+      var result = import( /* webpackChunkName: "@atlaskit-internal_editor-plugin-inline-card-item-nodeview" */
+      './inlineCard').then(function (_ref) {
+        var inlineCardNodeView = _ref.inlineCardNodeView;
+        return inlineCardNodeView(props);
+      });
+      return result;
+    }
+  });
+};

package/dist/esm/plugin.js

@@ -4,7 +4,6 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React from 'react';
-import { inlineCard } from '@atlaskit/adf-schema';
 import { cardMessages as messages } from '@atlaskit/editor-common/messages';
 import { IconDatasourceAssetsObjects, IconDatasourceConfluenceSearch, IconDatasourceJiraIssue } from '@atlaskit/editor-common/quick-insert';
 import { canRenderDatasource } from '@atlaskit/editor-common/utils';
@@ -17,6 +16,7 @@ import { createPlugin } from './pm-plugins/main';
 import { pluginKey } from './pm-plugins/plugin-key';
 import { blockCardSpecWithFixedToDOM } from './toDOM-fixes/blockCard';
 import { embedCardSpecWithFixedToDOM } from './toDOM-fixes/embedCard';
+import { inlineCardSpecWithFixedToDOM } from './toDOM-fixes/inlineCard';
 import { floatingToolbar, getEndingToolbarItems, getStartingToolbarItems } from './toolbar';
 import DatasourceModalWithState from './ui/DatasourceModal/ModalWithState';
 import { EditorLinkingPlatformAnalytics } from './ui/EditorLinkingPlatformAnalytics';
@@ -41,7 +41,7 @@ export var cardPlugin = function cardPlugin(_ref) {
     nodes: function nodes() {
       var nodes = [{
         name: 'inlineCard',
-        node: inlineCard
+        node: inlineCardSpecWithFixedToDOM()
       }, {
         name: 'blockCard',
         node: blockCardSpecWithFixedToDOM()

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

@@ -15,6 +15,7 @@ import { isLocalStorageKeyDiscovered } from '../common/local-storage';
 import { InlineCardNodeView } from '../nodeviews/inlineCard';
 import { lazyBlockCardView } from '../nodeviews/lazy-block-card';
 import { lazyEmbedCardView } from '../nodeviews/lazy-embed-card';
+import { lazyInlineCardView } from '../nodeviews/lazy-inline-card';
 import { isDatasourceTableLayout } from '../ui/LayoutButton/utils';
 import { isBlockSupportedAtPosition, isEmbedSupportedAtPosition } from '../utils';
 import { clearOverlayCandidate, setCardLayoutAndDatasourceTableRef, setDatasourceTableRef } from './actions';
@@ -26,7 +27,7 @@ export { pluginKey } from './plugin-key';
 var LOCAL_STORAGE_DISCOVERY_KEY_SMART_LINK = 'smart-link-upgrade-pulse';
 export var ALLOW_EVENTS_CLASSNAME = 'card-plugin-element-allow-events';
 export var stopEvent = function stopEvent(event) {
-  if (!fg('platform.linking-platform.smart-links-in-live-pages')) {
+  if (!fg('linking_platform_smart_links_in_live_pages')) {
     return false;
   }
   var target = event.target;
@@ -75,7 +76,7 @@ export var createPlugin = function createPlugin(options, pluginInjectionApi) {
         onClickCallback: onClickCallback,
         __livePage: __livePage
       }
-    }, __livePage && fg('platform.linking-platform.smart-links-in-live-pages') && {
+    }, __livePage && fg('linking_platform_smart_links_in_live_pages') && {
       extraNodeViewProps: {
         stopEvent: stopEvent
       }
@@ -242,7 +243,9 @@ export var createPlugin = function createPlugin(options, pluginInjectionApi) {
       },
       props: _objectSpread({
         nodeViews: {
-          inlineCard: inlineCardViewProducer,
+          inlineCard: lazyInlineCardView({
+            inlineCardViewProducer: inlineCardViewProducer
+          }),
           blockCard: lazyBlockCardView({
             pmPluginFactoryParams: pmPluginFactoryParams,
             actionOptions: actionOptions,

package/dist/esm/toDOM-fixes/blockCard.js

@@ -3,6 +3,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { blockCard } from '@atlaskit/adf-schema';
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
+import { B400 } from '@atlaskit/theme/colors';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 // @nodeSpecException:toDOM patch
 export var blockCardSpecWithFixedToDOM = function blockCardSpecWithFixedToDOM() {
@@ -33,11 +34,20 @@ export var blockCardSpecWithFixedToDOM = function blockCardSpecWithFixedToDOM()
         // To match `packages/linking-platform/smart-card/src/view/CardWithUrl/component-lazy/LoadingCardLink.tsx`
         // Which uses frame styling `packages/linking-platform/smart-card/src/view/InlineCard/Frame/styled.ts`
         style: convertToInlineCss({
+          padding: "var(--ds-space-025, 2px)".concat(" 0px"),
           marginLeft: "var(--ds-space-negative-025, -2px)",
+          display: 'inline',
           boxDecorationBreak: 'clone',
           WebkitBoxDecorationBreak: 'clone',
-          padding: "var(--ds-space-025, 2px)".concat(" 0px"),
-          lineHeight: '22px'
+          borderRadius: "var(--ds-border-radius-100, 4px)",
+          color: "var(--ds-link, ".concat(B400, ")"),
+          lineHeight: '22px',
+          WebkitTransition: '0.1s all ease-in-out',
+          transition: '0.1s all ease-in-out',
+          userSelect: 'text',
+          WebkitUserSelect: 'text',
+          msUserSelect: 'text',
+          MozUserSelect: 'none' // -moz-user-select
         }),
         href: url || ''
       }, (node === null || node === void 0 || (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.url) || ' ']];

package/dist/esm/toDOM-fixes/embedCard.js

@@ -14,6 +14,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { embedCard } from '@atlaskit/adf-schema';
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
 import { DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/editor-shared-styles';
+import { B400 } from '@atlaskit/theme/colors';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 // From `packages/editor/editor-common/src/ui/MediaSingle/styled.tsx`
 function calcMargin(layout) {
@@ -92,11 +93,19 @@ export var embedCardSpecWithFixedToDOM = function embedCardSpecWithFixedToDOM()
       // To match: `packages/linking-platform/smart-card/src/view/CardWithUrl/component-lazy/LoadingCardLink.tsx`
       ['a', {
         style: convertToInlineCss({
+          padding: "var(--ds-space-025, 2px)".concat(" 0px"),
           marginLeft: "var(--ds-space-negative-025, -2px)",
+          display: 'inline',
           boxDecorationBreak: 'clone',
-          WebkitBoxDecorationBreak: 'clone',
-          padding: "var(--ds-space-025, 2px)".concat(" 0px"),
-          lineHeight: '22px'
+          borderRadius: "var(--ds-border-radius-100, 4px)",
+          color: "var(--ds-link, ".concat(B400, ")"),
+          lineHeight: '22px',
+          WebkitTransition: '0.1s all ease-in-out',
+          transition: '0.1s all ease-in-out',
+          userSelect: 'text',
+          WebkitUserSelect: 'text',
+          msUserSelect: 'text',
+          MozUserSelect: 'none' // -moz-user-select
         })
       }, url !== null && url !== void 0 ? url : ''],
       // From `packages/editor/editor-plugin-card/src/ui/ResizableEmbedCard.tsx`

package/dist/esm/toDOM-fixes/inlineCard.js

@@ -0,0 +1,53 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { inlineCard } from '@atlaskit/adf-schema';
+import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { B400 } from '@atlaskit/theme/colors';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
+// @nodeSpecException:toDOM patch
+export var inlineCardSpecWithFixedToDOM = function inlineCardSpecWithFixedToDOM() {
+  if (editorExperiment('platform_editor_exp_lazy_node_views', false) || !fg('platform_editor_ssr_fix_smartlinks')) {
+    return inlineCard;
+  }
+  return _objectSpread(_objectSpread({}, inlineCard), {}, {
+    toDOM: function toDOM(node) {
+      var wrapperAttrs = {
+        class: 'inlineCardView-content-wrap inlineNodeView'
+      };
+      var cardAttrs = {
+        class: 'card'
+      };
+      var attrs = {
+        'data-inline-card': '',
+        href: node.attrs.url || '',
+        'data-card-data': node.attrs.data ? JSON.stringify(node.attrs.data) : '',
+        // LoadingCardLink used for Suspense in `packages/linking-platform/smart-card/src/view/CardWithUrl/loader.tsx`
+        // We need to match the style of LoadingCardLink
+        // Which uses frame styling `packages/linking-platform/smart-card/src/view/InlineCard/Frame/styled.ts`, with withoutBackground=true
+        style: convertToInlineCss({
+          padding: "var(--ds-space-025, 2px)".concat(" 0px"),
+          marginLeft: "var(--ds-space-negative-025, -2px)",
+          display: 'inline',
+          boxDecorationBreak: 'clone',
+          WebkitBoxDecorationBreak: 'clone',
+          borderRadius: "var(--ds-border-radius-100, 4px)",
+          color: "var(--ds-link, ".concat(B400, ")"),
+          lineHeight: '22px',
+          WebkitTransition: '0.1s all ease-in-out',
+          transition: '0.1s all ease-in-out',
+          userSelect: 'text',
+          WebkitUserSelect: 'text',
+          msUserSelect: 'text',
+          MozUserSelect: 'none' // -moz-user-select
+        })
+      };
+      if (node.attrs.url) {
+        return ['span', wrapperAttrs, ['span', cardAttrs, ['a', attrs, node.attrs.url]]];
+      } else {
+        return ['span', wrapperAttrs, ['span', cardAttrs, ['a', attrs]]];
+      }
+    }
+  });
+};

package/dist/types/nodeviews/blockCard.d.ts

@@ -40,4 +40,4 @@ export interface BlockCardNodeViewProperties {
     allowDatasource: boolean | undefined;
     inlineCardViewProducer: ReturnType<typeof getInlineNodeViewProducer>;
 }
-export declare const blockCardNodeView: ({ pmPluginFactoryParams, actionOptions, pluginInjectionApi, onClickCallback, allowDatasource, inlineCardViewProducer, }: BlockCardNodeViewProperties) => (node: Node, view: EditorView, getPos: () => number | undefined, decorations: readonly Decoration[]) => Datasource | BlockCard | import("prosemirror-view").NodeView;
+export declare const blockCardNodeView: ({ pmPluginFactoryParams, actionOptions, pluginInjectionApi, onClickCallback, allowDatasource, inlineCardViewProducer, }: BlockCardNodeViewProperties) => (node: Node, view: EditorView, getPos: () => number | undefined, decorations: readonly Decoration[]) => import("prosemirror-view").NodeView | Datasource | BlockCard;

package/dist/types/nodeviews/inlineCard.d.ts

@@ -1,7 +1,14 @@
 import React from 'react';
 import type { InlineNodeViewComponentProps } from '@atlaskit/editor-common/react-node-view';
+import { type getInlineNodeViewProducer } from '@atlaskit/editor-common/react-node-view';
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { Decoration, EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { SmartCardProps } from './genericCard';
 import { type InlineCardWithAwarenessProps } from './inlineCardWithAwareness';
 export declare const InlineCard: React.MemoExoticComponent<({ node, cardContext, actionOptions, useAlternativePreloader, view, getPos, onClick, onResolve: onRes, isHovered, showHoverPreview, hoverPreviewOptions, }: SmartCardProps) => JSX.Element | null>;
 export type InlineCardNodeViewProps = Pick<SmartCardProps, 'useAlternativePreloader' | 'actionOptions' | 'allowEmbeds' | 'allowBlockCards' | 'enableInlineUpgradeFeatures' | 'pluginInjectionApi' | 'onClickCallback' | '__livePage'>;
 export declare function InlineCardNodeView(props: InlineNodeViewComponentProps & InlineCardNodeViewProps & InlineCardWithAwarenessProps): JSX.Element;
+export interface InlineCardNodeViewProperties {
+    inlineCardViewProducer: ReturnType<typeof getInlineNodeViewProducer>;
+}
+export declare const inlineCardNodeView: ({ inlineCardViewProducer }: InlineCardNodeViewProperties) => (node: PMNode, view: EditorView, getPos: () => number | undefined, decorations: readonly Decoration[]) => import("prosemirror-view").NodeView;

package/dist/types/nodeviews/lazy-block-card.d.ts

@@ -1,2 +1,2 @@
 import { type BlockCardNodeViewProperties } from './blockCard';
-export declare const lazyBlockCardView: (props: BlockCardNodeViewProperties) => ((node: import("prosemirror-model").Node, view: import("prosemirror-view").EditorView, getPos: () => number | undefined, decorations: readonly import("prosemirror-view").Decoration[]) => import("./datasource").Datasource | import("./blockCard").BlockCard | import("prosemirror-view").NodeView) | import("@atlaskit/editor-common/lazy-node-view").NodeViewConstructor;
+export declare const lazyBlockCardView: (props: BlockCardNodeViewProperties) => ((node: import("prosemirror-model").Node, view: import("prosemirror-view").EditorView, getPos: () => number | undefined, decorations: readonly import("prosemirror-view").Decoration[]) => import("prosemirror-view").NodeView | import("./datasource").Datasource | import("./blockCard").BlockCard) | import("@atlaskit/editor-common/lazy-node-view").NodeViewConstructor;

package/dist/types/nodeviews/lazy-inline-card.d.ts

@@ -0,0 +1,2 @@
+import { type InlineCardNodeViewProperties } from './inlineCard';
+export declare const lazyInlineCardView: (props: InlineCardNodeViewProperties) => import("@atlaskit/editor-common/lazy-node-view").NodeViewConstructor;

package/dist/types/toDOM-fixes/inlineCard.d.ts

@@ -0,0 +1 @@
+export declare const inlineCardSpecWithFixedToDOM: () => import("prosemirror-model").NodeSpec;

package/dist/types-ts4.5/nodeviews/blockCard.d.ts

@@ -40,4 +40,4 @@ export interface BlockCardNodeViewProperties {
     allowDatasource: boolean | undefined;
     inlineCardViewProducer: ReturnType<typeof getInlineNodeViewProducer>;
 }
-export declare const blockCardNodeView: ({ pmPluginFactoryParams, actionOptions, pluginInjectionApi, onClickCallback, allowDatasource, inlineCardViewProducer, }: BlockCardNodeViewProperties) => (node: Node, view: EditorView, getPos: () => number | undefined, decorations: readonly Decoration[]) => Datasource | BlockCard | import("prosemirror-view").NodeView;
+export declare const blockCardNodeView: ({ pmPluginFactoryParams, actionOptions, pluginInjectionApi, onClickCallback, allowDatasource, inlineCardViewProducer, }: BlockCardNodeViewProperties) => (node: Node, view: EditorView, getPos: () => number | undefined, decorations: readonly Decoration[]) => import("prosemirror-view").NodeView | Datasource | BlockCard;

package/dist/types-ts4.5/nodeviews/inlineCard.d.ts

@@ -1,7 +1,14 @@
 import React from 'react';
 import type { InlineNodeViewComponentProps } from '@atlaskit/editor-common/react-node-view';
+import { type getInlineNodeViewProducer } from '@atlaskit/editor-common/react-node-view';
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { Decoration, EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { SmartCardProps } from './genericCard';
 import { type InlineCardWithAwarenessProps } from './inlineCardWithAwareness';
 export declare const InlineCard: React.MemoExoticComponent<({ node, cardContext, actionOptions, useAlternativePreloader, view, getPos, onClick, onResolve: onRes, isHovered, showHoverPreview, hoverPreviewOptions, }: SmartCardProps) => JSX.Element | null>;
 export type InlineCardNodeViewProps = Pick<SmartCardProps, 'useAlternativePreloader' | 'actionOptions' | 'allowEmbeds' | 'allowBlockCards' | 'enableInlineUpgradeFeatures' | 'pluginInjectionApi' | 'onClickCallback' | '__livePage'>;
 export declare function InlineCardNodeView(props: InlineNodeViewComponentProps & InlineCardNodeViewProps & InlineCardWithAwarenessProps): JSX.Element;
+export interface InlineCardNodeViewProperties {
+    inlineCardViewProducer: ReturnType<typeof getInlineNodeViewProducer>;
+}
+export declare const inlineCardNodeView: ({ inlineCardViewProducer }: InlineCardNodeViewProperties) => (node: PMNode, view: EditorView, getPos: () => number | undefined, decorations: readonly Decoration[]) => import("prosemirror-view").NodeView;

package/dist/types-ts4.5/nodeviews/lazy-block-card.d.ts

@@ -1,2 +1,2 @@
 import { type BlockCardNodeViewProperties } from './blockCard';
-export declare const lazyBlockCardView: (props: BlockCardNodeViewProperties) => ((node: import("prosemirror-model").Node, view: import("prosemirror-view").EditorView, getPos: () => number | undefined, decorations: readonly import("prosemirror-view").Decoration[]) => import("./datasource").Datasource | import("./blockCard").BlockCard | import("prosemirror-view").NodeView) | import("@atlaskit/editor-common/lazy-node-view").NodeViewConstructor;
+export declare const lazyBlockCardView: (props: BlockCardNodeViewProperties) => ((node: import("prosemirror-model").Node, view: import("prosemirror-view").EditorView, getPos: () => number | undefined, decorations: readonly import("prosemirror-view").Decoration[]) => import("prosemirror-view").NodeView | import("./datasource").Datasource | import("./blockCard").BlockCard) | import("@atlaskit/editor-common/lazy-node-view").NodeViewConstructor;

package/dist/types-ts4.5/nodeviews/lazy-inline-card.d.ts

@@ -0,0 +1,2 @@
+import { type InlineCardNodeViewProperties } from './inlineCard';
+export declare const lazyInlineCardView: (props: InlineCardNodeViewProperties) => import("@atlaskit/editor-common/lazy-node-view").NodeViewConstructor;

package/dist/types-ts4.5/toDOM-fixes/inlineCard.d.ts

@@ -0,0 +1 @@
+export declare const inlineCardSpecWithFixedToDOM: () => import("prosemirror-model").NodeSpec;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-card",
-	"version": "3.4.0",
+	"version": "3.4.2",
 	"description": "Card plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -34,7 +34,7 @@
 		"@atlaskit/adf-schema": "^40.9.0",
 		"@atlaskit/analytics-next": "^10.1.0",
 		"@atlaskit/custom-steps": "^0.7.0",
-		"@atlaskit/editor-common": "^92.0.0",
+		"@atlaskit/editor-common": "^93.0.0",
 		"@atlaskit/editor-plugin-analytics": "^1.8.0",
 		"@atlaskit/editor-plugin-decorations": "^1.3.0",
 		"@atlaskit/editor-plugin-editor-disabled": "^1.3.0",
@@ -46,10 +46,10 @@
 		"@atlaskit/editor-prosemirror": "6.0.0",
 		"@atlaskit/editor-shared-styles": "^3.0.0",
 		"@atlaskit/frontend-utilities": "^2.7.0",
-		"@atlaskit/icon": "^22.19.0",
+		"@atlaskit/icon": "^22.20.0",
 		"@atlaskit/link-analytics": "^8.5.0",
 		"@atlaskit/link-client-extension": "^2.4.0",
-		"@atlaskit/link-datasource": "^3.1.0",
+		"@atlaskit/link-datasource": "^3.3.0",
 		"@atlaskit/linking-common": "^5.11.0",
 		"@atlaskit/linking-types": "^9.0.0",
 		"@atlaskit/menu": "2.12.5",
@@ -57,7 +57,7 @@
 		"@atlaskit/primitives": "^12.2.0",
 		"@atlaskit/smart-card": "^29.0.0",
 		"@atlaskit/theme": "^13.0.0",
-		"@atlaskit/tmp-editor-statsig": "^2.1.8",
+		"@atlaskit/tmp-editor-statsig": "^2.2.0",
 		"@atlaskit/tokens": "^2.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -117,9 +117,6 @@
 		"platform.linking-platform.enable-datasource-edit-dropdown-toolbar": {
 			"type": "boolean"
 		},
-		"platform.linking-platform.smart-links-in-live-pages": {
-			"type": "boolean"
-		},
 		"platform.linking-platform.datasource-word_wrap": {
 			"type": "boolean"
 		},
@@ -143,6 +140,12 @@
 		},
 		"linking_platform_disable_live_view_inline_overlay": {
 			"type": "boolean"
+		},
+		"linking_platform_smart_links_in_live_pages": {
+			"type": "boolean"
+		},
+		"platform_editor_ssr_fix_smartlinks": {
+			"type": "boolean"
 		}
 	},
 	"stricter": {