@atlaskit/editor-plugin-card 0.14.16 → 0.14.18

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/editor-plugin-card
 
+## 0.14.18
+
+### Patch Changes
+
+- [#60441](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/60441) [`13892b95e918`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/13892b95e918) - [ux] Refactoring of the inline card with awareness solution (behind a FF)
+
+## 0.14.17
+
+### Patch Changes
+
+- [#60808](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/60808) [`f509a21be124`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f509a21be124) - ED-21506: @atlaskit/adf-schema upgraded to 35.1.1 to support renderer for MBE
+- Updated dependencies
+
 ## 0.14.16
 
 ### Patch Changes

package/dist/cjs/nodeviews/inlineCard.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.InlineCardComponent = void 0;
 exports.InlineCardNodeView = InlineCardNodeView;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
@@ -123,7 +124,6 @@ var InlineCardComponent = exports.InlineCardComponent = /*#__PURE__*/function (_
 var WrappedInlineCard = (0, _genericCard.Card)(InlineCardComponent, _ui.UnsupportedInline);
 var WrappedInlineCardWithAwareness = (0, _genericCard.Card)(_inlineCardWithAwareness.InlineCardWithAwareness, _ui.UnsupportedInline);
 function InlineCardNodeView(props) {
-  var _view$state$selection, _view$state$selection2;
   var useAlternativePreloader = props.useAlternativePreloader,
     node = props.node,
     view = props.view,
@@ -142,26 +142,24 @@ function InlineCardNodeView(props) {
       useAlternativePreloader: useAlternativePreloader
     });
   }
-
-  // BEGIN: Awareness (To be revisited in EDM-8508)
-  var editorState = view.state;
-  var linkPosition = getPos && typeof getPos() === 'number' ? getPos() : undefined;
-  var canBeUpgradedToEmbed = !!linkPosition && allowEmbeds ? (0, _utils.isEmbedSupportedAtPosition)(linkPosition, editorState, 'inline') : false;
-  var canBeUpgradedToBlock = !!linkPosition && allowBlockCards ? (0, _utils.isBlockSupportedAtPosition)(linkPosition, editorState, 'inline') : false;
-  var isPulseEnabled = enableInlineUpgradeFeatures && canBeUpgradedToEmbed;
-  var isOverlayEnabled = enableInlineUpgradeFeatures && (canBeUpgradedToEmbed || canBeUpgradedToBlock);
-  var isSelected = view.state.selection instanceof _state.NodeSelection && ((_view$state$selection = view.state.selection) === null || _view$state$selection === void 0 || (_view$state$selection = _view$state$selection.node) === null || _view$state$selection === void 0 ? void 0 : _view$state$selection.type) === view.state.schema.nodes.inlineCard && ((_view$state$selection2 = view.state.selection) === null || _view$state$selection2 === void 0 ? void 0 : _view$state$selection2.from) === getPos();
-  // END: Awareness
-
-  return /*#__PURE__*/_react.default.createElement(WrappedInlineCardWithAwareness, {
+  return /*#__PURE__*/_react.default.createElement(WrappedInlineCardWithAwareness, (0, _extends2.default)({
     node: node,
     view: view,
     getPos: getPos,
     showServerActions: showServerActions,
     useAlternativePreloader: useAlternativePreloader,
-    isOverlayEnabled: isOverlayEnabled,
-    isPulseEnabled: isPulseEnabled,
-    pluginInjectionApi: pluginInjectionApi,
+    pluginInjectionApi: pluginInjectionApi
+  }, enableInlineUpgradeFeatures && getAwarenessProps(view.state, getPos, allowEmbeds, allowBlockCards)));
+}
+var getAwarenessProps = function getAwarenessProps(editorState, getPos, allowEmbeds, allowBlockCards) {
+  var _editorState$selectio, _editorState$selectio2;
+  var linkPosition = getPos && typeof getPos() === 'number' ? getPos() : undefined;
+  var canBeUpgradedToEmbed = !!linkPosition && allowEmbeds ? (0, _utils.isEmbedSupportedAtPosition)(linkPosition, editorState, 'inline') : false;
+  var canBeUpgradedToBlock = !!linkPosition && allowBlockCards ? (0, _utils.isBlockSupportedAtPosition)(linkPosition, editorState, 'inline') : false;
+  var isSelected = editorState.selection instanceof _state.NodeSelection && ((_editorState$selectio = editorState.selection) === null || _editorState$selectio === void 0 || (_editorState$selectio = _editorState$selectio.node) === null || _editorState$selectio === void 0 ? void 0 : _editorState$selectio.type) === editorState.schema.nodes.inlineCard && ((_editorState$selectio2 = editorState.selection) === null || _editorState$selectio2 === void 0 ? void 0 : _editorState$selectio2.from) === getPos();
+  return {
+    isPulseEnabled: canBeUpgradedToEmbed,
+    isOverlayEnabled: canBeUpgradedToEmbed || canBeUpgradedToBlock,
     isSelected: isSelected
-  });
-}
+  };
+};

package/dist/cjs/nodeviews/inlineCardWithAwareness.js

@@ -1,35 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InlineCardWithAwareness = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var _react2 = require("@emotion/react");
+var _react = _interopRequireWildcard(require("react"));
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
-var _analyticsNext = require("@atlaskit/analytics-next");
 var _ui = require("@atlaskit/editor-common/ui");
 var _smartCard = require("@atlaskit/smart-card");
-var _useLinkUpgradeDiscoverability = _interopRequireDefault(require("../common/hooks/useLinkUpgradeDiscoverability"));
-var _localStorage = require("../common/local-storage");
-var _pulse = require("../common/pulse");
 var _actions = require("../pm-plugins/actions");
-var _InlineCardOverlay = _interopRequireDefault(require("../ui/InlineCardOverlay"));
-var _utils = require("../utils");
-/** @jsx jsx */
-
-// editor adds a standard line-height that is bigger than an inline smart link
-// due to that the link has a bit of white space around it, which doesn't look right when there is pulse around it
-var loaderWrapperStyles = (0, _react2.css)({
-  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
-  '.loader-wrapper': {
-    lineHeight: 'normal'
-  }
-});
+var _AwarenessWrapper = require("../ui/AwarenessWrapper");
+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; }
 var InlineCard = function InlineCard(_ref) {
-  var _cardContext$value2;
   var node = _ref.node,
     cardContext = _ref.cardContext,
     showServerActions = _ref.showServerActions,
@@ -44,8 +30,6 @@ var InlineCard = function InlineCard(_ref) {
   var _node$attrs = node.attrs,
     url = _node$attrs.url,
     data = _node$attrs.data;
-
-  // BEGIN: Awareness (To be revisited in EDM-8508)
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     isHovered = _useState2[0],
@@ -58,33 +42,6 @@ var InlineCard = function InlineCard(_ref) {
     _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
     isResolvedViewRendered = _useState6[0],
     setIsResolvedViewRendered = _useState6[1];
-  var linkPosition = (0, _react.useMemo)(function () {
-    if (!getPos || typeof getPos === 'boolean') {
-      return undefined;
-    }
-    var pos = getPos();
-    return typeof pos === 'number' ? pos : undefined;
-  }, [getPos]);
-  var _useLinkUpgradeDiscov = (0, _useLinkUpgradeDiscoverability.default)({
-      url: url,
-      linkPosition: linkPosition || -1,
-      cardContext: cardContext === null || cardContext === void 0 ? void 0 : cardContext.value,
-      pluginInjectionApi: pluginInjectionApi,
-      isOverlayEnabled: isOverlayEnabled,
-      isPulseEnabled: isPulseEnabled
-    }),
-    shouldShowLinkPulse = _useLinkUpgradeDiscov.shouldShowLinkPulse,
-    shouldShowToolbarPulse = _useLinkUpgradeDiscov.shouldShowToolbarPulse,
-    shouldShowLinkOverlay = _useLinkUpgradeDiscov.shouldShowLinkOverlay,
-    isLinkMostRecentlyInserted = _useLinkUpgradeDiscov.isLinkMostRecentlyInserted;
-
-  // If the toolbar pulse has not yet been invalidated and this is a case where we will be showing it,
-  // we need to invalidate the link pulse too. Toolbar pulse will be invalidated in the corresponding component.
-  if (isSelected && shouldShowToolbarPulse && !(0, _localStorage.isLocalStorageKeyDiscovered)(_localStorage.LOCAL_STORAGE_DISCOVERY_KEY_TOOLBAR)) {
-    (0, _localStorage.markLocalStorageKeyDiscovered)(_localStorage.LOCAL_STORAGE_DISCOVERY_KEY_SMART_LINK);
-  }
-  // END: Awareness
-
   var scrollContainer = (0, _react.useMemo)(function () {
     return (0, _ui.findOverflowScrollParent)(view.dom) || undefined;
   }, [view.dom]);
@@ -116,8 +73,7 @@ var InlineCard = function InlineCard(_ref) {
     if (title) {
       setIsResolvedViewRendered(true);
     }
-    setIsInserted(isLinkMostRecentlyInserted);
-  }, [view, getPos, isLinkMostRecentlyInserted]);
+  }, [view, getPos]);
   var onError = (0, _react.useCallback)(function (data) {
     var url = data.url,
       err = data.err;
@@ -128,8 +84,22 @@ var InlineCard = function InlineCard(_ref) {
       url: url
     });
   }, [onResolve]);
