@atlaskit/smart-card 38.6.1 → 38.7.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/smart-card
 
+## 38.7.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
+
 ## 38.6.1
 
 ### Patch Changes

package/dist/cjs/utils/analytics/analytics.js

@@ -11,7 +11,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "38.6.1"
+  packageVersion: "38.7.0"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/view/BlockCard/index.js

@@ -29,7 +29,8 @@ var BlockCard = exports.BlockCard = function BlockCard(_ref) {
     onResolve = _ref.onResolve,
     onError = _ref.onError,
     testId = _ref.testId,
-    actionOptions = _ref.actionOptions;
+    actionOptions = _ref.actionOptions,
+    CompetitorPrompt = _ref.CompetitorPrompt;
   var status = cardState.status;
   var blockCardProps = {
     id: id,
@@ -42,7 +43,8 @@ var BlockCard = exports.BlockCard = function BlockCard(_ref) {
     onError: onError,
     onResolve: onResolve,
     renderers: renderers,
-    actionOptions: actionOptions
+    actionOptions: actionOptions,
+    CompetitorPrompt: CompetitorPrompt
   };
   var _useControlDataExport = (0, _useControlDataExportConfig.useControlDataExportConfig)(),
     _useControlDataExport2 = _useControlDataExport.shouldControlDataExport,

package/dist/cjs/view/BlockCard/views/ResolvedView.js

@@ -41,7 +41,8 @@ var ResolvedView = function ResolvedView(_ref) {
     actionOptions = _ref.actionOptions,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-block-resolved-view' : _ref$testId,
-    url = _ref.url;
+    url = _ref.url,
+    CompetitorPrompt = _ref.CompetitorPrompt;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     isPreviewBlockErrored = _useState2[0],
@@ -93,6 +94,8 @@ var ResolvedView = function ResolvedView(_ref) {
   }, (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ? undefined : {
     status: status
   }, {
+    CompetitorPrompt: CompetitorPrompt,
+    url: url,
     className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? "_zulpu2gc _13mh1pd9 _2yhz14q2" : "_zulpcxkx _13mh1pd9"])
   })), /*#__PURE__*/React.createElement(_blocks.MetadataBlock, (0, _extends2.default)({
     primary: topMetadata,

package/dist/cjs/view/CardWithUrl/component.js

@@ -49,7 +49,8 @@ function Component(_ref) {
     hoverPreviewOptions = _ref.hoverPreviewOptions,
     removeTextHighlightingFromTitle = _ref.removeTextHighlightingFromTitle,
     resolvingPlaceholder = _ref.resolvingPlaceholder,
-    truncateInline = _ref.truncateInline;
+    truncateInline = _ref.truncateInline,
+    CompetitorPrompt = _ref.CompetitorPrompt;
   var _useAnalyticsEventsNe = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEventsNe.createAnalyticsEvent;
   var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
@@ -266,7 +267,8 @@ function Component(_ref) {
         onResolve: onResolve,
         onError: onError,
         testId: testId,
-        actionOptions: actionOptions
+        actionOptions: actionOptions,
+        CompetitorPrompt: CompetitorPrompt
       });
     case 'embed':
       return /*#__PURE__*/_react.default.createElement(_EmbedCard.EmbedCard, {

package/dist/cjs/view/CardWithUrl/loader.js

@@ -70,7 +70,8 @@ function CardWithURLRenderer(props) {
     fallbackComponent = props.fallbackComponent,
     removeTextHighlightingFromTitle = props.removeTextHighlightingFromTitle,
     resolvingPlaceholder = props.resolvingPlaceholder,
-    truncateInline = props.truncateInline;
+    truncateInline = props.truncateInline,
+    CompetitorPrompt = props.CompetitorPrompt;
   var isFlexibleUi = (0, _flexible.isFlexibleUiCard)(children, (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-openness') ? ui : undefined);
   var analyticsContext = (0, _SmartLinkAnalyticsContext.useSmartLinkAnalyticsContext)({
     display: isFlexibleUi ? 'flexible' : appearance,
@@ -145,7 +146,8 @@ function CardWithURLRenderer(props) {
     placeholder: placeholder,
     removeTextHighlightingFromTitle: removeTextHighlightingFromTitle,
     resolvingPlaceholder: resolvingPlaceholder,
-    truncateInline: truncateInline
+    truncateInline: truncateInline,
+    CompetitorPrompt: CompetitorPrompt
   };
   return /*#__PURE__*/_react.default.createElement(_reactErrorBoundary.ErrorBoundary, {
     FallbackComponent: ErrorFallback,

package/dist/cjs/view/FlexibleCard/components/blocks/title-block/index.js

@@ -23,7 +23,7 @@ var _actionGroup = _interopRequireDefault(require("../action-group"));
 var _errored = _interopRequireDefault(require("./errored"));
 var _resolved = _interopRequireDefault(require("./resolved"));
 var _resolving = _interopRequireDefault(require("./resolving"));
-var _excluded = ["actions", "anchorTarget", "hideTitleTooltip", "maxLines", "onActionMenuOpenChange", "onClick", "status", "showActionOnHover", "testId", "text", "icon", "theme", "hideRetry", "metadataPosition", "hideIcon", "className", "anchorRef"];
+var _excluded = ["actions", "anchorTarget", "hideTitleTooltip", "maxLines", "onActionMenuOpenChange", "onClick", "status", "showActionOnHover", "testId", "text", "icon", "theme", "hideRetry", "metadataPosition", "hideIcon", "className", "anchorRef", "CompetitorPrompt", "url"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var actionStyles = null;
 var getTitleBlockViewComponent = function getTitleBlockViewComponent(status) {
@@ -78,6 +78,8 @@ var TitleBlock = function TitleBlock(_ref) {
     hideIcon = _ref$hideIcon === void 0 ? false : _ref$hideIcon,
     className = _ref.className,
     anchorRef = _ref.anchorRef,
+    CompetitorPrompt = _ref.CompetitorPrompt,
+    url = _ref.url,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var cardContext = (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ?
   // eslint-disable-next-line react-hooks/rules-of-hooks
@@ -140,6 +142,9 @@ var TitleBlock = function TitleBlock(_ref) {
     size: (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ? (_props$size = props.size) !== null && _props$size !== void 0 ? _props$size : ui === null || ui === void 0 ? void 0 : ui.size : props === null || props === void 0 ? void 0 : props.size
   }, (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ? undefined : {
     theme: theme
+  }, {
+    CompetitorPrompt: CompetitorPrompt,
+    url: url
   }));
 };
 var _default = exports.default = TitleBlock;

package/dist/cjs/view/FlexibleCard/components/blocks/title-block/resolved/index.compiled.css

@@ -1 +1,5 @@
-._zulp1b66{gap:var(--ds-space-050,4px)}
+
+._zulp1b66{gap:var(--ds-space-050,4px)}._1bsb1osq{width:100%}
+._1e0c1txw{display:flex}
+._2lx2vrvc{flex-direction:row}
+._4cvr1h6o{align-items:center}

package/dist/cjs/view/FlexibleCard/components/blocks/title-block/resolved/index.js

@@ -12,14 +12,19 @@ var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _constants = require("../../../../../../constants");
 var _elements = require("../../../elements");
 var _block = _interopRequireDefault(require("../../block"));
 var _elementGroup = _interopRequireDefault(require("../../element-group"));
 var _utils = require("../../utils");
-var _excluded = ["actionGroup", "metadata", "position", "subtitle", "testId", "text", "icon", "title", "metadataPosition", "hideIcon"];
+var _excluded = ["actionGroup", "metadata", "position", "subtitle", "testId", "text", "icon", "title", "metadataPosition", "hideIcon", "CompetitorPrompt", "url"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var style = null;
+var styles = {
+  titleBox: "_1e0c1txw _2lx2vrvc _4cvr1h6o _1bsb1osq"
+};
 
 /**
  * This renders a fully resolved TitleBlock.
@@ -39,6 +44,8 @@ var TitleBlockResolvedView = function TitleBlockResolvedView(_ref) {
     title = _ref.title,
     metadataPosition = _ref.metadataPosition,
     hideIcon = _ref.hideIcon,
+    CompetitorPrompt = _ref.CompetitorPrompt,
+    url = _ref.url,
     blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var size = blockProps.size;
   var metadataElements = (0, _utils.renderElementItems)(metadata);
@@ -54,7 +61,12 @@ var TitleBlockResolvedView = function TitleBlockResolvedView(_ref) {
     width: _constants.SmartLinkWidth.Flexible,
     size: blockProps.size,
     className: (0, _runtime.ax)(["_zulp1b66"])
-  }, title, subtitleElements && /*#__PURE__*/React.createElement(_elementGroup.default, {
+  }, CompetitorPrompt && url && (0, _platformFeatureFlags.fg)('prompt_whiteboard_competitor_link_gate') ? /*#__PURE__*/React.createElement(_compiled.Box, {
+    xcss: styles.titleBox
+  }, title, /*#__PURE__*/React.createElement(CompetitorPrompt, {
+    sourceUrl: url,
+    linkType: 'card'
+  })) : title, subtitleElements && /*#__PURE__*/React.createElement(_elementGroup.default, {
     direction: _constants.SmartLinkDirection.Horizontal
   }, subtitleElements)), metadataElements && /*#__PURE__*/React.createElement(_elementGroup.default, {
     direction: _constants.SmartLinkDirection.Horizontal,

package/dist/cjs/view/LinkUrl/index.js

@@ -20,7 +20,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "38.6.1",
+  packageVersion: "38.7.0",
   componentName: 'linkUrl'
 };
 var Anchor = (0, _click.withLinkClickedEvent)('a');

package/dist/es2019/utils/analytics/analytics.js

@@ -2,7 +2,7 @@ export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "38.6.1"
+  packageVersion: "38.7.0"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/view/BlockCard/index.js

@@ -22,7 +22,8 @@ export const BlockCard = ({
   onResolve,
   onError,
   testId,
-  actionOptions
+  actionOptions,
+  CompetitorPrompt
 }) => {
   const {
     status
@@ -36,7 +37,8 @@ export const BlockCard = ({
     onError,
     onResolve,
     renderers,
-    actionOptions
+    actionOptions,
+    CompetitorPrompt
   };
   const {
     shouldControlDataExport = false

package/dist/es2019/view/BlockCard/views/ResolvedView.js

@@ -30,7 +30,8 @@ const ResolvedView = ({
   onResolve,
   actionOptions,
   testId = 'smart-block-resolved-view',
-  url
+  url,
+  CompetitorPrompt
 }) => {
   const [isPreviewBlockErrored, setIsPreviewBlockErrored] = useState(false);
   const {
@@ -77,6 +78,8 @@ const ResolvedView = ({
   }, fg('platform-linking-flexible-card-context') ? undefined : {
     status
   }, {
+    CompetitorPrompt: CompetitorPrompt,
+    url: url,
     className: ax([fg('platform-linking-visual-refresh-v1') ? "_zulpu2gc _13mh1pd9 _2yhz14q2" : "_zulpcxkx _13mh1pd9"])
   })), /*#__PURE__*/React.createElement(MetadataBlock, _extends({
     primary: topMetadata,

package/dist/es2019/view/CardWithUrl/component.js

@@ -40,7 +40,8 @@ function Component({
   hoverPreviewOptions,
   removeTextHighlightingFromTitle,
   resolvingPlaceholder,
-  truncateInline
+  truncateInline,
+  CompetitorPrompt
 }) {
   const {
     createAnalyticsEvent
@@ -255,7 +256,8 @@ function Component({
         onResolve: onResolve,
         onError: onError,
         testId: testId,
-        actionOptions: actionOptions
+        actionOptions: actionOptions,
+        CompetitorPrompt: CompetitorPrompt
       });
     case 'embed':
       return /*#__PURE__*/React.createElement(EmbedCard, {

package/dist/es2019/view/CardWithUrl/loader.js

@@ -48,7 +48,8 @@ export function CardWithURLRenderer(props) {
     fallbackComponent,
     removeTextHighlightingFromTitle,
     resolvingPlaceholder,
-    truncateInline
+    truncateInline,
+    CompetitorPrompt
   } = props;
   const isFlexibleUi = isFlexibleUiCard(children, fg('platform-linking-flexible-card-openness') ? ui : undefined);
   const analyticsContext = useSmartLinkAnalyticsContext({
@@ -124,7 +125,8 @@ export function CardWithURLRenderer(props) {
     placeholder,
     removeTextHighlightingFromTitle,
     resolvingPlaceholder,
-    truncateInline
+    truncateInline,
+    CompetitorPrompt
   };
   return /*#__PURE__*/React.createElement(ErrorBoundary, {
     FallbackComponent: ErrorFallback,

package/dist/es2019/view/FlexibleCard/components/blocks/title-block/index.js

@@ -61,6 +61,8 @@ const TitleBlock = ({
   hideIcon = false,
   className,
   anchorRef,
+  CompetitorPrompt,
+  url,
   ...props
 }) => {
   var _props$size;
@@ -122,6 +124,9 @@ const TitleBlock = ({
     size: fg('platform-linking-flexible-card-context') ? (_props$size = props.size) !== null && _props$size !== void 0 ? _props$size : ui === null || ui === void 0 ? void 0 : ui.size : props === null || props === void 0 ? void 0 : props.size
   }, fg('platform-linking-flexible-card-context') ? undefined : {
     theme
+  }, {
+    CompetitorPrompt: CompetitorPrompt,
+    url: url
   }));
 };
 export default TitleBlock;

package/dist/es2019/view/FlexibleCard/components/blocks/title-block/resolved/index.compiled.css

@@ -1 +1,5 @@
-._zulp1b66{gap:var(--ds-space-050,4px)}
+
+._zulp1b66{gap:var(--ds-space-050,4px)}._1bsb1osq{width:100%}
+._1e0c1txw{display:flex}
+._2lx2vrvc{flex-direction:row}
+._4cvr1h6o{align-items:center}

package/dist/es2019/view/FlexibleCard/components/blocks/title-block/resolved/index.js

@@ -3,12 +3,17 @@ import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
+import { fg } from '@atlaskit/platform-feature-flags';
+import { Box } from '@atlaskit/primitives/compiled';
 import { SmartLinkAlignment, SmartLinkDirection, SmartLinkPosition, SmartLinkWidth } from '../../../../../../constants';
 import { LinkIcon } from '../../../elements';
 import Block from '../../block';
 import ElementGroup from '../../element-group';
 import { renderElementItems } from '../../utils';
 const style = null;
+const styles = {
+  titleBox: "_1e0c1txw _2lx2vrvc _4cvr1h6o _1bsb1osq"
+};
 
 /**
  * This renders a fully resolved TitleBlock.
@@ -26,6 +31,8 @@ const TitleBlockResolvedView = ({
   title,
   metadataPosition,
   hideIcon,
+  CompetitorPrompt,
+  url,
   ...blockProps
 }) => {
   const {
@@ -44,7 +51,12 @@ const TitleBlockResolvedView = ({
     width: SmartLinkWidth.Flexible,
     size: blockProps.size,
     className: ax(["_zulp1b66"])
-  }, title, subtitleElements && /*#__PURE__*/React.createElement(ElementGroup, {
+  }, CompetitorPrompt && url && fg('prompt_whiteboard_competitor_link_gate') ? /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.titleBox
+  }, title, /*#__PURE__*/React.createElement(CompetitorPrompt, {
+    sourceUrl: url,
+    linkType: 'card'
+  })) : title, subtitleElements && /*#__PURE__*/React.createElement(ElementGroup, {
     direction: SmartLinkDirection.Horizontal
   }, subtitleElements)), metadataElements && /*#__PURE__*/React.createElement(ElementGroup, {
     direction: SmartLinkDirection.Horizontal,

package/dist/es2019/view/LinkUrl/index.js

@@ -10,7 +10,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "38.6.1",
+  packageVersion: "38.7.0",
   componentName: 'linkUrl'
 };
 const Anchor = withLinkClickedEvent('a');

package/dist/esm/utils/analytics/analytics.js

@@ -4,7 +4,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "38.6.1"
+  packageVersion: "38.7.0"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/view/BlockCard/index.js

@@ -22,7 +22,8 @@ export var BlockCard = function BlockCard(_ref) {
     onResolve = _ref.onResolve,
     onError = _ref.onError,
     testId = _ref.testId,
-    actionOptions = _ref.actionOptions;
+    actionOptions = _ref.actionOptions,
+    CompetitorPrompt = _ref.CompetitorPrompt;
   var status = cardState.status;
   var blockCardProps = {
     id: id,
@@ -35,7 +36,8 @@ export var BlockCard = function BlockCard(_ref) {
     onError: onError,
     onResolve: onResolve,
     renderers: renderers,
-    actionOptions: actionOptions
+    actionOptions: actionOptions,
+    CompetitorPrompt: CompetitorPrompt
   };
   var _useControlDataExport = useControlDataExportConfig(),
     _useControlDataExport2 = _useControlDataExport.shouldControlDataExport,

package/dist/esm/view/BlockCard/views/ResolvedView.js

@@ -32,7 +32,8 @@ var ResolvedView = function ResolvedView(_ref) {
     actionOptions = _ref.actionOptions,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-block-resolved-view' : _ref$testId,
-    url = _ref.url;
+    url = _ref.url,
+    CompetitorPrompt = _ref.CompetitorPrompt;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isPreviewBlockErrored = _useState2[0],
@@ -84,6 +85,8 @@ var ResolvedView = function ResolvedView(_ref) {
   }, fg('platform-linking-flexible-card-context') ? undefined : {
     status: status
   }, {
+    CompetitorPrompt: CompetitorPrompt,
+    url: url,
     className: ax([fg('platform-linking-visual-refresh-v1') ? "_zulpu2gc _13mh1pd9 _2yhz14q2" : "_zulpcxkx _13mh1pd9"])
   })), /*#__PURE__*/React.createElement(MetadataBlock, _extends({
     primary: topMetadata,

package/dist/esm/view/CardWithUrl/component.js

@@ -40,7 +40,8 @@ function Component(_ref) {
     hoverPreviewOptions = _ref.hoverPreviewOptions,
     removeTextHighlightingFromTitle = _ref.removeTextHighlightingFromTitle,
     resolvingPlaceholder = _ref.resolvingPlaceholder,
-    truncateInline = _ref.truncateInline;
+    truncateInline = _ref.truncateInline,
+    CompetitorPrompt = _ref.CompetitorPrompt;
   var _useAnalyticsEventsNe = useAnalyticsEventsNext(),
     createAnalyticsEvent = _useAnalyticsEventsNe.createAnalyticsEvent;
   var _useAnalyticsEvents = useAnalyticsEvents(),
@@ -257,7 +258,8 @@ function Component(_ref) {
         onResolve: onResolve,
         onError: onError,
         testId: testId,
-        actionOptions: actionOptions
+        actionOptions: actionOptions,
+        CompetitorPrompt: CompetitorPrompt
       });
     case 'embed':
       return /*#__PURE__*/React.createElement(EmbedCard, {

package/dist/esm/view/CardWithUrl/loader.js

@@ -58,7 +58,8 @@ export function CardWithURLRenderer(props) {
     fallbackComponent = props.fallbackComponent,
     removeTextHighlightingFromTitle = props.removeTextHighlightingFromTitle,
     resolvingPlaceholder = props.resolvingPlaceholder,
-    truncateInline = props.truncateInline;
+    truncateInline = props.truncateInline,
+    CompetitorPrompt = props.CompetitorPrompt;
   var isFlexibleUi = isFlexibleUiCard(children, fg('platform-linking-flexible-card-openness') ? ui : undefined);
   var analyticsContext = useSmartLinkAnalyticsContext({
     display: isFlexibleUi ? 'flexible' : appearance,
@@ -133,7 +134,8 @@ export function CardWithURLRenderer(props) {
     placeholder: placeholder,
     removeTextHighlightingFromTitle: removeTextHighlightingFromTitle,
     resolvingPlaceholder: resolvingPlaceholder,
-    truncateInline: truncateInline
+    truncateInline: truncateInline,
+    CompetitorPrompt: CompetitorPrompt
   };
   return /*#__PURE__*/React.createElement(ErrorBoundary, {
     FallbackComponent: ErrorFallback,

package/dist/esm/view/FlexibleCard/components/blocks/title-block/index.js

@@ -2,7 +2,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["actions", "anchorTarget", "hideTitleTooltip", "maxLines", "onActionMenuOpenChange", "onClick", "status", "showActionOnHover", "testId", "text", "icon", "theme", "hideRetry", "metadataPosition", "hideIcon", "className", "anchorRef"];
+var _excluded = ["actions", "anchorTarget", "hideTitleTooltip", "maxLines", "onActionMenuOpenChange", "onClick", "status", "showActionOnHover", "testId", "text", "icon", "theme", "hideRetry", "metadataPosition", "hideIcon", "className", "anchorRef", "CompetitorPrompt", "url"];
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
@@ -69,6 +69,8 @@ var TitleBlock = function TitleBlock(_ref) {
     hideIcon = _ref$hideIcon === void 0 ? false : _ref$hideIcon,
     className = _ref.className,
     anchorRef = _ref.anchorRef,
+    CompetitorPrompt = _ref.CompetitorPrompt,
+    url = _ref.url,
     props = _objectWithoutProperties(_ref, _excluded);
   var cardContext = fg('platform-linking-flexible-card-context') ?
   // eslint-disable-next-line react-hooks/rules-of-hooks
@@ -131,6 +133,9 @@ var TitleBlock = function TitleBlock(_ref) {
     size: fg('platform-linking-flexible-card-context') ? (_props$size = props.size) !== null && _props$size !== void 0 ? _props$size : ui === null || ui === void 0 ? void 0 : ui.size : props === null || props === void 0 ? void 0 : props.size
   }, fg('platform-linking-flexible-card-context') ? undefined : {
     theme: theme
+  }, {
+    CompetitorPrompt: CompetitorPrompt,
+    url: url
   }));
 };
 export default TitleBlock;

package/dist/esm/view/FlexibleCard/components/blocks/title-block/resolved/index.compiled.css

@@ -1 +1,5 @@
-._zulp1b66{gap:var(--ds-space-050,4px)}
+
+._zulp1b66{gap:var(--ds-space-050,4px)}._1bsb1osq{width:100%}
+._1e0c1txw{display:flex}
+._2lx2vrvc{flex-direction:row}
+._4cvr1h6o{align-items:center}

package/dist/esm/view/FlexibleCard/components/blocks/title-block/resolved/index.js

@@ -1,16 +1,21 @@
 /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["actionGroup", "metadata", "position", "subtitle", "testId", "text", "icon", "title", "metadataPosition", "hideIcon"];
+var _excluded = ["actionGroup", "metadata", "position", "subtitle", "testId", "text", "icon", "title", "metadataPosition", "hideIcon", "CompetitorPrompt", "url"];
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
+import { fg } from '@atlaskit/platform-feature-flags';
+import { Box } from '@atlaskit/primitives/compiled';
 import { SmartLinkAlignment, SmartLinkDirection, SmartLinkPosition, SmartLinkWidth } from '../../../../../../constants';
 import { LinkIcon } from '../../../elements';
 import Block from '../../block';
 import ElementGroup from '../../element-group';
 import { renderElementItems } from '../../utils';
 var style = null;
+var styles = {
+  titleBox: "_1e0c1txw _2lx2vrvc _4cvr1h6o _1bsb1osq"
+};
 
 /**
  * This renders a fully resolved TitleBlock.
@@ -30,6 +35,8 @@ var TitleBlockResolvedView = function TitleBlockResolvedView(_ref) {
     title = _ref.title,
     metadataPosition = _ref.metadataPosition,
     hideIcon = _ref.hideIcon,
+    CompetitorPrompt = _ref.CompetitorPrompt,
+    url = _ref.url,
     blockProps = _objectWithoutProperties(_ref, _excluded);
   var size = blockProps.size;
   var metadataElements = renderElementItems(metadata);
@@ -45,7 +52,12 @@ var TitleBlockResolvedView = function TitleBlockResolvedView(_ref) {
     width: SmartLinkWidth.Flexible,
     size: blockProps.size,
     className: ax(["_zulp1b66"])
-  }, title, subtitleElements && /*#__PURE__*/React.createElement(ElementGroup, {
+  }, CompetitorPrompt && url && fg('prompt_whiteboard_competitor_link_gate') ? /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.titleBox
+  }, title, /*#__PURE__*/React.createElement(CompetitorPrompt, {
+    sourceUrl: url,
+    linkType: 'card'
+  })) : title, subtitleElements && /*#__PURE__*/React.createElement(ElementGroup, {
     direction: SmartLinkDirection.Horizontal
   }, subtitleElements)), metadataElements && /*#__PURE__*/React.createElement(ElementGroup, {
     direction: SmartLinkDirection.Horizontal,

package/dist/esm/view/LinkUrl/index.js

@@ -13,7 +13,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "38.6.1",
+  packageVersion: "38.7.0",
   componentName: 'linkUrl'
 };
 var Anchor = withLinkClickedEvent('a');

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import { type BlockCardProps } from './types';
-export declare const BlockCard: ({ id, url, cardState, authFlow, handleAuthorize, handleFrameClick, renderers, isSelected, onResolve, onError, testId, actionOptions, }: BlockCardProps) => React.JSX.Element;
+export declare const BlockCard: ({ id, url, cardState, authFlow, handleAuthorize, handleFrameClick, renderers, isSelected, onResolve, onError, testId, actionOptions, CompetitorPrompt, }: BlockCardProps) => React.JSX.Element;

package/dist/types/view/BlockCard/types.d.ts

@@ -16,4 +16,8 @@ export type BlockCardProps = {
     testId?: string;
     actionOptions?: CardActionOptions;
     renderers?: CardProviderRenderers;
+    CompetitorPrompt?: React.ComponentType<{
+        sourceUrl: string;
+        linkType?: string;
+    }>;
 };

package/dist/types/view/BlockCard/views/types.d.ts

@@ -1,2 +1,2 @@
 import { type FlexibleCardProps } from '../../FlexibleCard/types';
-export type FlexibleBlockCardProps = Pick<FlexibleCardProps, 'cardState' | 'id' | 'onAuthorize' | 'onClick' | 'onError' | 'onResolve' | 'renderers' | 'actionOptions' | 'testId' | 'url'>;
+export type FlexibleBlockCardProps = Pick<FlexibleCardProps, 'cardState' | 'id' | 'onAuthorize' | 'onClick' | 'onError' | 'onResolve' | 'renderers' | 'actionOptions' | 'testId' | 'url' | 'CompetitorPrompt'>;

package/dist/types/view/Card/types.d.ts

@@ -105,6 +105,13 @@ export interface BaseCardProps {
      * The url link of the resource to be resolved and shown as Smart Link.
      */
     url?: string;
+    /**
+     * Competitor Prompt Component for Competitor link experiment
+     */
+    CompetitorPrompt?: React.ComponentType<{
+        sourceUrl: string;
+        linkType?: string;
+    }>;
 }
 export interface InlineProps extends HoverPreviewProps {
     /**

package/dist/types/view/CardWithUrl/types.d.ts

@@ -30,4 +30,8 @@ export type CardWithUrlContentProps = {
     removeTextHighlightingFromTitle?: boolean;
     resolvingPlaceholder?: string;
     truncateInline?: boolean;
+    CompetitorPrompt?: React.ComponentType<{
+        sourceUrl: string;
+        linkType?: string;
+    }>;
 };

package/dist/types/view/FlexibleCard/components/blocks/title-block/index.d.ts

@@ -12,5 +12,5 @@ import { type TitleBlockProps } from './types';
  * @see TitleBlockResolvedViewNew
  * @see TitleBlockErroredViewNew
  */
-declare const TitleBlock: ({ actions, anchorTarget, hideTitleTooltip, maxLines, onActionMenuOpenChange, onClick, status: statusProp, showActionOnHover, testId, text, icon, theme, hideRetry, metadataPosition, hideIcon, className, anchorRef, ...props }: TitleBlockProps) => JSX.Element;
+declare const TitleBlock: ({ actions, anchorTarget, hideTitleTooltip, maxLines, onActionMenuOpenChange, onClick, status: statusProp, showActionOnHover, testId, text, icon, theme, hideRetry, metadataPosition, hideIcon, className, anchorRef, CompetitorPrompt, url, ...props }: TitleBlockProps) => JSX.Element;
 export default TitleBlock;

package/dist/types/view/FlexibleCard/components/blocks/title-block/resolved/index.d.ts

@@ -5,5 +5,5 @@ import { type TitleBlockViewProps } from '../types';
  * This should render when a Smart Link returns a valid response.
  * @see TitleBlock
  */
-declare const TitleBlockResolvedView: ({ actionGroup, metadata, position, subtitle, testId, text, icon, title, metadataPosition, hideIcon, ...blockProps }: TitleBlockViewProps) => JSX.Element;
+declare const TitleBlockResolvedView: ({ actionGroup, metadata, position, subtitle, testId, text, icon, title, metadataPosition, hideIcon, CompetitorPrompt, url, ...blockProps }: TitleBlockViewProps) => JSX.Element;
 export default TitleBlockResolvedView;

package/dist/types/view/FlexibleCard/components/blocks/title-block/types.d.ts

@@ -109,6 +109,17 @@ export type TitleBlockProps = {
      * A unique identifier for the placeholder loading state, which is constant across all loading states of the same item.
      */
     placeholderId?: string;
+    /**
+     * Competitor Prompt Component for Competitor link experiment
+     */
+    CompetitorPrompt?: React.ComponentType<{
+        sourceUrl: string;
+        linkType?: string;
+    }>;
+    /**
+     * The URL of the link for Competitor Prompt experiment
+     */
+    url?: string;
 } & BlockProps;
 export type TitleBlockViewProps = TitleBlockProps & {
     actionGroup?: React.ReactNode;

package/dist/types/view/FlexibleCard/types.d.ts

@@ -87,6 +87,13 @@ export type FlexibleCardProps = {
      * Configuration options for hover preview
      */
     hoverPreviewOptions?: HoverPreviewOptions;
+    /**
+     * Competitor Prompt Component for Competitor link experiment
+     */
+    CompetitorPrompt?: React.ComponentType<{
+        sourceUrl: string;
+        linkType?: string;
+    }>;
 };
 export type InternalFlexibleUiOptions = FlexibleUiOptions & {
     hideLegacyButton?: boolean;

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import { type BlockCardProps } from './types';
-export declare const BlockCard: ({ id, url, cardState, authFlow, handleAuthorize, handleFrameClick, renderers, isSelected, onResolve, onError, testId, actionOptions, }: BlockCardProps) => React.JSX.Element;
+export declare const BlockCard: ({ id, url, cardState, authFlow, handleAuthorize, handleFrameClick, renderers, isSelected, onResolve, onError, testId, actionOptions, CompetitorPrompt, }: BlockCardProps) => React.JSX.Element;

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

@@ -16,4 +16,8 @@ export type BlockCardProps = {
     testId?: string;
     actionOptions?: CardActionOptions;
     renderers?: CardProviderRenderers;
+    CompetitorPrompt?: React.ComponentType<{
+        sourceUrl: string;
+        linkType?: string;
+    }>;
 };

package/dist/types-ts4.5/view/BlockCard/views/types.d.ts

@@ -1,2 +1,2 @@
 import { type FlexibleCardProps } from '../../FlexibleCard/types';
-export type FlexibleBlockCardProps = Pick<FlexibleCardProps, 'cardState' | 'id' | 'onAuthorize' | 'onClick' | 'onError' | 'onResolve' | 'renderers' | 'actionOptions' | 'testId' | 'url'>;
+export type FlexibleBlockCardProps = Pick<FlexibleCardProps, 'cardState' | 'id' | 'onAuthorize' | 'onClick' | 'onError' | 'onResolve' | 'renderers' | 'actionOptions' | 'testId' | 'url' | 'CompetitorPrompt'>;

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

@@ -105,6 +105,13 @@ export interface BaseCardProps {
      * The url link of the resource to be resolved and shown as Smart Link.
      */
     url?: string;
+    /**
+     * Competitor Prompt Component for Competitor link experiment
+     */
+    CompetitorPrompt?: React.ComponentType<{
+        sourceUrl: string;
+        linkType?: string;
+    }>;
 }
 export interface InlineProps extends HoverPreviewProps {
     /**

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

@@ -30,4 +30,8 @@ export type CardWithUrlContentProps = {
     removeTextHighlightingFromTitle?: boolean;
     resolvingPlaceholder?: string;
     truncateInline?: boolean;
+    CompetitorPrompt?: React.ComponentType<{
+        sourceUrl: string;
+        linkType?: string;
+    }>;
 };

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/title-block/index.d.ts

@@ -12,5 +12,5 @@ import { type TitleBlockProps } from './types';
  * @see TitleBlockResolvedViewNew
  * @see TitleBlockErroredViewNew
  */
-declare const TitleBlock: ({ actions, anchorTarget, hideTitleTooltip, maxLines, onActionMenuOpenChange, onClick, status: statusProp, showActionOnHover, testId, text, icon, theme, hideRetry, metadataPosition, hideIcon, className, anchorRef, ...props }: TitleBlockProps) => JSX.Element;
+declare const TitleBlock: ({ actions, anchorTarget, hideTitleTooltip, maxLines, onActionMenuOpenChange, onClick, status: statusProp, showActionOnHover, testId, text, icon, theme, hideRetry, metadataPosition, hideIcon, className, anchorRef, CompetitorPrompt, url, ...props }: TitleBlockProps) => JSX.Element;
 export default TitleBlock;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/title-block/resolved/index.d.ts

@@ -5,5 +5,5 @@ import { type TitleBlockViewProps } from '../types';
  * This should render when a Smart Link returns a valid response.
  * @see TitleBlock
  */
-declare const TitleBlockResolvedView: ({ actionGroup, metadata, position, subtitle, testId, text, icon, title, metadataPosition, hideIcon, ...blockProps }: TitleBlockViewProps) => JSX.Element;
+declare const TitleBlockResolvedView: ({ actionGroup, metadata, position, subtitle, testId, text, icon, title, metadataPosition, hideIcon, CompetitorPrompt, url, ...blockProps }: TitleBlockViewProps) => JSX.Element;
 export default TitleBlockResolvedView;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/title-block/types.d.ts

@@ -109,6 +109,17 @@ export type TitleBlockProps = {
      * A unique identifier for the placeholder loading state, which is constant across all loading states of the same item.
      */
     placeholderId?: string;
+    /**
+     * Competitor Prompt Component for Competitor link experiment
+     */
+    CompetitorPrompt?: React.ComponentType<{
+        sourceUrl: string;
+        linkType?: string;
+    }>;
+    /**
+     * The URL of the link for Competitor Prompt experiment
+     */
+    url?: string;
 } & BlockProps;
 export type TitleBlockViewProps = TitleBlockProps & {
     actionGroup?: React.ReactNode;

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

@@ -87,6 +87,13 @@ export type FlexibleCardProps = {
      * Configuration options for hover preview
      */
     hoverPreviewOptions?: HoverPreviewOptions;
+    /**
+     * Competitor Prompt Component for Competitor link experiment
+     */
+    CompetitorPrompt?: React.ComponentType<{
+        sourceUrl: string;
+        linkType?: string;
+    }>;
 };
 export type InternalFlexibleUiOptions = FlexibleUiOptions & {
     hideLegacyButton?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "38.6.1",
+	"version": "38.7.0",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -260,6 +260,9 @@
 		},
 		"fun-1765_wire_up_glance_panel_to_smart_cards": {
 			"type": "boolean"
+		},
+		"prompt_whiteboard_competitor_link_gate": {
+			"type": "boolean"
 		}
 	},
 	"compassUnitTestMetricSourceId": "ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:metric-source/c5751cc6-3513-4070-9deb-af31e86aed34/f74ef1bc-7240-4aac-9dc8-9dc43b502089"