@atlaskit/smart-card 26.67.0 → 26.69.0

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @atlaskit/smart-card
 
+## 26.69.0
+
+### Minor Changes
+
+-   [#101702](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/101702)
+    [`2d087cf38dab`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/2d087cf38dab) -
+    Fixes issue with the tooltip on the copy summary action
+
+### Patch Changes
+
+-   [#101752](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/101752)
+    [`ce0a0cf5380a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ce0a0cf5380a) -
+    Finalise hover card redesign localisation
+
+## 26.68.0
+
+### Minor Changes
+
+-   [#100572](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/100572)
+    [`f7db86ab4de9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f7db86ab4de9) -
+    [ux] Remove footer AI icon tooltip and realign AI information quality tooltip
+
+### Patch Changes
+
+-   [#99219](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/99219)
+    [`3df318ff4439`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3df318ff4439) -
+    Hover preview: Move resolved view redesign into its own separate component
+
 ## 26.67.0
 
 ### Minor Changes

package/dist/cjs/messages.js

@@ -37,7 +37,7 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     description: 'Additional info about the content summarised by AI.'
   },
   ai_summarized_info_short: {
-    id: 'fabric.linking.ai_summarized_info_short.nonfinal',
+    id: 'fabric.linking.ai_summarized_info_short',
     defaultMessage: 'Content quality may vary',
     description: 'Additional info about the content summarised by AI.'
   },
@@ -192,7 +192,7 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     description: ''
   },
   copied_url_to_clipboard: {
-    id: 'fabric.linking.copied_url_to_clipboard.nonfinal',
+    id: 'fabric.linking.copied_url_to_clipboard',
     defaultMessage: 'Copied!',
     description: 'Url has been copied to the clipboard'
   },
@@ -227,37 +227,37 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     description: ''
   },
   download_description: {
-    id: 'fabric.linking.download_description.nonfinal',
+    id: 'fabric.linking.download_description',
     defaultMessage: 'Download this file into your local storage',
     description: 'Description on what Download does'
   },
   download_file: {
-    id: 'fabric.linking.download_file.nonfinal',
+    id: 'fabric.linking.download_file',
     defaultMessage: 'Download file',
     description: 'Allow a user to download a file'
   },
   ai_summary_action: {
-    id: 'fabric.linking.ai_summary_action.nonfinal',
+    id: 'fabric.linking.ai_summary_action',
     defaultMessage: 'Summarize with AI',
     description: 'Allow a user to summarize a link'
   },
   ai_summary_action_description: {
-    id: 'fabric.linking.ai_summary_action_description.nonfinal',
+    id: 'fabric.linking.ai_summary_action_description',
     defaultMessage: 'Summarize the content of this link using Atlassian Intelligence.',
     description: 'Description of what the summarize link with AI action does'
   },
   copy_summary_action: {
-    id: 'fabric.linking.copy_summary_action.nonfinal',
+    id: 'fabric.linking.copy_summary_action',
     defaultMessage: 'Copy summary',
     description: 'Allow a user to copy a generated summary'
   },
   copy_summary_action_description: {
-    id: 'fabric.linking.copy_summary_action.nonfinal',
+    id: 'fabric.linking.copy_summary_action_description',
     defaultMessage: 'Copy summary',
     description: 'Description of what the copy summary AI action does'
   },
   copied_summary_action_description: {
-    id: 'fabric.linking.copied_summary_action_description.nonfinal',
+    id: 'fabric.linking.copied_summary_action_description',
     defaultMessage: 'Copied summary to clipboard',
     description: 'Confirmation to the user that the summry has been copied'
   },