+
+  // Begin Upgrade Awareness related code
+  var markMostRecentlyInsertedLink = (0, _react.useCallback)(function (isLinkMostRecentlyInserted) {
+    if (isOverlayEnabled) {
+      setIsInserted(isLinkMostRecentlyInserted);
+    }
+  }, [isOverlayEnabled]);
+  var setOverlayHoveredStyles = (0, _react.useCallback)(function (isHovered) {
+    if (isOverlayEnabled) {
+      setIsHovered(isHovered);
+    }
+  }, [isOverlayEnabled]);
+  //  End Upgrade Awareness related code
+
   var innerCard = (0, _react.useMemo)(function () {
-    return (0, _react2.jsx)(_smartCard.Card, {
+    return /*#__PURE__*/_react.default.createElement(_smartCard.Card, {
       key: url,
       url: url,
       data: data,
@@ -143,41 +113,28 @@ var InlineCard = function InlineCard(_ref) {
       isHovered: isHovered
     });
   }, [data, isHovered, onError, onResolve, scrollContainer, showServerActions, url, useAlternativePreloader]);
-
-  // BEGIN: Awareness (To be revisited in EDM-8508)
-  var cardWithOverlay = (0, _react.useMemo)(function () {
-    return shouldShowLinkOverlay ? (0, _react2.jsx)(_InlineCardOverlay.default, {
-      isSelected: isSelected,
-      isVisible: isResolvedViewRendered && (isInserted || isHovered || isSelected),
-      onMouseEnter: function onMouseEnter() {
-        return setIsHovered(true);
-      },
-      onMouseLeave: function onMouseLeave() {
-        return setIsHovered(false);
-      },
-      url: url
-    }, innerCard) : innerCard;
-  }, [innerCard, isHovered, isResolvedViewRendered, isSelected, isInserted, shouldShowLinkOverlay, url]);
   var card = (0, _react.useMemo)(function () {
-    var _cardContext$value;
-    return (0, _react2.jsx)("span", {
-      css: shouldShowLinkPulse && loaderWrapperStyles,
+    return isOverlayEnabled || isPulseEnabled ? /*#__PURE__*/_react.default.createElement(_AwarenessWrapper.AwarenessWrapper, {
+      isOverlayEnabled: isOverlayEnabled,
+      isPulseEnabled: isPulseEnabled,
+      cardContext: cardContext,
+      getPos: getPos,
+      isHovered: isHovered,
+      isInserted: isInserted,
+      url: url,
+      isSelected: isSelected,
+      isResolvedViewRendered: isResolvedViewRendered,
+      markMostRecentlyInsertedLink: markMostRecentlyInsertedLink,
+      pluginInjectionApi: pluginInjectionApi,
+      setOverlayHoveredStyles: setOverlayHoveredStyles
+    }, innerCard) : /*#__PURE__*/_react.default.createElement("span", {
       className: "card"
-    }, shouldShowLinkPulse ? (0, _react2.jsx)(_analyticsNext.AnalyticsContext, {
-      data: {
-        attributes: (0, _utils.getResolvedAttributesFromStore)(url, 'inline', cardContext === null || cardContext === void 0 || (_cardContext$value = cardContext.value) === null || _cardContext$value === void 0 ? void 0 : _cardContext$value.store)
-      }
-    }, (0, _react2.jsx)(_pulse.DiscoveryPulse, {
-      localStorageKey: _localStorage.LOCAL_STORAGE_DISCOVERY_KEY_SMART_LINK,
-      localStorageKeyExpirationInMs: _localStorage.ONE_DAY_IN_MILLISECONDS,
-      discoveryMode: "start"
-    }, cardWithOverlay)) : cardWithOverlay);
-  }, [shouldShowLinkPulse, cardWithOverlay, url, cardContext === null || cardContext === void 0 || (_cardContext$value2 = cardContext.value) === null || _cardContext$value2 === void 0 ? void 0 : _cardContext$value2.store]);
-  // END: Awareness
+    }, innerCard);
+  }, [cardContext, getPos, innerCard, isHovered, isInserted, isOverlayEnabled, isPulseEnabled, isResolvedViewRendered, isSelected, markMostRecentlyInsertedLink, pluginInjectionApi, setOverlayHoveredStyles, url]);
 
   // [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
-  return cardContext && cardContext.value ? (0, _react2.jsx)(cardContext.Provider, {
+  return cardContext && cardContext.value ? /*#__PURE__*/_react.default.createElement(cardContext.Provider, {
     value: cardContext.value
   }, card) : data ? card : null;
 };

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

@@ -60,6 +60,7 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pluginI
       allowEmbeds = options.allowEmbeds,
       allowBlockCards = options.allowBlockCards;
     var enableInlineUpgradeFeatures = !!showUpgradeDiscoverability && platform !== 'mobile';
+    var shouldUseUpgradeFeatures = (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.inline-switcher') && enableInlineUpgradeFeatures;
     var inlineCardViewProducer = (0, _reactNodeView.getInlineNodeViewProducer)({
       pmPluginFactoryParams: pmPluginFactoryParams,
       Component: _inlineCard.InlineCardNodeView,
@@ -103,7 +104,7 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pluginI
           if (!meta) {
             return pluginStateWithUpdatedPos;
           }
-          if (!(0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.inline-switcher')) {
+          if (!shouldUseUpgradeFeatures) {
             return (0, _reducers.default)(pluginStateWithUpdatedPos, meta);
           }
           var newState = (0, _reducers.default)(pluginStateWithUpdatedPos, meta);
@@ -111,7 +112,7 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pluginI
           // the code below is related to the "Inline Switcher" project, for more information pls see EDM-7984
           var isSingleInlineLink = (pluginState === null || pluginState === void 0 || (_pluginState$requests = pluginState.requests) === null || _pluginState$requests === void 0 ? void 0 : _pluginState$requests.length) === 1 && pluginState.requests[0].appearance === 'inline';
           var isSmartLinkPulseDiscovered = (0, _localStorage.isLocalStorageKeyDiscovered)(LOCAL_STORAGE_DISCOVERY_KEY_SMART_LINK);
-          if (meta.type !== 'RESOLVE' || !enableInlineUpgradeFeatures || !isSingleInlineLink) {
+          if (meta.type !== 'RESOLVE' || !isSingleInlineLink) {
             return newState;
           }
           var linkPosition = pluginState.requests[0].pos;
@@ -253,7 +254,7 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pluginI
             return new _embedCard.EmbedCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined, true, undefined, hasIntlContext).init();
           }
         }
-      }, (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.inline-switcher') && {
+      }, shouldUseUpgradeFeatures && {
         handleKeyDown: function handleKeyDown(view) {
           handleAwarenessOverlay(view);
           return false;

package/dist/cjs/ui/AwarenessWrapper/index.js

@@ -0,0 +1,107 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AwarenessWrapper = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _react2 = require("@emotion/react");
+var _analyticsNext = require("@atlaskit/analytics-next");
+var _useLinkUpgradeDiscoverability = _interopRequireDefault(require("../../common/hooks/useLinkUpgradeDiscoverability"));
+var _localStorage = require("../../common/local-storage");
+var _utils = require("../../utils");
+var _InlineCardOverlay = _interopRequireDefault(require("../InlineCardOverlay"));
+var _Pulse = require("../Pulse");
+/** @jsx jsx */
+
+// editor adds a standard line-height that is bigger than an inline smart link
+// due to that the link has a bit of white space around it, which doesn't look right when there is pulse around it
+var loaderWrapperStyles = (0, _react2.css)({
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
+  '.loader-wrapper': {
+    lineHeight: 'normal'
+  }
+});
+var AwarenessWrapper = exports.AwarenessWrapper = function AwarenessWrapper(_ref) {
+  var _cardContext$value2;
+  var cardContext = _ref.cardContext,
+    children = _ref.children,
+    getPos = _ref.getPos,
+    isInserted = _ref.isInserted,
+    isOverlayEnabled = _ref.isOverlayEnabled,
+    isSelected = _ref.isSelected,
+    isResolvedViewRendered = _ref.isResolvedViewRendered,
+    isPulseEnabled = _ref.isPulseEnabled,
+    markMostRecentlyInsertedLink = _ref.markMostRecentlyInsertedLink,
+    pluginInjectionApi = _ref.pluginInjectionApi,
+    setOverlayHoveredStyles = _ref.setOverlayHoveredStyles,
+    url = _ref.url;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isHovered = _useState2[0],
+    setIsHovered = _useState2[1];
+  var linkPosition = (0, _react.useMemo)(function () {
+    if (!getPos || typeof getPos === 'boolean') {
+      return undefined;
+    }
+    var pos = getPos();
+    return typeof pos === 'number' ? pos : undefined;
+  }, [getPos]);
+  var _useLinkUpgradeDiscov = (0, _useLinkUpgradeDiscoverability.default)({
+      url: url,
+      linkPosition: linkPosition || -1,
+      cardContext: cardContext === null || cardContext === void 0 ? void 0 : cardContext.value,
+      pluginInjectionApi: pluginInjectionApi,
+      isOverlayEnabled: isOverlayEnabled,
+      isPulseEnabled: isPulseEnabled
+    }),
+    shouldShowLinkPulse = _useLinkUpgradeDiscov.shouldShowLinkPulse,
+    shouldShowToolbarPulse = _useLinkUpgradeDiscov.shouldShowToolbarPulse,
+    shouldShowLinkOverlay = _useLinkUpgradeDiscov.shouldShowLinkOverlay,
+    isLinkMostRecentlyInserted = _useLinkUpgradeDiscov.isLinkMostRecentlyInserted;
+
+  // If the toolbar pulse has not yet been invalidated and this is a case where we will be showing it,
+  // we need to invalidate the link pulse too. Toolbar pulse will be invalidated in the corresponding component.
+  if (isSelected && shouldShowToolbarPulse && !(0, _localStorage.isLocalStorageKeyDiscovered)(_localStorage.LOCAL_STORAGE_DISCOVERY_KEY_TOOLBAR)) {
+    (0, _localStorage.markLocalStorageKeyDiscovered)(_localStorage.LOCAL_STORAGE_DISCOVERY_KEY_SMART_LINK);
+  }
+  (0, _react.useEffect)(function () {
+    if (shouldShowLinkOverlay && isLinkMostRecentlyInserted) {
+      markMostRecentlyInsertedLink(true);
+    }
+  }, [isLinkMostRecentlyInserted, markMostRecentlyInsertedLink, shouldShowLinkOverlay]);
+  var handleOverlayChange = (0, _react.useCallback)(function (isHovered) {
+    setIsHovered(isHovered);
+    setOverlayHoveredStyles(isHovered);
+  }, [setOverlayHoveredStyles]);
+  var cardWithOverlay = (0, _react.useMemo)(function () {
+    return shouldShowLinkOverlay ? (0, _react2.jsx)(_InlineCardOverlay.default, {
+      isSelected: isSelected,
+      isVisible: isResolvedViewRendered && (isInserted || isHovered || isSelected),
+      onMouseEnter: function onMouseEnter() {
+        return handleOverlayChange(true);
+      },
+      onMouseLeave: function onMouseLeave() {
+        return handleOverlayChange(false);
+      },
+      url: url
+    }, children) : children;
+  }, [shouldShowLinkOverlay, isSelected, isResolvedViewRendered, isInserted, isHovered, url, children, handleOverlayChange]);
+  return (0, _react.useMemo)(function () {
+    var _cardContext$value;
+    return (0, _react2.jsx)("span", {
+      css: shouldShowLinkPulse && loaderWrapperStyles,
+      className: "card"
+    }, shouldShowLinkPulse ? (0, _react2.jsx)(_analyticsNext.AnalyticsContext, {
+      data: {
+        attributes: (0, _utils.getResolvedAttributesFromStore)(url, 'inline', cardContext === null || cardContext === void 0 || (_cardContext$value = cardContext.value) === null || _cardContext$value === void 0 ? void 0 : _cardContext$value.store)
+      }
+    }, (0, _react2.jsx)(_Pulse.DiscoveryPulse, {
+      localStorageKey: _localStorage.LOCAL_STORAGE_DISCOVERY_KEY_SMART_LINK,
+      localStorageKeyExpirationInMs: _localStorage.ONE_DAY_IN_MILLISECONDS,
+      discoveryMode: "start"
+    }, cardWithOverlay)) : cardWithOverlay);
+  }, [shouldShowLinkPulse, url, cardContext === null || cardContext === void 0 || (_cardContext$value2 = cardContext.value) === null || _cardContext$value2 === void 0 ? void 0 : _cardContext$value2.store, cardWithOverlay]);
+};

package/dist/cjs/ui/LinkToolbarAppearance.js

@@ -22,9 +22,9 @@ var _messages = _interopRequireWildcard(require("@atlaskit/editor-common/message
 var _utils = require("@atlaskit/editor-common/utils");
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _localStorage = require("../common/local-storage");
-var _pulse = require("../common/pulse");
 var _toolbar = require("../toolbar");
 var _utils2 = require("../utils");
+var _Pulse = require("./Pulse");
 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 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; }
@@ -134,7 +134,7 @@ var LinkToolbarAppearance = exports.LinkToolbarAppearance = /*#__PURE__*/functio
           data: {
             attributes: _objectSpread({}, resolvedAnalyticsAttributes)
           }
-        }, /*#__PURE__*/_react.default.createElement(_pulse.DiscoveryPulse, {
+        }, /*#__PURE__*/_react.default.createElement(_Pulse.DiscoveryPulse, {
           localStorageKey: _localStorage.LOCAL_STORAGE_DISCOVERY_KEY_TOOLBAR
         }, LinkToolbarButtons));
       }

package/dist/cjs/{common/pulse → ui/Pulse}/index.js

@@ -8,7 +8,7 @@ exports.DiscoveryPulse = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _linkingCommon = require("@atlaskit/linking-common");
-var _localStorage = require("../local-storage");
+var _localStorage = require("../../common/local-storage");
 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; }
 var DiscoveryPulse = exports.DiscoveryPulse = function DiscoveryPulse(_ref) {

package/dist/es2019/nodeviews/inlineCard.js

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import PropTypes from 'prop-types';
@@ -103,7 +104,6 @@ _defineProperty(InlineCardComponent, "contextTypes", {
 const WrappedInlineCard = Card(InlineCardComponent, UnsupportedInline);
 const WrappedInlineCardWithAwareness = Card(InlineCardWithAwareness, UnsupportedInline);
 export function InlineCardNodeView(props) {
-  var _view$state$selection, _view$state$selection2, _view$state$selection3;
   const {
     useAlternativePreloader,
     node,
@@ -124,26 +124,24 @@ export function InlineCardNodeView(props) {
       useAlternativePreloader: useAlternativePreloader
     });
   }
-
-  // BEGIN: Awareness (To be revisited in EDM-8508)
-  const editorState = view.state;
-  const linkPosition = getPos && typeof getPos() === 'number' ? getPos() : undefined;
-  const canBeUpgradedToEmbed = !!linkPosition && allowEmbeds ? isEmbedSupportedAtPosition(linkPosition, editorState, 'inline') : false;
-  const canBeUpgradedToBlock = !!linkPosition && allowBlockCards ? isBlockSupportedAtPosition(linkPosition, editorState, 'inline') : false;
-  const isPulseEnabled = enableInlineUpgradeFeatures && canBeUpgradedToEmbed;
-  const isOverlayEnabled = enableInlineUpgradeFeatures && (canBeUpgradedToEmbed || canBeUpgradedToBlock);
-  const isSelected = view.state.selection instanceof NodeSelection && ((_view$state$selection = view.state.selection) === null || _view$state$selection === void 0 ? void 0 : (_view$state$selection2 = _view$state$selection.node) === null || _view$state$selection2 === void 0 ? void 0 : _view$state$selection2.type) === view.state.schema.nodes.inlineCard && ((_view$state$selection3 = view.state.selection) === null || _view$state$selection3 === void 0 ? void 0 : _view$state$selection3.from) === getPos();
-  // END: Awareness
-
-  return /*#__PURE__*/React.createElement(WrappedInlineCardWithAwareness, {
+  return /*#__PURE__*/React.createElement(WrappedInlineCardWithAwareness, _extends({
     node: node,
     view: view,
     getPos: getPos,
     showServerActions: showServerActions,
     useAlternativePreloader: useAlternativePreloader,
-    isOverlayEnabled: isOverlayEnabled,
-    isPulseEnabled: isPulseEnabled,
-    pluginInjectionApi: pluginInjectionApi,
-    isSelected: isSelected
-  });
-}
+    pluginInjectionApi: pluginInjectionApi
+  }, enableInlineUpgradeFeatures && getAwarenessProps(view.state, getPos, allowEmbeds, allowBlockCards)));
+}
+const getAwarenessProps = (editorState, getPos, allowEmbeds, allowBlockCards) => {
+  var _editorState$selectio, _editorState$selectio2, _editorState$selectio3;
+  const linkPosition = getPos && typeof getPos() === 'number' ? getPos() : undefined;
+  const canBeUpgradedToEmbed = !!linkPosition && allowEmbeds ? isEmbedSupportedAtPosition(linkPosition, editorState, 'inline') : false;
+  const canBeUpgradedToBlock = !!linkPosition && allowBlockCards ? isBlockSupportedAtPosition(linkPosition, editorState, 'inline') : false;
+  const isSelected = editorState.selection instanceof NodeSelection && ((_editorState$selectio = editorState.selection) === null || _editorState$selectio === void 0 ? void 0 : (_editorState$selectio2 = _editorState$selectio.node) === null || _editorState$selectio2 === void 0 ? void 0 : _editorState$selectio2.type) === editorState.schema.nodes.inlineCard && ((_editorState$selectio3 = editorState.selection) === null || _editorState$selectio3 === void 0 ? void 0 : _editorState$selectio3.from) === getPos();
+  return {
+    isPulseEnabled: canBeUpgradedToEmbed,
+    isOverlayEnabled: canBeUpgradedToEmbed || canBeUpgradedToBlock,
+    isSelected
+  };
+};

package/dist/es2019/nodeviews/inlineCardWithAwareness.js

@@ -1,24 +1,9 @@
-/** @jsx jsx */
-import { memo, useCallback, useMemo, useState } from 'react';
-import { css, jsx } from '@emotion/react';
+import React, { memo, useCallback, useMemo, useState } from 'react';
 import rafSchedule from 'raf-schd';
-import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { findOverflowScrollParent } from '@atlaskit/editor-common/ui';
 import { Card as SmartCard } from '@atlaskit/smart-card';
-import useLinkUpgradeDiscoverability from '../common/hooks/useLinkUpgradeDiscoverability';
-import { isLocalStorageKeyDiscovered, LOCAL_STORAGE_DISCOVERY_KEY_SMART_LINK, LOCAL_STORAGE_DISCOVERY_KEY_TOOLBAR, markLocalStorageKeyDiscovered, ONE_DAY_IN_MILLISECONDS } from '../common/local-storage';
-import { DiscoveryPulse } from '../common/pulse';
 import { registerCard, registerRemoveOverlay } from '../pm-plugins/actions';
-import InlineCardOverlay from '../ui/InlineCardOverlay';
-import { getResolvedAttributesFromStore } from '../utils';
-// editor adds a standard line-height that is bigger than an inline smart link
-// due to that the link has a bit of white space around it, which doesn't look right when there is pulse around it
-const loaderWrapperStyles = css({
-  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
-  '.loader-wrapper': {
-    lineHeight: 'normal'
-  }
-});
+import { AwarenessWrapper } from '../ui/AwarenessWrapper';
 const InlineCard = ({
   node,
   cardContext,
@@ -31,44 +16,13 @@ const InlineCard = ({
   pluginInjectionApi,
   isSelected = false
 }) => {
-  var _cardContext$value2;
   const {
     url,
     data
   } = node.attrs;
-
-  // BEGIN: Awareness (To be revisited in EDM-8508)
   const [isHovered, setIsHovered] = useState(false);
   const [isInserted, setIsInserted] = useState(false);
   const [isResolvedViewRendered, setIsResolvedViewRendered] = useState(false);
-  const linkPosition = useMemo(() => {
-    if (!getPos || typeof getPos === 'boolean') {
-      return undefined;
-    }
-    const pos = getPos();
-    return typeof pos === 'number' ? pos : undefined;
-  }, [getPos]);
-  const {
-    shouldShowLinkPulse,
-    shouldShowToolbarPulse,
-    shouldShowLinkOverlay,
-    isLinkMostRecentlyInserted
-  } = useLinkUpgradeDiscoverability({
-    url,
-    linkPosition: linkPosition || -1,
-    cardContext: cardContext === null || cardContext === void 0 ? void 0 : cardContext.value,
-    pluginInjectionApi,
-    isOverlayEnabled,
-    isPulseEnabled
-  });
-
-  // If the toolbar pulse has not yet been invalidated and this is a case where we will be showing it,
-  // we need to invalidate the link pulse too. Toolbar pulse will be invalidated in the corresponding component.
-  if (isSelected && shouldShowToolbarPulse && !isLocalStorageKeyDiscovered(LOCAL_STORAGE_DISCOVERY_KEY_TOOLBAR)) {
-    markLocalStorageKeyDiscovered(LOCAL_STORAGE_DISCOVERY_KEY_SMART_LINK);
-  }
-  // END: Awareness
-
   const scrollContainer = useMemo(() => findOverflowScrollParent(view.dom) || undefined, [view.dom]);
   const onResolve = useCallback(data => {
     if (!getPos || typeof getPos === 'boolean') {
@@ -98,8 +52,7 @@ const InlineCard = ({
     if (title) {
       setIsResolvedViewRendered(true);
     }
-    setIsInserted(isLinkMostRecentlyInserted);
-  }, [view, getPos, isLinkMostRecentlyInserted]);
+  }, [view, getPos]);
   const onError = useCallback(data => {
     const {
       url,
@@ -112,7 +65,21 @@ const InlineCard = ({
       url
     });
   }, [onResolve]);
-  const innerCard = useMemo(() => jsx(SmartCard, {
+
+  // Begin Upgrade Awareness related code
+  const markMostRecentlyInsertedLink = useCallback(isLinkMostRecentlyInserted => {
+    if (isOverlayEnabled) {
+      setIsInserted(isLinkMostRecentlyInserted);
+    }
+  }, [isOverlayEnabled]);
+  const setOverlayHoveredStyles = useCallback(isHovered => {
+    if (isOverlayEnabled) {
+      setIsHovered(isHovered);
+    }
+  }, [isOverlayEnabled]);
+  //  End Upgrade Awareness related code
+
+  const innerCard = useMemo(() => /*#__PURE__*/React.createElement(SmartCard, {
     key: url,
     url: url,
     data: data,
@@ -125,35 +92,28 @@ const InlineCard = ({
     showServerActions: showServerActions,
     isHovered: isHovered
   }), [data, isHovered, onError, onResolve, scrollContainer, showServerActions, url, useAlternativePreloader]);
-
-  // BEGIN: Awareness (To be revisited in EDM-8508)
-  const cardWithOverlay = useMemo(() => shouldShowLinkOverlay ? jsx(InlineCardOverlay, {
-    isSelected: isSelected,
-    isVisible: isResolvedViewRendered && (isInserted || isHovered || isSelected),
-    onMouseEnter: () => setIsHovered(true),
-    onMouseLeave: () => setIsHovered(false),
-    url: url
-  }, innerCard) : innerCard, [innerCard, isHovered, isResolvedViewRendered, isSelected, isInserted, shouldShowLinkOverlay, url]);
   const card = useMemo(() => {
-    var _cardContext$value;
-    return jsx("span", {
-      css: shouldShowLinkPulse && loaderWrapperStyles,
+    return isOverlayEnabled || isPulseEnabled ? /*#__PURE__*/React.createElement(AwarenessWrapper, {
+      isOverlayEnabled: isOverlayEnabled,
+      isPulseEnabled: isPulseEnabled,
+      cardContext: cardContext,
+      getPos: getPos,
+      isHovered: isHovered,
+      isInserted: isInserted,
+      url: url,
+      isSelected: isSelected,
+      isResolvedViewRendered: isResolvedViewRendered,
+      markMostRecentlyInsertedLink: markMostRecentlyInsertedLink,
+      pluginInjectionApi: pluginInjectionApi,
+      setOverlayHoveredStyles: setOverlayHoveredStyles
+    }, innerCard) : /*#__PURE__*/React.createElement("span", {
       className: "card"
-    }, shouldShowLinkPulse ? jsx(AnalyticsContext, {
-      data: {
-        attributes: getResolvedAttributesFromStore(url, 'inline', cardContext === null || cardContext === void 0 ? void 0 : (_cardContext$value = cardContext.value) === null || _cardContext$value === void 0 ? void 0 : _cardContext$value.store)
-      }
-    }, jsx(DiscoveryPulse, {
-      localStorageKey: LOCAL_STORAGE_DISCOVERY_KEY_SMART_LINK,
-      localStorageKeyExpirationInMs: ONE_DAY_IN_MILLISECONDS,
-      discoveryMode: "start"
-    }, cardWithOverlay)) : cardWithOverlay);
-  }, [shouldShowLinkPulse, cardWithOverlay, url, cardContext === null || cardContext === void 0 ? void 0 : (_cardContext$value2 = cardContext.value) === null || _cardContext$value2 === void 0 ? void 0 : _cardContext$value2.store]);
-  // END: Awareness
+    }, innerCard);
+  }, [cardContext, getPos, innerCard, isHovered, isInserted, isOverlayEnabled, isPulseEnabled, isResolvedViewRendered, isSelected, markMostRecentlyInsertedLink, pluginInjectionApi, setOverlayHoveredStyles, url]);
 
   // [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
-  return cardContext && cardContext.value ? jsx(cardContext.Provider, {
+  return cardContext && cardContext.value ? /*#__PURE__*/React.createElement(cardContext.Provider, {
     value: cardContext.value
   }, card) : data ? card : null;
 };

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

@@ -45,6 +45,7 @@ export const createPlugin = (options, pluginInjectionApi) => pmPluginFactoryPara
     allowBlockCards
   } = options;
   const enableInlineUpgradeFeatures = !!showUpgradeDiscoverability && platform !== 'mobile';
+  const shouldUseUpgradeFeatures = getBooleanFF('platform.linking-platform.smart-card.inline-switcher') && enableInlineUpgradeFeatures;
   const inlineCardViewProducer = getInlineNodeViewProducer({
     pmPluginFactoryParams,
     Component: InlineCardNodeView,
@@ -88,7 +89,7 @@ export const createPlugin = (options, pluginInjectionApi) => pmPluginFactoryPara
         if (!meta) {
           return pluginStateWithUpdatedPos;
         }
-        if (!getBooleanFF('platform.linking-platform.smart-card.inline-switcher')) {
+        if (!shouldUseUpgradeFeatures) {
           return reducer(pluginStateWithUpdatedPos, meta);
         }
         const newState = reducer(pluginStateWithUpdatedPos, meta);
@@ -96,7 +97,7 @@ export const createPlugin = (options, pluginInjectionApi) => pmPluginFactoryPara
         // the code below is related to the "Inline Switcher" project, for more information pls see EDM-7984
         const isSingleInlineLink = (pluginState === null || pluginState === void 0 ? void 0 : (_pluginState$requests = pluginState.requests) === null || _pluginState$requests === void 0 ? void 0 : _pluginState$requests.length) === 1 && pluginState.requests[0].appearance === 'inline';
         const isSmartLinkPulseDiscovered = isLocalStorageKeyDiscovered(LOCAL_STORAGE_DISCOVERY_KEY_SMART_LINK);
-        if (meta.type !== 'RESOLVE' || !enableInlineUpgradeFeatures || !isSingleInlineLink) {
+        if (meta.type !== 'RESOLVE' || !isSingleInlineLink) {
           return newState;
         }
         const linkPosition = pluginState.requests[0].pos;
@@ -246,7 +247,7 @@ export const createPlugin = (options, pluginInjectionApi) => pmPluginFactoryPara
           return new EmbedCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined, true, undefined, hasIntlContext).init();
         }
       },
-      ...(getBooleanFF('platform.linking-platform.smart-card.inline-switcher') && {
+      ...(shouldUseUpgradeFeatures && {
         handleKeyDown: view => {
           handleAwarenessOverlay(view);
           return false;

package/dist/es2019/ui/AwarenessWrapper/index.js

@@ -0,0 +1,91 @@
+/** @jsx jsx */
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { css, jsx } from '@emotion/react';
+import { AnalyticsContext } from '@atlaskit/analytics-next';
+import useLinkUpgradeDiscoverability from '../../common/hooks/useLinkUpgradeDiscoverability';
+import { isLocalStorageKeyDiscovered, LOCAL_STORAGE_DISCOVERY_KEY_SMART_LINK, LOCAL_STORAGE_DISCOVERY_KEY_TOOLBAR, markLocalStorageKeyDiscovered, ONE_DAY_IN_MILLISECONDS } from '../../common/local-storage';
+import { getResolvedAttributesFromStore } from '../../utils';
+import InlineCardOverlay from '../InlineCardOverlay';
+import { DiscoveryPulse } from '../Pulse';
+// editor adds a standard line-height that is bigger than an inline smart link
+// due to that the link has a bit of white space around it, which doesn't look right when there is pulse around it
+const loaderWrapperStyles = css({
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
+  '.loader-wrapper': {
+    lineHeight: 'normal'
+  }
+});
+export const AwarenessWrapper = ({
+  cardContext,
+  children,
+  getPos,
+  isInserted,
+  isOverlayEnabled,
+  isSelected,
+  isResolvedViewRendered,
+  isPulseEnabled,
+  markMostRecentlyInsertedLink,
+  pluginInjectionApi,
+  setOverlayHoveredStyles,
+  url
+}) => {
+  var _cardContext$value2;
+  const [isHovered, setIsHovered] = useState(false);
+  const linkPosition = useMemo(() => {
+    if (!getPos || typeof getPos === 'boolean') {
+      return undefined;
+    }
+    const pos = getPos();
+    return typeof pos === 'number' ? pos : undefined;
+  }, [getPos]);
+  const {
+    shouldShowLinkPulse,
+    shouldShowToolbarPulse,
+    shouldShowLinkOverlay,
+    isLinkMostRecentlyInserted
+  } = useLinkUpgradeDiscoverability({
+    url,
+    linkPosition: linkPosition || -1,
+    cardContext: cardContext === null || cardContext === void 0 ? void 0 : cardContext.value,
+    pluginInjectionApi,
+    isOverlayEnabled,
+    isPulseEnabled
+  });
+
+  // If the toolbar pulse has not yet been invalidated and this is a case where we will be showing it,
+  // we need to invalidate the link pulse too. Toolbar pulse will be invalidated in the corresponding component.
+  if (isSelected && shouldShowToolbarPulse && !isLocalStorageKeyDiscovered(LOCAL_STORAGE_DISCOVERY_KEY_TOOLBAR)) {
+    markLocalStorageKeyDiscovered(LOCAL_STORAGE_DISCOVERY_KEY_SMART_LINK);
+  }
+  useEffect(() => {
+    if (shouldShowLinkOverlay && isLinkMostRecentlyInserted) {
+      markMostRecentlyInsertedLink(true);
+    }
+  }, [isLinkMostRecentlyInserted, markMostRecentlyInsertedLink, shouldShowLinkOverlay]);
+  const handleOverlayChange = useCallback(isHovered => {
+    setIsHovered(isHovered);
+    setOverlayHoveredStyles(isHovered);
+  }, [setOverlayHoveredStyles]);
+  const cardWithOverlay = useMemo(() => shouldShowLinkOverlay ? jsx(InlineCardOverlay, {
+    isSelected: isSelected,
+    isVisible: isResolvedViewRendered && (isInserted || isHovered || isSelected),
+    onMouseEnter: () => handleOverlayChange(true),
+    onMouseLeave: () => handleOverlayChange(false),
+    url: url
+  }, children) : children, [shouldShowLinkOverlay, isSelected, isResolvedViewRendered, isInserted, isHovered, url, children, handleOverlayChange]);
+  return useMemo(() => {
+    var _cardContext$value;
+    return jsx("span", {
+      css: shouldShowLinkPulse && loaderWrapperStyles,
+      className: "card"
+    }, shouldShowLinkPulse ? jsx(AnalyticsContext, {
+      data: {
+        attributes: getResolvedAttributesFromStore(url, 'inline', cardContext === null || cardContext === void 0 ? void 0 : (_cardContext$value = cardContext.value) === null || _cardContext$value === void 0 ? void 0 : _cardContext$value.store)
+      }
+    }, jsx(DiscoveryPulse, {
+      localStorageKey: LOCAL_STORAGE_DISCOVERY_KEY_SMART_LINK,
+      localStorageKeyExpirationInMs: ONE_DAY_IN_MILLISECONDS,
+      discoveryMode: "start"
+    }, cardWithOverlay)) : cardWithOverlay);
+  }, [shouldShowLinkPulse, url, cardContext === null || cardContext === void 0 ? void 0 : (_cardContext$value2 = cardContext.value) === null || _cardContext$value2 === void 0 ? void 0 : _cardContext$value2.store, cardWithOverlay]);
+};

package/dist/es2019/ui/LinkToolbarAppearance.js

@@ -8,9 +8,9 @@ import nodeNames, { cardMessages as messages } from '@atlaskit/editor-common/mes
 import { isSupportedInParent } from '@atlaskit/editor-common/utils';
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { LOCAL_STORAGE_DISCOVERY_KEY_TOOLBAR } from '../common/local-storage';
-import { DiscoveryPulse } from '../common/pulse';
 import { shouldRenderToolbarPulse } from '../toolbar';
 import { getResolvedAttributesFromStore } from '../utils';
+import { DiscoveryPulse } from './Pulse';
 // eslint-disable-next-line @repo/internal/react/no-class-components
 export class LinkToolbarAppearance extends React.Component {
   constructor(...args) {

package/dist/es2019/{common/pulse → ui/Pulse}/index.js

@@ -1,7 +1,7 @@
 import React, { useCallback, useEffect } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { Pulse } from '@atlaskit/linking-common';
-import { isLocalStorageKeyDiscovered, markLocalStorageKeyDiscovered } from '../local-storage';
+import { isLocalStorageKeyDiscovered, markLocalStorageKeyDiscovered } from '../../common/local-storage';
 export const DiscoveryPulse = ({
   children,
   localStorageKey,

package/dist/esm/nodeviews/inlineCard.js

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/extends";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
@@ -116,7 +117,6 @@ _defineProperty(InlineCardComponent, "contextTypes", {
 var WrappedInlineCard = Card(InlineCardComponent, UnsupportedInline);
 var WrappedInlineCardWithAwareness = Card(InlineCardWithAwareness, UnsupportedInline);
 export function InlineCardNodeView(props) {
-  var _view$state$selection, _view$state$selection2;
   var useAlternativePreloader = props.useAlternativePreloader,
     node = props.node,
     view = props.view,
@@ -135,26 +135,24 @@ export function InlineCardNodeView(props) {
       useAlternativePreloader: useAlternativePreloader
     });
   }
-
-  // BEGIN: Awareness (To be revisited in EDM-8508)
-  var editorState = view.state;
-  var linkPosition = getPos && typeof getPos() === 'number' ? getPos() : undefined;
-  var canBeUpgradedToEmbed = !!linkPosition && allowEmbeds ? isEmbedSupportedAtPosition(linkPosition, editorState, 'inline') : false;
-  var canBeUpgradedToBlock = !!linkPosition && allowBlockCards ? isBlockSupportedAtPosition(linkPosition, editorState, 'inline') : false;
-  var isPulseEnabled = enableInlineUpgradeFeatures && canBeUpgradedToEmbed;
-  var isOverlayEnabled = enableInlineUpgradeFeatures && (canBeUpgradedToEmbed || canBeUpgradedToBlock);
-  var isSelected = view.state.selection instanceof NodeSelection && ((_view$state$selection = view.state.selection) === null || _view$state$selection === void 0 || (_view$state$selection = _view$state$selection.node) === null || _view$state$selection === void 0 ? void 0 : _view$state$selection.type) === view.state.schema.nodes.inlineCard && ((_view$state$selection2 = view.state.selection) === null || _view$state$selection2 === void 0 ? void 0 : _view$state$selection2.from) === getPos();
-  // END: Awareness
-
-  return /*#__PURE__*/React.createElement(WrappedInlineCardWithAwareness, {
+  return /*#__PURE__*/React.createElement(WrappedInlineCardWithAwareness, _extends({
     node: node,
     view: view,
     getPos: getPos,
     showServerActions: showServerActions,
     useAlternativePreloader: useAlternativePreloader,
-    isOverlayEnabled: isOverlayEnabled,
-    isPulseEnabled: isPulseEnabled,
-    pluginInjectionApi: pluginInjectionApi,
+    pluginInjectionApi: pluginInjectionApi
+  }, enableInlineUpgradeFeatures && getAwarenessProps(view.state, getPos, allowEmbeds, allowBlockCards)));
+}
+var getAwarenessProps = function getAwarenessProps(editorState, getPos, allowEmbeds, allowBlockCards) {
+  var _editorState$selectio, _editorState$selectio2;
+  var linkPosition = getPos && typeof getPos() === 'number' ? getPos() : undefined;
+  var canBeUpgradedToEmbed = !!linkPosition && allowEmbeds ? isEmbedSupportedAtPosition(linkPosition, editorState, 'inline') : false;
+  var canBeUpgradedToBlock = !!linkPosition && allowBlockCards ? isBlockSupportedAtPosition(linkPosition, editorState, 'inline') : false;
+  var isSelected = editorState.selection instanceof NodeSelection && ((_editorState$selectio = editorState.selection) === null || _editorState$selectio === void 0 || (_editorState$selectio = _editorState$selectio.node) === null || _editorState$selectio === void 0 ? void 0 : _editorState$selectio.type) === editorState.schema.nodes.inlineCard && ((_editorState$selectio2 = editorState.selection) === null || _editorState$selectio2 === void 0 ? void 0 : _editorState$selectio2.from) === getPos();
+  return {
+    isPulseEnabled: canBeUpgradedToEmbed,
+    isOverlayEnabled: canBeUpgradedToEmbed || canBeUpgradedToBlock,
     isSelected: isSelected
-  });
-}
+  };
+};

package/dist/esm/nodeviews/inlineCardWithAwareness.js

@@ -1,27 +1,11 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-/** @jsx jsx */
-import { memo, useCallback, useMemo, useState } from 'react';
-import { css, jsx } from '@emotion/react';
+import React, { memo, useCallback, useMemo, useState } from 'react';
 import rafSchedule from 'raf-schd';
-import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { findOverflowScrollParent } from '@atlaskit/editor-common/ui';
 import { Card as SmartCard } from '@atlaskit/smart-card';
-import useLinkUpgradeDiscoverability from '../common/hooks/useLinkUpgradeDiscoverability';
-import { isLocalStorageKeyDiscovered, LOCAL_STORAGE_DISCOVERY_KEY_SMART_LINK, LOCAL_STORAGE_DISCOVERY_KEY_TOOLBAR, markLocalStorageKeyDiscovered, ONE_DAY_IN_MILLISECONDS } from '../common/local-storage';
-import { DiscoveryPulse } from '../common/pulse';
 import { registerCard, registerRemoveOverlay } from '../pm-plugins/actions';
-import InlineCardOverlay from '../ui/InlineCardOverlay';
-import { getResolvedAttributesFromStore } from '../utils';
-// editor adds a standard line-height that is bigger than an inline smart link
-// due to that the link has a bit of white space around it, which doesn't look right when there is pulse around it
-var loaderWrapperStyles = css({
-  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
-  '.loader-wrapper': {
-    lineHeight: 'normal'
-  }
-});
+import { AwarenessWrapper } from '../ui/AwarenessWrapper';
 var InlineCard = function InlineCard(_ref) {
-  var _cardContext$value2;
   var node = _ref.node,
     cardContext = _ref.cardContext,
     showServerActions = _ref.showServerActions,
@@ -36,8 +20,6 @@ var InlineCard = function InlineCard(_ref) {
   var _node$attrs = node.attrs,
     url = _node$attrs.url,
     data = _node$attrs.data;
-
-  // BEGIN: Awareness (To be revisited in EDM-8508)
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isHovered = _useState2[0],
@@ -50,33 +32,6 @@ var InlineCard = function InlineCard(_ref) {
     _useState6 = _slicedToArray(_useState5, 2),
     isResolvedViewRendered = _useState6[0],
     setIsResolvedViewRendered = _useState6[1];
-  var linkPosition = useMemo(function () {
-    if (!getPos || typeof getPos === 'boolean') {
-      return undefined;
-    }
-    var pos = getPos();
-    return typeof pos === 'number' ? pos : undefined;
-  }, [getPos]);
-  var _useLinkUpgradeDiscov = useLinkUpgradeDiscoverability({
-      url: url,
-      linkPosition: linkPosition || -1,
-      cardContext: cardContext === null || cardContext === void 0 ? void 0 : cardContext.value,
-      pluginInjectionApi: pluginInjectionApi,
-      isOverlayEnabled: isOverlayEnabled,
-      isPulseEnabled: isPulseEnabled
-    }),
-    shouldShowLinkPulse = _useLinkUpgradeDiscov.shouldShowLinkPulse,
-    shouldShowToolbarPulse = _useLinkUpgradeDiscov.shouldShowToolbarPulse,
-    shouldShowLinkOverlay = _useLinkUpgradeDiscov.shouldShowLinkOverlay,
-    isLinkMostRecentlyInserted = _useLinkUpgradeDiscov.isLinkMostRecentlyInserted;
-
-  // If the toolbar pulse has not yet been invalidated and this is a case where we will be showing it,
-  // we need to invalidate the link pulse too. Toolbar pulse will be invalidated in the corresponding component.
-  if (isSelected && shouldShowToolbarPulse && !isLocalStorageKeyDiscovered(LOCAL_STORAGE_DISCOVERY_KEY_TOOLBAR)) {
-    markLocalStorageKeyDiscovered(LOCAL_STORAGE_DISCOVERY_KEY_SMART_LINK);
-  }
-  // END: Awareness
-
   var scrollContainer = useMemo(function () {
     return findOverflowScrollParent(view.dom) || undefined;
   }, [view.dom]);
@@ -108,8 +63,7 @@ var InlineCard = function InlineCard(_ref) {
     if (title) {
       setIsResolvedViewRendered(true);
     }
-    setIsInserted(isLinkMostRecentlyInserted);
-  }, [view, getPos, isLinkMostRecentlyInserted]);
+  }, [view, getPos]);
   var onError = useCallback(function (data) {
     var url = data.url,
       err = data.err;
@@ -120,8 +74,22 @@ var InlineCard = function InlineCard(_ref) {
       url: url
     });
   }, [onResolve]);
+
+  // Begin Upgrade Awareness related code
+  var markMostRecentlyInsertedLink = useCallback(function (isLinkMostRecentlyInserted) {
+    if (isOverlayEnabled) {
+      setIsInserted(isLinkMostRecentlyInserted);
+    }
+  }, [isOverlayEnabled]);
+  var setOverlayHoveredStyles = useCallback(function (isHovered) {
+    if (isOverlayEnabled) {
+      setIsHovered(isHovered);
+    }
+  }, [isOverlayEnabled]);
+  //  End Upgrade Awareness related code
+
   var innerCard = useMemo(function () {
-    return jsx(SmartCard, {
+    return /*#__PURE__*/React.createElement(SmartCard, {
       key: url,
       url: url,
       data: data,
@@ -135,41 +103,28 @@ var InlineCard = function InlineCard(_ref) {
       isHovered: isHovered
     });
   }, [data, isHovered, onError, onResolve, scrollContainer, showServerActions, url, useAlternativePreloader]);
-
-  // BEGIN: Awareness (To be revisited in EDM-8508)
-  var cardWithOverlay = useMemo(function () {
-    return shouldShowLinkOverlay ? jsx(InlineCardOverlay, {
-      isSelected: isSelected,
-      isVisible: isResolvedViewRendered && (isInserted || isHovered || isSelected),
-      onMouseEnter: function onMouseEnter() {
-        return setIsHovered(true);
-      },
-      onMouseLeave: function onMouseLeave() {
-        return setIsHovered(false);
-      },
-      url: url
-    }, innerCard) : innerCard;
-  }, [innerCard, isHovered, isResolvedViewRendered, isSelected, isInserted, shouldShowLinkOverlay, url]);
   var card = useMemo(function () {
-    var _cardContext$value;
-    return jsx("span", {
-      css: shouldShowLinkPulse && loaderWrapperStyles,
+    return isOverlayEnabled || isPulseEnabled ? /*#__PURE__*/React.createElement(AwarenessWrapper, {
+      isOverlayEnabled: isOverlayEnabled,
+      isPulseEnabled: isPulseEnabled,
+      cardContext: cardContext,
+      getPos: getPos,
+      isHovered: isHovered,
+      isInserted: isInserted,
+      url: url,
+      isSelected: isSelected,
+      isResolvedViewRendered: isResolvedViewRendered,
+      markMostRecentlyInsertedLink: markMostRecentlyInsertedLink,
+      pluginInjectionApi: pluginInjectionApi,
+      setOverlayHoveredStyles: setOverlayHoveredStyles
+    }, innerCard) : /*#__PURE__*/React.createElement("span", {
       className: "card"
-    }, shouldShowLinkPulse ? jsx(AnalyticsContext, {
-      data: {
-        attributes: getResolvedAttributesFromStore(url, 'inline', cardContext === null || cardContext === void 0 || (_cardContext$value = cardContext.value) === null || _cardContext$value === void 0 ? void 0 : _cardContext$value.store)
-      }
-    }, jsx(DiscoveryPulse, {
-      localStorageKey: LOCAL_STORAGE_DISCOVERY_KEY_SMART_LINK,
-      localStorageKeyExpirationInMs: ONE_DAY_IN_MILLISECONDS,
-      discoveryMode: "start"
-    }, cardWithOverlay)) : cardWithOverlay);
-  }, [shouldShowLinkPulse, cardWithOverlay, url, cardContext === null || cardContext === void 0 || (_cardContext$value2 = cardContext.value) === null || _cardContext$value2 === void 0 ? void 0 : _cardContext$value2.store]);
-  // END: Awareness
+    }, innerCard);
+  }, [cardContext, getPos, innerCard, isHovered, isInserted, isOverlayEnabled, isPulseEnabled, isResolvedViewRendered, isSelected, markMostRecentlyInsertedLink, pluginInjectionApi, setOverlayHoveredStyles, url]);
 
   // [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
-  return cardContext && cardContext.value ? jsx(cardContext.Provider, {
+  return cardContext && cardContext.value ? /*#__PURE__*/React.createElement(cardContext.Provider, {
     value: cardContext.value
   }, card) : data ? card : null;
 };

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

@@ -48,6 +48,7 @@ export var createPlugin = function createPlugin(options, pluginInjectionApi) {
       allowEmbeds = options.allowEmbeds,
       allowBlockCards = options.allowBlockCards;
     var enableInlineUpgradeFeatures = !!showUpgradeDiscoverability && platform !== 'mobile';
+    var shouldUseUpgradeFeatures = getBooleanFF('platform.linking-platform.smart-card.inline-switcher') && enableInlineUpgradeFeatures;
     var inlineCardViewProducer = getInlineNodeViewProducer({
       pmPluginFactoryParams: pmPluginFactoryParams,
       Component: InlineCardNodeView,
@@ -91,7 +92,7 @@ export var createPlugin = function createPlugin(options, pluginInjectionApi) {
           if (!meta) {
             return pluginStateWithUpdatedPos;
           }
-          if (!getBooleanFF('platform.linking-platform.smart-card.inline-switcher')) {
+          if (!shouldUseUpgradeFeatures) {
             return reducer(pluginStateWithUpdatedPos, meta);
           }
           var newState = reducer(pluginStateWithUpdatedPos, meta);
@@ -99,7 +100,7 @@ export var createPlugin = function createPlugin(options, pluginInjectionApi) {
           // the code below is related to the "Inline Switcher" project, for more information pls see EDM-7984
           var isSingleInlineLink = (pluginState === null || pluginState === void 0 || (_pluginState$requests = pluginState.requests) === null || _pluginState$requests === void 0 ? void 0 : _pluginState$requests.length) === 1 && pluginState.requests[0].appearance === 'inline';
           var isSmartLinkPulseDiscovered = isLocalStorageKeyDiscovered(LOCAL_STORAGE_DISCOVERY_KEY_SMART_LINK);
-          if (meta.type !== 'RESOLVE' || !enableInlineUpgradeFeatures || !isSingleInlineLink) {
+          if (meta.type !== 'RESOLVE' || !isSingleInlineLink) {
             return newState;
           }
           var linkPosition = pluginState.requests[0].pos;
@@ -241,7 +242,7 @@ export var createPlugin = function createPlugin(options, pluginInjectionApi) {
             return new EmbedCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined, true, undefined, hasIntlContext).init();
           }
         }
-      }, getBooleanFF('platform.linking-platform.smart-card.inline-switcher') && {
+      }, shouldUseUpgradeFeatures && {
         handleKeyDown: function handleKeyDown(view) {
           handleAwarenessOverlay(view);
           return false;

package/dist/esm/ui/AwarenessWrapper/index.js

@@ -0,0 +1,99 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+/** @jsx jsx */
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { css, jsx } from '@emotion/react';
+import { AnalyticsContext } from '@atlaskit/analytics-next';
+import useLinkUpgradeDiscoverability from '../../common/hooks/useLinkUpgradeDiscoverability';
+import { isLocalStorageKeyDiscovered, LOCAL_STORAGE_DISCOVERY_KEY_SMART_LINK, LOCAL_STORAGE_DISCOVERY_KEY_TOOLBAR, markLocalStorageKeyDiscovered, ONE_DAY_IN_MILLISECONDS } from '../../common/local-storage';
+import { getResolvedAttributesFromStore } from '../../utils';
+import InlineCardOverlay from '../InlineCardOverlay';
+import { DiscoveryPulse } from '../Pulse';
+// editor adds a standard line-height that is bigger than an inline smart link
+// due to that the link has a bit of white space around it, which doesn't look right when there is pulse around it
+var loaderWrapperStyles = css({
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
+  '.loader-wrapper': {
+    lineHeight: 'normal'
+  }
+});
+export var AwarenessWrapper = function AwarenessWrapper(_ref) {
+  var _cardContext$value2;
+  var cardContext = _ref.cardContext,
+    children = _ref.children,
+    getPos = _ref.getPos,
+    isInserted = _ref.isInserted,
+    isOverlayEnabled = _ref.isOverlayEnabled,
+    isSelected = _ref.isSelected,
+    isResolvedViewRendered = _ref.isResolvedViewRendered,
+    isPulseEnabled = _ref.isPulseEnabled,
+    markMostRecentlyInsertedLink = _ref.markMostRecentlyInsertedLink,
+    pluginInjectionApi = _ref.pluginInjectionApi,
+    setOverlayHoveredStyles = _ref.setOverlayHoveredStyles,
+    url = _ref.url;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isHovered = _useState2[0],
+    setIsHovered = _useState2[1];
+  var linkPosition = useMemo(function () {
+    if (!getPos || typeof getPos === 'boolean') {
+      return undefined;
+    }
+    var pos = getPos();
+    return typeof pos === 'number' ? pos : undefined;
+  }, [getPos]);
+  var _useLinkUpgradeDiscov = useLinkUpgradeDiscoverability({
+      url: url,
+      linkPosition: linkPosition || -1,
+      cardContext: cardContext === null || cardContext === void 0 ? void 0 : cardContext.value,
+      pluginInjectionApi: pluginInjectionApi,
+      isOverlayEnabled: isOverlayEnabled,
+      isPulseEnabled: isPulseEnabled
+    }),
+    shouldShowLinkPulse = _useLinkUpgradeDiscov.shouldShowLinkPulse,
+    shouldShowToolbarPulse = _useLinkUpgradeDiscov.shouldShowToolbarPulse,
+    shouldShowLinkOverlay = _useLinkUpgradeDiscov.shouldShowLinkOverlay,
+    isLinkMostRecentlyInserted = _useLinkUpgradeDiscov.isLinkMostRecentlyInserted;
+
+  // If the toolbar pulse has not yet been invalidated and this is a case where we will be showing it,
+  // we need to invalidate the link pulse too. Toolbar pulse will be invalidated in the corresponding component.
+  if (isSelected && shouldShowToolbarPulse && !isLocalStorageKeyDiscovered(LOCAL_STORAGE_DISCOVERY_KEY_TOOLBAR)) {
+    markLocalStorageKeyDiscovered(LOCAL_STORAGE_DISCOVERY_KEY_SMART_LINK);
+  }
+  useEffect(function () {
+    if (shouldShowLinkOverlay && isLinkMostRecentlyInserted) {
+      markMostRecentlyInsertedLink(true);
+    }
+  }, [isLinkMostRecentlyInserted, markMostRecentlyInsertedLink, shouldShowLinkOverlay]);
+  var handleOverlayChange = useCallback(function (isHovered) {
+    setIsHovered(isHovered);
+    setOverlayHoveredStyles(isHovered);
+  }, [setOverlayHoveredStyles]);
+  var cardWithOverlay = useMemo(function () {
+    return shouldShowLinkOverlay ? jsx(InlineCardOverlay, {
+      isSelected: isSelected,
+      isVisible: isResolvedViewRendered && (isInserted || isHovered || isSelected),
+      onMouseEnter: function onMouseEnter() {
+        return handleOverlayChange(true);
+      },
+      onMouseLeave: function onMouseLeave() {
+        return handleOverlayChange(false);
+      },
+      url: url
+    }, children) : children;
+  }, [shouldShowLinkOverlay, isSelected, isResolvedViewRendered, isInserted, isHovered, url, children, handleOverlayChange]);
+  return useMemo(function () {
+    var _cardContext$value;
+    return jsx("span", {
+      css: shouldShowLinkPulse && loaderWrapperStyles,
+      className: "card"
+    }, shouldShowLinkPulse ? jsx(AnalyticsContext, {
+      data: {
+        attributes: getResolvedAttributesFromStore(url, 'inline', cardContext === null || cardContext === void 0 || (_cardContext$value = cardContext.value) === null || _cardContext$value === void 0 ? void 0 : _cardContext$value.store)
+      }
+    }, jsx(DiscoveryPulse, {
+      localStorageKey: LOCAL_STORAGE_DISCOVERY_KEY_SMART_LINK,
+      localStorageKeyExpirationInMs: ONE_DAY_IN_MILLISECONDS,
+      discoveryMode: "start"
+    }, cardWithOverlay)) : cardWithOverlay);
+  }, [shouldShowLinkPulse, url, cardContext === null || cardContext === void 0 || (_cardContext$value2 = cardContext.value) === null || _cardContext$value2 === void 0 ? void 0 : _cardContext$value2.store, cardWithOverlay]);
+};

package/dist/esm/ui/LinkToolbarAppearance.js

@@ -18,9 +18,9 @@ import nodeNames, { cardMessages as messages } from '@atlaskit/editor-common/mes
 import { isSupportedInParent } from '@atlaskit/editor-common/utils';
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { LOCAL_STORAGE_DISCOVERY_KEY_TOOLBAR } from '../common/local-storage';
-import { DiscoveryPulse } from '../common/pulse';
 import { shouldRenderToolbarPulse } from '../toolbar';
 import { getResolvedAttributesFromStore } from '../utils';
+import { DiscoveryPulse } from './Pulse';
 // eslint-disable-next-line @repo/internal/react/no-class-components
 export var LinkToolbarAppearance = /*#__PURE__*/function (_React$Component) {
   _inherits(LinkToolbarAppearance, _React$Component);

package/dist/esm/{common/pulse → ui/Pulse}/index.js

@@ -1,7 +1,7 @@
 import React, { useCallback, useEffect } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { Pulse } from '@atlaskit/linking-common';
-import { isLocalStorageKeyDiscovered, markLocalStorageKeyDiscovered } from '../local-storage';
+import { isLocalStorageKeyDiscovered, markLocalStorageKeyDiscovered } from '../../common/local-storage';
 export var DiscoveryPulse = function DiscoveryPulse(_ref) {
   var children = _ref.children,
     localStorageKey = _ref.localStorageKey,

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import { jsx } from '@emotion/react';
+import React from 'react';
 import type { SmartCardProps } from './genericCard';
-export declare const InlineCardWithAwareness: import("react").MemoExoticComponent<({ node, cardContext, showServerActions, useAlternativePreloader, view, getPos, isOverlayEnabled, isPulseEnabled, pluginInjectionApi, isSelected, }: SmartCardProps) => jsx.JSX.Element | null>;
+export declare const InlineCardWithAwareness: React.MemoExoticComponent<({ node, cardContext, showServerActions, useAlternativePreloader, view, getPos, isOverlayEnabled, isPulseEnabled, pluginInjectionApi, isSelected, }: SmartCardProps) => JSX.Element | null>;

package/dist/types/ui/AwarenessWrapper/index.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { jsx } from '@emotion/react';
+import type { SmartCardProps } from '../../nodeviews/genericCard';
+type AwarenessWrapperProps = {
+    isInserted?: boolean;
+    isResolvedViewRendered?: boolean;
+    children: JSX.Element;
+    markMostRecentlyInsertedLink: (isLinkMostRecentlyInserted: boolean) => void;
+    setOverlayHoveredStyles: (isHovered: boolean) => void;
+    url: string;
+} & Partial<SmartCardProps>;
+export declare const AwarenessWrapper: ({ cardContext, children, getPos, isInserted, isOverlayEnabled, isSelected, isResolvedViewRendered, isPulseEnabled, markMostRecentlyInsertedLink, pluginInjectionApi, setOverlayHoveredStyles, url, }: AwarenessWrapperProps) => jsx.JSX.Element;
+export {};

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import { jsx } from '@emotion/react';
+import React from 'react';
 import type { SmartCardProps } from './genericCard';
-export declare const InlineCardWithAwareness: import("react").MemoExoticComponent<({ node, cardContext, showServerActions, useAlternativePreloader, view, getPos, isOverlayEnabled, isPulseEnabled, pluginInjectionApi, isSelected, }: SmartCardProps) => jsx.JSX.Element | null>;
+export declare const InlineCardWithAwareness: React.MemoExoticComponent<({ node, cardContext, showServerActions, useAlternativePreloader, view, getPos, isOverlayEnabled, isPulseEnabled, pluginInjectionApi, isSelected, }: SmartCardProps) => JSX.Element | null>;

package/dist/types-ts4.5/ui/AwarenessWrapper/index.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { jsx } from '@emotion/react';
+import type { SmartCardProps } from '../../nodeviews/genericCard';
+type AwarenessWrapperProps = {
+    isInserted?: boolean;
+    isResolvedViewRendered?: boolean;
+    children: JSX.Element;
+    markMostRecentlyInsertedLink: (isLinkMostRecentlyInserted: boolean) => void;
+    setOverlayHoveredStyles: (isHovered: boolean) => void;
+    url: string;
+} & Partial<SmartCardProps>;
+export declare const AwarenessWrapper: ({ cardContext, children, getPos, isInserted, isOverlayEnabled, isSelected, isResolvedViewRendered, isPulseEnabled, markMostRecentlyInsertedLink, pluginInjectionApi, setOverlayHoveredStyles, url, }: AwarenessWrapperProps) => jsx.JSX.Element;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-card",
-  "version": "0.14.16",
+  "version": "0.14.18",
   "description": "Card plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -31,9 +31,9 @@
     ".": "./src/index.ts"
   },
   "dependencies": {
-    "@atlaskit/adf-schema": "^35.1.0",
+    "@atlaskit/adf-schema": "^35.1.1",
     "@atlaskit/analytics-next": "^9.1.0",
-    "@atlaskit/custom-steps": "^0.0.8",
+    "@atlaskit/custom-steps": "^0.0.9",
     "@atlaskit/editor-common": "^76.26.0",
     "@atlaskit/editor-plugin-analytics": "^0.4.0",
     "@atlaskit/editor-plugin-decorations": "^0.2.0",
@@ -52,10 +52,10 @@
     "@atlaskit/linking-common": "^4.21.0",
     "@atlaskit/linking-types": "^8.5.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
-    "@atlaskit/primitives": "^1.13.0",
+    "@atlaskit/primitives": "^1.15.0",
     "@atlaskit/smart-card": "^26.43.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.29.0",
+    "@atlaskit/tokens": "^1.30.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "lodash": "^4.17.21",