@atlaskit/smart-card 43.4.3 → 43.5.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/smart-card
 
+## 43.5.0
+
+### Minor Changes
+
+- [`9465562138b8e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9465562138b8e) -
+  [ux] Display competitor link prompt for unresolved Smart Link Card.
+
+## 43.4.4
+
+### Patch Changes
+
+- [`6b95bfd7b3619`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6b95bfd7b3619) -
+  NAVX-1995 cleaning up navx-1895-a11y-close-button-in-preview-modal
+- Updated dependencies
+
 ## 43.4.3
 
 ### 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: "43.4.2"
+  packageVersion: "43.4.4"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/view/BlockCard/views/unresolved-view/index.js

@@ -13,6 +13,7 @@ var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _userAgent = require("@atlaskit/linking-common/user-agent");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _FlexibleCard = _interopRequireDefault(require("../../../FlexibleCard"));
 var _blocks = require("../../../FlexibleCard/components/blocks");
 var _utils = require("../utils");
@@ -32,7 +33,8 @@ var UnresolvedView = function UnresolvedView(_ref) {
     showPreview = _ref$showPreview === void 0 ? false : _ref$showPreview,
     testId = _ref.testId,
     title = _ref.title,
-    url = _ref.url;
+    url = _ref.url,
+    CompetitorPrompt = _ref.CompetitorPrompt;
   // eslint-disable-next-line react-hooks/rules-of-hooks
   var _useMemo = (0, _react.useMemo)(function () {
       return (0, _userAgent.browser)();
@@ -51,7 +53,10 @@ var UnresolvedView = function UnresolvedView(_ref) {
     url: url
   }, /*#__PURE__*/React.createElement(_blocks.TitleBlock, (0, _extends2.default)({}, _utils.titleBlockOptions, {
     hideIcon: !!title,
-    text: title,
+    text: title
+  }, (0, _platformFeatureFlags.fg)('prompt_whiteboard_competitor_link_gate') ? {
+    CompetitorPrompt: CompetitorPrompt
+  } : undefined, {
     className: (0, _runtime.ax)(["_zulpu2gc _13mh1pd9 _2yhz14q2"])
   })), /*#__PURE__*/React.createElement(_blocks.CustomBlock, {
     className: (0, _runtime.ax)(["_zulp1b66 _1e0c1txw _4cvr1y6m _1wpz1fhb _7yjtidpf _ngc01fxt"])

package/dist/cjs/view/EmbedModal/components/link-info/index.js

@@ -14,13 +14,11 @@ var _reactIntlNext = require("react-intl-next");
 var _heading = _interopRequireDefault(require("@atlaskit/heading"));
 var _download = _interopRequireDefault(require("@atlaskit/icon/core/download"));
 var _fullscreenExit = _interopRequireDefault(require("@atlaskit/icon/core/fullscreen-exit"));
-var _cross = _interopRequireDefault(require("@atlaskit/icon/core/migration/cross"));
 var _fullscreenEnterVidFullScreenOn = _interopRequireDefault(require("@atlaskit/icon/core/migration/fullscreen-enter--vid-full-screen-on"));
 var _linkExternalShortcut = _interopRequireDefault(require("@atlaskit/icon/core/migration/link-external--shortcut"));
 var _download2 = _interopRequireDefault(require("@atlaskit/icon/glyph/download"));
 var _vidFullScreenOff = _interopRequireDefault(require("@atlaskit/icon/glyph/vid-full-screen-off"));
 var _modalDialog = require("@atlaskit/modal-dialog");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _messages = require("../../../../messages");
 var _Icon = require("../../../common/Icon");
@@ -131,7 +129,7 @@ var LinkInfo = function LinkInfo(_ref) {
     "aria-hidden": true
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _runtime.ax)(["_16jlidpf _1o9zidpf _i0dl1wug _zulp1b66 _1e0c1txw _3kllglyw"])
-  }, downloadButton, urlButton, sizeButton, (0, _platformFeatureFlags.fg)('navx-1895-a11y-close-button-in-preview-modal') ? /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+  }, downloadButton, urlButton, sizeButton, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.preview_close),
     hideTooltipOnClick: true,
     tag: "span",
@@ -139,19 +137,7 @@ var LinkInfo = function LinkInfo(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_modalDialog.CloseButton, {
     onClick: onClose,
     label: formatMessage(_messages.messages.preview_close),
-    testId: "".concat(testId, "-close-button")
-  })) : /*#__PURE__*/_react.default.createElement(_linkInfoButton.default, {
-    content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.preview_close),
-    icon: function icon() {
-      return /*#__PURE__*/_react.default.createElement(_cross.default, {
-        label: _messages.messages.preview_close.defaultMessage,
-        color: "currentColor",
-        spacing: "spacious"
-      });
-    },
-    label: _messages.messages.preview_close,
-    onClick: onClose,
-    testId: "".concat(testId, "-close")
-  })));
+    testId: testId
+  }))));
 };
 var _default = exports.default = LinkInfo;

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

@@ -0,0 +1,4 @@
+._1bsb1osq{width:100%}
+._1e0c1txw{display:flex}
+._2lx2vrvc{flex-direction:row}
+._4cvr1h6o{align-items:center}

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

@@ -1,3 +1,4 @@
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -5,16 +6,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+require("./index.compiled.css");
+var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _constants = require("../../../../../../constants");
 var _flexibleUiContext = require("../../../../../../state/flexible-ui-context");
 var _actions = require("../../../actions");
 var _elements = require("../../../elements");
 var _block = _interopRequireDefault(require("../../block"));
 var _elementGroup = _interopRequireDefault(require("../../element-group"));
-var _excluded = ["actionGroup", "hideRetry", "retry", "position", "testId", "title", "icon", "hideIcon"];
+var _excluded = ["actionGroup", "hideRetry", "retry", "position", "testId", "title", "icon", "hideIcon", "CompetitorPrompt"];
+var styles = {
+  titleBoxCard: "_1e0c1txw _2lx2vrvc _4cvr1h6o _1bsb1osq"
+};
+
 /**
  * Represents an Errored TitleBlock view.
  * This will render when a Smart Link did not successfully resolve.
@@ -32,15 +41,22 @@ var TitleBlockErroredView = function TitleBlockErroredView(_ref) {
     title = _ref.title,
     icon = _ref.icon,
     hideIcon = _ref.hideIcon,
+    CompetitorPrompt = _ref.CompetitorPrompt,
     blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var context = (0, _flexibleUiContext.useFlexibleUiContext)();
   var showRetry = !hideRetry && Boolean(context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[_constants.InternalActionName.UnresolvedAction]);
+  var competitorPrompt = CompetitorPrompt && context !== null && context !== void 0 && context.url && (0, _platformFeatureFlags.fg)('prompt_whiteboard_competitor_link_gate') ? /*#__PURE__*/_react.default.createElement(CompetitorPrompt, {
+    sourceUrl: context === null || context === void 0 ? void 0 : context.url,
+    linkType: 'card'
+  }) : null;
   return /*#__PURE__*/_react.default.createElement(_block.default, (0, _extends2.default)({}, blockProps, {
     testId: "".concat(testId, "-errored-view")
   }), !hideIcon && /*#__PURE__*/_react.default.createElement(_elements.LinkIcon, {
     overrideIcon: icon,
     position: position
-  }), title, showRetry && /*#__PURE__*/_react.default.createElement(_elementGroup.default, {
+  }), competitorPrompt ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: styles.titleBoxCard
+  }, title, competitorPrompt) : title, showRetry && /*#__PURE__*/_react.default.createElement(_elementGroup.default, {
     align: _constants.SmartLinkAlignment.Right
   }, /*#__PURE__*/_react.default.createElement(_actions.UnresolvedAction, {
     testId: testId

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

@@ -22,7 +22,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "43.4.2",
+  packageVersion: "43.4.4",
   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: "43.4.2"
+  packageVersion: "43.4.4"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/view/BlockCard/views/unresolved-view/index.js

@@ -5,6 +5,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useMemo } from 'react';
 import { browser } from '@atlaskit/linking-common/user-agent';
+import { fg } from '@atlaskit/platform-feature-flags';
 import FlexibleCard from '../../../FlexibleCard';
 import { CustomBlock, InternalFooterBlock, PreviewBlock, TitleBlock } from '../../../FlexibleCard/components/blocks';
 import { FlexibleCardUiOptions, PreviewBlockOptions, titleBlockOptions } from '../utils';
@@ -22,7 +23,8 @@ const UnresolvedView = ({
   showPreview = false,
   testId,
   title,
-  url
+  url,
+  CompetitorPrompt
 }) => {
   // eslint-disable-next-line react-hooks/rules-of-hooks
   const {
@@ -40,7 +42,10 @@ const UnresolvedView = ({
     url: url
   }, /*#__PURE__*/React.createElement(TitleBlock, _extends({}, titleBlockOptions, {
     hideIcon: !!title,
-    text: title,
+    text: title
+  }, fg('prompt_whiteboard_competitor_link_gate') ? {
+    CompetitorPrompt
+  } : undefined, {
     className: ax(["_zulpu2gc _13mh1pd9 _2yhz14q2"])
   })), /*#__PURE__*/React.createElement(CustomBlock, {
     className: ax(["_zulp1b66 _1e0c1txw _4cvr1y6m _1wpz1fhb _7yjtidpf _ngc01fxt"])

package/dist/es2019/view/EmbedModal/components/link-info/index.js

@@ -6,13 +6,11 @@ import { FormattedMessage, useIntl } from 'react-intl-next';
 import Heading from '@atlaskit/heading';
 import DownloadIcon from '@atlaskit/icon/core/download';
 import FullscreenExitIcon from '@atlaskit/icon/core/fullscreen-exit';
-import CrossIcon from '@atlaskit/icon/core/migration/cross';
 import VidFullScreenOnIcon from '@atlaskit/icon/core/migration/fullscreen-enter--vid-full-screen-on';
 import ShortcutIcon from '@atlaskit/icon/core/migration/link-external--shortcut';
 import DownloadIconLegacy from '@atlaskit/icon/glyph/download';
 import VidFullScreenOffIcon from '@atlaskit/icon/glyph/vid-full-screen-off';
 import { CloseButton, useModal } from '@atlaskit/modal-dialog';
-import { fg } from '@atlaskit/platform-feature-flags';
 import Tooltip from '@atlaskit/tooltip';
 import { messages } from '../../../../messages';
 import { Icon } from '../../../common/Icon';
@@ -119,7 +117,7 @@ const LinkInfo = ({
     "aria-hidden": true
   })), /*#__PURE__*/React.createElement("div", {
     className: ax(["_16jlidpf _1o9zidpf _i0dl1wug _zulp1b66 _1e0c1txw _3kllglyw"])
-  }, downloadButton, urlButton, sizeButton, fg('navx-1895-a11y-close-button-in-preview-modal') ? /*#__PURE__*/React.createElement(Tooltip, {
+  }, downloadButton, urlButton, sizeButton, /*#__PURE__*/React.createElement(Tooltip, {
     content: /*#__PURE__*/React.createElement(FormattedMessage, messages.preview_close),
     hideTooltipOnClick: true,
     tag: "span",
@@ -127,17 +125,7 @@ const LinkInfo = ({
   }, /*#__PURE__*/React.createElement(CloseButton, {
     onClick: onClose,
     label: formatMessage(messages.preview_close),
-    testId: `${testId}-close-button`
-  })) : /*#__PURE__*/React.createElement(LinkInfoButton, {
-    content: /*#__PURE__*/React.createElement(FormattedMessage, messages.preview_close),
-    icon: () => /*#__PURE__*/React.createElement(CrossIcon, {
-      label: messages.preview_close.defaultMessage,
-      color: "currentColor",
-      spacing: "spacious"
-    }),
-    label: messages.preview_close,
-    onClick: onClose,
-    testId: `${testId}-close`
-  })));
+    testId: testId
+  }))));
 };
 export default LinkInfo;

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

@@ -0,0 +1,4 @@
+._1bsb1osq{width:100%}
+._1e0c1txw{display:flex}
+._2lx2vrvc{flex-direction:row}
+._4cvr1h6o{align-items:center}

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

@@ -1,11 +1,20 @@
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
+import "./index.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { Box } from '@atlaskit/primitives/compiled';
 import { InternalActionName, SmartLinkAlignment } from '../../../../../../constants';
 import { useFlexibleUiContext } from '../../../../../../state/flexible-ui-context';
 import { UnresolvedAction } from '../../../actions';
 import { LinkIcon } from '../../../elements';
 import Block from '../../block';
 import ElementGroup from '../../element-group';
+const styles = {
+  titleBoxCard: "_1e0c1txw _2lx2vrvc _4cvr1h6o _1bsb1osq"
+};
+
 /**
  * Represents an Errored TitleBlock view.
  * This will render when a Smart Link did not successfully resolve.
@@ -22,17 +31,24 @@ const TitleBlockErroredView = ({
   title,
   icon,
   hideIcon,
+  CompetitorPrompt,
   ...blockProps
 }) => {
   var _context$actions;
   const context = useFlexibleUiContext();
   const showRetry = !hideRetry && Boolean(context === null || context === void 0 ? void 0 : (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[InternalActionName.UnresolvedAction]);
+  const competitorPrompt = CompetitorPrompt && context !== null && context !== void 0 && context.url && fg('prompt_whiteboard_competitor_link_gate') ? /*#__PURE__*/React.createElement(CompetitorPrompt, {
+    sourceUrl: context === null || context === void 0 ? void 0 : context.url,
+    linkType: 'card'
+  }) : null;
   return /*#__PURE__*/React.createElement(Block, _extends({}, blockProps, {
     testId: `${testId}-errored-view`
   }), !hideIcon && /*#__PURE__*/React.createElement(LinkIcon, {
     overrideIcon: icon,
     position: position
-  }), title, showRetry && /*#__PURE__*/React.createElement(ElementGroup, {
+  }), competitorPrompt ? /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.titleBoxCard
+  }, title, competitorPrompt) : title, showRetry && /*#__PURE__*/React.createElement(ElementGroup, {
     align: SmartLinkAlignment.Right
   }, /*#__PURE__*/React.createElement(UnresolvedAction, {
     testId: testId

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

@@ -12,7 +12,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "43.4.2",
+  packageVersion: "43.4.4",
   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: "43.4.2"
+  packageVersion: "43.4.4"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/view/BlockCard/views/unresolved-view/index.js

@@ -5,6 +5,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useMemo } from 'react';
 import { browser } from '@atlaskit/linking-common/user-agent';
+import { fg } from '@atlaskit/platform-feature-flags';
 import FlexibleCard from '../../../FlexibleCard';
 import { CustomBlock, InternalFooterBlock, PreviewBlock, TitleBlock } from '../../../FlexibleCard/components/blocks';
 import { FlexibleCardUiOptions, PreviewBlockOptions, titleBlockOptions } from '../utils';
@@ -23,7 +24,8 @@ var UnresolvedView = function UnresolvedView(_ref) {
     showPreview = _ref$showPreview === void 0 ? false : _ref$showPreview,
     testId = _ref.testId,
     title = _ref.title,
-    url = _ref.url;
+    url = _ref.url,
+    CompetitorPrompt = _ref.CompetitorPrompt;
   // eslint-disable-next-line react-hooks/rules-of-hooks
   var _useMemo = useMemo(function () {
       return browser();
@@ -42,7 +44,10 @@ var UnresolvedView = function UnresolvedView(_ref) {
     url: url
   }, /*#__PURE__*/React.createElement(TitleBlock, _extends({}, titleBlockOptions, {
     hideIcon: !!title,
-    text: title,
+    text: title
+  }, fg('prompt_whiteboard_competitor_link_gate') ? {
+    CompetitorPrompt: CompetitorPrompt
+  } : undefined, {
     className: ax(["_zulpu2gc _13mh1pd9 _2yhz14q2"])
   })), /*#__PURE__*/React.createElement(CustomBlock, {
     className: ax(["_zulp1b66 _1e0c1txw _4cvr1y6m _1wpz1fhb _7yjtidpf _ngc01fxt"])

package/dist/esm/view/EmbedModal/components/link-info/index.js

@@ -6,13 +6,11 @@ import { FormattedMessage, useIntl } from 'react-intl-next';
 import Heading from '@atlaskit/heading';
 import DownloadIcon from '@atlaskit/icon/core/download';
 import FullscreenExitIcon from '@atlaskit/icon/core/fullscreen-exit';
-import CrossIcon from '@atlaskit/icon/core/migration/cross';
 import VidFullScreenOnIcon from '@atlaskit/icon/core/migration/fullscreen-enter--vid-full-screen-on';
 import ShortcutIcon from '@atlaskit/icon/core/migration/link-external--shortcut';
 import DownloadIconLegacy from '@atlaskit/icon/glyph/download';
 import VidFullScreenOffIcon from '@atlaskit/icon/glyph/vid-full-screen-off';
 import { CloseButton, useModal } from '@atlaskit/modal-dialog';
-import { fg } from '@atlaskit/platform-feature-flags';
 import Tooltip from '@atlaskit/tooltip';
 import { messages } from '../../../../messages';
 import { Icon } from '../../../common/Icon';
@@ -122,7 +120,7 @@ var LinkInfo = function LinkInfo(_ref) {
     "aria-hidden": true
   })), /*#__PURE__*/React.createElement("div", {
     className: ax(["_16jlidpf _1o9zidpf _i0dl1wug _zulp1b66 _1e0c1txw _3kllglyw"])
-  }, downloadButton, urlButton, sizeButton, fg('navx-1895-a11y-close-button-in-preview-modal') ? /*#__PURE__*/React.createElement(Tooltip, {
+  }, downloadButton, urlButton, sizeButton, /*#__PURE__*/React.createElement(Tooltip, {
     content: /*#__PURE__*/React.createElement(FormattedMessage, messages.preview_close),
     hideTooltipOnClick: true,
     tag: "span",
@@ -130,19 +128,7 @@ var LinkInfo = function LinkInfo(_ref) {
   }, /*#__PURE__*/React.createElement(CloseButton, {
     onClick: onClose,
     label: formatMessage(messages.preview_close),
-    testId: "".concat(testId, "-close-button")
-  })) : /*#__PURE__*/React.createElement(LinkInfoButton, {
-    content: /*#__PURE__*/React.createElement(FormattedMessage, messages.preview_close),
-    icon: function icon() {
-      return /*#__PURE__*/React.createElement(CrossIcon, {
-        label: messages.preview_close.defaultMessage,
-        color: "currentColor",
-        spacing: "spacious"
-      });
-    },
-    label: messages.preview_close,
-    onClick: onClose,
-    testId: "".concat(testId, "-close")
-  })));
+    testId: testId
+  }))));
 };
 export default LinkInfo;

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

@@ -0,0 +1,4 @@
+._1bsb1osq{width:100%}
+._1e0c1txw{display:flex}
+._2lx2vrvc{flex-direction:row}
+._4cvr1h6o{align-items:center}

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

@@ -1,13 +1,22 @@
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["actionGroup", "hideRetry", "retry", "position", "testId", "title", "icon", "hideIcon"];
+var _excluded = ["actionGroup", "hideRetry", "retry", "position", "testId", "title", "icon", "hideIcon", "CompetitorPrompt"];
+import "./index.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { Box } from '@atlaskit/primitives/compiled';
 import { InternalActionName, SmartLinkAlignment } from '../../../../../../constants';
 import { useFlexibleUiContext } from '../../../../../../state/flexible-ui-context';
 import { UnresolvedAction } from '../../../actions';
 import { LinkIcon } from '../../../elements';
 import Block from '../../block';
 import ElementGroup from '../../element-group';
+var styles = {
+  titleBoxCard: "_1e0c1txw _2lx2vrvc _4cvr1h6o _1bsb1osq"
+};
+
 /**
  * Represents an Errored TitleBlock view.
  * This will render when a Smart Link did not successfully resolve.
@@ -25,15 +34,22 @@ var TitleBlockErroredView = function TitleBlockErroredView(_ref) {
     title = _ref.title,
     icon = _ref.icon,
     hideIcon = _ref.hideIcon,
+    CompetitorPrompt = _ref.CompetitorPrompt,
     blockProps = _objectWithoutProperties(_ref, _excluded);
   var context = useFlexibleUiContext();
   var showRetry = !hideRetry && Boolean(context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[InternalActionName.UnresolvedAction]);
+  var competitorPrompt = CompetitorPrompt && context !== null && context !== void 0 && context.url && fg('prompt_whiteboard_competitor_link_gate') ? /*#__PURE__*/React.createElement(CompetitorPrompt, {
+    sourceUrl: context === null || context === void 0 ? void 0 : context.url,
+    linkType: 'card'
+  }) : null;
   return /*#__PURE__*/React.createElement(Block, _extends({}, blockProps, {
     testId: "".concat(testId, "-errored-view")
   }), !hideIcon && /*#__PURE__*/React.createElement(LinkIcon, {
     overrideIcon: icon,
     position: position
-  }), title, showRetry && /*#__PURE__*/React.createElement(ElementGroup, {
+  }), competitorPrompt ? /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.titleBoxCard
+  }, title, competitorPrompt) : title, showRetry && /*#__PURE__*/React.createElement(ElementGroup, {
     align: SmartLinkAlignment.Right
   }, /*#__PURE__*/React.createElement(UnresolvedAction, {
     testId: testId

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

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

package/dist/types/view/BlockCard/views/unresolved-view/index.d.ts

@@ -3,5 +3,5 @@
  * @jsx jsx
  */
 import { type UnresolvedViewProps } from './types';
-declare const UnresolvedView: ({ actions, cardState, children, onAuthorize, onClick, onError, showPreview, testId, title, url, }: UnresolvedViewProps) => JSX.Element;
+declare const UnresolvedView: ({ actions, cardState, children, onAuthorize, onClick, onError, showPreview, testId, title, url, CompetitorPrompt, }: UnresolvedViewProps) => JSX.Element;
 export default UnresolvedView;

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

@@ -7,5 +7,5 @@ import { type TitleBlockViewProps } from '../types';
  * or the backend response was errored or malformed.
  * @see TitleBlock
  */
-declare const TitleBlockErroredView: ({ actionGroup, hideRetry, retry, position, testId, title, icon, hideIcon, ...blockProps }: TitleBlockViewProps) => React.JSX.Element;
+declare const TitleBlockErroredView: ({ actionGroup, hideRetry, retry, position, testId, title, icon, hideIcon, CompetitorPrompt, ...blockProps }: TitleBlockViewProps) => React.JSX.Element;
 export default TitleBlockErroredView;

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

@@ -21,7 +21,7 @@ export type TitleBlockProps = {
      */
     anchorTarget?: AnchorTarget;
     /**
-     * Competitor Prompt Component for Competitor link experiment
+     * Competitor Prompt Component for Competitor link
      */
     CompetitorPrompt?: React.ComponentType<{
         linkType?: string;
@@ -105,7 +105,7 @@ export type TitleBlockProps = {
      */
     text?: string;
     /**
-     * The URL of the link for Competitor Prompt experiment
+     * The URL of the link for Competitor Prompt
      */
     url?: string;
 } & BlockProps;

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

@@ -3,5 +3,5 @@
  * @jsx jsx
  */
 import { type UnresolvedViewProps } from './types';
-declare const UnresolvedView: ({ actions, cardState, children, onAuthorize, onClick, onError, showPreview, testId, title, url, }: UnresolvedViewProps) => JSX.Element;
+declare const UnresolvedView: ({ actions, cardState, children, onAuthorize, onClick, onError, showPreview, testId, title, url, CompetitorPrompt, }: UnresolvedViewProps) => JSX.Element;
 export default UnresolvedView;

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

@@ -7,5 +7,5 @@ import { type TitleBlockViewProps } from '../types';
  * or the backend response was errored or malformed.
  * @see TitleBlock
  */
-declare const TitleBlockErroredView: ({ actionGroup, hideRetry, retry, position, testId, title, icon, hideIcon, ...blockProps }: TitleBlockViewProps) => React.JSX.Element;
+declare const TitleBlockErroredView: ({ actionGroup, hideRetry, retry, position, testId, title, icon, hideIcon, CompetitorPrompt, ...blockProps }: TitleBlockViewProps) => React.JSX.Element;
 export default TitleBlockErroredView;

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

@@ -21,7 +21,7 @@ export type TitleBlockProps = {
      */
     anchorTarget?: AnchorTarget;
     /**
-     * Competitor Prompt Component for Competitor link experiment
+     * Competitor Prompt Component for Competitor link
      */
     CompetitorPrompt?: React.ComponentType<{
         linkType?: string;
@@ -105,7 +105,7 @@ export type TitleBlockProps = {
      */
     text?: string;
     /**
-     * The URL of the link for Competitor Prompt experiment
+     * The URL of the link for Competitor Prompt
      */
     url?: string;
 } & BlockProps;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "43.4.3",
+	"version": "43.5.0",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -43,7 +43,7 @@
 		"@atlaskit/heading": "^5.2.0",
 		"@atlaskit/icon": "^28.5.0",
 		"@atlaskit/icon-file-type": "^7.0.0",
-		"@atlaskit/icon-lab": "^5.10.0",
+		"@atlaskit/icon-lab": "^5.11.0",
 		"@atlaskit/icon-object": "^7.3.0",
 		"@atlaskit/icon-priority": "^6.3.0",
 		"@atlaskit/image": "^3.0.0",
@@ -62,7 +62,7 @@
 		"@atlaskit/modal-dialog": "^14.6.0",
 		"@atlaskit/outbound-auth-flow-client": "^3.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/popup": "^4.5.0",
+		"@atlaskit/popup": "^4.6.0",
 		"@atlaskit/primitives": "^16.1.0",
 		"@atlaskit/section-message": "^8.8.0",
 		"@atlaskit/select": "^21.3.0",
@@ -214,9 +214,6 @@
 		"hover-card-on-visibility-change-callback": {
 			"type": "boolean"
 		},
-		"navx-1895-a11y-close-button-in-preview-modal": {
-			"type": "boolean"
-		},
 		"navx-1895-new-logo-design": {
 			"type": "boolean"
 		},