@atlaskit/smart-card 43.31.6 → 43.31.8

package/dist/esm/messages.js

@@ -861,45 +861,20 @@ export var messages = defineMessages({
     defaultMessage: 'Get smarter workflows by connecting your account',
     description: 'Banner headline in Rovo unauthorised hover card header when the provider name is unknown.'
   },
-  rovo_unauthorised_feature_document_summaries_title: {
-    id: 'fabric.linking.rovo_unauthorised.feature.document_summaries.title',
-    defaultMessage: 'Quick summaries',
-    description: 'Feature title in Rovo unauthorised view.'
-  },
-  rovo_unauthorised_feature_document_summaries_desc: {
-    id: 'fabric.linking.rovo_unauthorised.feature.document_summaries.desc',
-    defaultMessage: 'Understand long docs in seconds',
-    description: 'Feature description in Rovo unauthorised view.'
-  },
-  rovo_unauthorised_feature_smart_suggestions_title: {
-    id: 'fabric.linking.rovo_unauthorised.feature.smart_suggestions.title',
-    defaultMessage: 'Smart suggestions',
-    description: 'Feature title in Rovo unauthorised view.'
-  },
-  rovo_unauthorised_feature_smart_suggestions_desc: {
-    id: 'fabric.linking.rovo_unauthorised.feature.smart_suggestions.desc',
-    defaultMessage: 'Strengthen your drafts with actionable feedback',
-    description: 'Feature description in Rovo unauthorised view.'
-  },
-  rovo_unauthorised_feature_cross_reference_title: {
-    id: 'fabric.linking.rovo_unauthorised.feature.cross_reference.title',
-    defaultMessage: 'Tracked link mentions',
-    description: 'Feature title in Rovo unauthorised view.'
-  },
-  rovo_unauthorised_feature_cross_reference_desc: {
-    id: 'fabric.linking.rovo_unauthorised.feature.cross_reference.desc',
-    defaultMessage: 'Never miss where your work is referenced',
-    description: 'Feature description in Rovo unauthorised view.'
-  },
-  rovo_unauthorised_feature_related_content_title: {
-    id: 'fabric.linking.rovo_unauthorised.feature.related_content.title',
-    defaultMessage: 'Related content',
-    description: 'Feature title in Rovo unauthorised view.'
-  },
-  rovo_unauthorised_feature_related_content_desc: {
-    id: 'fabric.linking.rovo_unauthorised.feature.related_content.desc',
-    defaultMessage: 'Find relevant work and why it matters',
-    description: 'Feature description in Rovo unauthorised view.'
+  rovo_unauthorised_feature_clear_link_names: {
+    id: 'fabric.linking.rovo_unauthorised.feature.clear_link_names',
+    defaultMessage: 'Turn long URL into clear link names',
+    description: 'First feature bullet in Rovo unauthorised hover card.'
+  },
+  rovo_unauthorised_feature_understand_linked_docs: {
+    id: 'fabric.linking.rovo_unauthorised.feature.understand_linked_docs',
+    defaultMessage: 'Understand linked docs in seconds',
+    description: 'Second feature bullet in Rovo unauthorised hover card.'
+  },
+  rovo_unauthorised_feature_go_deeper_smart_suggestions: {
+    id: 'fabric.linking.rovo_unauthorised.feature.go_deeper_smart_suggestions',
+    defaultMessage: 'Go deeper with smart suggestions',
+    description: 'Third feature bullet in Rovo unauthorised hover card.'
   },
   rovo_unauthorised_connect_account: {
     id: 'fabric.linking.rovo_unauthorised.connect_account',

package/dist/esm/view/FlexibleCard/components/actions/action/action-stack-item/action-button.compiled.css

@@ -1,6 +1,11 @@
 ._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._19bv1b66{padding-left:var(--ds-space-050,4px)}
+._1bah1h6o{justify-content:center}
 ._1bsb1osq{width:100%}
+._1bsb1tcg{width:24px}
+._1e0c116y{display:inline-flex}
+._4cvr1h6o{align-items:center}
+._4t3i1tcg{height:24px}
 ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
 ._ca0q1b66{padding-top:var(--ds-space-050,4px)}
 ._n3td1b66{padding-bottom:var(--ds-space-050,4px)}

package/dist/esm/view/FlexibleCard/components/actions/action/action-stack-item/action-button.js

@@ -8,11 +8,13 @@ import { cx } from '@atlaskit/css';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Inline, Pressable } from '@atlaskit/primitives/compiled';
 import Spinner from '@atlaskit/spinner';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { getPrimitivesInlineSpaceBySize } from '../../../utils';
 import ActionIcon from '../action-icon';
 var styles = {
   button: "_bfhksm61 _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66 _1bsb1osq _1ah31i6y _irr31dpa _1di6fcek",
-  content: "_11c8wadc _syazi7uo"
+  content: "_11c8wadc _syazi7uo",
+  spinner: "_1bsb1tcg _4t3i1tcg _1e0c116y _4cvr1h6o _1bah1h6o"
 };
 var ActionButton = function ActionButton(_ref) {
   var content = _ref.content,
@@ -33,7 +35,12 @@ var ActionButton = function ActionButton(_ref) {
     }
   }, [isDisabled, isLoading, onClickCallback]);
   var icon = iconOption && isLoading ? /*#__PURE__*/React.createElement(ActionIcon, {
-    icon: /*#__PURE__*/React.createElement(Spinner, {
+    icon: expValEqualsNoExposure('platform_sl_3p_auth_rovo_action', 'isEnabled', true) && fg('platform_sl_3p_auth_rovo_action_kill_switch') ? /*#__PURE__*/React.createElement(Box, {
+      xcss: styles.spinner
+    }, /*#__PURE__*/React.createElement(Spinner, {
+      size: 16,
+      testId: "".concat(testId, "-loading")
+    })) : /*#__PURE__*/React.createElement(Spinner, {
       testId: "".concat(testId, "-loading")
     })
   }) : iconOption;

package/dist/esm/view/FlexibleCard/components/actions/ai-summary-action/ai-summarise-action.js

@@ -4,6 +4,7 @@ var _excluded = ["onClick", "onError", "testId", "status", "summariseUrl"];
 import React, { useCallback } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import AiIcon from '@atlaskit/icon/core/atlassian-intelligence';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnalyticsEvents } from '../../../../../common/analytics/generated/use-analytics-events';
 import { messages } from '../../../../../messages';
 import Action from '../action';
@@ -35,11 +36,13 @@ export function AISummariseAction(_ref) {
   }, [fireEvent, onClickCallback, onCompleted, summariseUrl]);
   return /*#__PURE__*/React.createElement(Action, _extends({
     content: /*#__PURE__*/React.createElement(FormattedMessage, messages.ai_summary_action),
-    icon: /*#__PURE__*/React.createElement(AiIcon, {
+    icon: /*#__PURE__*/React.createElement(AiIcon, _extends({
       spacing: "spacious",
       color: "currentColor",
       label: "Summarise with AI"
-    }),
+    }, fg('platform_sl_3p_auth_rovo_action_kill_switch') ? {
+      size: props.iconSize
+    } : {})),
     onClick: handleActionClick,
     testId: "".concat(testId, "-summarise-action"),
     isLoading: status === 'loading',

package/dist/esm/view/FlexibleCard/components/actions/ai-summary-action/ai-summary-action-component.js

@@ -1,9 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect } from 'react';
 import { di } from 'react-magnetic-di';
+import { fg } from '@atlaskit/platform-feature-flags';
 import useAISummaryAction from '../../../../../state/hooks/use-ai-summary-action';
 import { AISummariseAction } from './ai-summarise-action';
-import { CopySummaryAction } from './copy-summary-action';
+import { CopySummaryAction, CopySummaryActionNew } from './copy-summary-action';
 export var AISummaryActionComponent = function AISummaryActionComponent(props) {
   var url = props.url,
     onLoadingChange = props.onLoadingChange,
@@ -17,7 +18,10 @@ export var AISummaryActionComponent = function AISummaryActionComponent(props) {
   useEffect(function () {
     onLoadingChange === null || onLoadingChange === void 0 || onLoadingChange(status === 'loading');
   }, [onLoadingChange, status]);
-  return status === 'done' ? /*#__PURE__*/React.createElement(CopySummaryAction, _extends({}, props, {
+  return status === 'done' ? fg('platform_sl_3p_auth_rovo_action_kill_switch') ? /*#__PURE__*/React.createElement(CopySummaryActionNew, _extends({}, props, {
+    summary: content,
+    testId: testId
+  })) : /*#__PURE__*/React.createElement(CopySummaryAction, _extends({}, props, {
     testId: testId,
     content: content
   })) : /*#__PURE__*/React.createElement(AISummariseAction, _extends({}, props, {

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

@@ -2,7 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["url", "onClick", "testId", "content"];
+var _excluded = ["url", "onClick", "testId", "content"],
+  _excluded2 = ["url", "onClick", "summary", "testId"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useCallback, useState } from 'react';
 import { FormattedMessage } from 'react-intl-next';
@@ -52,4 +53,49 @@ export function CopySummaryAction(_ref) {
       return setTooltipMessage(messages.copy_summary_action_description);
     }
   }, props));
+}
+export function CopySummaryActionNew(_ref3) {
+  var url = _ref3.url,
+    onClickCallback = _ref3.onClick,
+    _ref3$summary = _ref3.summary,
+    summary = _ref3$summary === void 0 ? '' : _ref3$summary,
+    testId = _ref3.testId,
+    props = _objectWithoutProperties(_ref3, _excluded2);
+  var _useAnalyticsEvents2 = useAnalyticsEvents(),
+    fireEvent = _useAnalyticsEvents2.fireEvent;
+  var _useState3 = useState(messages.copy_summary_action_description),
+    _useState4 = _slicedToArray(_useState3, 2),
+    tooltipMessage = _useState4[0],
+    setTooltipMessage = _useState4[1];
+  var handleCopySummaryClick = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          fireEvent('ui.button.clicked.copySummary', {});
+          _context2.next = 3;
+          return navigator.clipboard.writeText(summary);
+        case 3:
+          setTooltipMessage(messages.copied_summary_action_description);
+          onClickCallback === null || onClickCallback === void 0 || onClickCallback();
+        case 5:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  })), [fireEvent, onClickCallback, summary]);
+  return /*#__PURE__*/React.createElement(Action, _extends({
+    content: /*#__PURE__*/React.createElement(FormattedMessage, messages.copy_summary_action),
+    icon: /*#__PURE__*/React.createElement(CopyIcon, {
+      color: "currentColor",
+      spacing: "spacious",
+      label: "Copy Summary",
+      size: props.iconSize
+    }),
+    onClick: handleCopySummaryClick,
+    testId: "".concat(testId, "-copy-summary-action"),
+    tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, tooltipMessage),
+    tooltipOnHide: function tooltipOnHide() {
+      return setTooltipMessage(messages.copy_summary_action_description);
+    }
+  }, props));
 }

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

@@ -1,18 +1,13 @@
 /* index.tsx generated by @compiled/babel-plugin v0.39.1 */
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { useCallback, useMemo, useState } from 'react';
 import { di } from 'react-magnetic-di';
-import { FadeIn, StaggeredEntrance } from '@atlaskit/motion';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { InternalActionName, SmartLinkSize } from '../../../../../constants';
 import { useFlexibleUiContext, useFlexibleUiOptionContext } from '../../../../../state/flexible-ui-context';
-import useAISummaryAction from '../../../../../state/hooks/use-ai-summary-action';
 import * as Actions from '../../actions';
 import { ActionFooter } from './action-footer';
 var ignoreContainerPaddingStyles = null;
@@ -58,7 +53,6 @@ var ActionBlock = function ActionBlock(_ref) {
     is3PAuthRovoActionsExperimentOn = _ref.is3PAuthRovoActionsExperimentOn;
   var context = useFlexibleUiContext();
   var ui = useFlexibleUiOptionContext();
-  var url = context === null || context === void 0 ? void 0 : context.url;
   var isRovoChatActionAvailable = is3PAuthRovoActionsExperimentOn && fg('platform_sl_3p_auth_rovo_action_kill_switch') ? (context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[InternalActionName.RovoChatAction]) !== undefined : undefined;
   var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
@@ -87,14 +81,11 @@ var ActionBlock = function ActionBlock(_ref) {
       return name !== InternalActionName.RovoChatAction;
     }) : Object.keys(context.actions);
     arr.sort(sort);
-    var renderAction = function renderAction(name, motionStyle) {
+    var renderAction = function renderAction(name) {
       var Action = name in Actions ? Actions[name] : undefined;
       if (!Action) {
         return null;
       }
-      var style = padding || motionStyle ? _objectSpread(_objectSpread({}, motionStyle || {}), padding && {
-        paddingInline: padding
-      }) : undefined;
       return /*#__PURE__*/React.createElement(Action, {
         as: "stack-item",
         spaceInline: spaceInline,
@@ -105,41 +96,18 @@ var ActionBlock = function ActionBlock(_ref) {
         onError: onError,
         onLoadingChange: onLoadingChange,
         size: size || (ui === null || ui === void 0 ? void 0 : ui.size)
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/design-system/no-unsafe-design-token-usage
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
         ,
-        style: style,
+        style: padding && {
+          paddingInline: padding
+        },
         hideTooltip: isLoading
       });
     };
-    return isRovoChatActionAvailable ? /*#__PURE__*/React.createElement(StaggeredEntrance, {
-      columns: 1
-    }, arr.map(function (name, index) {
-      return /*#__PURE__*/React.createElement(FadeIn, {
-        duration: 'large',
-        key: index
-      }, function (motion) {
-        return renderAction(name, motion.style);
-      });
-    })) : arr.map(function (name) {
+    return arr.map(function (name) {
       return renderAction(name);
     });
   }, [context === null || context === void 0 ? void 0 : context.actions, isRovoChatActionAvailable, spaceInline, onError, onLoadingChange, size, ui === null || ui === void 0 ? void 0 : ui.size, padding, isLoading, _onClick]);
-  var aiSummaryConfig = fg('platform_sl_3p_auth_rovo_action_kill_switch') ?
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  useAISummaryAction(url !== null && url !== void 0 ? url : '') : undefined;
-  if (fg('platform_sl_3p_auth_rovo_action_kill_switch')) {
-    var shouldShowActions = !isRovoChatActionAvailable || isRovoChatActionAvailable && ((aiSummaryConfig === null || aiSummaryConfig === void 0 ? void 0 : aiSummaryConfig.state.status) === 'done' || (aiSummaryConfig === null || aiSummaryConfig === void 0 ? void 0 : aiSummaryConfig.state.status) === 'error');
-    return actions && shouldShowActions ? /*#__PURE__*/React.createElement("div", {
-      ref: blockRef,
-      "data-testid": testId
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-      ,
-      className: ax(["_1e0c1txw _2lx21bp4 _vchhusvi _16jlkb7n _1bsb129b _18u01ivi _2hwxc10g", className])
-    }, actions, /*#__PURE__*/React.createElement(ActionFooter, {
-      message: message,
-      testId: testId
-    })) : null;
-  }
   return actions ? /*#__PURE__*/React.createElement("div", {
     ref: blockRef,
     "data-testid": testId

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

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["testId"],
-  _excluded2 = ["testId", "url"];
+var _excluded = ["is3PAuthRovoActionsExperimentOn", "testId"];
 import React from 'react';
 import { InternalActionName, SmartLinkStatus } from '../../../../../constants';
 import { useFlexibleCardContext, useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
@@ -14,8 +13,9 @@ import AISummaryBlockResolvedView, { RovoSummaryBlockResolvedView } from './reso
  * @see Block
  */
 var AISummaryBlock = function AISummaryBlock(_ref) {
-  var _context$actions, _props$size, _cardContext$ui;
-  var _ref$testId = _ref.testId,
+  var _context$actions, _props$size2, _cardContext$ui2;
+  var is3PAuthRovoActionsExperimentOn = _ref.is3PAuthRovoActionsExperimentOn,
+    _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-ai-summary-block' : _ref$testId,
     props = _objectWithoutProperties(_ref, _excluded);
   var cardContext = useFlexibleCardContext();
@@ -27,37 +27,18 @@ var AISummaryBlock = function AISummaryBlock(_ref) {
   if (!(actionData !== null && actionData !== void 0 && actionData.url)) {
     return null;
   }
-  return /*#__PURE__*/React.createElement(AISummaryBlockResolvedView, _extends({}, props, {
-    size: (_props$size = props.size) !== null && _props$size !== void 0 ? _props$size : cardContext === null || cardContext === void 0 || (_cardContext$ui = cardContext.ui) === null || _cardContext$ui === void 0 ? void 0 : _cardContext$ui.size,
-    testId: testId,
-    url: actionData.url
-  }));
-};
-
-/**
- * Represents an AISummaryBlock, designed to summarising link resource
- * content using AI.
- * @public
- * @param {RovoSummaryBlockProps} RovoSummaryBlock
- * @see Block
- */
-export var RovoSummaryBlock = function RovoSummaryBlock(_ref2) {
-  var _props$size2, _cardContext$ui2;
-  var _ref2$testId = _ref2.testId,
-    testId = _ref2$testId === void 0 ? 'smart-ai-summary-block' : _ref2$testId,
-    url = _ref2.url,
-    props = _objectWithoutProperties(_ref2, _excluded2);
-  var cardContext = useFlexibleCardContext();
-  if ((cardContext === null || cardContext === void 0 ? void 0 : cardContext.status) !== SmartLinkStatus.Resolved) {
-    return null;
+  if (is3PAuthRovoActionsExperimentOn) {
+    var _props$size, _cardContext$ui;
+    return /*#__PURE__*/React.createElement(RovoSummaryBlockResolvedView, _extends({}, props, {
+      size: (_props$size = props.size) !== null && _props$size !== void 0 ? _props$size : cardContext === null || cardContext === void 0 || (_cardContext$ui = cardContext.ui) === null || _cardContext$ui === void 0 ? void 0 : _cardContext$ui.size,
+      testId: testId,
+      url: actionData.url
+    }));
   }
-  if (!url) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(RovoSummaryBlockResolvedView, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(AISummaryBlockResolvedView, _extends({}, props, {
     size: (_props$size2 = props.size) !== null && _props$size2 !== void 0 ? _props$size2 : cardContext === null || cardContext === void 0 || (_cardContext$ui2 = cardContext.ui) === null || _cardContext$ui2 === void 0 ? void 0 : _cardContext$ui2.size,
     testId: testId,
-    url: url
+    url: actionData.url
   }));
 };
 export default AISummaryBlock;

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

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { Fragment, useEffect, useRef } from 'react';
+import { Fragment, useRef } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { di } from 'react-magnetic-di';
 import { RovoIcon } from '@atlaskit/logo';
@@ -62,29 +62,51 @@ export var RovoSummaryBlockResolvedView = function RovoSummaryBlockResolvedView(
   var testId = props.testId,
     _props$aiSummaryMinHe2 = props.aiSummaryMinHeight,
     aiSummaryMinHeight = _props$aiSummaryMinHe2 === void 0 ? 0 : _props$aiSummaryMinHe2,
+    placeholder = props.placeholder,
     url = props.url;
   var _useAISummaryAction2 = useAISummaryAction(url),
     _useAISummaryAction2$ = _useAISummaryAction2.state,
     content = _useAISummaryAction2$.content,
-    status = _useAISummaryAction2$.status,
-    summariseUrl = _useAISummaryAction2.summariseUrl;
-  var showAISummary = status === 'done' ||
-  // We want to display the AI Summary component only when there is content available during the loading process.
-  status === 'loading' && !!content;
+    status = _useAISummaryAction2$.status;
   var isSummarisedOnMountRef = useRef(status === 'done');
-  useEffect(function () {
-    if (status !== 'ready' || isSummarisedOnMountRef.current) {
-      return;
-    }
-    isSummarisedOnMountRef.current = true;
-    summariseUrl();
-  }, [status, summariseUrl]);
   var minHeight = isSummarisedOnMountRef.current ? 0 : aiSummaryMinHeight;
   if (status === 'error') {
     return null;
   }
-  if (!showAISummary) {
-    return /*#__PURE__*/React.createElement(Inline, {
+
+  // Show summary when there is content to display
+  if (content && content !== '') {
+    return /*#__PURE__*/React.createElement(Block, _extends({}, props, {
+      direction: SmartLinkDirection.Vertical,
+      testId: "".concat(testId, "-resolved-view"),
+      className: ax(["_1reoewfl _18m9ewfl"])
+    }), /*#__PURE__*/React.createElement(Inline, {
+      xcss: newStyles.summaryWrapper
+    }, /*#__PURE__*/React.createElement("div", {
+      className: ax([newStyles.iconWrapper])
+    }, /*#__PURE__*/React.createElement(RovoIcon, {
+      shouldUseHexLogo: true,
+      size: "xxsmall"
+    })), status === 'done' && /*#__PURE__*/React.createElement(AIEventSummaryViewed, {
+      fromCache: isSummarisedOnMountRef.current
+    }), /*#__PURE__*/React.createElement(MotionWrapper, {
+      minHeight: minHeight,
+      show: true,
+      showTransition: !isSummarisedOnMountRef.current
+    }, /*#__PURE__*/React.createElement(AISummary, {
+      testId: "".concat(testId, "-ai-summary"),
+      minHeight: minHeight,
+      content: content
+    }), status === 'done' && /*#__PURE__*/React.createElement(AIFooter, null))));
+  }
+
+  // Show loading state on initial request where content hasn't returned yet.
+  if (status === 'loading') {
+    return /*#__PURE__*/React.createElement(MotionWrapper, {
+      minHeight: minHeight,
+      show: true,
+      showTransition: true
+    }, /*#__PURE__*/React.createElement(Inline, {
       testId: "".concat(testId, "-placeholder"),
       xcss: newStyles.placeholderWrapper
     }, /*#__PURE__*/React.createElement("div", {
@@ -99,29 +121,13 @@ export var RovoSummaryBlockResolvedView = function RovoSummaryBlockResolvedView(
       xcss: newStyles.ellipsesContainer
     }, /*#__PURE__*/React.createElement(EllipsesAnimation, {
       isAnimated: true
-    })));
+    }))));
   }
-  return /*#__PURE__*/React.createElement(Block, _extends({}, props, {
-    direction: SmartLinkDirection.Vertical,
-    testId: "".concat(testId, "-resolved-view"),
-    className: ax(["_1reoewfl _18m9ewfl"])
-  }), /*#__PURE__*/React.createElement(Inline, {
-    xcss: newStyles.summaryWrapper
-  }, /*#__PURE__*/React.createElement("div", {
-    className: ax([newStyles.iconWrapper])
-  }, /*#__PURE__*/React.createElement(RovoIcon, {
-    shouldUseHexLogo: true,
-    size: 'xxsmall'
-  })), status === 'done' && /*#__PURE__*/React.createElement(AIEventSummaryViewed, {
-    fromCache: isSummarisedOnMountRef.current
-  }), /*#__PURE__*/React.createElement(MotionWrapper, {
-    minHeight: minHeight,
-    show: showAISummary,
-    showTransition: !isSummarisedOnMountRef.current
-  }, /*#__PURE__*/React.createElement(AISummary, {
-    testId: "".concat(testId, "-ai-summary"),
-    minHeight: minHeight,
-    content: content
-  }), status === 'done' && /*#__PURE__*/React.createElement(AIFooter, null))));
+
+  // Otherwise, show placeholder if provided
+  if (placeholder) {
+    return /*#__PURE__*/React.createElement(Fragment, null, placeholder);
+  }
+  return null;
 };
 export default AISummaryBlockResolvedView;

package/dist/esm/view/FlexibleCard/components/blocks/hover-card-footer-block/index.js

@@ -16,7 +16,7 @@ import Block from '../block';
  * Allowed footer actions for HoverCard, in display order. Fetched from context.
  * @featureGate platform_sl_3p_auth_rovo_action_kill_switch
  */
-var HIDDEN_HOVER_CARD_FOOTER_ACTIONS = [InternalActionName.AISummaryAction, InternalActionName.RovoChatAction];
+var HIDDEN_HOVER_CARD_FOOTER_ACTIONS = [InternalActionName.RovoChatAction];
 var ignoreContainerMarginStyles = null;
 var elevatedFooterStyles = null;
 var providerStyles = null;

package/dist/esm/view/FlexibleCard/components/elements/common/base-icon-element/index.js

@@ -60,6 +60,20 @@ var renderDefaultIcon = function renderDefaultIcon(label, testId) {
     color: "currentColor"
   });
 };
+var widthFromSize = function widthFromSize(size, isTiledIcon) {
+  switch (size) {
+    case SmartLinkSize.XLarge:
+      return "var(--ds-space-300, 24px)";
+    case SmartLinkSize.Large:
+      return "var(--ds-space-300, 24px)";
+    case SmartLinkSize.Medium:
+      return isTiledIcon ? "var(--ds-space-250, 20px)" : "var(--ds-space-200, 16px)";
+    case SmartLinkSize.Small:
+      return "var(--ds-space-200, 16px)";
+    default:
+      return "var(--ds-space-200, 16px)";
+  }
+};
 var renderImageIcon = function renderImageIcon(defaultIcon, url, testId) {
   var size = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : SmartLinkSize.Medium;
   var appearance = arguments.length > 4 ? arguments[4] : undefined;
@@ -80,7 +94,27 @@ var renderImageIcon = function renderImageIcon(defaultIcon, url, testId) {
     }));
   }
 };
-
+var renderImageIconNew = function renderImageIconNew(defaultIcon, url, testId) {
+  var size = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : SmartLinkSize.Medium;
+  var appearance = arguments.length > 4 ? arguments[4] : undefined;
+  var hideLoadingSkeleton = arguments.length > 5 ? arguments[5] : undefined;
+  var label = arguments.length > 6 ? arguments[6] : undefined;
+  var isTiledIcon = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : false;
+  var width = widthFromSize(size, isTiledIcon);
+  if (url) {
+    return /*#__PURE__*/React.createElement(ImageIcon, _extends({}, fg('platform_navx_smart_link_icon_label_a11y') ? {
+      label: label
+    } : {}, {
+      defaultIcon: defaultIcon,
+      testId: testId,
+      url: url,
+      width: width,
+      height: width,
+      appearance: appearance,
+      hideLoadingSkeleton: hideLoadingSkeleton
+    }));
+  }
+};
 /**
  * A base element that displays an Icon or favicon.
  * @internal
@@ -108,8 +142,8 @@ var IconElement = function IconElement(_ref) {
   var label = fg('platform_navx_smart_link_icon_label_a11y') ? labelProp !== null && labelProp !== void 0 ? labelProp : '' : labelProp !== null && labelProp !== void 0 ? labelProp : 'Link';
   var element = useMemo(function () {
     var defaultIcon = renderDefaultIcon(label, testId);
-    return overrideIcon || (render === null || render === void 0 ? void 0 : render()) || renderImageIcon(defaultIcon, url, testId, size, appearance, hideLoadingSkeleton, fg('platform_navx_smart_link_icon_label_a11y') ? label : undefined) || renderAtlaskitIcon(icon, testId, size, fg('platform_navx_smart_link_icon_label_a11y') ? label : undefined) || defaultIcon;
-  }, [label, testId, overrideIcon, render, url, size, appearance, hideLoadingSkeleton, icon]);
+    return overrideIcon || (render === null || render === void 0 ? void 0 : render()) || (fg('platform_sl_3p_preauth_better_hovercard_killswitch') ? renderImageIconNew(defaultIcon, url, testId, size, appearance, hideLoadingSkeleton, fg('platform_navx_smart_link_icon_label_a11y') ? label : undefined, isTiledIcon) : renderImageIcon(defaultIcon, url, testId, size, appearance, hideLoadingSkeleton, fg('platform_navx_smart_link_icon_label_a11y') ? label : undefined)) || renderAtlaskitIcon(icon, testId, size, fg('platform_navx_smart_link_icon_label_a11y') ? label : undefined) || defaultIcon;
+  }, [label, testId, overrideIcon, render, url, size, appearance, hideLoadingSkeleton, icon, isTiledIcon]);
   var width = getIconWidth(size);
   return /*#__PURE__*/React.createElement("div", {
     "data-smart-element": name,
@@ -118,11 +152,15 @@ var IconElement = function IconElement(_ref) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
     className: ax([styles.container, positionStyleMap[position], render && customRenderStyleMap[size], className])
-  }, isTiledIcon && isNewBlockcardUnauthorizedRefreshExperimentEnabled() ? /*#__PURE__*/React.createElement(Tile, {
+  }, isTiledIcon && (fg('platform_sl_3p_preauth_better_hovercard_killswitch') || isNewBlockcardUnauthorizedRefreshExperimentEnabled()) ? /*#__PURE__*/React.createElement(Tile, {
     size: size,
-    label: label
+    hasBorder: true,
+    backgroundColor: "white",
+    label: label,
+    testId: "".concat(testId, "-tile")
   }, element) : /*#__PURE__*/React.createElement(Box, {
     xcss: styles.iconWrapperStyle,
+    testId: "".concat(testId, "-box"),
     style: {
       width: width,
       height: width

package/dist/esm/view/HoverCard/components/ContentContainer.compiled.css

@@ -3,7 +3,7 @@
 ._189eidpf{border-width:0}
 ._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
 ._1bsb1f23{width:25rem}
-._1bsbiolt{width:22rem}
+._1bsbtye8{width:20rem}
 ._9spsglyw .smart-link-loading-placeholder{display:none}
 ._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
 ._vchhusvi{box-sizing:border-box}

package/dist/esm/view/HoverCard/components/ContentContainer.js

@@ -37,7 +37,7 @@ var ConnectedAIPrismContainer = function ConnectedAIPrismContainer(_ref) {
   var resolvedWidthAppearance = widthAppearance !== null && widthAppearance !== void 0 ? widthAppearance : 'default';
   var container = /*#__PURE__*/React.createElement("div", _extends({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: ax(["_11q7glyw _189eidpf _vchhusvi", resolvedWidthAppearance === 'slim' ? "_1bsbiolt" : "_1bsb1f23", "_9spsglyw", !isAIEnabled && "_2rko1mok _bfhk1bhr _16qs130s", hoverCardClassName]),
+    className: ax(["_11q7glyw _189eidpf _vchhusvi", resolvedWidthAppearance === 'slim' ? "_1bsbtye8" : "_1bsb1f23", "_9spsglyw", !isAIEnabled && "_2rko1mok _bfhk1bhr _16qs130s", hoverCardClassName]),
     "data-testid": testId
   }, props), children);
   return isAIEnabled ? /*#__PURE__*/React.createElement(AIPrism, {

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

@@ -244,8 +244,7 @@ var HoverCardContent = function HoverCardContent(_ref4) {
           flexibleCardProps: flexibleCardProps,
           isAISummaryEnabled: isAISummaryEnabled,
           onActionClick: onActionClick,
-          titleBlockProps: titleBlockProps,
-          url: url
+          titleBlockProps: titleBlockProps
         }));
       }
       return null;
@@ -297,8 +296,7 @@ var HoverCardContent = function HoverCardContent(_ref4) {
           flexibleCardProps: flexibleCardProps,
           isAISummaryEnabled: isAISummaryEnabled,
           onActionClick: onActionClick,
-          titleBlockProps: titleBlockProps,
-          url: url
+          titleBlockProps: titleBlockProps
         }));
       }
       return null;

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

@@ -11,7 +11,6 @@ import { succeedUfoExperience } from '../../../../../state/analytics';
 import useAISummaryAction from '../../../../../state/hooks/use-ai-summary-action';
 import FlexibleCard from '../../../../FlexibleCard';
 import { ActionBlock, AIFooterBlock, AISummaryBlock, ResolvedHoverCardFooterBlock, MetadataBlock, SnippetBlock, TitleBlock } from '../../../../FlexibleCard/components/blocks';
-import { RovoSummaryBlock } from '../../../../FlexibleCard/components/blocks/ai-summary-block';
 import { getMetadata } from '../../../utils';
 import ImagePreview from '../../ImagePreview';
 var hiddenSnippetStyles = null;
@@ -27,8 +26,7 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
     onActionClick = _ref.onActionClick,
     showRovoResolvedView = _ref.showRovoResolvedView,
     titleBlockProps = _ref.titleBlockProps,
-    id = _ref.id,
-    url = _ref.url;
+    id = _ref.id;
   var _useAnalyticsEvents = useAnalyticsEvents(),
     fireEvent = _useAnalyticsEvents.fireEvent;
 
@@ -79,12 +77,10 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
     secondary: secondary,
     maxLines: 1,
     size: SmartLinkSize.Medium
-  }), is3PAuthRovoActionsExperimentOn ? /*#__PURE__*/React.createElement(RovoSummaryBlock, {
+  }), isAISummaryEnabled ? /*#__PURE__*/React.createElement(AISummaryBlock, {
     aiSummaryMinHeight: aiSummaryMinHeight,
-    url: url
-  }) : isAISummaryEnabled ? /*#__PURE__*/React.createElement(AISummaryBlock, {
-    aiSummaryMinHeight: aiSummaryMinHeight,
-    placeholder: snippet
+    placeholder: snippet,
+    is3PAuthRovoActionsExperimentOn: is3PAuthRovoActionsExperimentOn
   }) : snippet, /*#__PURE__*/React.createElement(SnippetBlock, {
     testId: "hidden-snippet",
     onRender: onSnippetRender,