@atlaskit/editor-plugin-card 0.14.2 → 0.14.3

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/editor-plugin-card
 
+## 0.14.3
+
+### Patch Changes
+
+- [#43494](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/43494) [`7c59a134595`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7c59a134595) - [ux] Show inline card upgrade discoverability overlay on insertion. The functionality behind the inline switcher feature flag
+
 ## 0.14.2
 
 ### Patch Changes

package/dist/cjs/common/hooks/useLinkUpgradeDiscoverability.js

@@ -9,7 +9,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = require("react");
 var _localStorage = require("../local-storage");
 var useLinkUpgradeDiscoverability = function useLinkUpgradeDiscoverability(_ref) {
-  var _cardContext$store, _pluginInjectionApi$c2;
+  var _cardContext$store, _pluginInjectionApi$c2, _pluginInjectionApi$c3;
   var url = _ref.url,
     linkPosition = _ref.linkPosition,
     cardContext = _ref.cardContext,
@@ -43,13 +43,16 @@ var useLinkUpgradeDiscoverability = function useLinkUpgradeDiscoverability(_ref)
     return isPulseEnabled && linkPosition === awarenessCandidatePosition && canBeUpgradedToEmbed;
   }, [canBeUpgradedToEmbed, isPulseEnabled, linkPosition, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c2 = pluginInjectionApi.card) === null || _pluginInjectionApi$c2 === void 0 ? void 0 : _pluginInjectionApi$c2.sharedState]);
   var shouldShowLinkOverlay = (urlState === null || urlState === void 0 ? void 0 : urlState.status) === 'resolved' && isOverlayEnabled;
+  var overlayCandidatePos = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c3 = pluginInjectionApi.card) === null || _pluginInjectionApi$c3 === void 0 || (_pluginInjectionApi$c3 = _pluginInjectionApi$c3.sharedState) === null || _pluginInjectionApi$c3 === void 0 || (_pluginInjectionApi$c3 = _pluginInjectionApi$c3.currentState()) === null || _pluginInjectionApi$c3 === void 0 ? void 0 : _pluginInjectionApi$c3.overlayCandidatePosition;
+  var isLinkMostRecentlyInserted = overlayCandidatePos === linkPosition;
   var shouldShowToolbarPulse = (0, _react.useMemo)(function () {
     return isPulseEnabled && !(0, _localStorage.isLocalStorageKeyDiscovered)(_localStorage.LOCAL_STORAGE_DISCOVERY_KEY_TOOLBAR) && canBeUpgradedToEmbed;
   }, [canBeUpgradedToEmbed, isPulseEnabled]);
   return {
     shouldShowToolbarPulse: shouldShowToolbarPulse,
     shouldShowLinkPulse: shouldShowLinkPulse,
-    shouldShowLinkOverlay: shouldShowLinkOverlay
+    shouldShowLinkOverlay: shouldShowLinkOverlay,
+    isLinkMostRecentlyInserted: isLinkMostRecentlyInserted
   };
 };
 var _default = exports.default = useLinkUpgradeDiscoverability;

package/dist/cjs/nodeviews/inlineCard.js

@@ -55,11 +55,13 @@ var InlineCardComponent = exports.InlineCardComponent = /*#__PURE__*/function (_
         if (typeof pos !== 'number') {
           return;
         }
-        view.dispatch((0, _actions.registerCard)({
+        var tr = view.state.tr;
+        (0, _actions.registerCard)({
           title: title,
           url: url,
           pos: pos
-        })(view.state.tr));
+        })(tr);
+        view.dispatch(tr);
       })();
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onError", function (data) {

package/dist/cjs/nodeviews/inlineCardWithAwareness.js

