@atlaskit/editor-plugin-card 6.0.1 → 6.1.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/editor-plugin-card
 
+## 6.1.0
+
+### Minor Changes
+
+- [#151988](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/151988)
+  [`40cc12e3c4d9a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/40cc12e3c4d9a) -
+  [ux] Add optional CompetitorPrompt component for experiment
+
+### Patch Changes
+
+- Updated dependencies
+
+## 6.0.2
+
+### Patch Changes
+
+- [#154277](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/154277)
+  [`84e1566863396`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/84e1566863396) -
+  [ux] ED-27809 Update edit button for datasource link toolbars so users can update search query
+- Updated dependencies
+
 ## 6.0.1
 
 ### Patch Changes

package/dist/cjs/nodeviews/genericCard.js

@@ -81,6 +81,13 @@ var WithClickHandler = function WithClickHandler(_ref) {
     onClick: allowNavigation ? undefined : onClick
   }));
 };
+
+/**
+ *
+ * @param SmartCardComponent
+ * @param UnsupportedComponent
+ * @example
+ */
 function Card(SmartCardComponent, UnsupportedComponent) {
   return /*#__PURE__*/function (_React$Component) {
     function _class() {

package/dist/cjs/nodeviews/inlineCard.js

@@ -154,6 +154,12 @@ var useSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (
     selection: selectionState === null || selectionState === void 0 ? void 0 : selectionState.selection
   };
 });
+
+/**
+ *
+ * @param props
+ * @example
+ */
 function InlineCardNodeView(props) {
   var useAlternativePreloader = props.useAlternativePreloader,
     node = props.node,
@@ -166,7 +172,8 @@ function InlineCardNodeView(props) {
     pluginInjectionApi = props.pluginInjectionApi,
     onClickCallback = props.onClickCallback,
     __livePage = props.__livePage,
-    isPageSSRed = props.isPageSSRed;
+    isPageSSRed = props.isPageSSRed,
+    CompetitorPrompt = props.CompetitorPrompt;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     isOverlayHovered = _useState2[0],
@@ -175,6 +182,10 @@ function InlineCardNodeView(props) {
     mode = _useSharedState.mode,
     selection = _useSharedState.selection;
   var floatingToolbarNode = selection instanceof _state.NodeSelection && selection.node;
+  var url = node.attrs.url;
+  var CompetitorPromptComponent = CompetitorPrompt && url ? /*#__PURE__*/_react.default.createElement(CompetitorPrompt, {
+    sourceUrl: url
+  }) : null;
   if (__livePage && (0, _platformFeatureFlags.fg)('linking_platform_smart_links_in_live_pages')) {
     var showHoverPreview = floatingToolbarNode !== node;
     var livePagesHoverCardFadeInDelay = 800;
@@ -192,7 +203,7 @@ function InlineCardNodeView(props) {
       },
       isPageSSRed: isPageSSRed
     });
-    return mode === 'view' ? inlineCard : /*#__PURE__*/_react.default.createElement(_ConfigureOverlay.default, {
+    return mode === 'view' ? inlineCard : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ConfigureOverlay.default, {
       targetElementPos: getPos(),
       view: view,
       isHoveredCallback: setIsOverlayHovered,
@@ -201,13 +212,13 @@ function InlineCardNodeView(props) {
         (0, _link.handleNavigation)({
           fireAnalyticsEvent: pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions.fireAnalyticsEvent,
           onClickCallback: onClickCallback,
-          url: node.attrs.url,
+          url: url,
           event: event
         });
       }
-    }, inlineCard);
+    }, inlineCard), (0, _platformFeatureFlags.fg)('prompt_whiteboard_competitor_link_gate') && CompetitorPromptComponent);
   }
-  return /*#__PURE__*/_react.default.createElement(WrappedInlineCardWithAwareness, (0, _extends2.default)({
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(WrappedInlineCardWithAwareness, (0, _extends2.default)({
     node: node,
     view: view,
     getPos: getPos,
@@ -219,7 +230,7 @@ function InlineCardNodeView(props) {
     appearance: "inline"
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading
-  }, enableInlineUpgradeFeatures && (0, _utils.getAwarenessProps)(view.state, getPos, allowEmbeds, allowBlockCards, !(0, _experiments.editorExperiment)('live_pages_graceful_edit', 'control') ? true : mode === 'view')));
+  }, enableInlineUpgradeFeatures && (0, _utils.getAwarenessProps)(view.state, getPos, allowEmbeds, allowBlockCards, !(0, _experiments.editorExperiment)('live_pages_graceful_edit', 'control') ? true : mode === 'view'))), (0, _platformFeatureFlags.fg)('prompt_whiteboard_competitor_link_gate') && CompetitorPromptComponent);
 }
 var inlineCardNodeView = exports.inlineCardNodeView = function inlineCardNodeView(_ref2) {
   var inlineCardViewProducer = _ref2.inlineCardViewProducer;

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

@@ -68,7 +68,8 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pluginI
       allowBlockCards = options.allowBlockCards,
       onClickCallback = options.onClickCallback,
       __livePage = options.__livePage,
-      isPageSSRed = options.isPageSSRed;
+      isPageSSRed = options.isPageSSRed,
+      CompetitorPrompt = options.CompetitorPrompt;
     var enableInlineUpgradeFeatures = !!showUpgradeDiscoverability;
     var inlineCardViewProducer = (0, _reactNodeView.getInlineNodeViewProducer)(_objectSpread({
       pmPluginFactoryParams: pmPluginFactoryParams,
@@ -82,7 +83,8 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pluginI
         pluginInjectionApi: pluginInjectionApi,
         onClickCallback: onClickCallback,
         __livePage: __livePage,
-        isPageSSRed: isPageSSRed
+        isPageSSRed: isPageSSRed,
+        CompetitorPrompt: CompetitorPrompt
       }
     }, __livePage && (0, _platformFeatureFlags.fg)('linking_platform_smart_links_in_live_pages') && {
       extraNodeViewProps: {

package/dist/cjs/ui/HyperlinkToolbarAppearanceDropdown.js

@@ -14,6 +14,7 @@ var _card = require("@atlaskit/editor-common/card");
 var _ui = require("@atlaskit/editor-common/ui");
 var _uiMenu = require("@atlaskit/editor-common/ui-menu");
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-down"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _LinkToolbarAppearanceDropdown = require("./LinkToolbarAppearanceDropdown");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -148,7 +149,7 @@ var CustomHyperlinkDropdown = function CustomHyperlinkDropdown(props) {
     return null;
   }
   var dispatchCommand = function dispatchCommand(fn) {
-    fn && fn(editorView && editorView.state, editorView && editorView.dispatch);
+    fn && fn(editorView && editorView.state, editorView && editorView.dispatch, (0, _platformFeatureFlags.fg)('platform_editor_controls_patch_9') ? editorView : undefined);
     // Refocus the view to ensure the editor has focus
     if (editorView && !editorView.hasFocus()) {
       editorView.focus();

package/dist/cjs/ui/toolbar.js

@@ -325,6 +325,30 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
         type: 'separator'
       }] : [];
       var openLinkInputMethod = (0, _platformFeatureFlags.fg)('platform_editor_controls_patch_analytics') ? _analytics.INPUT_METHOD.FLOATING_TB : _analytics.INPUT_METHOD.TOOLBAR;
+      var editButtonItems = cardOptions.allowDatasource && (0, _platformFeatureFlags.fg)('platform_editor_controls_patch_9') ? [{
+        type: 'custom',
+        fallback: [],
+        render: function render(editorView) {
+          return /*#__PURE__*/_react.default.createElement(_EditToolbarButton.EditToolbarButton, {
+            key: "edit-toolbar-item",
+            url: url,
+            intl: intl,
+            editorAnalyticsApi: editorAnalyticsApi,
+            editorView: editorView,
+            onLinkEditClick: (0, _EditLinkToolbar.getEditLinkCallback)(editorAnalyticsApi, true),
+            currentAppearance: currentAppearance
+          });
+        }
+      }] : [{
+        id: 'editor.link.edit',
+        type: 'button',
+        selected: false,
+        metadata: metadata,
+        title: intl.formatMessage(_messages.linkToolbarMessages.editLink),
+        icon: _edit.default,
+        testId: 'link-toolbar-edit-link-button',
+        onClick: (0, _EditLinkToolbar.getEditLinkCallback)(editorAnalyticsApi, true)
+      }];
       var toolbarItems = (0, _experiments.editorExperiment)('platform_editor_controls', 'control') ? [].concat(editItems, commentItems, [_objectSpread({
         id: 'editor.link.openLink',
         type: 'button',
@@ -363,16 +387,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
         onBlur: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(node.type, false),
         title: intl.formatMessage(_messages.default.remove),
         onClick: withToolbarMetadata(removeCard(editorAnalyticsApi))
-      }]) : [{
-        id: 'editor.link.edit',
-        type: 'button',
-        selected: false,
-        metadata: metadata,
-        title: intl.formatMessage(_messages.linkToolbarMessages.editLink),
-        icon: _edit.default,
-        testId: 'link-toolbar-edit-link-button',
-        onClick: (0, _EditLinkToolbar.getEditLinkCallback)(editorAnalyticsApi, true)
-      }].concat((0, _toConsumableArray2.default)((0, _platformFeatureFlags.fg)('platform_editor_controls_patch_6') ? [] : [{
+      }]) : [].concat(editButtonItems, (0, _toConsumableArray2.default)((0, _platformFeatureFlags.fg)('platform_editor_controls_patch_6') ? [] : [{
         type: 'separator'
       }]), (0, _toConsumableArray2.default)(getUnlinkButtonGroup(state, intl, node, inlineCard, editorAnalyticsApi)), [_objectSpread({
         id: 'editor.link.openLink',

package/dist/es2019/nodeviews/genericCard.js

@@ -67,6 +67,13 @@ const WithClickHandler = ({
     onClick: allowNavigation ? undefined : onClick
   }));
 };
+
+/**
+ *
+ * @param SmartCardComponent
+ * @param UnsupportedComponent
+ * @example
+ */
 export function Card(SmartCardComponent, UnsupportedComponent) {
   return class extends React.Component {
     constructor(...args) {

package/dist/es2019/nodeviews/inlineCard.js

@@ -148,6 +148,12 @@ const useSharedState = sharedPluginStateHookMigratorFactory(pluginInjectionApi =
     selection: selectionState === null || selectionState === void 0 ? void 0 : selectionState.selection
   };
 });
+
+/**
+ *
+ * @param props
+ * @example
+ */
 export function InlineCardNodeView(props) {
   const {
     useAlternativePreloader,
@@ -161,7 +167,8 @@ export function InlineCardNodeView(props) {
     pluginInjectionApi,
     onClickCallback,
     __livePage,
-    isPageSSRed
+    isPageSSRed,
+    CompetitorPrompt
   } = props;
   const [isOverlayHovered, setIsOverlayHovered] = useState(false);
   const {
@@ -169,6 +176,10 @@ export function InlineCardNodeView(props) {
     selection
   } = useSharedState(pluginInjectionApi);
   const floatingToolbarNode = selection instanceof NodeSelection && selection.node;
+  const url = node.attrs.url;
+  const CompetitorPromptComponent = CompetitorPrompt && url ? /*#__PURE__*/React.createElement(CompetitorPrompt, {
+    sourceUrl: url
+  }) : null;
   if (__livePage && fg('linking_platform_smart_links_in_live_pages')) {
     const showHoverPreview = floatingToolbarNode !== node;
     const livePagesHoverCardFadeInDelay = 800;
@@ -186,7 +197,7 @@ export function InlineCardNodeView(props) {
       },
       isPageSSRed: isPageSSRed
     });
-    return mode === 'view' ? inlineCard : /*#__PURE__*/React.createElement(OverlayWrapper, {
+    return mode === 'view' ? inlineCard : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(OverlayWrapper, {
       targetElementPos: getPos(),
       view: view,
       isHoveredCallback: setIsOverlayHovered,
@@ -195,13 +206,13 @@ export function InlineCardNodeView(props) {
         handleNavigation({
           fireAnalyticsEvent: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions.fireAnalyticsEvent,
           onClickCallback,
-          url: node.attrs.url,
+          url,
           event
         });
       }
-    }, inlineCard);
+    }, inlineCard), fg('prompt_whiteboard_competitor_link_gate') && CompetitorPromptComponent);
   }
-  return /*#__PURE__*/React.createElement(WrappedInlineCardWithAwareness, _extends({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(WrappedInlineCardWithAwareness, _extends({
     node: node,
     view: view,
     getPos: getPos,
@@ -213,7 +224,7 @@ export function InlineCardNodeView(props) {
     appearance: "inline"
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading
-  }, enableInlineUpgradeFeatures && getAwarenessProps(view.state, getPos, allowEmbeds, allowBlockCards, !editorExperiment('live_pages_graceful_edit', 'control') ? true : mode === 'view')));
+  }, enableInlineUpgradeFeatures && getAwarenessProps(view.state, getPos, allowEmbeds, allowBlockCards, !editorExperiment('live_pages_graceful_edit', 'control') ? true : mode === 'view'))), fg('prompt_whiteboard_competitor_link_gate') && CompetitorPromptComponent);
 }
 export const inlineCardNodeView = ({
   inlineCardViewProducer

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

@@ -58,7 +58,8 @@ export const createPlugin = (options, pluginInjectionApi) => pmPluginFactoryPara
     onClickCallback,
     // @ts-ignore Temporary solution to check for Live Page editor.
     __livePage,
-    isPageSSRed
+    isPageSSRed,
+    CompetitorPrompt
   } = options;
   const enableInlineUpgradeFeatures = !!showUpgradeDiscoverability;
   const inlineCardViewProducer = getInlineNodeViewProducer({
@@ -73,7 +74,8 @@ export const createPlugin = (options, pluginInjectionApi) => pmPluginFactoryPara
       pluginInjectionApi,
       onClickCallback,
       __livePage,
-      isPageSSRed
+      isPageSSRed,
+      CompetitorPrompt
     },
     ...(__livePage && fg('linking_platform_smart_links_in_live_pages') && {
       extraNodeViewProps: {

package/dist/es2019/ui/HyperlinkToolbarAppearanceDropdown.js

@@ -3,6 +3,7 @@ import { appearancePropsMap } from '@atlaskit/editor-common/card';
 import { FloatingToolbarButton as Button, FloatingToolbarSeparator as Separator } from '@atlaskit/editor-common/ui';
 import { ArrowKeyNavigationType, DropdownContainer as UiDropdown } from '@atlaskit/editor-common/ui-menu';
 import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Flex } from '@atlaskit/primitives/compiled';
 import { LinkAppearanceMenu } from './LinkToolbarAppearanceDropdown';
 const CustomHyperlinkDropdown = props => {
@@ -68,7 +69,7 @@ const CustomHyperlinkDropdown = props => {
     return null;
   }
   const dispatchCommand = fn => {
-    fn && fn(editorView && editorView.state, editorView && editorView.dispatch);
+    fn && fn(editorView && editorView.state, editorView && editorView.dispatch, fg('platform_editor_controls_patch_9') ? editorView : undefined);
     // Refocus the view to ensure the editor has focus
     if (editorView && !editorView.hasFocus()) {
       editorView.focus();

package/dist/es2019/ui/toolbar.js

@@ -319,6 +319,28 @@ const generateToolbarItems = (state, intl, providerFactory, cardOptions, lpLinkP
       type: 'separator'
     }] : [];
     const openLinkInputMethod = fg('platform_editor_controls_patch_analytics') ? INPUT_METHOD.FLOATING_TB : INPUT_METHOD.TOOLBAR;
+    const editButtonItems = cardOptions.allowDatasource && fg('platform_editor_controls_patch_9') ? [{
+      type: 'custom',
+      fallback: [],
+      render: editorView => /*#__PURE__*/React.createElement(EditToolbarButton, {
+        key: "edit-toolbar-item",
+        url: url,
+        intl: intl,
+        editorAnalyticsApi: editorAnalyticsApi,
+        editorView: editorView,
+        onLinkEditClick: getEditLinkCallback(editorAnalyticsApi, true),
+        currentAppearance: currentAppearance
+      })
+    }] : [{
+      id: 'editor.link.edit',
+      type: 'button',
+      selected: false,
+      metadata: metadata,
+      title: intl.formatMessage(linkToolbarMessages.editLink),
+      icon: EditIcon,
+      testId: 'link-toolbar-edit-link-button',
+      onClick: getEditLinkCallback(editorAnalyticsApi, true)
+    }];
     const toolbarItems = editorExperiment('platform_editor_controls', 'control') ? [...editItems, ...commentItems, {
       id: 'editor.link.openLink',
       type: 'button',
@@ -358,16 +380,7 @@ const generateToolbarItems = (state, intl, providerFactory, cardOptions, lpLinkP
       onBlur: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(node.type, false),
       title: intl.formatMessage(commonMessages.remove),
       onClick: withToolbarMetadata(removeCard(editorAnalyticsApi))
-    }] : [{
-      id: 'editor.link.edit',
-      type: 'button',
-      selected: false,
-      metadata: metadata,
-      title: intl.formatMessage(linkToolbarMessages.editLink),
-      icon: EditIcon,
-      testId: 'link-toolbar-edit-link-button',
-      onClick: getEditLinkCallback(editorAnalyticsApi, true)
-    }, ...(fg('platform_editor_controls_patch_6') ? [] : [{
+    }] : [...editButtonItems, ...(fg('platform_editor_controls_patch_6') ? [] : [{
       type: 'separator'
     }]), ...getUnlinkButtonGroup(state, intl, node, inlineCard, editorAnalyticsApi), {
       id: 'editor.link.openLink',

package/dist/esm/nodeviews/genericCard.js

@@ -71,6 +71,13 @@ var WithClickHandler = function WithClickHandler(_ref) {
     onClick: allowNavigation ? undefined : onClick
   }));
 };
+
+/**
+ *
+ * @param SmartCardComponent
+ * @param UnsupportedComponent
+ * @example
+ */
 export function Card(SmartCardComponent, UnsupportedComponent) {
   return /*#__PURE__*/function (_React$Component) {
     function _class() {

package/dist/esm/nodeviews/inlineCard.js

@@ -142,6 +142,12 @@ var useSharedState = sharedPluginStateHookMigratorFactory(function (pluginInject
     selection: selectionState === null || selectionState === void 0 ? void 0 : selectionState.selection
   };
 });
+
+/**
+ *
+ * @param props
+ * @example
+ */
 export function InlineCardNodeView(props) {
   var useAlternativePreloader = props.useAlternativePreloader,
     node = props.node,
@@ -154,7 +160,8 @@ export function InlineCardNodeView(props) {
     pluginInjectionApi = props.pluginInjectionApi,
     onClickCallback = props.onClickCallback,
     __livePage = props.__livePage,
-    isPageSSRed = props.isPageSSRed;
+    isPageSSRed = props.isPageSSRed,
+    CompetitorPrompt = props.CompetitorPrompt;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isOverlayHovered = _useState2[0],
@@ -163,6 +170,10 @@ export function InlineCardNodeView(props) {
     mode = _useSharedState.mode,
     selection = _useSharedState.selection;
   var floatingToolbarNode = selection instanceof NodeSelection && selection.node;
+  var url = node.attrs.url;
+  var CompetitorPromptComponent = CompetitorPrompt && url ? /*#__PURE__*/React.createElement(CompetitorPrompt, {
+    sourceUrl: url
+  }) : null;
   if (__livePage && fg('linking_platform_smart_links_in_live_pages')) {
     var showHoverPreview = floatingToolbarNode !== node;
     var livePagesHoverCardFadeInDelay = 800;
@@ -180,7 +191,7 @@ export function InlineCardNodeView(props) {
       },
       isPageSSRed: isPageSSRed
     });
-    return mode === 'view' ? inlineCard : /*#__PURE__*/React.createElement(OverlayWrapper, {
+    return mode === 'view' ? inlineCard : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(OverlayWrapper, {
       targetElementPos: getPos(),
       view: view,
       isHoveredCallback: setIsOverlayHovered,
@@ -189,13 +200,13 @@ export function InlineCardNodeView(props) {
         handleNavigation({
           fireAnalyticsEvent: pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions.fireAnalyticsEvent,
           onClickCallback: onClickCallback,
-          url: node.attrs.url,
+          url: url,
           event: event
         });
       }
-    }, inlineCard);
+    }, inlineCard), fg('prompt_whiteboard_competitor_link_gate') && CompetitorPromptComponent);
   }
-  return /*#__PURE__*/React.createElement(WrappedInlineCardWithAwareness, _extends({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(WrappedInlineCardWithAwareness, _extends({
     node: node,
     view: view,
     getPos: getPos,
@@ -207,7 +218,7 @@ export function InlineCardNodeView(props) {
     appearance: "inline"
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading
-  }, enableInlineUpgradeFeatures && getAwarenessProps(view.state, getPos, allowEmbeds, allowBlockCards, !editorExperiment('live_pages_graceful_edit', 'control') ? true : mode === 'view')));
+  }, enableInlineUpgradeFeatures && getAwarenessProps(view.state, getPos, allowEmbeds, allowBlockCards, !editorExperiment('live_pages_graceful_edit', 'control') ? true : mode === 'view'))), fg('prompt_whiteboard_competitor_link_gate') && CompetitorPromptComponent);
 }
 export var inlineCardNodeView = function inlineCardNodeView(_ref2) {
   var inlineCardViewProducer = _ref2.inlineCardViewProducer;

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

@@ -61,7 +61,8 @@ export var createPlugin = function createPlugin(options, pluginInjectionApi) {
       allowBlockCards = options.allowBlockCards,
       onClickCallback = options.onClickCallback,
       __livePage = options.__livePage,
-      isPageSSRed = options.isPageSSRed;
+      isPageSSRed = options.isPageSSRed,
+      CompetitorPrompt = options.CompetitorPrompt;
     var enableInlineUpgradeFeatures = !!showUpgradeDiscoverability;
     var inlineCardViewProducer = getInlineNodeViewProducer(_objectSpread({
       pmPluginFactoryParams: pmPluginFactoryParams,
@@ -75,7 +76,8 @@ export var createPlugin = function createPlugin(options, pluginInjectionApi) {
         pluginInjectionApi: pluginInjectionApi,
         onClickCallback: onClickCallback,
         __livePage: __livePage,
-        isPageSSRed: isPageSSRed
+        isPageSSRed: isPageSSRed,
+        CompetitorPrompt: CompetitorPrompt
       }
     }, __livePage && fg('linking_platform_smart_links_in_live_pages') && {
       extraNodeViewProps: {

package/dist/esm/ui/HyperlinkToolbarAppearanceDropdown.js

@@ -6,6 +6,7 @@ import { appearancePropsMap } from '@atlaskit/editor-common/card';
 import { FloatingToolbarButton as Button, FloatingToolbarSeparator as Separator } from '@atlaskit/editor-common/ui';
 import { ArrowKeyNavigationType, DropdownContainer as UiDropdown } from '@atlaskit/editor-common/ui-menu';
 import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Flex } from '@atlaskit/primitives/compiled';
 import { LinkAppearanceMenu } from './LinkToolbarAppearanceDropdown';
 var CustomHyperlinkDropdown = function CustomHyperlinkDropdown(props) {
@@ -138,7 +139,7 @@ var CustomHyperlinkDropdown = function CustomHyperlinkDropdown(props) {
     return null;
   }
   var dispatchCommand = function dispatchCommand(fn) {
-    fn && fn(editorView && editorView.state, editorView && editorView.dispatch);
+    fn && fn(editorView && editorView.state, editorView && editorView.dispatch, fg('platform_editor_controls_patch_9') ? editorView : undefined);
     // Refocus the view to ensure the editor has focus
     if (editorView && !editorView.hasFocus()) {
       editorView.focus();

package/dist/esm/ui/toolbar.js

@@ -315,6 +315,30 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
         type: 'separator'
       }] : [];
       var openLinkInputMethod = fg('platform_editor_controls_patch_analytics') ? INPUT_METHOD.FLOATING_TB : INPUT_METHOD.TOOLBAR;
+      var editButtonItems = cardOptions.allowDatasource && fg('platform_editor_controls_patch_9') ? [{
+        type: 'custom',
+        fallback: [],
+        render: function render(editorView) {
+          return /*#__PURE__*/React.createElement(EditToolbarButton, {
+            key: "edit-toolbar-item",
+            url: url,
+            intl: intl,
+            editorAnalyticsApi: editorAnalyticsApi,
+            editorView: editorView,
+            onLinkEditClick: getEditLinkCallback(editorAnalyticsApi, true),
+            currentAppearance: currentAppearance
+          });
+        }
+      }] : [{
+        id: 'editor.link.edit',
+        type: 'button',
+        selected: false,
+        metadata: metadata,
+        title: intl.formatMessage(linkToolbarMessages.editLink),
+        icon: EditIcon,
+        testId: 'link-toolbar-edit-link-button',
+        onClick: getEditLinkCallback(editorAnalyticsApi, true)
+      }];
       var toolbarItems = editorExperiment('platform_editor_controls', 'control') ? [].concat(editItems, commentItems, [_objectSpread({
         id: 'editor.link.openLink',
         type: 'button',
@@ -353,16 +377,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
         onBlur: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(node.type, false),
         title: intl.formatMessage(commonMessages.remove),
         onClick: withToolbarMetadata(removeCard(editorAnalyticsApi))
-      }]) : [{
-        id: 'editor.link.edit',
-        type: 'button',
-        selected: false,
-        metadata: metadata,
-        title: intl.formatMessage(linkToolbarMessages.editLink),
-        icon: EditIcon,
-        testId: 'link-toolbar-edit-link-button',
-        onClick: getEditLinkCallback(editorAnalyticsApi, true)
-      }].concat(_toConsumableArray(fg('platform_editor_controls_patch_6') ? [] : [{
+      }]) : [].concat(editButtonItems, _toConsumableArray(fg('platform_editor_controls_patch_6') ? [] : [{
         type: 'separator'
       }]), _toConsumableArray(getUnlinkButtonGroup(state, intl, node, inlineCard, editorAnalyticsApi)), [_objectSpread({
         id: 'editor.link.openLink',

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

@@ -46,7 +46,16 @@ export interface SmartCardProps extends CardProps {
     allowBlockCards?: boolean;
     enableInlineUpgradeFeatures?: boolean;
     isPageSSRed?: boolean;
+    CompetitorPrompt?: React.ComponentType<{
+        sourceUrl: string;
+    }>;
 }
+/**
+ *
+ * @param SmartCardComponent
+ * @param UnsupportedComponent
+ * @example
+ */
 export declare function Card(SmartCardComponent: React.ComponentType<React.PropsWithChildren<SmartCardProps & {
     id?: string;
 }>>, UnsupportedComponent: React.ComponentType<React.PropsWithChildren<unknown>>): React.ComponentType<React.PropsWithChildren<CardProps>>;

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

@@ -5,7 +5,12 @@ import type { Decoration, EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { SmartCardProps } from './genericCard';
 import { type InlineCardWithAwarenessProps } from './inlineCardWithAwareness';
 export declare const InlineCard: React.MemoExoticComponent<({ node, cardContext, actionOptions, useAlternativePreloader, view, getPos, onClick, onResolve: onRes, isHovered, showHoverPreview, hoverPreviewOptions, isPageSSRed, }: SmartCardProps) => React.JSX.Element | null>;
-export type InlineCardNodeViewProps = Pick<SmartCardProps, 'useAlternativePreloader' | 'actionOptions' | 'allowEmbeds' | 'allowBlockCards' | 'enableInlineUpgradeFeatures' | 'pluginInjectionApi' | 'onClickCallback' | '__livePage' | 'isPageSSRed'>;
+export type InlineCardNodeViewProps = Pick<SmartCardProps, 'useAlternativePreloader' | 'actionOptions' | 'allowEmbeds' | 'allowBlockCards' | 'enableInlineUpgradeFeatures' | 'pluginInjectionApi' | 'onClickCallback' | '__livePage' | 'isPageSSRed' | 'CompetitorPrompt'>;
+/**
+ *
+ * @param props
+ * @example
+ */
 export declare function InlineCardNodeView(props: InlineNodeViewComponentProps & InlineCardNodeViewProps & InlineCardWithAwarenessProps): React.JSX.Element;
 export interface InlineCardNodeViewProperties {
     inlineCardViewProducer: ReturnType<typeof getInlineNodeViewProducer>;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { RichMediaAttributes } from '@atlaskit/adf-schema';
 import type { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import type { ACTION } from '@atlaskit/editor-common/analytics';
@@ -108,6 +109,9 @@ export type CardPluginOptions = CardOptions & {
     disableFloatingToolbar?: boolean;
     onClickCallback?: OnClickCallback;
     isPageSSRed?: boolean;
+    CompetitorPrompt?: React.ComponentType<{
+        sourceUrl: string;
+    }>;
 };
 export type SetProvider = {
     type: 'SET_PROVIDER';

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

@@ -46,7 +46,16 @@ export interface SmartCardProps extends CardProps {
     allowBlockCards?: boolean;
     enableInlineUpgradeFeatures?: boolean;
     isPageSSRed?: boolean;
+    CompetitorPrompt?: React.ComponentType<{
+        sourceUrl: string;
+    }>;
 }
+/**
+ *
+ * @param SmartCardComponent
+ * @param UnsupportedComponent
+ * @example
+ */
 export declare function Card(SmartCardComponent: React.ComponentType<React.PropsWithChildren<SmartCardProps & {
     id?: string;
 }>>, UnsupportedComponent: React.ComponentType<React.PropsWithChildren<unknown>>): React.ComponentType<React.PropsWithChildren<CardProps>>;

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

@@ -5,7 +5,12 @@ import type { Decoration, EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { SmartCardProps } from './genericCard';
 import { type InlineCardWithAwarenessProps } from './inlineCardWithAwareness';
 export declare const InlineCard: React.MemoExoticComponent<({ node, cardContext, actionOptions, useAlternativePreloader, view, getPos, onClick, onResolve: onRes, isHovered, showHoverPreview, hoverPreviewOptions, isPageSSRed, }: SmartCardProps) => React.JSX.Element | null>;
-export type InlineCardNodeViewProps = Pick<SmartCardProps, 'useAlternativePreloader' | 'actionOptions' | 'allowEmbeds' | 'allowBlockCards' | 'enableInlineUpgradeFeatures' | 'pluginInjectionApi' | 'onClickCallback' | '__livePage' | 'isPageSSRed'>;
+export type InlineCardNodeViewProps = Pick<SmartCardProps, 'useAlternativePreloader' | 'actionOptions' | 'allowEmbeds' | 'allowBlockCards' | 'enableInlineUpgradeFeatures' | 'pluginInjectionApi' | 'onClickCallback' | '__livePage' | 'isPageSSRed' | 'CompetitorPrompt'>;
+/**
+ *
+ * @param props
+ * @example
+ */
 export declare function InlineCardNodeView(props: InlineNodeViewComponentProps & InlineCardNodeViewProps & InlineCardWithAwarenessProps): React.JSX.Element;
 export interface InlineCardNodeViewProperties {
     inlineCardViewProducer: ReturnType<typeof getInlineNodeViewProducer>;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { RichMediaAttributes } from '@atlaskit/adf-schema';
 import type { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import type { ACTION } from '@atlaskit/editor-common/analytics';
@@ -108,6 +109,9 @@ export type CardPluginOptions = CardOptions & {
     disableFloatingToolbar?: boolean;
     onClickCallback?: OnClickCallback;
     isPageSSRed?: boolean;
+    CompetitorPrompt?: React.ComponentType<{
+        sourceUrl: string;
+    }>;
 };
 export type SetProvider = {
     type: 'SET_PROVIDER';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-card",
-	"version": "6.0.1",
+	"version": "6.1.0",
 	"description": "Card plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -37,7 +37,7 @@
 		"@atlaskit/analytics-next": "^11.0.0",
 		"@atlaskit/button": "^23.0.0",
 		"@atlaskit/custom-steps": "^0.11.0",
-		"@atlaskit/editor-common": "^105.2.0",
+		"@atlaskit/editor-common": "^105.5.0",
 		"@atlaskit/editor-plugin-analytics": "^2.3.0",
 		"@atlaskit/editor-plugin-base": "^3.0.0",
 		"@atlaskit/editor-plugin-connectivity": "^2.0.0",
@@ -60,9 +60,9 @@
 		"@atlaskit/menu": "^5.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^14.7.0",
-		"@atlaskit/smart-card": "^38.0.0",
+		"@atlaskit/smart-card": "^38.1.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tmp-editor-statsig": "^4.21.0",
+		"@atlaskit/tmp-editor-statsig": "^4.22.0",
 		"@atlaskit/tokens": "^4.8.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -140,6 +140,9 @@
 		"platform_editor_controls_patch_6": {
 			"type": "boolean"
 		},
+		"platform_editor_controls_patch_9": {
+			"type": "boolean"
+		},
 		"platform_editor_controls_patch_analytics": {
 			"type": "boolean"
 		},
@@ -151,6 +154,9 @@
 		},
 		"platform_editor_controls_patch_8": {
 			"type": "boolean"
+		},
+		"prompt_whiteboard_competitor_link_gate": {
+			"type": "boolean"
 		}
 	},
 	"stricter": {