@@ -272,32 +272,32 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     description: 'Click to follow a project.'
   },
   follow_project_description: {
-    id: 'fabric.linking.follow_project_description.nonfinal',
+    id: 'fabric.linking.follow_project_description',
     defaultMessage: 'Follow to get notifications on this project',
     description: 'Description on what Follow does'
   },
   follow_project: {
-    id: 'fabric.linking.follow_project.nonfinal',
+    id: 'fabric.linking.follow_project',
     defaultMessage: 'Follow project',
     description: 'Click to follow a project.'
   },
   follow_project_error: {
-    id: 'fabric.linking.follow_project_error.nonfinal',
+    id: 'fabric.linking.follow_project_error',
     defaultMessage: 'We encountered an error while trying to follow the project. Check your connection or refresh the page and try again.',
     description: 'Shown when an unknown error occurs when following an Atlas project'
   },
   follow_goal_description: {
-    id: 'fabric.linking.follow_goal_description.nonfinal',
+    id: 'fabric.linking.follow_goal_description',
     defaultMessage: 'Follow this goal to get notifications on updates',
     description: 'Description on what Follow does'
   },
   follow_goal: {
-    id: 'fabric.linking.follow_goal.nonfinal',
+    id: 'fabric.linking.follow_goal',
     defaultMessage: 'Follow goal',
     description: 'Click to follow a project.'
   },
   follow_goal_error: {
-    id: 'fabric.linking.follow_goal_error.nonfinal',
+    id: 'fabric.linking.follow_goal_error',
     defaultMessage: 'We encountered an error while trying to follow the goal. Check your connection or refresh the page and try again.',
     description: 'Shown when an unknown error occurs when following an Atlas goal'
   },
@@ -372,7 +372,7 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     description: 'Indicates the person or entity that owns or maintains the resource.'
   },
   preview_description: {
-    id: 'fabric.linking.preview_description.nonfinal',
+    id: 'fabric.linking.preview_description',
     defaultMessage: 'Open a full screen preview of this link',
     description: 'Description on what Preview does'
   },
@@ -562,32 +562,32 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     description: 'Click to unfollow a project.'
   },
   unfollow_project_description: {
-    id: 'fabric.linking.unfollow_project_description.nonfinal',
+    id: 'fabric.linking.unfollow_project_description',
     defaultMessage: 'Unfollow to stop receiving project notifications',
     description: 'Description on what Unfollow does'
   },
   unfollow_project: {
-    id: 'fabric.linking.unfollow_project.nonfinal',
+    id: 'fabric.linking.unfollow_project',
     defaultMessage: 'Unfollow project',
     description: 'Click to unfollow a project.'
   },
   unfollow_project_error: {
-    id: 'fabric.linking.unfollow_project_error.nonfinal',
+    id: 'fabric.linking.unfollow_project_error',
     defaultMessage: 'We encountered an error while trying to unfollow the project. Check your connection or refresh the page and try again.',
     description: 'Shown when an unknown error occurs when unfollowing an Atlas project'
   },
   unfollow_goal_description: {
-    id: 'fabric.linking.unfollow_goal_description.nonfinal',
+    id: 'fabric.linking.unfollow_goal_description',
     defaultMessage: 'Unfollow to stop receiving notifications for this goal',
     description: 'Description on what Unfollow does'
   },
   unfollow_goal: {
-    id: 'fabric.linking.unfollow_goal.nonfinal',
+    id: 'fabric.linking.unfollow_goal',
     defaultMessage: 'Unfollow goal',
     description: 'Click to unfollow a project.'
   },
   unfollow_goal_error: {
-    id: 'fabric.linking.unfollow_goal_error.nonfinal',
+    id: 'fabric.linking.unfollow_goal_error',
     defaultMessage: 'We encountered an error while trying to unfollow the goal. Check your connection or refresh the page and try again.',
     description: 'Shown when an unknown error occurs when unfollowing an Atlas goal'
   },

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

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

package/dist/cjs/view/FlexibleCard/components/actions/action/action-stack-item/index.js

@@ -17,6 +17,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var buttonStyles = (0, _primitives.xcss)({
   all: 'unset',
+  cursor: 'pointer',
   padding: 'space.050',
   width: '100%',
   ':focus:not(:focus-visible)': {

package/dist/cjs/view/FlexibleCard/components/actions/ai-summary-action/copy-summary-action.js

@@ -30,7 +30,7 @@ function CopySummaryAction(_ref) {
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
     fireEvent = _useAnalyticsEvents.fireEvent;
-  var _useState = (0, _react.useState)(_messages.messages.copy_summary_action),
+  var _useState = (0, _react.useState)(_messages.messages.copy_summary_action_description),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     tooltipMessage = _useState2[0],
     setTooltipMessage = _useState2[1];
@@ -57,6 +57,9 @@ function CopySummaryAction(_ref) {
     }),
     onClick: handleCopySummaryClick,
     testId: "".concat(testId, "-copy-summary-action"),
-    tooltipMessage: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, tooltipMessage)
+    tooltipMessage: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, tooltipMessage),
+    tooltipOnHide: function tooltipOnHide() {
+      return setTooltipMessage(_messages.messages.copy_summary_action_description);
+    }
   }, props));
 }

