@atlaskit/editor-plugin-card 2.3.2 → 2.3.4

package/dist/esm/nodeviews/inlineCardWithAwareness.js

@@ -1,11 +1,9 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { memo, useCallback, useMemo, useState } from 'react';
-import rafSchedule from 'raf-schd';
-import { findOverflowScrollParent } from '@atlaskit/editor-common/ui';
-import { Card as SmartCard } from '@atlaskit/smart-card';
-import { registerCard, registerRemoveOverlay } from '../pm-plugins/actions';
+import { registerRemoveOverlay } from '../pm-plugins/actions';
 import { AwarenessWrapper } from '../ui/AwarenessWrapper';
-var InlineCard = function InlineCard(_ref) {
+import { InlineCard } from './inlineCard';
+export var InlineCardWithAwareness = /*#__PURE__*/memo(function (_ref) {
   var node = _ref.node,
     cardContext = _ref.cardContext,
     actionOptions = _ref.actionOptions,
@@ -13,15 +11,11 @@ var InlineCard = function InlineCard(_ref) {
     useAlternativePreloader = _ref.useAlternativePreloader,
     view = _ref.view,
     getPos = _ref.getPos,
-    isOverlayEnabled = _ref.isOverlayEnabled,
-    isPulseEnabled = _ref.isPulseEnabled,
     pluginInjectionApi = _ref.pluginInjectionApi,
-    _ref$isSelected = _ref.isSelected,
-    isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
-    onClick = _ref.onClick;
-  var _node$attrs = node.attrs,
-    url = _node$attrs.url,
-    data = _node$attrs.data;
+    onClick = _ref.onClick,
+    isPulseEnabled = _ref.isPulseEnabled,
+    isOverlayEnabled = _ref.isOverlayEnabled,
+    isSelected = _ref.isSelected;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isHovered = _useState2[0],
@@ -34,50 +28,14 @@ var InlineCard = function InlineCard(_ref) {
     _useState6 = _slicedToArray(_useState5, 2),
     isResolvedViewRendered = _useState6[0],
     setIsResolvedViewRendered = _useState6[1];
-  var scrollContainer = useMemo(function () {
-    return findOverflowScrollParent(view.dom) || undefined;
-  }, [view.dom]);
-  var onResolve = useCallback(function (data) {
-    if (!getPos || typeof getPos === 'boolean') {
-      return;
-    }
-    var title = data.title,
-      url = data.url;
-    // don't dispatch immediately since we might be in the middle of
-    // rendering a nodeview
-    rafSchedule(function () {
-      // prosemirror-bump-fix
-      var pos = getPos();
-      if (typeof pos !== 'number') {
-        return;
-      }
-      var tr = view.state.tr;
-      registerCard({
-        title: title,
-        url: url,
-        pos: pos
-      })(tr);
-      registerRemoveOverlay(function () {
-        return setIsInserted(false);
-      })(tr);
-      view.dispatch(tr);
-    })();
+  var onResolve = useCallback(function (tr, title) {
+    registerRemoveOverlay(function () {
+      return setIsInserted(false);
+    })(tr);
     if (title) {
       setIsResolvedViewRendered(true);
     }
-  }, [view, getPos]);
-  var onError = useCallback(function (data) {
-    var url = data.url,
-      err = data.err;
-    if (err) {
-      throw err;
-    }
-    onResolve({
-      url: url
-    });
-  }, [onResolve]);
-
-  // Begin Upgrade Awareness related code
+  }, []);
   var markMostRecentlyInsertedLink = useCallback(function (isLinkMostRecentlyInserted) {
     if (isOverlayEnabled) {
       setIsInserted(isLinkMostRecentlyInserted);
@@ -88,51 +46,37 @@ var InlineCard = function InlineCard(_ref) {
       setIsHovered(isHovered);
     }
   }, [isOverlayEnabled]);
-  //  End Upgrade Awareness related code
-
   var innerCard = useMemo(function () {
-    return /*#__PURE__*/React.createElement(SmartCard, {
-      key: url,
-      url: url,
-      data: data,
-      appearance: "inline",
-      onClick: onClick,
-      container: scrollContainer,
-      onResolve: onResolve,
-      onError: onError,
-      inlinePreloaderStyle: useAlternativePreloader ? 'on-right-without-skeleton' : undefined,
+    return /*#__PURE__*/React.createElement(InlineCard, {
+      node: node,
+      view: view,
+      getPos: getPos,
+      useAlternativePreloader: useAlternativePreloader,
       actionOptions: actionOptions,
       showServerActions: showServerActions,
+      onResolve: onResolve,
+      onClick: onClick,
+      cardContext: cardContext,
       isHovered: isHovered
     });
-  }, [data, isHovered, onError, onResolve, scrollContainer, url, useAlternativePreloader, actionOptions, showServerActions, onClick]);
-  var card = useMemo(function () {
-    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,
-      view: view
-    }, innerCard) :
-    /*#__PURE__*/
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    React.createElement("span", {
-      className: "card"
-    }, innerCard);
-  }, [cardContext, getPos, innerCard, isHovered, isInserted, isOverlayEnabled, isPulseEnabled, isResolvedViewRendered, isSelected, markMostRecentlyInsertedLink, pluginInjectionApi, setOverlayHoveredStyles, url, view]);
-
-  // [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 ? /*#__PURE__*/React.createElement(cardContext.Provider, {
-    value: cardContext.value
-  }, card) : data ? card : null;
-};
-export var InlineCardWithAwareness = /*#__PURE__*/memo(InlineCard);
+  }, [actionOptions, cardContext, getPos, isHovered, node, onClick, onResolve, showServerActions, useAlternativePreloader, view]);
+  return isOverlayEnabled || isPulseEnabled ? /*#__PURE__*/React.createElement(AwarenessWrapper, {
+    isOverlayEnabled: isOverlayEnabled,
+    isPulseEnabled: isPulseEnabled,
+    cardContext: cardContext,
+    getPos: getPos,
+    isHovered: isHovered,
+    isInserted: isInserted,
+    url: node.attrs.url,
+    isSelected: isSelected,
+    isResolvedViewRendered: isResolvedViewRendered,
+    markMostRecentlyInsertedLink: markMostRecentlyInsertedLink,
+    pluginInjectionApi: pluginInjectionApi,
+    setOverlayHoveredStyles: setOverlayHoveredStyles
+  }, innerCard) :
+  /*#__PURE__*/
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+  React.createElement("span", {
+    className: "card"
+  }, innerCard);
+});

