@atlaskit/editor-plugin-card 6.4.5 → 6.5.1

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/editor-plugin-card
 
+## 6.5.1
+
+### Patch Changes
+
+- [#165822](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/165822)
+  [`abe794a9fdd4f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/abe794a9fdd4f) -
+  ED-28147 fix exposure and gating for smart link cmd or ctrl click
+
+## 6.5.0
+
+### Minor Changes
+
+- [#161907](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/161907)
+  [`0f083a35b280f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0f083a35b280f) -
+  [ux] Add optional CompetitorPrompt component to display for Smart Link card for experiment
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 6.4.5
 
 ### Patch Changes

package/dist/cjs/nodeviews/blockCard.js

@@ -111,7 +111,8 @@ var BlockCardComponent = exports.BlockCardComponent = /*#__PURE__*/function (_Re
         node = _this$props2.node,
         cardContext = _this$props2.cardContext,
         actionOptions = _this$props2.actionOptions,
-        onClick = _this$props2.onClick;
+        onClick = _this$props2.onClick,
+        CompetitorPrompt = _this$props2.CompetitorPrompt;
       var _node$attrs = node.attrs,
         url = _node$attrs.url,
         data = _node$attrs.data;
@@ -124,7 +125,8 @@ var BlockCardComponent = exports.BlockCardComponent = /*#__PURE__*/function (_Re
         onResolve: this.onResolve,
         onError: this.onError,
         platform: 'web',
-        actionOptions: actionOptions
+        actionOptions: actionOptions,
+        CompetitorPrompt: CompetitorPrompt
       }), this.gapCursorSpan());
       // [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
