@atlaskit/editor-plugin-card 6.6.14 → 6.7.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/editor-plugin-card
 
+## 6.7.0
+
+### Minor Changes
+
+- [#177020](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/177020)
+  [`206ae7b37b4af`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/206ae7b37b4af) -
+  [ux] Add Competitor Prompt for Embed Smart Link
+
+### Patch Changes
+
+- Updated dependencies
+
+## 6.6.15
+
+### Patch Changes
+
+- [#177081](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/177081)
+  [`5eaa21607233e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5eaa21607233e) -
+  [ux] [ED-28011] Add separator before 'Open link in new tab' button in card toolbar
+- Updated dependencies
+
 ## 6.6.14
 
 ### Patch Changes

package/dist/cjs/nodeviews/embedCard.js

@@ -310,7 +310,8 @@ var EmbedCardComponent = exports.EmbedCardComponent = /*#__PURE__*/function (_Re
         getPos = _this$props.getPos,
         pluginInjectionApi = _this$props.pluginInjectionApi,
         actionOptions = _this$props.actionOptions,
-        onClick = _this$props.onClick;
+        onClick = _this$props.onClick,
+        CompetitorPrompt = _this$props.CompetitorPrompt;
       var _node$attrs = node.attrs,
         url = _node$attrs.url,
         pctWidth = _node$attrs.width,
@@ -349,7 +350,8 @@ var EmbedCardComponent = exports.EmbedCardComponent = /*#__PURE__*/function (_Re
         platform: 'web',
         container: this.scrollContainer,
         embedIframeRef: this.embedIframeRef,
-        actionOptions: actionOptions
+        actionOptions: actionOptions,
+        CompetitorPrompt: CompetitorPrompt
       });
       return /*#__PURE__*/_react.default.createElement(_smartCard.EmbedResizeMessageListener, {
         embedIframeRef: this.embedIframeRef,
@@ -423,7 +425,8 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/function (_ReactNodeView) {
         fullWidthMode = _this$reactComponentP3.fullWidthMode,
         dispatchAnalyticsEvent = _this$reactComponentP3.dispatchAnalyticsEvent,
         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,
@@ -434,7 +437,8 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/function (_ReactNodeView) {
         dispatchAnalyticsEvent: dispatchAnalyticsEvent,
         pluginInjectionApi: pluginInjectionApi,
         onClickCallback: onClickCallback,
-        id: this.id
+        id: this.id,
+        CompetitorPrompt: CompetitorPrompt
       });
     }
   }, {
@@ -469,7 +473,8 @@ var embedCardNodeView = exports.embedCardNodeView = function embedCardNodeView(_
     pmPluginFactoryParams = _ref4.pmPluginFactoryParams,
     pluginInjectionApi = _ref4.pluginInjectionApi,
     actionOptions = _ref4.actionOptions,
-    onClickCallback = _ref4.onClickCallback;
+    onClickCallback = _ref4.onClickCallback,
+    CompetitorPrompt = _ref4.CompetitorPrompt;
   return function (node, view, getPos) {
     var portalProviderAPI = pmPluginFactoryParams.portalProviderAPI,
       eventDispatcher = pmPluginFactoryParams.eventDispatcher,
@@ -481,7 +486,8 @@ var embedCardNodeView = exports.embedCardNodeView = function embedCardNodeView(_
       dispatchAnalyticsEvent: dispatchAnalyticsEvent,
       pluginInjectionApi: pluginInjectionApi,
       actionOptions: actionOptions,
-      onClickCallback: onClickCallback
+      onClickCallback: onClickCallback,
+      CompetitorPrompt: CompetitorPrompt
     };
     return new EmbedCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined).init();
   };

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

@@ -272,7 +272,8 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pluginI
             pmPluginFactoryParams: pmPluginFactoryParams,
             pluginInjectionApi: pluginInjectionApi,
             actionOptions: actionOptions,
-            onClickCallback: options.onClickCallback
+            onClickCallback: options.onClickCallback,
+            CompetitorPrompt: options.CompetitorPrompt
           })
         }
       }, enableInlineUpgradeFeatures && {

package/dist/cjs/ui/toolbar.js

@@ -31,6 +31,7 @@ var _linkBrokenEditorUnlink = _interopRequireDefault(require("@atlaskit/icon/cor
 var _linkExternalShortcut = _interopRequireDefault(require("@atlaskit/icon/core/migration/link-external--shortcut"));
 var _settingsEditorSettings = _interopRequireDefault(require("@atlaskit/icon/core/migration/settings--editor-settings"));
 var _settings = _interopRequireDefault(require("@atlaskit/icon/core/settings"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _doc = require("../pm-plugins/doc");
@@ -358,7 +359,10 @@ 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))
-      }]) : [].concat(editButtonItems, (0, _toConsumableArray2.default)(getUnlinkButtonGroup(state, intl, node, inlineCard, editorAnalyticsApi)), [{
+      }]) : [].concat(editButtonItems, (0, _toConsumableArray2.default)((0, _platformFeatureFlags.fg)('platform_editor_controls_patch_15') ? [].concat((0, _toConsumableArray2.default)(getUnlinkButtonGroup(state, intl, node, inlineCard, editorAnalyticsApi)), [{
+        type: 'separator',
+        fullHeight: true
+      }]) : getUnlinkButtonGroup(state, intl, node, inlineCard, editorAnalyticsApi)), [{
         id: 'editor.link.openLink',
         type: 'button',
         icon: _linkExternal.default,

package/dist/es2019/nodeviews/embedCard.js

@@ -299,7 +299,8 @@ export class EmbedCardComponent extends React.PureComponent {
       getPos,
       pluginInjectionApi,
       actionOptions,
-      onClick
+      onClick,
+      CompetitorPrompt
     } = this.props;
     const {
       url,
@@ -341,7 +342,8 @@ export class EmbedCardComponent extends React.PureComponent {
       platform: 'web',
       container: this.scrollContainer,
       embedIframeRef: this.embedIframeRef,
-      actionOptions: actionOptions
+      actionOptions: actionOptions,
+      CompetitorPrompt: CompetitorPrompt
     });
     return /*#__PURE__*/React.createElement(EmbedResizeMessageListener, {
       embedIframeRef: this.embedIframeRef,
@@ -398,7 +400,8 @@ export class EmbedCard extends ReactNodeView {
       fullWidthMode,
       dispatchAnalyticsEvent,
       pluginInjectionApi,
-      onClickCallback
+      onClickCallback,
+      CompetitorPrompt
     } = this.reactComponentProps;
     return /*#__PURE__*/React.createElement(WrappedBlockCard, {
       node: this.node,
@@ -410,7 +413,8 @@ export class EmbedCard extends ReactNodeView {
       dispatchAnalyticsEvent: dispatchAnalyticsEvent,
       pluginInjectionApi: pluginInjectionApi,
       onClickCallback: onClickCallback,
-      id: this.id
+      id: this.id,
+      CompetitorPrompt: CompetitorPrompt
     });
   }
   destroy() {
@@ -442,7 +446,8 @@ export const embedCardNodeView = ({
   pmPluginFactoryParams,
   pluginInjectionApi,
   actionOptions,
-  onClickCallback
+  onClickCallback,
+  CompetitorPrompt
 }) => (node, view, getPos) => {
   const {
     portalProviderAPI,
@@ -456,7 +461,8 @@ export const embedCardNodeView = ({
     dispatchAnalyticsEvent,
     pluginInjectionApi,
     actionOptions,
-    onClickCallback: onClickCallback
+    onClickCallback: onClickCallback,
+    CompetitorPrompt
   };
   return new EmbedCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined).init();
 };

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

@@ -271,7 +271,8 @@ export const createPlugin = (options, pluginInjectionApi) => pmPluginFactoryPara
           pmPluginFactoryParams,
           pluginInjectionApi,
           actionOptions,
-          onClickCallback: options.onClickCallback
+          onClickCallback: options.onClickCallback,
+          CompetitorPrompt: options.CompetitorPrompt
         })
       },
       ...(enableInlineUpgradeFeatures && {

package/dist/es2019/ui/toolbar.js

@@ -21,6 +21,7 @@ import UnlinkIcon from '@atlaskit/icon/core/migration/link-broken--editor-unlink
 import OpenIcon from '@atlaskit/icon/core/migration/link-external--shortcut';
 import CogIcon from '@atlaskit/icon/core/migration/settings--editor-settings';
 import SettingsIcon from '@atlaskit/icon/core/settings';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { changeSelectedCardToText } from '../pm-plugins/doc';
@@ -348,7 +349,10 @@ 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))
-    }] : [...editButtonItems, ...getUnlinkButtonGroup(state, intl, node, inlineCard, editorAnalyticsApi), {
+    }] : [...editButtonItems, ...(fg('platform_editor_controls_patch_15') ? [...getUnlinkButtonGroup(state, intl, node, inlineCard, editorAnalyticsApi), {
+      type: 'separator',
+      fullHeight: true
+    }] : getUnlinkButtonGroup(state, intl, node, inlineCard, editorAnalyticsApi)), {
       id: 'editor.link.openLink',
       type: 'button',
       icon: LinkExternalIcon,

package/dist/esm/nodeviews/embedCard.js

@@ -303,7 +303,8 @@ export var EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
         getPos = _this$props.getPos,
         pluginInjectionApi = _this$props.pluginInjectionApi,
         actionOptions = _this$props.actionOptions,
-        onClick = _this$props.onClick;
+        onClick = _this$props.onClick,
+        CompetitorPrompt = _this$props.CompetitorPrompt;
       var _node$attrs = node.attrs,
         url = _node$attrs.url,
         pctWidth = _node$attrs.width,
@@ -342,7 +343,8 @@ export var EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
         platform: 'web',
         container: this.scrollContainer,
         embedIframeRef: this.embedIframeRef,
-        actionOptions: actionOptions
+        actionOptions: actionOptions,
+        CompetitorPrompt: CompetitorPrompt
       });
       return /*#__PURE__*/React.createElement(EmbedResizeMessageListener, {
         embedIframeRef: this.embedIframeRef,
@@ -416,7 +418,8 @@ export var EmbedCard = /*#__PURE__*/function (_ReactNodeView) {
         fullWidthMode = _this$reactComponentP3.fullWidthMode,
         dispatchAnalyticsEvent = _this$reactComponentP3.dispatchAnalyticsEvent,
         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,
@@ -427,7 +430,8 @@ export var EmbedCard = /*#__PURE__*/function (_ReactNodeView) {
         dispatchAnalyticsEvent: dispatchAnalyticsEvent,
         pluginInjectionApi: pluginInjectionApi,
         onClickCallback: onClickCallback,
-        id: this.id
+        id: this.id,
+        CompetitorPrompt: CompetitorPrompt
       });
     }
   }, {
@@ -462,7 +466,8 @@ export var embedCardNodeView = function embedCardNodeView(_ref4) {
     pmPluginFactoryParams = _ref4.pmPluginFactoryParams,
     pluginInjectionApi = _ref4.pluginInjectionApi,
     actionOptions = _ref4.actionOptions,
-    onClickCallback = _ref4.onClickCallback;
+    onClickCallback = _ref4.onClickCallback,
+    CompetitorPrompt = _ref4.CompetitorPrompt;
   return function (node, view, getPos) {
     var portalProviderAPI = pmPluginFactoryParams.portalProviderAPI,
       eventDispatcher = pmPluginFactoryParams.eventDispatcher,
@@ -474,7 +479,8 @@ export var embedCardNodeView = function embedCardNodeView(_ref4) {
       dispatchAnalyticsEvent: dispatchAnalyticsEvent,
       pluginInjectionApi: pluginInjectionApi,
       actionOptions: actionOptions,
-      onClickCallback: onClickCallback
+      onClickCallback: onClickCallback,
+      CompetitorPrompt: CompetitorPrompt
     };
     return new EmbedCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined).init();
   };

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

@@ -265,7 +265,8 @@ export var createPlugin = function createPlugin(options, pluginInjectionApi) {
             pmPluginFactoryParams: pmPluginFactoryParams,
             pluginInjectionApi: pluginInjectionApi,
             actionOptions: actionOptions,
-            onClickCallback: options.onClickCallback
+            onClickCallback: options.onClickCallback,
+            CompetitorPrompt: options.CompetitorPrompt
           })
         }
       }, enableInlineUpgradeFeatures && {

package/dist/esm/ui/toolbar.js

@@ -25,6 +25,7 @@ import UnlinkIcon from '@atlaskit/icon/core/migration/link-broken--editor-unlink
 import OpenIcon from '@atlaskit/icon/core/migration/link-external--shortcut';
 import CogIcon from '@atlaskit/icon/core/migration/settings--editor-settings';
 import SettingsIcon from '@atlaskit/icon/core/settings';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { changeSelectedCardToText } from '../pm-plugins/doc';
@@ -349,7 +350,10 @@ 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))
-      }]) : [].concat(editButtonItems, _toConsumableArray(getUnlinkButtonGroup(state, intl, node, inlineCard, editorAnalyticsApi)), [{
+      }]) : [].concat(editButtonItems, _toConsumableArray(fg('platform_editor_controls_patch_15') ? [].concat(_toConsumableArray(getUnlinkButtonGroup(state, intl, node, inlineCard, editorAnalyticsApi)), [{
+        type: 'separator',
+        fullHeight: true
+      }]) : getUnlinkButtonGroup(state, intl, node, inlineCard, editorAnalyticsApi)), [{
         id: 'editor.link.openLink',
         type: 'button',
         icon: LinkExternalIcon,

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

@@ -43,7 +43,7 @@ export declare class EmbedCardComponent extends React.PureComponent<SmartCardPro
     private removeCard;
     render(): React.JSX.Element;
 }
-export type EmbedCardNodeViewProps = Pick<SmartCardProps, 'eventDispatcher' | 'allowResizing' | 'fullWidthMode' | 'dispatchAnalyticsEvent' | 'pluginInjectionApi' | 'actionOptions' | 'onClickCallback'>;
+export type EmbedCardNodeViewProps = Pick<SmartCardProps, 'eventDispatcher' | 'allowResizing' | 'fullWidthMode' | 'dispatchAnalyticsEvent' | 'pluginInjectionApi' | 'actionOptions' | 'onClickCallback' | 'CompetitorPrompt'>;
 export declare class EmbedCard extends ReactNodeView<EmbedCardNodeViewProps> {
     private id;
     unsubscribe: (() => void) | undefined;
@@ -62,5 +62,6 @@ export interface EmbedCardNodeViewProperties {
     pluginInjectionApi: ExtractInjectionAPI<typeof cardPlugin> | undefined;
     actionOptions: EmbedCardNodeViewProps['actionOptions'];
     onClickCallback: EmbedCardNodeViewProps['onClickCallback'];
+    CompetitorPrompt?: EmbedCardNodeViewProps['CompetitorPrompt'];
 }
-export declare const embedCardNodeView: ({ allowResizing, fullWidthMode, pmPluginFactoryParams, pluginInjectionApi, actionOptions, onClickCallback, }: EmbedCardNodeViewProperties) => (node: PMNode, view: EditorView, getPos: () => number | undefined) => EmbedCard;
+export declare const embedCardNodeView: ({ allowResizing, fullWidthMode, pmPluginFactoryParams, pluginInjectionApi, actionOptions, onClickCallback, CompetitorPrompt, }: EmbedCardNodeViewProperties) => (node: PMNode, view: EditorView, getPos: () => number | undefined) => EmbedCard;

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

@@ -43,7 +43,7 @@ export declare class EmbedCardComponent extends React.PureComponent<SmartCardPro
     private removeCard;
     render(): React.JSX.Element;
 }
-export type EmbedCardNodeViewProps = Pick<SmartCardProps, 'eventDispatcher' | 'allowResizing' | 'fullWidthMode' | 'dispatchAnalyticsEvent' | 'pluginInjectionApi' | 'actionOptions' | 'onClickCallback'>;
+export type EmbedCardNodeViewProps = Pick<SmartCardProps, 'eventDispatcher' | 'allowResizing' | 'fullWidthMode' | 'dispatchAnalyticsEvent' | 'pluginInjectionApi' | 'actionOptions' | 'onClickCallback' | 'CompetitorPrompt'>;
 export declare class EmbedCard extends ReactNodeView<EmbedCardNodeViewProps> {
     private id;
     unsubscribe: (() => void) | undefined;
@@ -62,5 +62,6 @@ export interface EmbedCardNodeViewProperties {
     pluginInjectionApi: ExtractInjectionAPI<typeof cardPlugin> | undefined;
     actionOptions: EmbedCardNodeViewProps['actionOptions'];
     onClickCallback: EmbedCardNodeViewProps['onClickCallback'];
+    CompetitorPrompt?: EmbedCardNodeViewProps['CompetitorPrompt'];
 }
-export declare const embedCardNodeView: ({ allowResizing, fullWidthMode, pmPluginFactoryParams, pluginInjectionApi, actionOptions, onClickCallback, }: EmbedCardNodeViewProperties) => (node: PMNode, view: EditorView, getPos: () => number | undefined) => EmbedCard;
+export declare const embedCardNodeView: ({ allowResizing, fullWidthMode, pmPluginFactoryParams, pluginInjectionApi, actionOptions, onClickCallback, CompetitorPrompt, }: EmbedCardNodeViewProperties) => (node: PMNode, view: EditorView, getPos: () => number | undefined) => EmbedCard;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-card",
-	"version": "6.6.14",
+	"version": "6.7.0",
 	"description": "Card plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -8,7 +8,7 @@
 		"registry": "https://registry.npmjs.org/"
 	},
 	"atlassian": {
-		"team": "Linking Platform",
+		"team": "Editor",
 		"singleton": true,
 		"runReact18": true
 	},
@@ -37,7 +37,7 @@
 		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/button": "^23.2.0",
 		"@atlaskit/custom-steps": "^0.11.0",
-		"@atlaskit/editor-common": "^107.2.0",
+		"@atlaskit/editor-common": "^107.3.0",
 		"@atlaskit/editor-plugin-analytics": "^2.3.0",
 		"@atlaskit/editor-plugin-base": "^3.0.0",
 		"@atlaskit/editor-plugin-connectivity": "^2.0.0",
@@ -60,10 +60,10 @@
 		"@atlaskit/linking-types": "^13.0.0",
 		"@atlaskit/menu": "^8.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^14.9.0",
-		"@atlaskit/smart-card": "^38.14.0",
+		"@atlaskit/primitives": "^14.10.0",
+		"@atlaskit/smart-card": "^38.19.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tmp-editor-statsig": "^8.2.0",
+		"@atlaskit/tmp-editor-statsig": "^8.5.0",
 		"@atlaskit/tokens": "^5.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -73,7 +73,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/link-provider": "^3.3.0",
+		"@atlaskit/link-provider": "^3.4.0",
 		"react": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},
@@ -140,6 +140,9 @@
 		},
 		"platform_editor_controls_patch_13": {
 			"type": "boolean"
+		},
+		"platform_editor_controls_patch_15": {
+			"type": "boolean"
 		}
 	},
 	"stricter": {