package/dist/cjs/view/FlexibleCard/components/actions/automation-action/index.js

@@ -41,16 +41,17 @@ var AutomationAction = function AutomationAction(props) {
   var automationActionTitle = /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.automation_action_title);
   var automationActionTooltip = /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.automation_action_tooltip);
   var automationActionIconLabel = formatMessage(_messages.messages.automation_action_icon_label);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_action.default, (0, _extends2.default)({}, data, props, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_action.default, (0, _extends2.default)({
     content: automationActionTitle,
     icon: /*#__PURE__*/_react.default.createElement(_manaulTriggersIcon.default, {
       label: automationActionIconLabel
     }),
-    onClick: function onClick() {
-      return handleAutomateActionClick(setIsModalOpen);
-    },
     testId: "smart-action-automation-action",
     tooltipMessage: automationActionTooltip
+  }, data, props, {
+    onClick: function onClick() {
+      return handleAutomateActionClick(setIsModalOpen);
+    }
   })));
 };
 var _default = exports.default = AutomationAction;

package/dist/cjs/view/FlexibleCard/components/blocks/ai-footer-block/resolved/ai-footer-metadata.js

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.AIFooterMetadata = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _reactMagneticDi = require("react-magnetic-di");
 var _reactIntlNext = require("react-intl-next");
-var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _primitives = require("@atlaskit/primitives");
-var _aiStateIndicator = _interopRequireDefault(require("../../ai-summary-block/ai-state-indicator"));
+var _aiIcon = _interopRequireDefault(require("../../../../../common/ai-icon"));
 var _info = require("../icons/info");
 var _messages = require("../../../../../../messages");
 var _useAiSummary = require("../../../../../../state/hooks/use-ai-summary");
@@ -35,16 +35,16 @@ var AIFooterMetadata = exports.AIFooterMetadata = function AIFooterMetadata(_ref
     grow: "fill"
   }, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.ai_summarized_info_short),
-    position: "top"
+    position: "bottom"
   }, function (tooltipProps) {
     return /*#__PURE__*/_react.default.createElement(_primitives.Box, tooltipProps, /*#__PURE__*/_react.default.createElement(_info.InfoIcon, {
       label: "Information",
       size: "small",
       primaryColor: "var(--ds-icon-subtle, #626F86)"
     }));
-  }), /*#__PURE__*/_react.default.createElement(_aiStateIndicator.default, {
-    appearance: "icon-only",
-    state: "done",
-    testId: "ai-tooltip"
+  }), /*#__PURE__*/_react.default.createElement(_aiIcon.default, {
+    label: "AI",
+    size: "small",
+    primaryColor: "var(--ds-icon-subtle, #626F86)"
   }));
 };

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

@@ -73,7 +73,8 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
     testId = props.testId,
     _props$aiSummaryMinHe = props.aiSummaryMinHeight,
     aiSummaryMinHeight = _props$aiSummaryMinHe === void 0 ? 0 : _props$aiSummaryMinHe,
-    metadata = props.metadata;
+    metadata = props.metadata,
+    placeholder = props.placeholder;
   var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
     fireEvent = _useAnalyticsEvents.fireEvent;
   var context = (0, _flexibleUiContext.useFlexibleUiContext)();
@@ -99,6 +100,7 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
   status === 'loading' && !!content;
   var isSummarisedOnMountRef = (0, _react.useRef)(status === 'done');
   var isErroredOnMountRef = (0, _react.useRef)(status === 'error');