@@ -192,7 +194,8 @@ var BlockCard = exports.BlockCard = /*#__PURE__*/function (_ReactNodeView) {
       var _this$reactComponentP3 = this.reactComponentProps,
         actionOptions = _this$reactComponentP3.actionOptions,
         pluginInjectionApi = _this$reactComponentP3.pluginInjectionApi,
-        onClickCallback = _this$reactComponentP3.onClickCallback;
+        onClickCallback = _this$reactComponentP3.onClickCallback,
+        CompetitorPrompt = _this$reactComponentP3.CompetitorPrompt;
       return /*#__PURE__*/_react.default.createElement(WrappedBlockCard, {
         node: this.node,
         view: this.view,
@@ -200,7 +203,8 @@ var BlockCard = exports.BlockCard = /*#__PURE__*/function (_ReactNodeView) {
         actionOptions: actionOptions,
         pluginInjectionApi: pluginInjectionApi,
         onClickCallback: onClickCallback,
-        id: this.id
+        id: this.id,
+        CompetitorPrompt: CompetitorPrompt
       });
     }
   }, {
@@ -235,14 +239,16 @@ var blockCardNodeView = exports.blockCardNodeView = function blockCardNodeView(_
     pluginInjectionApi = _ref3.pluginInjectionApi,
     onClickCallback = _ref3.onClickCallback,
     allowDatasource = _ref3.allowDatasource,
-    inlineCardViewProducer = _ref3.inlineCardViewProducer;
+    inlineCardViewProducer = _ref3.inlineCardViewProducer,
+    CompetitorPrompt = _ref3.CompetitorPrompt;
   return function (node, view, getPos, decorations) {
     var portalProviderAPI = pmPluginFactoryParams.portalProviderAPI,
       eventDispatcher = pmPluginFactoryParams.eventDispatcher;
     var reactComponentProps = {
       actionOptions: actionOptions,
       pluginInjectionApi: pluginInjectionApi,
-      onClickCallback: onClickCallback
+      onClickCallback: onClickCallback,
+      CompetitorPrompt: CompetitorPrompt
     };
     var isDatasource = (0, _utils2.isDatasourceNode)(node);
     if (isDatasource) {

package/dist/cjs/nodeviews/inlineCard.js

@@ -37,7 +37,7 @@ var InlineCard = exports.InlineCard = /*#__PURE__*/(0, _react.memo)(function (_r
     useAlternativePreloader = _ref.useAlternativePreloader,
     view = _ref.view,
     getPos = _ref.getPos,
-    onClick = _ref.onClick,
+    propsOnClick = _ref.onClick,
     onRes = _ref.onResolve,
     isHovered = _ref.isHovered,
     showHoverPreview = _ref.showHoverPreview,
@@ -100,27 +100,27 @@ var InlineCard = exports.InlineCard = /*#__PURE__*/(0, _react.memo)(function (_r
     });
   }, [onResolve]);
   var handleOnClick = (0, _react.useCallback)(function (event) {
-    onClick === null || onClick === void 0 || onClick(event);
-    if ((0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && (0, _experiments.editorExperiment)('platform_editor_smart_link_cmd_ctrl_click', true, {
-      exposure: true
-    })) {
-      // open link in new tab when performing a cmd/ctrl + click
-      if (event.metaKey || event.ctrlKey) {
-        var _pluginInjectionApi$a;
-        var _ref2 = (_pluginInjectionApi$a = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.analytics) !== null && _pluginInjectionApi$a !== void 0 ? _pluginInjectionApi$a : {},
-          editorAnalyticsApi = _ref2.actions;
-        (0, _toolbar.visitCardLinkAnalyticsOnly)(editorAnalyticsApi, _analytics.INPUT_METHOD.META_CLICK)(view.state, view.dispatch);
-        window.open(url, '_blank');
-      }
+    if (event.metaKey || event.ctrlKey) {
+      var _pluginInjectionApi$a;
+      var _ref2 = (_pluginInjectionApi$a = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.analytics) !== null && _pluginInjectionApi$a !== void 0 ? _pluginInjectionApi$a : {},
+        editorAnalyticsApi = _ref2.actions;
+      (0, _toolbar.visitCardLinkAnalyticsOnly)(editorAnalyticsApi, _analytics.INPUT_METHOD.META_CLICK)(view.state, view.dispatch);
+      window.open(url, '_blank');
+    } else {
+      // only trigger the provided onClick callback if the meta key or ctrl key is not pressed
+      propsOnClick === null || propsOnClick === void 0 || propsOnClick(event);
     }
-  }, [onClick, url, view, pluginInjectionApi]);
+  }, [propsOnClick, url, view, pluginInjectionApi]);
+  var onClick = (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && (0, _experiments.editorExperiment)('platform_editor_smart_link_cmd_ctrl_click', true, {
+    exposure: true
+  }) ? handleOnClick : propsOnClick;
   var card = (0, _react.useMemo)(function () {
     if (isPageSSRed && url && (0, _platformFeatureFlags.fg)('platform_ssr_smartlinks_editor')) {
       return /*#__PURE__*/_react.default.createElement(_ssr.CardSSR, {
         key: url,
         url: url,
         appearance: "inline",
-        onClick: handleOnClick,
+        onClick: onClick,
         container: scrollContainer,
         onResolve: onResolve,
         onError: onError,
@@ -135,7 +135,7 @@ var InlineCard = exports.InlineCard = /*#__PURE__*/(0, _react.memo)(function (_r
       key: url,
       url: url !== null && url !== void 0 ? url : data.url,
       appearance: "inline",
-      onClick: handleOnClick,
+      onClick: onClick,
       container: scrollContainer,
       onResolve: onResolve,
       onError: onError,
@@ -145,7 +145,7 @@ var InlineCard = exports.InlineCard = /*#__PURE__*/(0, _react.memo)(function (_r
       showHoverPreview: showHoverPreview,
       hoverPreviewOptions: hoverPreviewOptions
     });
-  }, [url, data, handleOnClick, scrollContainer, onResolve, onError, useAlternativePreloader, actionOptions, isHovered, showHoverPreview, hoverPreviewOptions, isPageSSRed]);
+  }, [url, data, onClick, scrollContainer, onResolve, onError, useAlternativePreloader, actionOptions, isHovered, showHoverPreview, hoverPreviewOptions, isPageSSRed]);
 
   // [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

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

@@ -263,7 +263,8 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pluginI
             pluginInjectionApi: pluginInjectionApi,
             onClickCallback: onClickCallback,
             allowDatasource: options.allowDatasource,
-            inlineCardViewProducer: inlineCardViewProducer
+            inlineCardViewProducer: inlineCardViewProducer,
+            CompetitorPrompt: options.CompetitorPrompt
           }),
           embedCard: (0, _lazyEmbedCard.lazyEmbedCardView)({
             allowResizing: allowResizing,

package/dist/es2019/nodeviews/blockCard.js

@@ -92,7 +92,8 @@ export class BlockCardComponent extends React.PureComponent {
       node,
       cardContext,
       actionOptions,
-      onClick
+      onClick,
+      CompetitorPrompt
     } = this.props;
     const {
       url,
@@ -107,7 +108,8 @@ export class BlockCardComponent extends React.PureComponent {
       onResolve: this.onResolve,
       onError: this.onError,
       platform: 'web',
-      actionOptions: actionOptions
+      actionOptions: actionOptions,
+      CompetitorPrompt: CompetitorPrompt
     }), this.gapCursorSpan());
     // [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
@@ -155,7 +157,8 @@ export class BlockCard extends ReactNodeView {
     const {
       actionOptions,
       pluginInjectionApi,
-      onClickCallback
+      onClickCallback,
+      CompetitorPrompt
     } = this.reactComponentProps;
     return /*#__PURE__*/React.createElement(WrappedBlockCard, {
       node: this.node,
@@ -164,7 +167,8 @@ export class BlockCard extends ReactNodeView {
       actionOptions: actionOptions,
       pluginInjectionApi: pluginInjectionApi,
       onClickCallback: onClickCallback,
-      id: this.id
+      id: this.id,
+      CompetitorPrompt: CompetitorPrompt
     });
   }
   destroy() {
@@ -196,7 +200,8 @@ export const blockCardNodeView = ({
   pluginInjectionApi,
   onClickCallback,
   allowDatasource,
-  inlineCardViewProducer
+  inlineCardViewProducer,
+  CompetitorPrompt
 }) => (node, view, getPos, decorations) => {
   const {
     portalProviderAPI,
@@ -205,7 +210,8 @@ export const blockCardNodeView = ({
   const reactComponentProps = {
     actionOptions,
     pluginInjectionApi,
-    onClickCallback: onClickCallback
+    onClickCallback: onClickCallback,
+    CompetitorPrompt
   };
   const isDatasource = isDatasourceNode(node);
   if (isDatasource) {

package/dist/es2019/nodeviews/inlineCard.js

@@ -25,7 +25,7 @@ export const InlineCard = /*#__PURE__*/memo(({
   useAlternativePreloader,
   view,
   getPos,
-  onClick,
+  onClick: propsOnClick,
   onResolve: onRes,
   isHovered,
   showHoverPreview,
@@ -94,28 +94,28 @@ export const InlineCard = /*#__PURE__*/memo(({
     });
   }, [onResolve]);
   const handleOnClick = useCallback(event => {
-    onClick === null || onClick === void 0 ? void 0 : onClick(event);
-    if (editorExperiment('platform_editor_controls', 'variant1') && editorExperiment('platform_editor_smart_link_cmd_ctrl_click', true, {
-      exposure: true
-    })) {
-      // open link in new tab when performing a cmd/ctrl + click
-      if (event.metaKey || event.ctrlKey) {
-        var _pluginInjectionApi$a;
-        const {
-          actions: editorAnalyticsApi
-        } = (_pluginInjectionApi$a = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.analytics) !== null && _pluginInjectionApi$a !== void 0 ? _pluginInjectionApi$a : {};
-        visitCardLinkAnalyticsOnly(editorAnalyticsApi, INPUT_METHOD.META_CLICK)(view.state, view.dispatch);
-        window.open(url, '_blank');
-      }
+    if (event.metaKey || event.ctrlKey) {
+      var _pluginInjectionApi$a;
+      const {
+        actions: editorAnalyticsApi
+      } = (_pluginInjectionApi$a = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.analytics) !== null && _pluginInjectionApi$a !== void 0 ? _pluginInjectionApi$a : {};
+      visitCardLinkAnalyticsOnly(editorAnalyticsApi, INPUT_METHOD.META_CLICK)(view.state, view.dispatch);
+      window.open(url, '_blank');
+    } else {
+      // only trigger the provided onClick callback if the meta key or ctrl key is not pressed
+      propsOnClick === null || propsOnClick === void 0 ? void 0 : propsOnClick(event);
     }
-  }, [onClick, url, view, pluginInjectionApi]);
+  }, [propsOnClick, url, view, pluginInjectionApi]);
+  const onClick = editorExperiment('platform_editor_controls', 'variant1') && editorExperiment('platform_editor_smart_link_cmd_ctrl_click', true, {
+    exposure: true
+  }) ? handleOnClick : propsOnClick;
   const card = useMemo(() => {
     if (isPageSSRed && url && fg('platform_ssr_smartlinks_editor')) {
       return /*#__PURE__*/React.createElement(CardSSR, {
         key: url,
         url: url,
         appearance: "inline",
-        onClick: handleOnClick,
+        onClick: onClick,
         container: scrollContainer,
         onResolve: onResolve,
         onError: onError,
@@ -130,7 +130,7 @@ export const InlineCard = /*#__PURE__*/memo(({
       key: url,
       url: url !== null && url !== void 0 ? url : data.url,
       appearance: "inline",
-      onClick: handleOnClick,
+      onClick: onClick,
       container: scrollContainer,
       onResolve: onResolve,
       onError: onError,
@@ -140,7 +140,7 @@ export const InlineCard = /*#__PURE__*/memo(({
       showHoverPreview: showHoverPreview,
       hoverPreviewOptions: hoverPreviewOptions
     });
-  }, [url, data, handleOnClick, scrollContainer, onResolve, onError, useAlternativePreloader, actionOptions, isHovered, showHoverPreview, hoverPreviewOptions, isPageSSRed]);
+  }, [url, data, onClick, scrollContainer, onResolve, onError, useAlternativePreloader, actionOptions, isHovered, showHoverPreview, hoverPreviewOptions, isPageSSRed]);
 
   // [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

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

@@ -262,7 +262,8 @@ export const createPlugin = (options, pluginInjectionApi) => pmPluginFactoryPara
           pluginInjectionApi,
           onClickCallback,
           allowDatasource: options.allowDatasource,
-          inlineCardViewProducer
+          inlineCardViewProducer,
+          CompetitorPrompt: options.CompetitorPrompt
         }),
         embedCard: lazyEmbedCardView({
           allowResizing,

package/dist/esm/nodeviews/blockCard.js

@@ -105,7 +105,8 @@ export var BlockCardComponent = /*#__PURE__*/function (_React$PureComponent) {
         node = _this$props2.node,
         cardContext = _this$props2.cardContext,
         actionOptions = _this$props2.actionOptions,
-        onClick = _this$props2.onClick;
+        onClick = _this$props2.onClick,
+        CompetitorPrompt = _this$props2.CompetitorPrompt;
       var _node$attrs = node.attrs,
         url = _node$attrs.url,
         data = _node$attrs.data;
@@ -118,7 +119,8 @@ export var BlockCardComponent = /*#__PURE__*/function (_React$PureComponent) {
         onResolve: this.onResolve,
         onError: this.onError,
         platform: 'web',
-        actionOptions: actionOptions
+        actionOptions: actionOptions,
+        CompetitorPrompt: CompetitorPrompt
       }), this.gapCursorSpan());
       // [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
@@ -186,7 +188,8 @@ export var BlockCard = /*#__PURE__*/function (_ReactNodeView) {
       var _this$reactComponentP3 = this.reactComponentProps,
         actionOptions = _this$reactComponentP3.actionOptions,
         pluginInjectionApi = _this$reactComponentP3.pluginInjectionApi,
-        onClickCallback = _this$reactComponentP3.onClickCallback;
+        onClickCallback = _this$reactComponentP3.onClickCallback,
+        CompetitorPrompt = _this$reactComponentP3.CompetitorPrompt;
       return /*#__PURE__*/React.createElement(WrappedBlockCard, {
         node: this.node,
         view: this.view,
@@ -194,7 +197,8 @@ export var BlockCard = /*#__PURE__*/function (_ReactNodeView) {
         actionOptions: actionOptions,
         pluginInjectionApi: pluginInjectionApi,
         onClickCallback: onClickCallback,
-        id: this.id
+        id: this.id,
+        CompetitorPrompt: CompetitorPrompt
       });
     }
   }, {
@@ -229,14 +233,16 @@ export var blockCardNodeView = function blockCardNodeView(_ref3) {
     pluginInjectionApi = _ref3.pluginInjectionApi,
     onClickCallback = _ref3.onClickCallback,
     allowDatasource = _ref3.allowDatasource,
-    inlineCardViewProducer = _ref3.inlineCardViewProducer;
+    inlineCardViewProducer = _ref3.inlineCardViewProducer,
+    CompetitorPrompt = _ref3.CompetitorPrompt;
   return function (node, view, getPos, decorations) {
     var portalProviderAPI = pmPluginFactoryParams.portalProviderAPI,
       eventDispatcher = pmPluginFactoryParams.eventDispatcher;
     var reactComponentProps = {
       actionOptions: actionOptions,
       pluginInjectionApi: pluginInjectionApi,
-      onClickCallback: onClickCallback
+      onClickCallback: onClickCallback,
+      CompetitorPrompt: CompetitorPrompt
     };
     var isDatasource = isDatasourceNode(node);
     if (isDatasource) {

package/dist/esm/nodeviews/inlineCard.js

@@ -26,7 +26,7 @@ export var InlineCard = /*#__PURE__*/memo(function (_ref) {
     useAlternativePreloader = _ref.useAlternativePreloader,
     view = _ref.view,
     getPos = _ref.getPos,
-    onClick = _ref.onClick,
+    propsOnClick = _ref.onClick,
     onRes = _ref.onResolve,
     isHovered = _ref.isHovered,
     showHoverPreview = _ref.showHoverPreview,
@@ -89,27 +89,27 @@ export var InlineCard = /*#__PURE__*/memo(function (_ref) {
     });
   }, [onResolve]);
   var handleOnClick = useCallback(function (event) {
-    onClick === null || onClick === void 0 || onClick(event);
-    if (editorExperiment('platform_editor_controls', 'variant1') && editorExperiment('platform_editor_smart_link_cmd_ctrl_click', true, {
-      exposure: true
-    })) {
-      // open link in new tab when performing a cmd/ctrl + click
-      if (event.metaKey || event.ctrlKey) {
-        var _pluginInjectionApi$a;
-        var _ref2 = (_pluginInjectionApi$a = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.analytics) !== null && _pluginInjectionApi$a !== void 0 ? _pluginInjectionApi$a : {},
-          editorAnalyticsApi = _ref2.actions;
-        visitCardLinkAnalyticsOnly(editorAnalyticsApi, INPUT_METHOD.META_CLICK)(view.state, view.dispatch);
-        window.open(url, '_blank');
-      }
+    if (event.metaKey || event.ctrlKey) {
+      var _pluginInjectionApi$a;
+      var _ref2 = (_pluginInjectionApi$a = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.analytics) !== null && _pluginInjectionApi$a !== void 0 ? _pluginInjectionApi$a : {},
+        editorAnalyticsApi = _ref2.actions;
+      visitCardLinkAnalyticsOnly(editorAnalyticsApi, INPUT_METHOD.META_CLICK)(view.state, view.dispatch);
+      window.open(url, '_blank');
+    } else {
+      // only trigger the provided onClick callback if the meta key or ctrl key is not pressed
+      propsOnClick === null || propsOnClick === void 0 || propsOnClick(event);
     }
-  }, [onClick, url, view, pluginInjectionApi]);
+  }, [propsOnClick, url, view, pluginInjectionApi]);
+  var onClick = editorExperiment('platform_editor_controls', 'variant1') && editorExperiment('platform_editor_smart_link_cmd_ctrl_click', true, {
+    exposure: true
+  }) ? handleOnClick : propsOnClick;
   var card = useMemo(function () {
     if (isPageSSRed && url && fg('platform_ssr_smartlinks_editor')) {
       return /*#__PURE__*/React.createElement(CardSSR, {
         key: url,
         url: url,
         appearance: "inline",
-        onClick: handleOnClick,
+        onClick: onClick,
         container: scrollContainer,
         onResolve: onResolve,
         onError: onError,
@@ -124,7 +124,7 @@ export var InlineCard = /*#__PURE__*/memo(function (_ref) {
       key: url,
       url: url !== null && url !== void 0 ? url : data.url,
       appearance: "inline",
-      onClick: handleOnClick,
+      onClick: onClick,
       container: scrollContainer,
       onResolve: onResolve,
       onError: onError,
@@ -134,7 +134,7 @@ export var InlineCard = /*#__PURE__*/memo(function (_ref) {
       showHoverPreview: showHoverPreview,
       hoverPreviewOptions: hoverPreviewOptions
     });
-  }, [url, data, handleOnClick, scrollContainer, onResolve, onError, useAlternativePreloader, actionOptions, isHovered, showHoverPreview, hoverPreviewOptions, isPageSSRed]);
+  }, [url, data, onClick, scrollContainer, onResolve, onError, useAlternativePreloader, actionOptions, isHovered, showHoverPreview, hoverPreviewOptions, isPageSSRed]);
 
   // [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

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

@@ -256,7 +256,8 @@ export var createPlugin = function createPlugin(options, pluginInjectionApi) {
             pluginInjectionApi: pluginInjectionApi,
             onClickCallback: onClickCallback,
             allowDatasource: options.allowDatasource,
-            inlineCardViewProducer: inlineCardViewProducer
+            inlineCardViewProducer: inlineCardViewProducer,
+            CompetitorPrompt: options.CompetitorPrompt
           }),
           embedCard: lazyEmbedCardView({
             allowResizing: allowResizing,

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

@@ -25,7 +25,7 @@ export declare class BlockCardComponent extends React.PureComponent<SmartCardPro
     }) => void;
     render(): React.JSX.Element;
 }
-export type BlockCardNodeViewProps = Pick<SmartCardProps, 'actionOptions' | 'pluginInjectionApi' | 'onClickCallback'>;
+export type BlockCardNodeViewProps = Pick<SmartCardProps, 'actionOptions' | 'pluginInjectionApi' | 'onClickCallback' | 'CompetitorPrompt'>;
 export declare class BlockCard extends ReactNodeView<BlockCardNodeViewProps> {
     private id;
     unsubscribe: (() => void) | undefined;
@@ -45,5 +45,9 @@ export interface BlockCardNodeViewProperties {
     onClickCallback: BlockCardNodeViewProps['onClickCallback'];
     allowDatasource: boolean | undefined;
     inlineCardViewProducer: ReturnType<typeof getInlineNodeViewProducer>;
+    CompetitorPrompt?: React.ComponentType<{
+        sourceUrl: string;
+        linkType?: string;
+    }>;
 }
-export declare const blockCardNodeView: ({ pmPluginFactoryParams, actionOptions, pluginInjectionApi, onClickCallback, allowDatasource, inlineCardViewProducer, }: BlockCardNodeViewProperties) => (node: Node, view: EditorView, getPos: () => number | undefined, decorations: readonly Decoration[]) => import("prosemirror-view").NodeView | Datasource | BlockCard;
+export declare const blockCardNodeView: ({ pmPluginFactoryParams, actionOptions, pluginInjectionApi, onClickCallback, allowDatasource, inlineCardViewProducer, CompetitorPrompt, }: BlockCardNodeViewProperties) => (node: Node, view: EditorView, getPos: () => number | undefined, decorations: readonly Decoration[]) => import("prosemirror-view").NodeView | Datasource | BlockCard;

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

@@ -4,7 +4,7 @@ import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { Decoration, EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { SmartCardProps } from './genericCard';
 import { type InlineCardWithAwarenessProps } from './inlineCardWithAwareness';
-export declare const InlineCard: React.MemoExoticComponent<({ node, cardContext, actionOptions, useAlternativePreloader, view, getPos, onClick, onResolve: onRes, isHovered, showHoverPreview, hoverPreviewOptions, isPageSSRed, pluginInjectionApi, }: SmartCardProps) => React.JSX.Element | null>;
+export declare const InlineCard: React.MemoExoticComponent<({ node, cardContext, actionOptions, useAlternativePreloader, view, getPos, onClick: propsOnClick, onResolve: onRes, isHovered, showHoverPreview, hoverPreviewOptions, isPageSSRed, pluginInjectionApi, }: SmartCardProps) => React.JSX.Element | null>;
 export type InlineCardNodeViewProps = Pick<SmartCardProps, 'useAlternativePreloader' | 'actionOptions' | 'allowEmbeds' | 'allowBlockCards' | 'enableInlineUpgradeFeatures' | 'pluginInjectionApi' | 'onClickCallback' | '__livePage' | 'isPageSSRed' | 'CompetitorPrompt'>;
 /**
  *

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

@@ -25,7 +25,7 @@ export declare class BlockCardComponent extends React.PureComponent<SmartCardPro
     }) => void;
     render(): React.JSX.Element;
 }
-export type BlockCardNodeViewProps = Pick<SmartCardProps, 'actionOptions' | 'pluginInjectionApi' | 'onClickCallback'>;
+export type BlockCardNodeViewProps = Pick<SmartCardProps, 'actionOptions' | 'pluginInjectionApi' | 'onClickCallback' | 'CompetitorPrompt'>;
 export declare class BlockCard extends ReactNodeView<BlockCardNodeViewProps> {
     private id;
     unsubscribe: (() => void) | undefined;
@@ -45,5 +45,9 @@ export interface BlockCardNodeViewProperties {
     onClickCallback: BlockCardNodeViewProps['onClickCallback'];
     allowDatasource: boolean | undefined;
     inlineCardViewProducer: ReturnType<typeof getInlineNodeViewProducer>;
+    CompetitorPrompt?: React.ComponentType<{
+        sourceUrl: string;
+        linkType?: string;
+    }>;
 }
-export declare const blockCardNodeView: ({ pmPluginFactoryParams, actionOptions, pluginInjectionApi, onClickCallback, allowDatasource, inlineCardViewProducer, }: BlockCardNodeViewProperties) => (node: Node, view: EditorView, getPos: () => number | undefined, decorations: readonly Decoration[]) => import("prosemirror-view").NodeView | Datasource | BlockCard;
+export declare const blockCardNodeView: ({ pmPluginFactoryParams, actionOptions, pluginInjectionApi, onClickCallback, allowDatasource, inlineCardViewProducer, CompetitorPrompt, }: BlockCardNodeViewProperties) => (node: Node, view: EditorView, getPos: () => number | undefined, decorations: readonly Decoration[]) => import("prosemirror-view").NodeView | Datasource | BlockCard;

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

@@ -4,7 +4,7 @@ import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { Decoration, EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { SmartCardProps } from './genericCard';
 import { type InlineCardWithAwarenessProps } from './inlineCardWithAwareness';
-export declare const InlineCard: React.MemoExoticComponent<({ node, cardContext, actionOptions, useAlternativePreloader, view, getPos, onClick, onResolve: onRes, isHovered, showHoverPreview, hoverPreviewOptions, isPageSSRed, pluginInjectionApi, }: SmartCardProps) => React.JSX.Element | null>;
+export declare const InlineCard: React.MemoExoticComponent<({ node, cardContext, actionOptions, useAlternativePreloader, view, getPos, onClick: propsOnClick, onResolve: onRes, isHovered, showHoverPreview, hoverPreviewOptions, isPageSSRed, pluginInjectionApi, }: SmartCardProps) => React.JSX.Element | null>;
 export type InlineCardNodeViewProps = Pick<SmartCardProps, 'useAlternativePreloader' | 'actionOptions' | 'allowEmbeds' | 'allowBlockCards' | 'enableInlineUpgradeFeatures' | 'pluginInjectionApi' | 'onClickCallback' | '__livePage' | 'isPageSSRed' | 'CompetitorPrompt'>;
 /**
  *

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-card",
-	"version": "6.4.5",
+	"version": "6.5.1",
 	"description": "Card plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -61,9 +61,9 @@
 		"@atlaskit/menu": "^8.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^14.8.0",
-		"@atlaskit/smart-card": "^38.6.0",
+		"@atlaskit/smart-card": "^38.7.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tmp-editor-statsig": "^5.10.0",
+		"@atlaskit/tmp-editor-statsig": "^5.11.0",
 		"@atlaskit/tokens": "^5.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",