package/dist/esm/toolbar.js

@@ -17,8 +17,8 @@ import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
 import CogIcon from '@atlaskit/icon/glyph/editor/settings';
 import UnlinkIcon from '@atlaskit/icon/glyph/editor/unlink';
 import OpenIcon from '@atlaskit/icon/glyph/shortcut';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
-import { changeSelectedCardToText } from '../src/pm-plugins/doc';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { changeSelectedCardToText } from './pm-plugins/doc';
 import { pluginKey } from './pm-plugins/main';
 import { DatasourceAppearanceButton } from './ui/DatasourceAppearanceButton';
 import { editDatasource, EditDatasourceButton } from './ui/EditDatasourceButton';
@@ -198,7 +198,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
     var currentAppearance = appearanceForNodeType(node.type);
     var _ref2 = (_pluginInjectionApi$d = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$d2 = pluginInjectionApi.decorations) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.actions) !== null && _pluginInjectionApi$d !== void 0 ? _pluginInjectionApi$d : {},
       hoverDecoration = _ref2.hoverDecoration;
-    var isDatasource = getBooleanFF('platform.linking-platform.editor-datasource-typeguards') ? isDatasourceNode(node) : currentAppearance === 'block' && (node === null || node === void 0 || (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.datasource);
+    var isDatasource = fg('platform.linking-platform.editor-datasource-typeguards') ? isDatasourceNode(node) : currentAppearance === 'block' && (node === null || node === void 0 || (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.datasource);
     var shouldRenderDatasourceToolbar = isDatasource &&
     // not showing toolbar in mobile for now since not sure what our plans are for it
     platform !== 'mobile' && cardOptions.allowDatasource && canRenderDatasource(node === null || node === void 0 || (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 || (_node$attrs2 = _node$attrs2.datasource) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.id);
@@ -216,7 +216,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
       return getDatasourceButtonGroup(metadata, intl, editorAnalyticsApi, node, hoverDecoration, node.attrs.datasource.id, state, cardOptions, currentAppearance, platform);
     } else {
       var inlineCard = state.schema.nodes.inlineCard;
-      var isEditDropdownEnabled = getBooleanFF('platform.linking-platform.enable-datasource-edit-dropdown-toolbar') && platform !== 'mobile' && cardOptions.allowDatasource;
+      var isEditDropdownEnabled = platform !== 'mobile' && cardOptions.allowDatasource && fg('platform.linking-platform.enable-datasource-edit-dropdown-toolbar');
       var editItems = isEditDropdownEnabled ? [{
         type: 'custom',
         fallback: [],
@@ -293,7 +293,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
       // This code will be executed only for appearances such as "inline", "block" & "embed"
       // For url appearance, please see HyperlinkToolbarAppearanceProps
       if (currentAppearance) {
-        var showDatasourceAppearance = getBooleanFF('platform.linking-platform.enable-datasource-appearance-toolbar') && allowDatasource && url;
+        var showDatasourceAppearance = allowDatasource && url && fg('platform.linking-platform.enable-datasource-appearance-toolbar');
         toolbarItems.unshift.apply(toolbarItems, _toConsumableArray(getToolbarViewedItem(url, currentAppearance)).concat([{
           type: 'custom',
           fallback: [],
@@ -329,7 +329,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
           type: 'separator'
         }]));
       }
-      var shouldShowDatasourceEditButton = platform !== 'mobile' && allowDatasource && !getBooleanFF('platform.linking-platform.enable-datasource-edit-dropdown-toolbar');
+      var shouldShowDatasourceEditButton = platform !== 'mobile' && allowDatasource && !fg('platform.linking-platform.enable-datasource-edit-dropdown-toolbar');
       if (shouldShowDatasourceEditButton) {
         toolbarItems.unshift({
           type: 'custom',
@@ -367,8 +367,8 @@ export var getHyperlinkToolbarSettingsButton = function getHyperlinkToolbarSetti
     type: 'button',
     icon: CogIcon,
     title: intl.formatMessage(linkToolbarMessages.settingsLink),
-    onClick: getBooleanFF('platform.editor.card.inject-settings-button') ? openLinkSettings(editorAnalyticsApi, userPreferencesLink) : openLinkSettings(editorAnalyticsApi, undefined),
-    href: getBooleanFF('platform.editor.card.inject-settings-button') ? userPreferencesLink || getLinkPreferencesURLFromENV() : getLinkPreferencesURLFromENV(),
+    onClick: fg('platform.editor.card.inject-settings-button') ? openLinkSettings(editorAnalyticsApi, userPreferencesLink) : openLinkSettings(editorAnalyticsApi, undefined),
+    href: fg('platform.editor.card.inject-settings-button') ? userPreferencesLink || getLinkPreferencesURLFromENV() : getLinkPreferencesURLFromENV(),
     target: '_blank'
   };
 };
@@ -378,7 +378,7 @@ export var getSettingsButton = function getSettingsButton(intl, editorAnalyticsA
     type: 'button',
     icon: CogIcon,
     title: intl.formatMessage(linkToolbarMessages.settingsLink),
-    onClick: getBooleanFF('platform.editor.card.inject-settings-button') ? openLinkSettings(editorAnalyticsApi, userPreferencesLink) : openLinkSettings(editorAnalyticsApi, undefined)
+    onClick: fg('platform.editor.card.inject-settings-button') ? openLinkSettings(editorAnalyticsApi, userPreferencesLink) : openLinkSettings(editorAnalyticsApi, undefined)
   };
 };
 export var getSettingsButtonGroup = function getSettingsButtonGroup(intl, editorAnalyticsApi, userPreferencesLink) {
@@ -389,7 +389,7 @@ export var getSettingsButtonGroup = function getSettingsButtonGroup(intl, editor
 var getDatasourceButtonGroup = function getDatasourceButtonGroup(metadata, intl, editorAnalyticsApi, node, hoverDecoration, datasourceId, state, cardOptions, currentAppearance, platform) {
   var _node$attrs3;
   var toolbarItems = [];
-  if (isDatasourceConfigEditable(datasourceId) && !getBooleanFF('platform.linking-platform.enable-datasource-edit-dropdown-toolbar')) {
+  if (isDatasourceConfigEditable(datasourceId) && !fg('platform.linking-platform.enable-datasource-edit-dropdown-toolbar')) {
     toolbarItems.push({
       id: 'editor.edit.datasource',
       type: 'button',
@@ -410,12 +410,12 @@ var getDatasourceButtonGroup = function getDatasourceButtonGroup(metadata, intl,
     }
     if (
     // FF that controls visibily of the additional toolbar buttons
-    !getBooleanFF('platform.linking-platform.enable-datasource-appearance-toolbar')) {
+    !fg('platform.linking-platform.enable-datasource-appearance-toolbar')) {
       return false;
     }
 
     // FF to enable additional toolbar buttons based on if the datasource is configurable or not
-    return getBooleanFF('platform.linking-platform.datasource-enable-toolbar-buttons-for-all-datasources') ? true : !isDatasourceConfigEditable(datasourceId);
+    return fg('platform.linking-platform.datasource-enable-toolbar-buttons-for-all-datasources') ? true : !isDatasourceConfigEditable(datasourceId);
   };
   if (canShowAppearanceSwitch()) {
     var allowBlockCards = cardOptions.allowBlockCards,
@@ -459,7 +459,7 @@ var getDatasourceButtonGroup = function getDatasourceButtonGroup(metadata, intl,
       type: 'separator'
     });
   }
-  if (getBooleanFF('platform.linking-platform.enable-datasource-edit-dropdown-toolbar')) {
+  if (fg('platform.linking-platform.enable-datasource-edit-dropdown-toolbar')) {
     toolbarItems.push({
       type: 'custom',
       fallback: [],
@@ -520,7 +520,7 @@ export var shouldRenderToolbarPulse = function shouldRenderToolbarPulse(embedEna
 };
 export var getStartingToolbarItems = function getStartingToolbarItems(options, api) {
   return function (intl, link, providerFactory, onEditLink, metadata) {
-    var isEditDropdownEnabled = getBooleanFF('platform.linking-platform.enable-datasource-edit-dropdown-toolbar') && options.platform !== 'mobile' && options.allowDatasource;
+    var isEditDropdownEnabled = options.platform !== 'mobile' && options.allowDatasource && fg('platform.linking-platform.enable-datasource-edit-dropdown-toolbar');
     var editLinkItem = isEditDropdownEnabled ? [{
       type: 'custom',
       fallback: [],
@@ -586,7 +586,7 @@ export var getStartingToolbarItems = function getStartingToolbarItems(options, a
 };
 export var getEndingToolbarItems = function getEndingToolbarItems(options, api) {
   return function (intl, link) {
-    if (getBooleanFF('platform.editor.card.inject-settings-button')) {
+    if (fg('platform.editor.card.inject-settings-button')) {
       /**
        * Require either provider to be supplied (controls link preferences)
        * Or explicit user preferences config in order to enable button

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

@@ -5,11 +5,9 @@ import { useCallback, useEffect, useMemo, useState } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 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 OverlayWrapper from '../ConfigureOverlay';
 import InlineCardOverlay from '../InlineCardOverlay';
 import { DiscoveryPulse } from '../Pulse';
 // editor adds a standard line-height that is bigger than an inline smart link
@@ -33,8 +31,7 @@ export var AwarenessWrapper = function AwarenessWrapper(_ref) {
     markMostRecentlyInsertedLink = _ref.markMostRecentlyInsertedLink,
     pluginInjectionApi = _ref.pluginInjectionApi,
     setOverlayHoveredStyles = _ref.setOverlayHoveredStyles,
-    url = _ref.url,
-    view = _ref.view;
+    url = _ref.url;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isHovered = _useState2[0],
@@ -74,12 +71,6 @@ export var AwarenessWrapper = function AwarenessWrapper(_ref) {
     setOverlayHoveredStyles(isHovered);
   }, [setOverlayHoveredStyles]);
   var cardWithOverlay = useMemo(function () {
-    if (getBooleanFF('platform.linking-platform.smart-links-in-live-pages')) {
-      return jsx(OverlayWrapper, {
-        targetElementPos: linkPosition,
-        view: view
-      }, children);
-    }
     if (shouldShowLinkOverlay) {
       return jsx(InlineCardOverlay, {
         isSelected: isSelected,
@@ -94,7 +85,7 @@ export var AwarenessWrapper = function AwarenessWrapper(_ref) {
       }, children);
     }
     return children;
-  }, [shouldShowLinkOverlay, children, isSelected, isResolvedViewRendered, isInserted, isHovered, url, view, linkPosition, handleOverlayChange]);
+  }, [shouldShowLinkOverlay, children, isSelected, isResolvedViewRendered, isInserted, isHovered, url, handleOverlayChange]);
   return useMemo(function () {
     var _cardContext$value;
     return (

package/dist/esm/utils.js

@@ -3,7 +3,7 @@ import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { getResolvedAttributes } from '@atlaskit/link-analytics/resolved-attributes';
 import { ASSETS_LIST_OF_LINKS_DATASOURCE_ID, CONFLUENCE_SEARCH_DATASOURCE_ID, JIRA_LIST_OF_LINKS_DATASOURCE_ID } from '@atlaskit/link-datasource';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { pluginKey } from './pm-plugins/plugin-key';
 export var appearanceForNodeType = function appearanceForNodeType(spec) {
   if (spec.name === 'inlineCard') {
@@ -75,7 +75,7 @@ export var getResolvedAttributesFromStore = function getResolvedAttributesFromSt
 };
 export var isDatasourceConfigEditable = function isDatasourceConfigEditable(datasourceId) {
   var datasourcesWithConfigModal = [JIRA_LIST_OF_LINKS_DATASOURCE_ID, ASSETS_LIST_OF_LINKS_DATASOURCE_ID];
-  if (getBooleanFF('platform.linking-platform.datasource.enable-confluence-search-modal')) {
+  if (fg('platform.linking-platform.datasource.enable-confluence-search-modal')) {
     datasourcesWithConfigModal.push(CONFLUENCE_SEARCH_DATASOURCE_ID);
   }
   return datasourcesWithConfigModal.includes(datasourceId);
@@ -125,4 +125,17 @@ export var focusEditorView = function focusEditorView(editorView) {
   if (!editorView.hasFocus()) {
     editorView.focus();
   }
+};
+export var getAwarenessProps = function getAwarenessProps(editorState, getPos, allowEmbeds, allowBlockCards) {
+  var _editorState$selectio, _editorState$selectio2;
+  var getPosFunction = typeof getPos !== 'boolean' ? getPos : undefined;
+  var linkPosition = getPosFunction === null || getPosFunction === void 0 ? void 0 : getPosFunction();
+  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) === (getPosFunction === null || getPosFunction === void 0 ? void 0 : getPosFunction());
+  return {
+    isPulseEnabled: canBeUpgradedToEmbed,
+    isOverlayEnabled: canBeUpgradedToEmbed || canBeUpgradedToBlock,
+    isSelected: isSelected
+  };
 };

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

@@ -7,6 +7,7 @@ import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { getPosHandler, ReactComponentProps } from '@atlaskit/editor-common/react-node-view';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import { type Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import { type CardContext } from '@atlaskit/link-provider';
 import type { CardProps as BaseCardProps, CardPlatform } from '@atlaskit/smart-card';
@@ -38,15 +39,16 @@ export interface CardProps extends CardNodeViewProps {
     showServerActions?: boolean;
     actionOptions?: BaseCardProps['actionOptions'];
     pluginInjectionApi?: ExtractInjectionAPI<typeof cardPlugin>;
-    isOverlayEnabled?: boolean;
-    isPulseEnabled?: boolean;
-    linkPosition?: number;
-    isSelected?: boolean;
     onClickCallback?: OnClickCallback;
 }
 export interface SmartCardProps extends CardProps {
     pluginInjectionApi?: ExtractInjectionAPI<typeof cardPlugin>;
     cardContext?: EditorContext<CardContext | undefined>;
     onClick?: EventHandler<MouseEvent | KeyboardEvent> | undefined;
+    onResolve?: (tr: Transaction, title?: string) => void;
+    isHovered?: boolean;
+    allowEmbeds?: boolean;
+    allowBlockCards?: boolean;
+    enableInlineUpgradeFeatures?: boolean;
 }
 export declare function Card(SmartCardComponent: React.ComponentType<React.PropsWithChildren<SmartCardProps>>, UnsupportedComponent: React.ComponentType<React.PropsWithChildren<unknown>>): React.ComponentType<React.PropsWithChildren<CardProps>>;

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

@@ -1,11 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import type { InlineNodeViewComponentProps } from '@atlaskit/editor-common/react-node-view';
 import type { SmartCardProps } from './genericCard';
+import { type InlineCardWithAwarenessProps } from './inlineCardWithAwareness';
+export declare const InlineCard: React.MemoExoticComponent<({ node, cardContext, actionOptions, showServerActions, useAlternativePreloader, view, getPos, onClick, onResolve: onRes, isHovered, }: SmartCardProps) => JSX.Element | null>;
 export type InlineCardNodeViewProps = Pick<SmartCardProps, 'useAlternativePreloader' | 'actionOptions' | 'showServerActions' | 'allowEmbeds' | 'allowBlockCards' | 'enableInlineUpgradeFeatures' | 'pluginInjectionApi' | 'onClickCallback'>;
-type InlineCardWithAwarenessProps = {
-    allowEmbeds?: boolean;
-    allowBlockCards?: boolean;
-    enableInlineUpgradeFeatures: boolean;
-};
 export declare function InlineCardNodeView(props: InlineNodeViewComponentProps & InlineCardNodeViewProps & InlineCardWithAwarenessProps): JSX.Element;
-export {};

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

@@ -1,3 +1,8 @@
 import React from 'react';
 import type { SmartCardProps } from './genericCard';
-export declare const InlineCardWithAwareness: React.MemoExoticComponent<({ node, cardContext, actionOptions, showServerActions, useAlternativePreloader, view, getPos, isOverlayEnabled, isPulseEnabled, pluginInjectionApi, isSelected, onClick, }: SmartCardProps) => JSX.Element | null>;
+export type InlineCardWithAwarenessProps = {
+    isPulseEnabled?: boolean;
+    isOverlayEnabled?: boolean;
+    isSelected?: boolean;
+};
+export declare const InlineCardWithAwareness: React.MemoExoticComponent<({ node, cardContext, actionOptions, showServerActions, useAlternativePreloader, view, getPos, pluginInjectionApi, onClick, isPulseEnabled, isOverlayEnabled, isSelected, }: SmartCardProps & InlineCardWithAwarenessProps) => JSX.Element>;

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

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

package/dist/types/utils.d.ts

@@ -1,4 +1,5 @@
 import type { CardAppearance } from '@atlaskit/editor-common/provider-factory';
+import { type getPosHandler } from '@atlaskit/editor-common/src/react-node-view';
 import type { Node, NodeType } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import { type EditorView } from '@atlaskit/editor-prosemirror/view';
@@ -43,3 +44,8 @@ export declare const isDatasourceNode: (node?: Node) => node is DatasourceNode;
  * @param editorView The editor view to focus.
  */
 export declare const focusEditorView: (editorView: EditorView) => void;
+export declare const getAwarenessProps: (editorState: EditorState, getPos: getPosHandler, allowEmbeds?: boolean, allowBlockCards?: boolean) => {
+    isPulseEnabled: boolean;
+    isOverlayEnabled: boolean;
+    isSelected: boolean;
+};

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

@@ -7,6 +7,7 @@ import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { getPosHandler, ReactComponentProps } from '@atlaskit/editor-common/react-node-view';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import { type Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import { type CardContext } from '@atlaskit/link-provider';
 import type { CardProps as BaseCardProps, CardPlatform } from '@atlaskit/smart-card';
@@ -38,15 +39,16 @@ export interface CardProps extends CardNodeViewProps {
     showServerActions?: boolean;
     actionOptions?: BaseCardProps['actionOptions'];
     pluginInjectionApi?: ExtractInjectionAPI<typeof cardPlugin>;
-    isOverlayEnabled?: boolean;
-    isPulseEnabled?: boolean;
-    linkPosition?: number;
-    isSelected?: boolean;
     onClickCallback?: OnClickCallback;
 }
 export interface SmartCardProps extends CardProps {
     pluginInjectionApi?: ExtractInjectionAPI<typeof cardPlugin>;
     cardContext?: EditorContext<CardContext | undefined>;
     onClick?: EventHandler<MouseEvent | KeyboardEvent> | undefined;
+    onResolve?: (tr: Transaction, title?: string) => void;
+    isHovered?: boolean;
+    allowEmbeds?: boolean;
+    allowBlockCards?: boolean;
+    enableInlineUpgradeFeatures?: boolean;
 }
 export declare function Card(SmartCardComponent: React.ComponentType<React.PropsWithChildren<SmartCardProps>>, UnsupportedComponent: React.ComponentType<React.PropsWithChildren<unknown>>): React.ComponentType<React.PropsWithChildren<CardProps>>;

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

@@ -1,11 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import type { InlineNodeViewComponentProps } from '@atlaskit/editor-common/react-node-view';
 import type { SmartCardProps } from './genericCard';
+import { type InlineCardWithAwarenessProps } from './inlineCardWithAwareness';
+export declare const InlineCard: React.MemoExoticComponent<({ node, cardContext, actionOptions, showServerActions, useAlternativePreloader, view, getPos, onClick, onResolve: onRes, isHovered, }: SmartCardProps) => JSX.Element | null>;
 export type InlineCardNodeViewProps = Pick<SmartCardProps, 'useAlternativePreloader' | 'actionOptions' | 'showServerActions' | 'allowEmbeds' | 'allowBlockCards' | 'enableInlineUpgradeFeatures' | 'pluginInjectionApi' | 'onClickCallback'>;
-type InlineCardWithAwarenessProps = {
-    allowEmbeds?: boolean;
-    allowBlockCards?: boolean;
-    enableInlineUpgradeFeatures: boolean;
-};
 export declare function InlineCardNodeView(props: InlineNodeViewComponentProps & InlineCardNodeViewProps & InlineCardWithAwarenessProps): JSX.Element;
-export {};

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

@@ -1,3 +1,8 @@
 import React from 'react';
 import type { SmartCardProps } from './genericCard';
-export declare const InlineCardWithAwareness: React.MemoExoticComponent<({ node, cardContext, actionOptions, showServerActions, useAlternativePreloader, view, getPos, isOverlayEnabled, isPulseEnabled, pluginInjectionApi, isSelected, onClick, }: SmartCardProps) => JSX.Element | null>;
+export type InlineCardWithAwarenessProps = {
+    isPulseEnabled?: boolean;
+    isOverlayEnabled?: boolean;
+    isSelected?: boolean;
+};
+export declare const InlineCardWithAwareness: React.MemoExoticComponent<({ node, cardContext, actionOptions, showServerActions, useAlternativePreloader, view, getPos, pluginInjectionApi, onClick, isPulseEnabled, isOverlayEnabled, isSelected, }: SmartCardProps & InlineCardWithAwarenessProps) => JSX.Element>;

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

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import { jsx } from '@emotion/react';
-import { type EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { SmartCardProps } from '../../nodeviews/genericCard';
 type AwarenessWrapperProps = {
     isInserted?: boolean;
@@ -9,7 +8,9 @@ type AwarenessWrapperProps = {
     markMostRecentlyInsertedLink: (isLinkMostRecentlyInserted: boolean) => void;
     setOverlayHoveredStyles: (isHovered: boolean) => void;
     url: string;
-    view: EditorView;
+    isOverlayEnabled?: boolean;
+    isPulseEnabled?: boolean;
+    isSelected?: boolean;
 } & Partial<SmartCardProps>;
-export declare const AwarenessWrapper: ({ cardContext, children, getPos, isInserted, isOverlayEnabled, isSelected, isResolvedViewRendered, isPulseEnabled, markMostRecentlyInsertedLink, pluginInjectionApi, setOverlayHoveredStyles, url, view, }: AwarenessWrapperProps) => jsx.JSX.Element;
+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/utils.d.ts

@@ -1,4 +1,5 @@
 import type { CardAppearance } from '@atlaskit/editor-common/provider-factory';
+import { type getPosHandler } from '@atlaskit/editor-common/src/react-node-view';
 import type { Node, NodeType } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import { type EditorView } from '@atlaskit/editor-prosemirror/view';
@@ -43,3 +44,8 @@ export declare const isDatasourceNode: (node?: Node) => node is DatasourceNode;
  * @param editorView The editor view to focus.
  */
 export declare const focusEditorView: (editorView: EditorView) => void;
+export declare const getAwarenessProps: (editorState: EditorState, getPos: getPosHandler, allowEmbeds?: boolean, allowBlockCards?: boolean) => {
+    isPulseEnabled: boolean;
+    isOverlayEnabled: boolean;
+    isSelected: boolean;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-card",
-	"version": "2.3.2",
+	"version": "2.3.4",
 	"description": "Card plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -34,10 +34,10 @@
 	"dependencies": {
 		"@atlaskit/adf-schema": "^39.0.3",
 		"@atlaskit/analytics-next": "^9.3.0",
-		"@atlaskit/button": "^18.0.0",
+		"@atlaskit/button": "^18.1.0",
 		"@atlaskit/custom-steps": "^0.4.0",
 		"@atlaskit/dropdown-menu": "^12.13.0",
-		"@atlaskit/editor-common": "^83.5.0",
+		"@atlaskit/editor-common": "^83.6.0",
 		"@atlaskit/editor-plugin-analytics": "^1.4.0",
 		"@atlaskit/editor-plugin-decorations": "^1.1.0",
 		"@atlaskit/editor-plugin-editor-disabled": "^1.1.0",