@@ -47,6 +47,10 @@ var InlineCard = function InlineCard(_ref) {
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     isHovered = _useState2[0],
     setIsHovered = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    isInserted = _useState4[0],
+    setIsInserted = _useState4[1];
   var linkPosition = (0, _react.useMemo)(function () {
     if (!getPos || typeof getPos === 'boolean') {
       return undefined;
@@ -64,7 +68,8 @@ var InlineCard = function InlineCard(_ref) {
     }),
     shouldShowLinkPulse = _useLinkUpgradeDiscov.shouldShowLinkPulse,
     shouldShowToolbarPulse = _useLinkUpgradeDiscov.shouldShowToolbarPulse,
-    shouldShowLinkOverlay = _useLinkUpgradeDiscov.shouldShowLinkOverlay;
+    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.
@@ -90,13 +95,19 @@ var InlineCard = function InlineCard(_ref) {
       if (typeof pos !== 'number') {
         return;
       }
-      view.dispatch((0, _actions.registerCard)({
+      var tr = view.state.tr;
+      (0, _actions.registerCard)({
         title: title,
         url: url,
         pos: pos
-      })(view.state.tr));
+      })(tr);
+      (0, _actions.registerRemoveOverlay)(function () {
+        return setIsInserted(false);
+      })(tr);
+      view.dispatch(tr);
     })();
-  }, [view, getPos]);
+    setIsInserted(isLinkMostRecentlyInserted);
+  }, [view, getPos, isLinkMostRecentlyInserted]);
   var onError = (0, _react.useCallback)(function (data) {
     var url = data.url,
       err = data.err;
@@ -126,7 +137,7 @@ var InlineCard = function InlineCard(_ref) {
   var cardWithOverlay = (0, _react.useMemo)(function () {
     return shouldShowLinkOverlay ? (0, _react2.jsx)(_InlineCardOverlay.default, {
       isSelected: isSelected,
-      isVisible: isHovered || isSelected,
+      isVisible: isInserted || isHovered || isSelected,
       onMouseEnter: function onMouseEnter() {
         return setIsHovered(true);
       },
@@ -135,7 +146,7 @@ var InlineCard = function InlineCard(_ref) {
       },
       url: url
     }, innerCard) : innerCard;
-  }, [innerCard, isHovered, isSelected, shouldShowLinkOverlay, url]);
+  }, [innerCard, isHovered, isSelected, isInserted, shouldShowLinkOverlay, url]);
   var card = (0, _react.useMemo)(function () {
     return (0, _react2.jsx)("span", {
       css: shouldShowLinkPulse && loaderWrapperStyles,

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.showLinkToolbar = exports.showDatasourceModal = exports.setProvider = exports.setDatasourceTableRef = exports.setCardLayoutAndDatasourceTableRef = exports.setCardLayout = exports.resolveCard = exports.registerSmartCardEvents = exports.registerCard = exports.queueCards = exports.hideLinkToolbar = exports.hideDatasourceModal = exports.cardAction = void 0;
+exports.showLinkToolbar = exports.showDatasourceModal = exports.setProvider = exports.setDatasourceTableRef = exports.setCardLayoutAndDatasourceTableRef = exports.setCardLayout = exports.resolveCard = exports.registerSmartCardEvents = exports.registerRemoveOverlay = exports.registerCard = exports.queueCards = exports.hideLinkToolbar = exports.hideDatasourceModal = exports.clearOverlayCandidate = exports.cardAction = void 0;
 var _pluginKey = require("./plugin-key");
 var cardAction = exports.cardAction = function cardAction(tr, action) {
   return tr.setMeta(_pluginKey.pluginKey, action);
@@ -32,6 +32,14 @@ var registerCard = exports.registerCard = function registerCard(info) {
     });
   };
 };
+var registerRemoveOverlay = exports.registerRemoveOverlay = function registerRemoveOverlay(callback) {
+  return function (tr) {
+    return cardAction(tr, {
+      type: 'REGISTER_REMOVE_OVERLAY_ON_INSERTED_LINK',
+      callback: callback
+    });
+  };
+};
 var registerSmartCardEvents = exports.registerSmartCardEvents = function registerSmartCardEvents(smartLinkEvents) {
   return function (tr) {
     return cardAction(tr, {
@@ -97,4 +105,9 @@ var hideDatasourceModal = exports.hideDatasourceModal = function hideDatasourceM
   return cardAction(tr, {
     type: 'HIDE_DATASOURCE_MODAL'
   });
+};
+var clearOverlayCandidate = exports.clearOverlayCandidate = function clearOverlayCandidate(tr) {
+  return cardAction(tr, {
+    type: 'CLEAR_OVERLAY_CANDIDATE'
+  });
 };

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

@@ -11,6 +11,7 @@ Object.defineProperty(exports, "pluginKey", {
     return _pluginKey.pluginKey;
   }
 });
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
 var _reactNodeView = require("@atlaskit/editor-common/react-node-view");
@@ -32,7 +33,20 @@ var _pluginKey = require("./plugin-key");
 var _reducers = _interopRequireDefault(require("./reducers"));
 var _resolve = require("./util/resolve");
 var _state2 = require("./util/state");
+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; }
 var LOCAL_STORAGE_DISCOVERY_KEY_SMART_LINK = 'smart-link-upgrade-pulse';
+var handleAwarenessOverlay = function handleAwarenessOverlay(view) {
+  var currentState = (0, _state2.getPluginState)(view.state);
+  var overlayCandidatePos = currentState === null || currentState === void 0 ? void 0 : currentState.overlayCandidatePosition;
+  if (overlayCandidatePos) {
+    var _currentState$removeO;
+    (_currentState$removeO = currentState.removeOverlay) === null || _currentState$removeO === void 0 || _currentState$removeO.call(currentState);
+    var tr = view.state.tr;
+    (0, _actions.clearOverlayCandidate)(tr);
+    view.dispatch(tr);
+  }
+};
 var createPlugin = exports.createPlugin = function createPlugin(options, pluginInjectionApi) {
   return function (pmPluginFactoryParams) {
     var editorAppearance = options.editorAppearance,
@@ -97,12 +111,16 @@ 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 || isSmartLinkPulseDiscovered || !isSingleInlineLink) {
+          if (meta.type !== 'RESOLVE' || !enableInlineUpgradeFeatures || !isSingleInlineLink) {
             return newState;
           }
           var linkPosition = pluginState.requests[0].pos;
+          var canBeUpgradedToBlock = allowBlockCards && (0, _utils3.isBlockSupportedAtPosition)(linkPosition, prevEditorState, 'inline');
           var canBeUpgradedToEmbed = allowEmbeds && (0, _utils3.isEmbedSupportedAtPosition)(linkPosition, prevEditorState, 'inline');
-          if (canBeUpgradedToEmbed) {
+          if (canBeUpgradedToBlock || canBeUpgradedToEmbed) {
+            newState.overlayCandidatePosition = linkPosition;
+          }
+          if (!isSmartLinkPulseDiscovered && canBeUpgradedToEmbed) {
             newState.inlineCardAwarenessCandidatePosition = linkPosition;
           }
           return newState;
@@ -188,7 +206,7 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pluginI
           }
         };
       },
-      props: {
+      props: _objectSpread({
         nodeViews: {
           inlineCard: inlineCardViewProducer,
           blockCard: function blockCard(node, view, getPos, decorations) {
@@ -235,7 +253,16 @@ 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') && {
+        handleKeyDown: function handleKeyDown(view) {
+          handleAwarenessOverlay(view);
+          return false;
+        },
+        handleClick: function handleClick(view) {
+          handleAwarenessOverlay(view);
+          return false;
+        }
+      }),
       key: _pluginKey.pluginKey
     });
   };

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

@@ -74,6 +74,16 @@ var hideDatasourceModal = function hideDatasourceModal(state) {
     datasourceModalType: undefined
   });
 };
+var clearOverlayCandidate = function clearOverlayCandidate(state) {
+  return _objectSpread(_objectSpread({}, state), {}, {
+    overlayCandidatePosition: undefined
+  });
+};
+var registerRemoveOverlayOnInsertedLink = function registerRemoveOverlayOnInsertedLink(state, action) {
+  return _objectSpread(_objectSpread({}, state), {}, {
+    removeOverlay: action.callback
+  });
+};
 var _default = exports.default = function _default(state, action) {
   switch (action.type) {
     case 'QUEUE':
@@ -99,5 +109,9 @@ var _default = exports.default = function _default(state, action) {
       return showDatasourceModal(state, action);
     case 'HIDE_DATASOURCE_MODAL':
       return hideDatasourceModal(state);
+    case 'CLEAR_OVERLAY_CANDIDATE':
+      return clearOverlayCandidate(state);
+    case 'REGISTER_REMOVE_OVERLAY_ON_INSERTED_LINK':
+      return registerRemoveOverlayOnInsertedLink(state, action);
   }
 };

package/dist/es2019/common/hooks/useLinkUpgradeDiscoverability.js

@@ -8,7 +8,7 @@ const useLinkUpgradeDiscoverability = ({
   isPulseEnabled,
   isOverlayEnabled
 }) => {
-  var _cardContext$store, _pluginInjectionApi$c4;
+  var _cardContext$store, _pluginInjectionApi$c4, _pluginInjectionApi$c5, _pluginInjectionApi$c6, _pluginInjectionApi$c7;
   const [urlState, setUrlState] = useState(cardContext === null || cardContext === void 0 ? void 0 : (_cardContext$store = cardContext.store) === null || _cardContext$store === void 0 ? void 0 : _cardContext$store.getState()[url]);
   useEffect(() => {
     var _cardContext$store2;
@@ -33,11 +33,14 @@ const useLinkUpgradeDiscoverability = ({
     return isPulseEnabled && linkPosition === awarenessCandidatePosition && canBeUpgradedToEmbed;
   }, [canBeUpgradedToEmbed, isPulseEnabled, linkPosition, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c4 = pluginInjectionApi.card) === null || _pluginInjectionApi$c4 === void 0 ? void 0 : _pluginInjectionApi$c4.sharedState]);
   const shouldShowLinkOverlay = (urlState === null || urlState === void 0 ? void 0 : urlState.status) === 'resolved' && isOverlayEnabled;
+  const overlayCandidatePos = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c5 = pluginInjectionApi.card) === null || _pluginInjectionApi$c5 === void 0 ? void 0 : (_pluginInjectionApi$c6 = _pluginInjectionApi$c5.sharedState) === null || _pluginInjectionApi$c6 === void 0 ? void 0 : (_pluginInjectionApi$c7 = _pluginInjectionApi$c6.currentState()) === null || _pluginInjectionApi$c7 === void 0 ? void 0 : _pluginInjectionApi$c7.overlayCandidatePosition;
+  const isLinkMostRecentlyInserted = overlayCandidatePos === linkPosition;
   const shouldShowToolbarPulse = useMemo(() => isPulseEnabled && !isLocalStorageKeyDiscovered(LOCAL_STORAGE_DISCOVERY_KEY_TOOLBAR) && canBeUpgradedToEmbed, [canBeUpgradedToEmbed, isPulseEnabled]);
   return {
     shouldShowToolbarPulse,
     shouldShowLinkPulse,
-    shouldShowLinkOverlay
+    shouldShowLinkOverlay,
+    isLinkMostRecentlyInserted
   };
 };
 export default useLinkUpgradeDiscoverability;

package/dist/es2019/nodeviews/inlineCard.js

@@ -36,11 +36,13 @@ export class InlineCardComponent extends React.PureComponent {
         if (typeof pos !== 'number') {
           return;
         }
-        view.dispatch(registerCard({
+        const tr = view.state.tr;
+        registerCard({
           title,
           url,
           pos
-        })(view.state.tr));
+        })(tr);
+        view.dispatch(tr);
       })();
     });
     _defineProperty(this, "onError", data => {

package/dist/es2019/nodeviews/inlineCardWithAwareness.js

@@ -7,7 +7,7 @@ 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 } from '../pm-plugins/actions';
+import { registerCard, registerRemoveOverlay } from '../pm-plugins/actions';
 import InlineCardOverlay from '../ui/InlineCardOverlay';
 // 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
@@ -36,6 +36,7 @@ const InlineCard = ({
 
   // BEGIN: Awareness (To be revisited in EDM-8508)
   const [isHovered, setIsHovered] = useState(false);
+  const [isInserted, setIsInserted] = useState(false);
   const linkPosition = useMemo(() => {
     if (!getPos || typeof getPos === 'boolean') {
       return undefined;
@@ -46,7 +47,8 @@ const InlineCard = ({
   const {
     shouldShowLinkPulse,
     shouldShowToolbarPulse,
-    shouldShowLinkOverlay
+    shouldShowLinkOverlay,
+    isLinkMostRecentlyInserted
   } = useLinkUpgradeDiscoverability({
     url,
     linkPosition: linkPosition || -1,
@@ -80,13 +82,17 @@ const InlineCard = ({
       if (typeof pos !== 'number') {
         return;
       }
-      view.dispatch(registerCard({
+      const tr = view.state.tr;
+      registerCard({
         title,
         url,
         pos
-      })(view.state.tr));
+      })(tr);
+      registerRemoveOverlay(() => setIsInserted(false))(tr);
+      view.dispatch(tr);
     })();
-  }, [view, getPos]);
+    setIsInserted(isLinkMostRecentlyInserted);
+  }, [view, getPos, isLinkMostRecentlyInserted]);
   const onError = useCallback(data => {
     const {
       url,
@@ -115,11 +121,11 @@ const InlineCard = ({
   // BEGIN: Awareness (To be revisited in EDM-8508)
   const cardWithOverlay = useMemo(() => shouldShowLinkOverlay ? jsx(InlineCardOverlay, {
     isSelected: isSelected,
-    isVisible: isHovered || isSelected,
+    isVisible: isInserted || isHovered || isSelected,
     onMouseEnter: () => setIsHovered(true),
     onMouseLeave: () => setIsHovered(false),
     url: url
-  }, innerCard) : innerCard, [innerCard, isHovered, isSelected, shouldShowLinkOverlay, url]);
+  }, innerCard) : innerCard, [innerCard, isHovered, isSelected, isInserted, shouldShowLinkOverlay, url]);
   const card = useMemo(() => jsx("span", {
     css: shouldShowLinkPulse && loaderWrapperStyles,
     className: "card"

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

@@ -14,6 +14,10 @@ export const registerCard = info => tr => cardAction(tr, {
   type: 'REGISTER',
   info
 });
+export const registerRemoveOverlay = callback => tr => cardAction(tr, {
+  type: 'REGISTER_REMOVE_OVERLAY_ON_INSERTED_LINK',
+  callback
+});
 export const registerSmartCardEvents = smartLinkEvents => tr => cardAction(tr, {
   type: 'REGISTER_EVENTS',
   smartLinkEvents
@@ -50,4 +54,7 @@ export const showDatasourceModal = modalType => tr => cardAction(tr, {
 });
 export const hideDatasourceModal = tr => cardAction(tr, {
   type: 'HIDE_DATASOURCE_MODAL'
+});
+export const clearOverlayCandidate = tr => cardAction(tr, {
+  type: 'CLEAR_OVERLAY_CANDIDATE'
 });

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

@@ -12,14 +12,25 @@ import { BlockCard } from '../nodeviews/blockCard';
 import { Datasource } from '../nodeviews/datasource';
 import { EmbedCard } from '../nodeviews/embedCard';
 import { InlineCardNodeView } from '../nodeviews/inlineCard';
-import { isEmbedSupportedAtPosition } from '../utils';
-import { setCardLayoutAndDatasourceTableRef, setDatasourceTableRef } from './actions';
+import { isBlockSupportedAtPosition, isEmbedSupportedAtPosition } from '../utils';
+import { clearOverlayCandidate, setCardLayoutAndDatasourceTableRef, setDatasourceTableRef } from './actions';
 import { pluginKey } from './plugin-key';
 import reducer from './reducers';
 import { handleProvider, resolveWithProvider } from './util/resolve';
 import { getNewRequests, getPluginState, getPluginStateWithUpdatedPos } from './util/state';
 export { pluginKey } from './plugin-key';
 const LOCAL_STORAGE_DISCOVERY_KEY_SMART_LINK = 'smart-link-upgrade-pulse';
+const handleAwarenessOverlay = view => {
+  const currentState = getPluginState(view.state);
+  const overlayCandidatePos = currentState === null || currentState === void 0 ? void 0 : currentState.overlayCandidatePosition;
+  if (overlayCandidatePos) {
+    var _currentState$removeO;
+    (_currentState$removeO = currentState.removeOverlay) === null || _currentState$removeO === void 0 ? void 0 : _currentState$removeO.call(currentState);
+    const tr = view.state.tr;
+    clearOverlayCandidate(tr);
+    view.dispatch(tr);
+  }
+};
 export const createPlugin = (options, pluginInjectionApi) => pmPluginFactoryParams => {
   const {
     editorAppearance,
@@ -85,12 +96,16 @@ 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 || isSmartLinkPulseDiscovered || !isSingleInlineLink) {
+        if (meta.type !== 'RESOLVE' || !enableInlineUpgradeFeatures || !isSingleInlineLink) {
           return newState;
         }
         const linkPosition = pluginState.requests[0].pos;
+        const canBeUpgradedToBlock = allowBlockCards && isBlockSupportedAtPosition(linkPosition, prevEditorState, 'inline');
         const canBeUpgradedToEmbed = allowEmbeds && isEmbedSupportedAtPosition(linkPosition, prevEditorState, 'inline');
-        if (canBeUpgradedToEmbed) {
+        if (canBeUpgradedToBlock || canBeUpgradedToEmbed) {
+          newState.overlayCandidatePosition = linkPosition;
+        }
+        if (!isSmartLinkPulseDiscovered && canBeUpgradedToEmbed) {
           newState.inlineCardAwarenessCandidatePosition = linkPosition;
         }
         return newState;
@@ -230,7 +245,17 @@ export const createPlugin = (options, pluginInjectionApi) => pmPluginFactoryPara
           const hasIntlContext = true;
           return new EmbedCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined, true, undefined, hasIntlContext).init();
         }
-      }
+      },
+      ...(getBooleanFF('platform.linking-platform.smart-card.inline-switcher') && {
+        handleKeyDown: view => {
+          handleAwarenessOverlay(view);
+          return false;
+        },
+        handleClick: view => {
+          handleAwarenessOverlay(view);
+          return false;
+        }
+      })
     },
     key: pluginKey
   });

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

@@ -73,6 +73,18 @@ const hideDatasourceModal = state => {
     datasourceModalType: undefined
   };
 };
+const clearOverlayCandidate = state => {
+  return {
+    ...state,
+    overlayCandidatePosition: undefined
+  };
+};
+const registerRemoveOverlayOnInsertedLink = (state, action) => {
+  return {
+    ...state,
+    removeOverlay: action.callback
+  };
+};
 export default ((state, action) => {
   switch (action.type) {
     case 'QUEUE':
@@ -98,5 +110,9 @@ export default ((state, action) => {
       return showDatasourceModal(state, action);
     case 'HIDE_DATASOURCE_MODAL':
       return hideDatasourceModal(state);
+    case 'CLEAR_OVERLAY_CANDIDATE':
+      return clearOverlayCandidate(state);
+    case 'REGISTER_REMOVE_OVERLAY_ON_INSERTED_LINK':
+      return registerRemoveOverlayOnInsertedLink(state, action);
   }
 });

package/dist/esm/common/hooks/useLinkUpgradeDiscoverability.js

@@ -2,7 +2,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useEffect, useMemo, useState } from 'react';
 import { isLocalStorageKeyDiscovered, LOCAL_STORAGE_DISCOVERY_KEY_TOOLBAR } from '../local-storage';
 var useLinkUpgradeDiscoverability = function useLinkUpgradeDiscoverability(_ref) {
-  var _cardContext$store, _pluginInjectionApi$c2;
+  var _cardContext$store, _pluginInjectionApi$c2, _pluginInjectionApi$c3;
   var url = _ref.url,
     linkPosition = _ref.linkPosition,
     cardContext = _ref.cardContext,
@@ -36,13 +36,16 @@ var useLinkUpgradeDiscoverability = function useLinkUpgradeDiscoverability(_ref)
     return isPulseEnabled && linkPosition === awarenessCandidatePosition && canBeUpgradedToEmbed;
   }, [canBeUpgradedToEmbed, isPulseEnabled, linkPosition, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c2 = pluginInjectionApi.card) === null || _pluginInjectionApi$c2 === void 0 ? void 0 : _pluginInjectionApi$c2.sharedState]);
   var shouldShowLinkOverlay = (urlState === null || urlState === void 0 ? void 0 : urlState.status) === 'resolved' && isOverlayEnabled;
+  var overlayCandidatePos = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c3 = pluginInjectionApi.card) === null || _pluginInjectionApi$c3 === void 0 || (_pluginInjectionApi$c3 = _pluginInjectionApi$c3.sharedState) === null || _pluginInjectionApi$c3 === void 0 || (_pluginInjectionApi$c3 = _pluginInjectionApi$c3.currentState()) === null || _pluginInjectionApi$c3 === void 0 ? void 0 : _pluginInjectionApi$c3.overlayCandidatePosition;
+  var isLinkMostRecentlyInserted = overlayCandidatePos === linkPosition;
   var shouldShowToolbarPulse = useMemo(function () {
     return isPulseEnabled && !isLocalStorageKeyDiscovered(LOCAL_STORAGE_DISCOVERY_KEY_TOOLBAR) && canBeUpgradedToEmbed;
   }, [canBeUpgradedToEmbed, isPulseEnabled]);
   return {
     shouldShowToolbarPulse: shouldShowToolbarPulse,
     shouldShowLinkPulse: shouldShowLinkPulse,
-    shouldShowLinkOverlay: shouldShowLinkOverlay
+    shouldShowLinkOverlay: shouldShowLinkOverlay,
+    isLinkMostRecentlyInserted: isLinkMostRecentlyInserted
   };
 };
 export default useLinkUpgradeDiscoverability;

package/dist/esm/nodeviews/inlineCard.js

@@ -48,11 +48,13 @@ export var InlineCardComponent = /*#__PURE__*/function (_React$PureComponent) {
         if (typeof pos !== 'number') {
           return;
         }
-        view.dispatch(registerCard({
+        var tr = view.state.tr;
+        registerCard({
           title: title,
           url: url,
           pos: pos
-        })(view.state.tr));
+        })(tr);
+        view.dispatch(tr);
       })();
     });
     _defineProperty(_assertThisInitialized(_this), "onError", function (data) {

package/dist/esm/nodeviews/inlineCardWithAwareness.js

@@ -8,7 +8,7 @@ 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 } from '../pm-plugins/actions';
+import { registerCard, registerRemoveOverlay } from '../pm-plugins/actions';
 import InlineCardOverlay from '../ui/InlineCardOverlay';
 // 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
@@ -39,6 +39,10 @@ var InlineCard = function InlineCard(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     isHovered = _useState2[0],
     setIsHovered = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isInserted = _useState4[0],
+    setIsInserted = _useState4[1];
   var linkPosition = useMemo(function () {
     if (!getPos || typeof getPos === 'boolean') {
       return undefined;
@@ -56,7 +60,8 @@ var InlineCard = function InlineCard(_ref) {
     }),
     shouldShowLinkPulse = _useLinkUpgradeDiscov.shouldShowLinkPulse,
     shouldShowToolbarPulse = _useLinkUpgradeDiscov.shouldShowToolbarPulse,
-    shouldShowLinkOverlay = _useLinkUpgradeDiscov.shouldShowLinkOverlay;
+    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.
@@ -82,13 +87,19 @@ var InlineCard = function InlineCard(_ref) {
       if (typeof pos !== 'number') {
         return;
       }
-      view.dispatch(registerCard({
+      var tr = view.state.tr;
+      registerCard({
         title: title,
         url: url,
         pos: pos
-      })(view.state.tr));
+      })(tr);
+      registerRemoveOverlay(function () {
+        return setIsInserted(false);
+      })(tr);
+      view.dispatch(tr);
     })();
-  }, [view, getPos]);
+    setIsInserted(isLinkMostRecentlyInserted);
+  }, [view, getPos, isLinkMostRecentlyInserted]);
   var onError = useCallback(function (data) {
     var url = data.url,
       err = data.err;
@@ -118,7 +129,7 @@ var InlineCard = function InlineCard(_ref) {
   var cardWithOverlay = useMemo(function () {
     return shouldShowLinkOverlay ? jsx(InlineCardOverlay, {
       isSelected: isSelected,
-      isVisible: isHovered || isSelected,
+      isVisible: isInserted || isHovered || isSelected,
       onMouseEnter: function onMouseEnter() {
         return setIsHovered(true);
       },
@@ -127,7 +138,7 @@ var InlineCard = function InlineCard(_ref) {
       },
       url: url
     }, innerCard) : innerCard;
-  }, [innerCard, isHovered, isSelected, shouldShowLinkOverlay, url]);
+  }, [innerCard, isHovered, isSelected, isInserted, shouldShowLinkOverlay, url]);
   var card = useMemo(function () {
     return jsx("span", {
       css: shouldShowLinkPulse && loaderWrapperStyles,

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

@@ -26,6 +26,14 @@ export var registerCard = function registerCard(info) {
     });
   };
 };
+export var registerRemoveOverlay = function registerRemoveOverlay(callback) {
+  return function (tr) {
+    return cardAction(tr, {
+      type: 'REGISTER_REMOVE_OVERLAY_ON_INSERTED_LINK',
+      callback: callback
+    });
+  };
+};
 export var registerSmartCardEvents = function registerSmartCardEvents(smartLinkEvents) {
   return function (tr) {
     return cardAction(tr, {
@@ -91,4 +99,9 @@ export var hideDatasourceModal = function hideDatasourceModal(tr) {
   return cardAction(tr, {
     type: 'HIDE_DATASOURCE_MODAL'
   });
+};
+export var clearOverlayCandidate = function clearOverlayCandidate(tr) {
+  return cardAction(tr, {
+    type: 'CLEAR_OVERLAY_CANDIDATE'
+  });
 };

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

@@ -1,4 +1,7 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+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 rafSchedule from 'raf-schd';
 import { getInlineNodeViewProducer } from '@atlaskit/editor-common/react-node-view';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
@@ -13,14 +16,25 @@ import { BlockCard } from '../nodeviews/blockCard';
 import { Datasource } from '../nodeviews/datasource';
 import { EmbedCard } from '../nodeviews/embedCard';
 import { InlineCardNodeView } from '../nodeviews/inlineCard';
-import { isEmbedSupportedAtPosition } from '../utils';
-import { setCardLayoutAndDatasourceTableRef, setDatasourceTableRef } from './actions';
+import { isBlockSupportedAtPosition, isEmbedSupportedAtPosition } from '../utils';
+import { clearOverlayCandidate, setCardLayoutAndDatasourceTableRef, setDatasourceTableRef } from './actions';
 import { pluginKey } from './plugin-key';
 import reducer from './reducers';
 import { handleProvider, resolveWithProvider } from './util/resolve';
 import { getNewRequests, getPluginState, getPluginStateWithUpdatedPos } from './util/state';
 export { pluginKey } from './plugin-key';
 var LOCAL_STORAGE_DISCOVERY_KEY_SMART_LINK = 'smart-link-upgrade-pulse';
+var handleAwarenessOverlay = function handleAwarenessOverlay(view) {
+  var currentState = getPluginState(view.state);
+  var overlayCandidatePos = currentState === null || currentState === void 0 ? void 0 : currentState.overlayCandidatePosition;
+  if (overlayCandidatePos) {
+    var _currentState$removeO;
+    (_currentState$removeO = currentState.removeOverlay) === null || _currentState$removeO === void 0 || _currentState$removeO.call(currentState);
+    var tr = view.state.tr;
+    clearOverlayCandidate(tr);
+    view.dispatch(tr);
+  }
+};
 export var createPlugin = function createPlugin(options, pluginInjectionApi) {
   return function (pmPluginFactoryParams) {
     var editorAppearance = options.editorAppearance,
@@ -85,12 +99,16 @@ 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 || isSmartLinkPulseDiscovered || !isSingleInlineLink) {
+          if (meta.type !== 'RESOLVE' || !enableInlineUpgradeFeatures || !isSingleInlineLink) {
             return newState;
           }
           var linkPosition = pluginState.requests[0].pos;
+          var canBeUpgradedToBlock = allowBlockCards && isBlockSupportedAtPosition(linkPosition, prevEditorState, 'inline');
           var canBeUpgradedToEmbed = allowEmbeds && isEmbedSupportedAtPosition(linkPosition, prevEditorState, 'inline');
-          if (canBeUpgradedToEmbed) {
+          if (canBeUpgradedToBlock || canBeUpgradedToEmbed) {
+            newState.overlayCandidatePosition = linkPosition;
+          }
+          if (!isSmartLinkPulseDiscovered && canBeUpgradedToEmbed) {
             newState.inlineCardAwarenessCandidatePosition = linkPosition;
           }
           return newState;
@@ -176,7 +194,7 @@ export var createPlugin = function createPlugin(options, pluginInjectionApi) {
           }
         };
       },
-      props: {
+      props: _objectSpread({
         nodeViews: {
           inlineCard: inlineCardViewProducer,
           blockCard: function blockCard(node, view, getPos, decorations) {
@@ -223,7 +241,16 @@ 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') && {
+        handleKeyDown: function handleKeyDown(view) {
+          handleAwarenessOverlay(view);
+          return false;
+        },
+        handleClick: function handleClick(view) {
+          handleAwarenessOverlay(view);
+          return false;
+        }
+      }),
       key: pluginKey
     });
   };

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

@@ -67,6 +67,16 @@ var hideDatasourceModal = function hideDatasourceModal(state) {
     datasourceModalType: undefined
   });
 };
+var clearOverlayCandidate = function clearOverlayCandidate(state) {
+  return _objectSpread(_objectSpread({}, state), {}, {
+    overlayCandidatePosition: undefined
+  });
+};
+var registerRemoveOverlayOnInsertedLink = function registerRemoveOverlayOnInsertedLink(state, action) {
+  return _objectSpread(_objectSpread({}, state), {}, {
+    removeOverlay: action.callback
+  });
+};
 export default (function (state, action) {
   switch (action.type) {
     case 'QUEUE':
@@ -92,5 +102,9 @@ export default (function (state, action) {
       return showDatasourceModal(state, action);
     case 'HIDE_DATASOURCE_MODAL':
       return hideDatasourceModal(state);
+    case 'CLEAR_OVERLAY_CANDIDATE':
+      return clearOverlayCandidate(state);
+    case 'REGISTER_REMOVE_OVERLAY_ON_INSERTED_LINK':
+      return registerRemoveOverlayOnInsertedLink(state, action);
   }
 });

package/dist/types/common/hooks/useLinkUpgradeDiscoverability.d.ts

@@ -13,5 +13,6 @@ declare const useLinkUpgradeDiscoverability: ({ url, linkPosition, cardContext,
     shouldShowToolbarPulse: boolean | undefined;
     shouldShowLinkPulse: boolean | undefined;
     shouldShowLinkOverlay: boolean | undefined;
+    isLinkMostRecentlyInserted: boolean;
 };
 export default useLinkUpgradeDiscoverability;

package/dist/types/pm-plugins/actions.d.ts

@@ -1,13 +1,14 @@
-import { CardProvider } from '@atlaskit/editor-common/provider-factory';
+import type { CardProvider } from '@atlaskit/editor-common/provider-factory';
 import type { DatasourceModalType } from '@atlaskit/editor-common/types';
-import { Transaction } from '@atlaskit/editor-prosemirror/state';
-import { SmartLinkEvents } from '@atlaskit/smart-card';
-import { CardInfo, CardPluginAction, Request } from '../types';
-import { DatasourceTableLayout } from '../ui/LayoutButton/types';
+import type { Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { SmartLinkEvents } from '@atlaskit/smart-card';
+import type { CardInfo, CardPluginAction, Request } from '../types';
+import type { DatasourceTableLayout } from '../ui/LayoutButton/types';
 export declare const cardAction: (tr: Transaction, action: CardPluginAction) => Transaction;
 export declare const resolveCard: (url: string) => (tr: Transaction) => Transaction;
 export declare const queueCards: (requests: Request[]) => (tr: Transaction) => Transaction;
 export declare const registerCard: (info: CardInfo) => (tr: Transaction) => Transaction;
+export declare const registerRemoveOverlay: (callback: () => void) => (tr: Transaction) => Transaction;
 export declare const registerSmartCardEvents: (smartLinkEvents: SmartLinkEvents) => (tr: Transaction) => Transaction;
 export declare const setProvider: (cardProvider: CardProvider | null) => (tr: Transaction) => Transaction;
 export declare const setDatasourceTableRef: (datasourceTableRef?: HTMLElement) => (tr: Transaction) => Transaction;
@@ -20,3 +21,4 @@ export declare const showLinkToolbar: (tr: Transaction) => Transaction;
 export declare const hideLinkToolbar: (tr: Transaction) => Transaction;
 export declare const showDatasourceModal: (modalType: DatasourceModalType) => (tr: Transaction) => Transaction;
 export declare const hideDatasourceModal: (tr: Transaction) => Transaction;
+export declare const clearOverlayCandidate: (tr: Transaction) => Transaction;

package/dist/types/pm-plugins/reducers.d.ts

@@ -1,3 +1,3 @@
-import { CardPluginAction, CardPluginState } from '../types';
+import type { CardPluginAction, CardPluginState } from '../types';
 declare const _default: (state: CardPluginState, action: CardPluginAction) => CardPluginState;
 export default _default;

package/dist/types/pm-plugins/util/state.d.ts

@@ -27,6 +27,8 @@ export declare const getPluginStateWithUpdatedPos: (pluginState: CardPluginState
     datasourceTableRef?: HTMLElement | undefined;
     layout?: import("../../ui/LayoutButton/types").DatasourceTableLayout | undefined;
     inlineCardAwarenessCandidatePosition?: number | undefined;
+    overlayCandidatePosition?: number | undefined;
+    removeOverlay?: (() => void) | undefined;
     selectedInlineLinkPosition?: number | undefined;
     allowEmbeds?: boolean | undefined;
     allowBlockCards?: boolean | undefined;

package/dist/types/types.d.ts

@@ -77,6 +77,8 @@ export type CardPluginState = {
     datasourceTableRef?: HTMLElement;
     layout?: DatasourceTableLayout;
     inlineCardAwarenessCandidatePosition?: number;
+    overlayCandidatePosition?: number;
+    removeOverlay?: () => void;
     selectedInlineLinkPosition?: number;
     allowEmbeds?: boolean;
     allowBlockCards?: boolean;
@@ -134,4 +136,11 @@ export type SetCardLayoutAndDatasourceTableRef = {
     layout: DatasourceTableLayout;
     datasourceTableRef?: HTMLElement;
 };
-export type CardPluginAction = SetProvider | Queue | Resolve | Register | ShowLinkToolbar | HideLinkToolbar | ShowDatasourceModal | HideDatasourceModal | RegisterSmartCardEvents | SetDatasourceTableRef | SetCardLayout | SetCardLayoutAndDatasourceTableRef;
+export type ClearOverlayCandidate = {
+    type: 'CLEAR_OVERLAY_CANDIDATE';
+};
+export type RegisterRemoveOverlayOnInsertedLink = {
+    type: 'REGISTER_REMOVE_OVERLAY_ON_INSERTED_LINK';
+    callback: () => void;
+};
+export type CardPluginAction = SetProvider | Queue | Resolve | Register | ShowLinkToolbar | HideLinkToolbar | ShowDatasourceModal | HideDatasourceModal | RegisterSmartCardEvents | SetDatasourceTableRef | SetCardLayout | SetCardLayoutAndDatasourceTableRef | ClearOverlayCandidate | RegisterRemoveOverlayOnInsertedLink;

package/dist/types-ts4.5/common/hooks/useLinkUpgradeDiscoverability.d.ts

@@ -13,5 +13,6 @@ declare const useLinkUpgradeDiscoverability: ({ url, linkPosition, cardContext,
     shouldShowToolbarPulse: boolean | undefined;
     shouldShowLinkPulse: boolean | undefined;
     shouldShowLinkOverlay: boolean | undefined;
+    isLinkMostRecentlyInserted: boolean;
 };
 export default useLinkUpgradeDiscoverability;

package/dist/types-ts4.5/pm-plugins/actions.d.ts

@@ -1,13 +1,14 @@
-import { CardProvider } from '@atlaskit/editor-common/provider-factory';
+import type { CardProvider } from '@atlaskit/editor-common/provider-factory';
 import type { DatasourceModalType } from '@atlaskit/editor-common/types';
-import { Transaction } from '@atlaskit/editor-prosemirror/state';
-import { SmartLinkEvents } from '@atlaskit/smart-card';
-import { CardInfo, CardPluginAction, Request } from '../types';
-import { DatasourceTableLayout } from '../ui/LayoutButton/types';
+import type { Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { SmartLinkEvents } from '@atlaskit/smart-card';
+import type { CardInfo, CardPluginAction, Request } from '../types';
+import type { DatasourceTableLayout } from '../ui/LayoutButton/types';
 export declare const cardAction: (tr: Transaction, action: CardPluginAction) => Transaction;
 export declare const resolveCard: (url: string) => (tr: Transaction) => Transaction;
 export declare const queueCards: (requests: Request[]) => (tr: Transaction) => Transaction;
 export declare const registerCard: (info: CardInfo) => (tr: Transaction) => Transaction;
+export declare const registerRemoveOverlay: (callback: () => void) => (tr: Transaction) => Transaction;
 export declare const registerSmartCardEvents: (smartLinkEvents: SmartLinkEvents) => (tr: Transaction) => Transaction;
 export declare const setProvider: (cardProvider: CardProvider | null) => (tr: Transaction) => Transaction;
 export declare const setDatasourceTableRef: (datasourceTableRef?: HTMLElement) => (tr: Transaction) => Transaction;
@@ -20,3 +21,4 @@ export declare const showLinkToolbar: (tr: Transaction) => Transaction;
 export declare const hideLinkToolbar: (tr: Transaction) => Transaction;
 export declare const showDatasourceModal: (modalType: DatasourceModalType) => (tr: Transaction) => Transaction;
 export declare const hideDatasourceModal: (tr: Transaction) => Transaction;
+export declare const clearOverlayCandidate: (tr: Transaction) => Transaction;

package/dist/types-ts4.5/pm-plugins/reducers.d.ts

@@ -1,3 +1,3 @@
-import { CardPluginAction, CardPluginState } from '../types';
+import type { CardPluginAction, CardPluginState } from '../types';
 declare const _default: (state: CardPluginState, action: CardPluginAction) => CardPluginState;
 export default _default;

package/dist/types-ts4.5/pm-plugins/util/state.d.ts

@@ -27,6 +27,8 @@ export declare const getPluginStateWithUpdatedPos: (pluginState: CardPluginState
     datasourceTableRef?: HTMLElement | undefined;
     layout?: import("../../ui/LayoutButton/types").DatasourceTableLayout | undefined;
     inlineCardAwarenessCandidatePosition?: number | undefined;
+    overlayCandidatePosition?: number | undefined;
+    removeOverlay?: (() => void) | undefined;
     selectedInlineLinkPosition?: number | undefined;
     allowEmbeds?: boolean | undefined;
     allowBlockCards?: boolean | undefined;

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

@@ -77,6 +77,8 @@ export type CardPluginState = {
     datasourceTableRef?: HTMLElement;
     layout?: DatasourceTableLayout;
     inlineCardAwarenessCandidatePosition?: number;
+    overlayCandidatePosition?: number;
+    removeOverlay?: () => void;
     selectedInlineLinkPosition?: number;
     allowEmbeds?: boolean;
     allowBlockCards?: boolean;
@@ -134,4 +136,11 @@ export type SetCardLayoutAndDatasourceTableRef = {
     layout: DatasourceTableLayout;
     datasourceTableRef?: HTMLElement;
 };
-export type CardPluginAction = SetProvider | Queue | Resolve | Register | ShowLinkToolbar | HideLinkToolbar | ShowDatasourceModal | HideDatasourceModal | RegisterSmartCardEvents | SetDatasourceTableRef | SetCardLayout | SetCardLayoutAndDatasourceTableRef;
+export type ClearOverlayCandidate = {
+    type: 'CLEAR_OVERLAY_CANDIDATE';
+};
+export type RegisterRemoveOverlayOnInsertedLink = {
+    type: 'REGISTER_REMOVE_OVERLAY_ON_INSERTED_LINK';
+    callback: () => void;
+};
+export type CardPluginAction = SetProvider | Queue | Resolve | Register | ShowLinkToolbar | HideLinkToolbar | ShowDatasourceModal | HideDatasourceModal | RegisterSmartCardEvents | SetDatasourceTableRef | SetCardLayout | SetCardLayoutAndDatasourceTableRef | ClearOverlayCandidate | RegisterRemoveOverlayOnInsertedLink;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-card",
-  "version": "0.14.2",
+  "version": "0.14.3",
   "description": "Card plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",

package/report.api.md

@@ -91,6 +91,8 @@ type CardPluginState = {
   datasourceTableRef?: HTMLElement;
   layout?: DatasourceTableLayout;
   inlineCardAwarenessCandidatePosition?: number;
+  overlayCandidatePosition?: number;
+  removeOverlay?: () => void;
   selectedInlineLinkPosition?: number;
   allowEmbeds?: boolean;
   allowBlockCards?: boolean;

package/tmp/api-report-tmp.d.ts

@@ -77,6 +77,8 @@ type CardPluginState = {
     datasourceTableRef?: HTMLElement;
     layout?: DatasourceTableLayout;
     inlineCardAwarenessCandidatePosition?: number;
+    overlayCandidatePosition?: number;
+    removeOverlay?: () => void;
     selectedInlineLinkPosition?: number;
     allowEmbeds?: boolean;
     allowBlockCards?: boolean;