+  var minHeight = (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.hover-card-action-redesign') && isSummarisedOnMountRef.current ? 0 : aiSummaryMinHeight;
   (0, _react.useEffect)(function () {
     // if the error was apparent on mount and the status is changed to loading we can
     // clear the initial error on mount state
@@ -141,6 +143,9 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
       });
     }
   }, [onActionMenuOpenChange]);
+  if (!showAISummary && (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.hover-card-action-redesign')) {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, placeholder);
+  }
   return /*#__PURE__*/_react.default.createElement(_block.default, (0, _extends2.default)({}, props, {
     direction: _constants.SmartLinkDirection.Vertical,
     testId: "".concat(testId, "-resolved-view")
@@ -154,12 +159,12 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
   }), status === 'done' && /*#__PURE__*/_react.default.createElement(_aiEventSummaryViewed.default, {
     fromCache: isSummarisedOnMountRef.current
   }), /*#__PURE__*/_react.default.createElement(_motionWrapper.default, {
-    minHeight: aiSummaryMinHeight,
+    minHeight: minHeight,
     show: showAISummary,
     showTransition: !isSummarisedOnMountRef.current
   }, /*#__PURE__*/_react.default.createElement(_aiSummary.default, {
     testId: "".concat(testId, "-ai-summary"),
-    minHeight: aiSummaryMinHeight,
+    minHeight: minHeight,
     content: content,
     showIcon: !(0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.hover-card-action-redesign') && isSummarisedOnMountRef.current
   })), !(0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.hover-card-action-redesign') && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_primitives.Inline, {

package/dist/cjs/view/HoverCard/components/HoverCardContent.js

@@ -23,6 +23,7 @@ var _utils2 = require("../utils");
 var _resolving = _interopRequireDefault(require("./views/resolving"));
 var _unauthorised = _interopRequireDefault(require("./views/unauthorised"));
 var _resolved = _interopRequireDefault(require("./views/resolved"));
+var _redesign = _interopRequireDefault(require("./views/resolved/redesign"));
 var _reactIntlNext = require("react-intl-next");
 var _messages = require("../../../messages");
 var _click = require("../../../utils/analytics/click");
@@ -191,6 +192,18 @@ var HoverCardContent = function HoverCardContent(_ref) {
       });
     }
     if (cardState.status === 'resolved') {
+      if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.hover-card-action-redesign')) {
+        return (0, _react.jsx)(_redesign.default, {
+          analytics: analytics,
+          cardState: cardState,
+          extensionKey: extensionKey,
+          flexibleCardProps: flexibleCardProps,
+          isAISummaryEnabled: isAISummaryEnabled,
+          onActionClick: onActionClick,
+          titleBlockProps: titleBlockProps,
+          url: url
+        });
+      }
       return (0, _react.jsx)(_resolved.default, {
         id: id,
         url: url,

package/dist/cjs/view/HoverCard/components/views/resolved/index.js

@@ -86,7 +86,7 @@ var ConnectedAIBlock = function ConnectedAIBlock(_ref) {
   return showData ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !imagePreview && /*#__PURE__*/_react.default.createElement(_blocks.SnippetBlock, {
     testId: 'connected-AI',
     status: _constants.SmartLinkStatus.Resolved
-  }), !(0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.hover-card-action-redesign') && /*#__PURE__*/_react.default.createElement(_blocks.MetadataBlock, {
+  }), /*#__PURE__*/_react.default.createElement(_blocks.MetadataBlock, {
     primary: bottomPrimary,
     size: _constants.SmartLinkSize.Large,
     overrideCss: _styled.metadataBlockCss,
@@ -145,7 +145,6 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref2) {
     data: data,
     fallbackElementHeight: snippetHeight.current
   });
-  var isActionBlockEnabled = (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.hover-card-action-redesign') ? true : false;
   return /*#__PURE__*/_react.default.createElement(_FlexibleCard.default, flexibleCardProps, imagePreview, /*#__PURE__*/_react.default.createElement(_blocks.TitleBlock, (0, _extends2.default)({}, titleBlockProps, {
     metadataPosition: _constants.SmartLinkPosition.Top
   })), /*#__PURE__*/_react.default.createElement(_blocks.MetadataBlock, {
@@ -173,7 +172,7 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref2) {
     onRender: onSnippetRender,
     blockRef: snippetBlockRef,
     overrideCss: _styled.hiddenSnippetStyles
-  }), !isAISummaryEnabled && !isActionBlockEnabled && /*#__PURE__*/_react.default.createElement(_blocks.MetadataBlock, {
+  }), !isAISummaryEnabled && /*#__PURE__*/_react.default.createElement(_blocks.MetadataBlock, {
     primary: tertiary,
     size: _constants.SmartLinkSize.Large,
     overrideCss: _styled.metadataBlockCss,
@@ -188,10 +187,7 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref2) {
     }],
     actions: footerActions,
     aiSummaryMinHeight: connectedAIBlockHeight.current
-  }), isActionBlockEnabled && /*#__PURE__*/_react.default.createElement(_blocks.ActionBlock, {
-    onClick: onActionClick,
-    spaceInline: "space.100"
-  }), isActionBlockEnabled && /*#__PURE__*/_react.default.createElement(_blocks.AIFooterBlock, null), !isAISummaryEnabled && !isActionBlockEnabled && /*#__PURE__*/_react.default.createElement(_blocks.FooterBlock, {
+  }), !isAISummaryEnabled && /*#__PURE__*/_react.default.createElement(_blocks.FooterBlock, {
     actions: footerActions,
     size: _constants.SmartLinkSize.Large,
     overrideCss: _styled.footerBlockCss

package/dist/cjs/view/HoverCard/components/views/resolved/redesign.js

@@ -0,0 +1,81 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _constants = require("../../../../../constants");
+var _helpers = require("../../../../../state/helpers");
+var _FlexibleCard = _interopRequireDefault(require("../../../../FlexibleCard"));
+var _blocks = require("../../../../FlexibleCard/components/blocks");
+var _utils = require("../../../utils");
+var _ImagePreview = _interopRequireDefault(require("../../ImagePreview"));
+var _styled = require("./styled");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
+  var _cardState$details;
+  var analytics = _ref.analytics,
+    cardState = _ref.cardState,
+    extensionKey = _ref.extensionKey,
+    flexibleCardProps = _ref.flexibleCardProps,
+    isAISummaryEnabled = _ref.isAISummaryEnabled,
+    onActionClick = _ref.onActionClick,
+    titleBlockProps = _ref.titleBlockProps;
+  var canBeDatasource = (0, _helpers.getCanBeDatasource)(cardState.details);
+  (0, _react.useEffect)(function () {
+    // Since this hover view is only rendered on resolved status,
+    // there is no need to check for statuses.
+    analytics.ui.renderSuccessEvent({
+      display: _constants.CardDisplay.HoverCardPreview,
+      status: cardState.status,
+      canBeDatasource: canBeDatasource
+    });
+  }, [analytics.ui, cardState.status, canBeDatasource]);
+  var data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
+  var _useMemo = (0, _react.useMemo)(function () {
+      return (0, _utils.getMetadata)(extensionKey, data);
+    }, [data, extensionKey]),
+    primary = _useMemo.primary,
+    secondary = _useMemo.secondary;
+  var snippetHeight = _react.default.useRef(0);
+  var snippetBlockRef = (0, _react.useRef)(null);
+  var onSnippetRender = (0, _react.useCallback)(function () {
+    var _snippetBlockRef$curr, _snippetBlockRef$curr2;
+    snippetHeight.current = (_snippetBlockRef$curr = (_snippetBlockRef$curr2 = snippetBlockRef.current) === null || _snippetBlockRef$curr2 === void 0 ? void 0 : _snippetBlockRef$curr2.getBoundingClientRect().height) !== null && _snippetBlockRef$curr !== void 0 ? _snippetBlockRef$curr : 0;
+  }, []);
+  var imagePreview = (0, _ImagePreview.default)({
+    data: data,
+    fallbackElementHeight: snippetHeight.current
+  });
+  var snippet = imagePreview ? null : /*#__PURE__*/_react.default.createElement(_blocks.SnippetBlock, {
+    status: _constants.SmartLinkStatus.Resolved
+  });
+  var aiSummaryMinHeight = snippet ? snippetHeight.current : 0;
+  return /*#__PURE__*/_react.default.createElement(_FlexibleCard.default, flexibleCardProps, imagePreview, /*#__PURE__*/_react.default.createElement(_blocks.TitleBlock, (0, _extends2.default)({}, titleBlockProps, {
+    metadataPosition: _constants.SmartLinkPosition.Top
+  })), /*#__PURE__*/_react.default.createElement(_blocks.MetadataBlock, {
+    primary: primary,
+    secondary: secondary,
+    overrideCss: _styled.metadataBlockCss,
+    maxLines: 1,
+    size: _constants.SmartLinkSize.Medium
+  }), isAISummaryEnabled ? /*#__PURE__*/_react.default.createElement(_blocks.AISummaryBlock, {
+    aiSummaryMinHeight: aiSummaryMinHeight,
+    placeholder: snippet,
+    status: _constants.SmartLinkStatus.Resolved
+  }) : snippet, /*#__PURE__*/_react.default.createElement(_blocks.SnippetBlock, {
+    testId: "hidden-snippet",
+    onRender: onSnippetRender,
+    blockRef: snippetBlockRef,
+    overrideCss: _styled.hiddenSnippetStyles
+  }), /*#__PURE__*/_react.default.createElement(_blocks.ActionBlock, {
+    onClick: onActionClick,
+    spaceInline: "space.100"
+  }), /*#__PURE__*/_react.default.createElement(_blocks.AIFooterBlock, null));
+};
+var _default = exports.default = HoverCardResolvedView;

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

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

package/dist/es2019/messages.js

@@ -31,7 +31,7 @@ export const messages = defineMessages({
     description: 'Additional info about the content summarised by AI.'
   },
   ai_summarized_info_short: {
-    id: 'fabric.linking.ai_summarized_info_short.nonfinal',
+    id: 'fabric.linking.ai_summarized_info_short',
     defaultMessage: 'Content quality may vary',
     description: 'Additional info about the content summarised by AI.'
   },
@@ -186,7 +186,7 @@ export const messages = defineMessages({
     description: ''
   },
   copied_url_to_clipboard: {
-    id: 'fabric.linking.copied_url_to_clipboard.nonfinal',
+    id: 'fabric.linking.copied_url_to_clipboard',
     defaultMessage: 'Copied!',
     description: 'Url has been copied to the clipboard'
   },
@@ -221,37 +221,37 @@ export const messages = defineMessages({
     description: ''
   },
   download_description: {
-    id: 'fabric.linking.download_description.nonfinal',
+    id: 'fabric.linking.download_description',
     defaultMessage: 'Download this file into your local storage',
     description: 'Description on what Download does'
   },
   download_file: {
-    id: 'fabric.linking.download_file.nonfinal',
+    id: 'fabric.linking.download_file',
     defaultMessage: 'Download file',
     description: 'Allow a user to download a file'
   },
   ai_summary_action: {
-    id: 'fabric.linking.ai_summary_action.nonfinal',
+    id: 'fabric.linking.ai_summary_action',
     defaultMessage: 'Summarize with AI',
     description: 'Allow a user to summarize a link'
   },
   ai_summary_action_description: {
-    id: 'fabric.linking.ai_summary_action_description.nonfinal',
+    id: 'fabric.linking.ai_summary_action_description',
     defaultMessage: 'Summarize the content of this link using Atlassian Intelligence.',
     description: 'Description of what the summarize link with AI action does'
   },
   copy_summary_action: {
-    id: 'fabric.linking.copy_summary_action.nonfinal',
+    id: 'fabric.linking.copy_summary_action',
     defaultMessage: 'Copy summary',
     description: 'Allow a user to copy a generated summary'
   },
   copy_summary_action_description: {
-    id: 'fabric.linking.copy_summary_action.nonfinal',
+    id: 'fabric.linking.copy_summary_action_description',
     defaultMessage: 'Copy summary',
     description: 'Description of what the copy summary AI action does'
   },
   copied_summary_action_description: {
-    id: 'fabric.linking.copied_summary_action_description.nonfinal',
+    id: 'fabric.linking.copied_summary_action_description',
     defaultMessage: 'Copied summary to clipboard',
     description: 'Confirmation to the user that the summry has been copied'
   },
@@ -266,32 +266,32 @@ export const messages = defineMessages({
     description: 'Click to follow a project.'
   },
   follow_project_description: {
-    id: 'fabric.linking.follow_project_description.nonfinal',
+    id: 'fabric.linking.follow_project_description',
     defaultMessage: 'Follow to get notifications on this project',
     description: 'Description on what Follow does'
   },
   follow_project: {
-    id: 'fabric.linking.follow_project.nonfinal',
+    id: 'fabric.linking.follow_project',
     defaultMessage: 'Follow project',
     description: 'Click to follow a project.'
   },
   follow_project_error: {
-    id: 'fabric.linking.follow_project_error.nonfinal',
+    id: 'fabric.linking.follow_project_error',
     defaultMessage: 'We encountered an error while trying to follow the project. Check your connection or refresh the page and try again.',
     description: 'Shown when an unknown error occurs when following an Atlas project'
   },
   follow_goal_description: {
-    id: 'fabric.linking.follow_goal_description.nonfinal',
+    id: 'fabric.linking.follow_goal_description',
     defaultMessage: 'Follow this goal to get notifications on updates',
     description: 'Description on what Follow does'
   },
   follow_goal: {
-    id: 'fabric.linking.follow_goal.nonfinal',
+    id: 'fabric.linking.follow_goal',
     defaultMessage: 'Follow goal',
     description: 'Click to follow a project.'
   },
   follow_goal_error: {
-    id: 'fabric.linking.follow_goal_error.nonfinal',
+    id: 'fabric.linking.follow_goal_error',
     defaultMessage: 'We encountered an error while trying to follow the goal. Check your connection or refresh the page and try again.',
     description: 'Shown when an unknown error occurs when following an Atlas goal'
   },
@@ -366,7 +366,7 @@ export const messages = defineMessages({
     description: 'Indicates the person or entity that owns or maintains the resource.'
   },
   preview_description: {
-    id: 'fabric.linking.preview_description.nonfinal',
+    id: 'fabric.linking.preview_description',
     defaultMessage: 'Open a full screen preview of this link',
     description: 'Description on what Preview does'
   },
@@ -556,32 +556,32 @@ export const messages = defineMessages({
     description: 'Click to unfollow a project.'
   },
   unfollow_project_description: {
-    id: 'fabric.linking.unfollow_project_description.nonfinal',
+    id: 'fabric.linking.unfollow_project_description',
     defaultMessage: 'Unfollow to stop receiving project notifications',
     description: 'Description on what Unfollow does'
   },
   unfollow_project: {
-    id: 'fabric.linking.unfollow_project.nonfinal',
+    id: 'fabric.linking.unfollow_project',
     defaultMessage: 'Unfollow project',
     description: 'Click to unfollow a project.'
   },
   unfollow_project_error: {
-    id: 'fabric.linking.unfollow_project_error.nonfinal',
+    id: 'fabric.linking.unfollow_project_error',
     defaultMessage: 'We encountered an error while trying to unfollow the project. Check your connection or refresh the page and try again.',
     description: 'Shown when an unknown error occurs when unfollowing an Atlas project'
   },
   unfollow_goal_description: {
-    id: 'fabric.linking.unfollow_goal_description.nonfinal',
+    id: 'fabric.linking.unfollow_goal_description',
     defaultMessage: 'Unfollow to stop receiving notifications for this goal',
     description: 'Description on what Unfollow does'
   },
   unfollow_goal: {
-    id: 'fabric.linking.unfollow_goal.nonfinal',
+    id: 'fabric.linking.unfollow_goal',
     defaultMessage: 'Unfollow goal',
     description: 'Click to unfollow a project.'
   },
   unfollow_goal_error: {
-    id: 'fabric.linking.unfollow_goal_error.nonfinal',
+    id: 'fabric.linking.unfollow_goal_error',
     defaultMessage: 'We encountered an error while trying to unfollow the goal. Check your connection or refresh the page and try again.',
     description: 'Shown when an unknown error occurs when unfollowing an Atlas goal'
   },

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

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