@atlaskit/smart-card 26.59.1 → 26.61.0

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

@@ -0,0 +1,25 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { FormattedMessage } from 'react-intl-next';
+import { getAISummaryErrorMessage } from '../../../../../utils/ai-summary';
+import AIEventErrorViewed from '../../common/ai-summary/ai-event-error-viewed';
+import AILearnMoreAnchor from '../../common/ai-summary/ai-learn-more-anchor';
+export var getErrorMessage = function getErrorMessage(error) {
+  var _getAISummaryErrorMes = getAISummaryErrorMessage(error),
+    message = _getAISummaryErrorMes.message,
+    url = _getAISummaryErrorMes.url;
+  return {
+    appearance: 'error',
+    title: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AIEventErrorViewed, {
+      reason: error
+    }), /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, message, {
+      values: {
+        a: function a(chunks) {
+          return /*#__PURE__*/React.createElement(AILearnMoreAnchor, {
+            href: url
+          }, chunks);
+        }
+      }
+    })))
+  };
+};

package/dist/esm/view/FlexibleCard/components/actions/follow-action/goal-icon/index.js

@@ -12,7 +12,7 @@ var GoalGlyph = function GoalGlyph(props) {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M12.6667 8C12.6667 10.5773 10.5773 12.6667 8 12.6667C5.42267 12.6667 3.33333 10.5773 3.33333 8C3.33333 5.42267 5.42267 3.33333 8 3.33333C10.5773 3.33333 12.6667 5.42267 12.6667 8ZM14 8C14 11.3137 11.3137 14 8 14C4.68629 14 2 11.3137 2 8C2 4.68629 4.68629 2 8 2C11.3137 2 14 4.68629 14 8ZM9.33333 8C9.33333 8.73638 8.73638 9.33333 8 9.33333C7.26362 9.33333 6.66667 8.73638 6.66667 8C6.66667 7.26362 7.26362 6.66667 8 6.66667C8.73638 6.66667 9.33333 7.26362 9.33333 8ZM10.6667 8C10.6667 9.47276 9.47276 10.6667 8 10.6667C6.52724 10.6667 5.33333 9.47276 5.33333 8C5.33333 6.52724 6.52724 5.33333 8 5.33333C9.47276 5.33333 10.6667 6.52724 10.6667 8Z",
-    fill: "#0C66E4"
+    fill: "var(--ds-icon, #44546F)"
   }));
 };
 export var GoalIcon = function GoalIcon(props) {

package/dist/esm/view/FlexibleCard/components/actions/follow-action/projects-icon/index.js

@@ -12,7 +12,7 @@ var ProjectsGlyph = function ProjectsGlyph(props) {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M9.88573 4.00002C9.70892 4.00002 9.53935 4.07026 9.41433 4.19528L6.97282 6.63678L4.20525 6.94429C4.05479 6.96101 3.91451 7.02844 3.80746 7.13548L3.60959 7.33335L4.35367 8.07743C4.6791 8.40287 4.6791 8.93051 4.35367 9.25594L3.47152 10.1381C3.21117 10.3984 2.78906 10.3984 2.52871 10.1381C2.26836 9.87774 2.26836 9.45563 2.52871 9.19528L3.0573 8.66669L2.43108 8.04046C2.04055 7.64993 2.04055 7.01677 2.43108 6.62625L2.86465 6.19267C3.18578 5.87154 3.60664 5.66927 4.05801 5.61911L6.36073 5.36326L8.47152 3.25247C8.84659 2.8774 9.3553 2.66669 9.88573 2.66669H12.0001C12.7365 2.66669 13.3334 3.26364 13.3334 4.00002V6.1144C13.3334 6.64483 13.1227 7.15354 12.7477 7.52862L10.6369 9.6394L10.381 11.9421C10.3309 12.3935 10.1286 12.8143 9.80746 13.1355L9.37389 13.5691C8.98336 13.9596 8.3502 13.9596 7.95967 13.5691L7.33345 12.9428L6.80485 13.4714C6.5445 13.7318 6.12239 13.7318 5.86204 13.4714C5.60169 13.2111 5.60169 12.789 5.86204 12.5286L6.74419 11.6465C7.06963 11.321 7.59726 11.321 7.9227 11.6465L8.66678 12.3905L8.86466 12.1927C8.9717 12.0856 9.03912 11.9453 9.05584 11.7949L9.36335 9.02731L11.8049 6.58581C11.9299 6.46078 12.0001 6.29121 12.0001 6.1144V4.00002H9.88573ZM5.80486 10.1953C6.06521 10.4556 6.06521 10.8777 5.80486 11.1381L3.80486 13.1381C3.54451 13.3984 3.1224 13.3984 2.86205 13.1381C2.6017 12.8777 2.6017 12.4556 2.86205 12.1953L4.86205 10.1953C5.1224 9.93493 5.54451 9.93493 5.80486 10.1953ZM10.0001 6.66669C10.3683 6.66669 10.6668 6.36821 10.6668 6.00002C10.6668 5.63183 10.3683 5.33335 10.0001 5.33335C9.63193 5.33335 9.33346 5.63183 9.33346 6.00002C9.33346 6.36821 9.63193 6.66669 10.0001 6.66669Z",
-    fill: "#0C66E4"
+    fill: "var(--ds-icon, #44546F)"
   }));
 };
 export var ProjectsIcon = function ProjectsIcon(props) {

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

@@ -0,0 +1,60 @@
+import ErrorIcon from '@atlaskit/icon/glyph/error';
+import { Box, Inline, xcss } from '@atlaskit/primitives';
+import React from 'react';
+import MotionWrapper from '../../../common/motion-wrapper';
+var containerStyles = xcss({
+  all: 'unset',
+  borderRadius: 'border.radius',
+  margin: 'space.100',
+  lineHeight: '20px',
+  padding: 'space.050',
+  paddingInline: 'space.100',
+  width: '100%',
+  ':empty': {
+    display: 'none'
+  }
+});
+var errorStyles = xcss({
+  backgroundColor: 'color.background.danger'
+});
+var titleStyles = xcss({
+  color: 'color.text.subtle',
+  fontSize: '12px',
+  fontStyle: 'normal',
+  fontWeight: '400',
+  lineHeight: '16px'
+});
+var getIcon = function getIcon(appearance) {
+  switch (appearance) {
+    case 'error':
+      return /*#__PURE__*/React.createElement(ErrorIcon, {
+        primaryColor: "var(--ds-icon-danger, #C9372C)",
+        label: "Error",
+        size: "small",
+        testId: "action-error-icon"
+      });
+    default:
+      return null;
+  }
+};
+export var ActionFooter = function ActionFooter(_ref) {
+  var message = _ref.message,
+    testId = _ref.testId;
+  if (!message) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(Box, {
+    testId: "".concat(testId, "-footer"),
+    xcss: [containerStyles, message.appearance === 'error' && errorStyles]
+  }, /*#__PURE__*/React.createElement(MotionWrapper, {
+    isFadeIn: true,
+    show: true,
+    showTransition: true
+  }, /*#__PURE__*/React.createElement(Inline, {
+    alignBlock: "start",
+    grow: "fill",
+    space: "space.025"
+  }, message.icon || getIcon(message.appearance), /*#__PURE__*/React.createElement(Box, {
+    xcss: titleStyles
+  }, message.title))));
+};

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

@@ -0,0 +1 @@
+export {};

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

@@ -1,11 +1,14 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 /** @jsx jsx */
 import { css, jsx } from '@emotion/react';
 import { xcss } from '@atlaskit/primitives';
-import { useMemo } from 'react';
+import { useCallback, useMemo, useState } from 'react';
 import { SmartLinkSize } from '../../../../../constants';
 import { useFlexibleUiContext, useFlexibleUiOptionContext } from '../../../../../state/flexible-ui-context';
 import * as Actions from '../../actions';
 import { getPrimitivesPaddingSpaceBySize } from '../../utils';
+import { ActionFooter } from './action-footer';
+import { di } from 'react-magnetic-di';
 var ignoreContainerPaddingStyles = css({
   display: 'flex',
   flexDirection: 'column',
@@ -38,7 +41,18 @@ var ActionBlock = function ActionBlock(_ref) {
     testId = _ref$testId === void 0 ? 'smart-block-action' : _ref$testId;
   var context = useFlexibleUiContext();
   var ui = useFlexibleUiOptionContext();
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    message = _useState2[0],
+    setMessage = _useState2[1];
   var padding = !(ui !== null && ui !== void 0 && ui.hidePadding) ? getPrimitivesPaddingSpaceBySize((ui === null || ui === void 0 ? void 0 : ui.size) || SmartLinkSize.Medium) : undefined;
+  var _onClick = useCallback(function (name) {
+    setMessage(undefined);
+    onClickCallback === null || onClickCallback === void 0 || onClickCallback(name);
+  }, [onClickCallback]);
+  var onError = useCallback(function (error) {
+    setMessage(error);
+  }, []);
   var actions = useMemo(function () {
     if (!(context !== null && context !== void 0 && context.actions)) {
       return;
@@ -52,19 +66,24 @@ var ActionBlock = function ActionBlock(_ref) {
         spaceInline: spaceInline,
         key: name,
         onClick: function onClick() {
-          return onClickCallback === null || onClickCallback === void 0 ? void 0 : onClickCallback(name);
+          return _onClick(name);
         },
+        onError: onError,
         size: size,
         xcss: xcss({
           paddingInline: padding
         })
       }) : null;
     });
-  }, [context === null || context === void 0 ? void 0 : context.actions, onClickCallback, padding, size, spaceInline]);
+  }, [context === null || context === void 0 ? void 0 : context.actions, _onClick, onError, padding, size, spaceInline]);
   return actions ? jsx("div", {
     css: ignoreContainerPaddingStyles,
     ref: blockRef,
     "data-testid": testId
-  }, actions) : null;
+  }, actions, jsx(ActionFooter, {
+    message: message,
+    paddingInline: padding,
+    testId: testId
+  })) : null;
 };
 export default ActionBlock;

package/dist/esm/view/FlexibleCard/components/blocks/ai-summary-block/ai-state-indicator/ai-state-done.js

@@ -11,7 +11,7 @@ import { messages } from '../../../../../../messages';
 import AIIcon from '../../../../../common/ai-icon';
 import AIIndicatorTooltip from './ai-indicator-tooltip';
 import AIIndicatorContainer from './ai-indicator-container';
-import AILearnMoreAnchor from './ai-learn-more-anchor';
+import AILearnMoreAnchor from '../../../common/ai-summary/ai-learn-more-anchor';
 var tooltipMsgStyles = xcss({
   color: 'color.text',
   fontSize: '14px',

package/dist/esm/view/FlexibleCard/components/blocks/ai-summary-block/ai-state-indicator/ai-state-error.js

@@ -3,10 +3,9 @@ import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import ErrorIcon from '@atlaskit/icon/glyph/error';
 import { Box, xcss } from '@atlaskit/primitives';
-import { messages } from '../../../../../../messages';
+import { getAISummaryErrorMessage } from '../../../../../../utils/ai-summary';
+import AILearnMoreAnchor from '../../../common/ai-summary/ai-learn-more-anchor';
 import AIIndicatorContainer from './ai-indicator-container';
-import AILearnMoreAnchor from './ai-learn-more-anchor';
-import { CONTENT_URL_ACCEPTABLE_USE_POLICY, CONTENT_URL_AI_TROUBLESHOOTING } from '../../../../../../constants';
 var contentStyles = xcss({
   color: 'color.text.subtle',
   fontSize: '11px',
@@ -27,31 +26,13 @@ var FormattedErrorMessage = function FormattedErrorMessage(_ref) {
     }
   }));
 };
-var getErrorMesssageProps = function getErrorMesssageProps(error) {
-  switch (error) {
-    case 'ACCEPTABLE_USE_VIOLATIONS':
-      return {
-        message: messages.ai_summary_error_acceptable_use_violation,
-        url: CONTENT_URL_ACCEPTABLE_USE_POLICY
-      };
-    case 'HIPAA_CONTENT_DETECTED':
-      return {
-        message: messages.ai_summary_error_hipaa_content_detected
-      };
-    default:
-      return {
-        message: messages.ai_summary_error_generic,
-        url: CONTENT_URL_AI_TROUBLESHOOTING
-      };
-  }
-};
 var AIStateError = function AIStateError(_ref2) {
   var appearance = _ref2.appearance,
     testId = _ref2.testId,
     error = _ref2.error;
-  var _getErrorMesssageProp = getErrorMesssageProps(error),
-    message = _getErrorMesssageProp.message,
-    url = _getErrorMesssageProp.url;
+  var _getAISummaryErrorMes = getAISummaryErrorMessage(error),
+    message = _getAISummaryErrorMes.message,
+    url = _getAISummaryErrorMes.url;
   switch (appearance) {
     case 'icon-only':
       return null;

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

@@ -7,7 +7,7 @@ import { ActionName, SmartLinkDirection, SmartLinkSize, SmartLinkWidth } from '.
 import ActionGroup from '../../action-group';
 import Block from '../../block';
 import ElementGroup from '../../element-group';
-import AIMotionWrapper from '../ai-motion-wrapper';
+import MotionWrapper from '../../../common/motion-wrapper';
 import AIStateIndicator from '../ai-state-indicator';
 import { renderElementItems } from '../../utils';
 import { messages } from '../../../../../../messages';
@@ -16,7 +16,7 @@ import AIIcon from '../../../../../common/ai-icon';
 import AISummary from '../../../../../common/ai-summary';
 import { useAnalyticsEvents } from '../../../../../../common/analytics/generated/use-analytics-events';
 import AIEventSummaryViewed from '../ai-event-summary-viewed';
-import AIEventErrorViewed from '../ai-event-error-viewed';
+import AIEventErrorViewed from '../../../common/ai-summary/ai-event-error-viewed';
 import { di } from 'react-magnetic-di';
 import { css } from '@emotion/react';
 import FeatureDiscovery from '../feature-discovery';
@@ -28,7 +28,7 @@ export var AISummaryBlockErrorIndicator = function AISummaryBlockErrorIndicator(
     error = _ref.error,
     showTransition = _ref.showTransition,
     testId = _ref.testId;
-  return /*#__PURE__*/React.createElement(AIMotionWrapper, {
+  return /*#__PURE__*/React.createElement(MotionWrapper, {
     isFadeIn: true,
     show: showErrorIndicator,
     showTransition: showTransition
@@ -140,7 +140,7 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
     }, props.overrideCss)
   }), status === 'done' && /*#__PURE__*/React.createElement(AIEventSummaryViewed, {
     fromCache: isSummarisedOnMountRef.current
-  }), /*#__PURE__*/React.createElement(AIMotionWrapper, {
+  }), /*#__PURE__*/React.createElement(MotionWrapper, {
     minHeight: aiSummaryMinHeight,
     show: showAISummary,
     showTransition: !isSummarisedOnMountRef.current

package/dist/esm/view/FlexibleCard/components/{blocks/ai-summary-block/ai-event-error-viewed/index.js → common/ai-summary/ai-event-error-viewed.js}

@@ -1,5 +1,5 @@
 import { useEffect } from 'react';
-import { useAnalyticsEvents } from '../../../../../../common/analytics/generated/use-analytics-events';
+import { useAnalyticsEvents } from '../../../../../common/analytics/generated/use-analytics-events';
 var AIEventErrorViewed = function AIEventErrorViewed(_ref) {
   var reason = _ref.reason;
   var _useAnalyticsEvents = useAnalyticsEvents(),

package/dist/esm/view/FlexibleCard/components/{blocks/ai-summary-block/ai-state-indicator → common/ai-summary}/ai-learn-more-anchor.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children"];
 import React from 'react';
-import { CONTENT_URL_AI } from '../../../../../../constants';
+import { CONTENT_URL_AI } from '../../../../../constants';
 var AILearnMoreAnchor = function AILearnMoreAnchor(_ref) {
   var children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);

package/dist/esm/view/FlexibleCard/components/{blocks/ai-summary-block/ai-motion-wrapper → common/motion-wrapper}/index.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { Box } from '@atlaskit/primitives';
 import React, { useEffect, useRef, useState } from 'react';
-export var AIMotionWrapper = function AIMotionWrapper(_ref) {
+export var MotionWrapper = function MotionWrapper(_ref) {
   var children = _ref.children,
     _ref$isFadeIn = _ref.isFadeIn,
     isFadeIn = _ref$isFadeIn === void 0 ? false : _ref$isFadeIn,
@@ -42,4 +42,4 @@ export var AIMotionWrapper = function AIMotionWrapper(_ref) {
     ref: ref
   }, children) : null;
 };
-export default AIMotionWrapper;
+export default MotionWrapper;

package/dist/esm/view/FlexibleCard/components/common/motion-wrapper/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -22,7 +22,7 @@ import { fireLinkClickedEvent } from '../../../utils/analytics/click';
 import { useSmartCardState } from '../../../state/store';
 import HoverCardForbiddenView from './views/forbidden';
 import ContentContainer from './ContentContainer';
-import { getIsAISummaryEnabled } from '../../../utils/get-is-ai-summary-enabled';
+import { getIsAISummaryEnabled } from '../../../utils/ai-summary';
 export var hoverCardClassName = 'smart-links-hover-preview';
 export var getCopyAction = function getCopyAction(url) {
   return {

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

@@ -179,13 +179,7 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref2) {
   }), isActionBlockEnabled && /*#__PURE__*/React.createElement(ActionBlock, {
     onClick: onActionClick,
     spaceInline: "space.150"
-  }), isActionBlockEnabled && /*#__PURE__*/React.createElement(MetadataBlock, {
-    secondary: [{
-      name: ElementName.Provider,
-      testId: 'smart-element-provider'
-    }],
-    testId: "smart-block-action-footer"
-  }), !isAISummaryEnabled && !isActionBlockEnabled && /*#__PURE__*/React.createElement(FooterBlock, {
+  }), isActionBlockEnabled && /*#__PURE__*/React.createElement(FooterBlock, null), !isAISummaryEnabled && !isActionBlockEnabled && /*#__PURE__*/React.createElement(FooterBlock, {
     actions: footerActions,
     size: SmartLinkSize.Large,
     overrideCss: footerBlockCss

package/dist/esm/view/HoverCard/utils.js

@@ -41,7 +41,7 @@ var getSimulatedBetterMetadata = function getSimulatedBetterMetadata(extensionKe
       });
     case 'trello-object-provider':
       return {
-        primary: [ElementName.AuthorGroup, ElementName.State, ElementName.DueOn],
+        primary: [ElementName.CollaboratorGroup, ElementName.State, ElementName.DueOn],
         secondary: [ElementName.ReactCount, ElementName.CommentCount, ElementName.AttachmentCount, ElementName.ChecklistProgress],
         subtitle: [ElementName.Location]
       };

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

@@ -10,7 +10,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.59.1",
+  packageVersion: "26.61.0",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/dist/esm/view/common/ai-icon/index.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import SVG from '@atlaskit/icon/svg';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { B200, B400 } from '@atlaskit/theme/colors';
 /**
  * The bulk of this file is originally from
@@ -7,6 +8,8 @@ import { B200, B400 } from '@atlaskit/theme/colors';
  * with modifications
  */
 var AiIcon = function AiIcon(props) {
+  var iconColor = getBooleanFF('platform.linking-platform.smart-card.hover-card-action-redesign') ? "var(--ds-icon, #44546F)" : "var(--ds-icon-accent-blue, ".concat(B200, ")");
+  var textColor = getBooleanFF('platform.linking-platform.smart-card.hover-card-action-redesign') ? "var(--ds-icon, #44546F)" : "var(--ds-text-accent-blue, ".concat(B400, ")");
   return /*#__PURE__*/React.createElement(SVG, props, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
     id: "ai_icon_lg0",
     x1: "21",
@@ -16,12 +19,12 @@ var AiIcon = function AiIcon(props) {
     gradientUnits: "userSpaceOnUse"
   }, /*#__PURE__*/React.createElement("stop", {
     offset: "0.270833",
-    stopColor: "var(--ds-icon-accent-blue, ".concat(B200, ")"),
-    color: "var(--ds-icon-accent-blue, ".concat(B200, ")")
+    stopColor: iconColor,
+    color: iconColor
   }), /*#__PURE__*/React.createElement("stop", {
     offset: "1",
-    stopColor: "var(--ds-text-accent-blue, ".concat(B400, ")"),
-    color: "var(--ds-text-accent-blue, ".concat(B400, ")")
+    stopColor: textColor,
+    color: textColor
   })), /*#__PURE__*/React.createElement("linearGradient", {
     id: "ai_icon_lg1",
     x1: "12.5",
@@ -31,12 +34,12 @@ var AiIcon = function AiIcon(props) {
     gradientUnits: "userSpaceOnUse"
   }, /*#__PURE__*/React.createElement("stop", {
     offset: "0.1875",
-    stopColor: "var(--ds-icon-accent-blue, ".concat(B200, ")"),
-    color: "var(--ds-icon-accent-blue, ".concat(B200, ")")
+    stopColor: iconColor,
+    color: iconColor
   }), /*#__PURE__*/React.createElement("stop", {
     offset: "1",
-    stopColor: "var(--ds-text-accent-blue, ".concat(B400, ")"),
-    color: "var(--ds-text-accent-blue, ".concat(B400, ")")
+    stopColor: textColor,
+    color: textColor
   })), /*#__PURE__*/React.createElement("linearGradient", {
     id: "ai_icon_lg2",
     x1: "6.82996",
@@ -45,12 +48,12 @@ var AiIcon = function AiIcon(props) {
     y2: "12",
     gradientUnits: "userSpaceOnUse"
   }, /*#__PURE__*/React.createElement("stop", {
-    stopColor: "var(--ds-text-accent-blue, ".concat(B400, ")"),
-    color: "var(--ds-text-accent-blue, ".concat(B400, ")")
+    stopColor: textColor,
+    color: textColor
   }), /*#__PURE__*/React.createElement("stop", {
     offset: "0.791667",
-    stopColor: "var(--ds-icon-accent-blue, ".concat(B200, ")"),
-    color: "var(--ds-icon-accent-blue, ".concat(B200, ")")
+    stopColor: iconColor,
+    color: iconColor
   })), /*#__PURE__*/React.createElement("linearGradient", {
     id: "ai_icon_lg3",
     x1: "12.5",
@@ -59,12 +62,12 @@ var AiIcon = function AiIcon(props) {
     y2: "21",
     gradientUnits: "userSpaceOnUse"
   }, /*#__PURE__*/React.createElement("stop", {
-    stopColor: "var(--ds-text-accent-blue, ".concat(B400, ")"),
-    color: "var(--ds-text-accent-blue, ".concat(B400, ")")
+    stopColor: textColor,
+    color: textColor
   }), /*#__PURE__*/React.createElement("stop", {
     offset: "0.802083",
-    stopColor: "var(--ds-icon-accent-blue, ".concat(B200, ")"),
-    color: "var(--ds-icon-accent-blue, ".concat(B200, ")")
+    stopColor: iconColor,
+    color: iconColor
   }))), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
@@ -89,22 +92,22 @@ var AiIcon = function AiIcon(props) {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M14.2929 14.2929C14.6835 13.9024 15.3166 13.9024 15.7071 14.2929L19.7071 18.2929C20.0977 18.6834 20.0977 19.3166 19.7071 19.7071C19.3166 20.0976 18.6835 20.0976 18.2929 19.7071L14.2929 15.7071C13.9024 15.3166 13.9024 14.6834 14.2929 14.2929Z",
-    fill: "var(--ds-icon-accent-blue, ".concat(B200, ")")
+    fill: iconColor
   }), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M19.7071 4.29289C20.0977 4.68342 20.0977 5.31658 19.7071 5.70711L15.7071 9.70711C15.3166 10.0976 14.6835 10.0976 14.2929 9.70711C13.9024 9.31658 13.9024 8.68342 14.2929 8.29289L18.2929 4.29289C18.6835 3.90237 19.3166 3.90237 19.7071 4.29289Z",
-    fill: "var(--ds-icon-accent-blue, ".concat(B200, ")")
+    fill: iconColor
   }), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M4.29289 4.29289C4.68342 3.90237 5.31658 3.90237 5.70711 4.29289L9.70711 8.29289C10.0976 8.68342 10.0976 9.31658 9.70711 9.70711C9.31658 10.0976 8.68342 10.0976 8.29289 9.70711L4.29289 5.70711C3.90237 5.31658 3.90237 4.68342 4.29289 4.29289Z",
-    fill: "var(--ds-icon-accent-blue, ".concat(B200, ")")
+    fill: iconColor
   }), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M9.70711 14.2929C10.0976 14.6834 10.0976 15.3166 9.70711 15.7071L5.70711 19.7071C5.31658 20.0976 4.68342 20.0976 4.29289 19.7071C3.90237 19.3166 3.90237 18.6834 4.29289 18.2929L8.29289 14.2929C8.68342 13.9024 9.31658 13.9024 9.70711 14.2929Z",
-    fill: "var(--ds-icon-accent-blue, ".concat(B200, ")")
+    fill: iconColor
   })));
 };
 export default AiIcon;

package/dist/esm/view/common/ai-summary/index.js

@@ -15,6 +15,7 @@ var AISummaryCSSStyles = css({
   fontSize: '0.75rem',
   lineHeight: '1rem',
   wordWrap: 'break-word',
+  wordBreak: 'break-word',
   whiteSpace: 'normal',
   WebkitUserSelect: 'text',
   MozUserSelect: 'text',

package/dist/types/extractors/common/icon/index.d.ts

@@ -1,4 +1,5 @@
 export { extractFileFormat } from './extractFileFormat';
+export { prioritiseIcon } from './prioritiseIcon';
 export { extractIcon } from './extractIcon';
 export { extractIconFromDocument } from './extractIconFromDocument';
 export { extractIconFromTask } from './extractIconFromTask';

package/dist/types/extractors/embed/index.d.ts

@@ -1,4 +1,4 @@
-import { JsonLd } from 'json-ld-types';
-import { CardPlatform, EmbedIframeUrlType } from '../../view/Card/types';
-import { EmbedCardResolvedViewProps } from '../../view/EmbedCard/views/ResolvedView';
+import { type JsonLd } from 'json-ld-types';
+import { type CardPlatform, type EmbedIframeUrlType } from '../../view/Card/types';
+import { type EmbedCardResolvedViewProps } from '../../view/EmbedCard/views/ResolvedView';
 export declare const extractEmbedProps: (jsonLd: JsonLd.Data.BaseData, meta?: JsonLd.Meta.BaseMeta, platform?: CardPlatform, iframeUrlType?: EmbedIframeUrlType) => EmbedCardResolvedViewProps;

package/dist/types/extractors/flexible/actions/extract-ai-summary-action.d.ts

@@ -1,5 +1,5 @@
-import { JsonLd } from 'json-ld-types';
+import { type JsonLd } from 'json-ld-types';
 import { type CardActionOptions } from '../../../view/Card/types';
-import { AISummaryActionData } from '../../../state/flexible-ui-context/types';
-import { AISummaryConfig } from '../../../state/hooks/use-ai-summary-config/types';
+import { type AISummaryActionData } from '../../../state/flexible-ui-context/types';
+import { type AISummaryConfig } from '../../../state/hooks/use-ai-summary-config/types';
 export declare const extractAISummaryAction: (response: JsonLd.Response, url?: string, actionOptions?: CardActionOptions, aiSummaryConfig?: AISummaryConfig) => AISummaryActionData | undefined;

package/dist/types/state/hooks/use-ai-summary/ai-summary-service/index.d.ts

@@ -10,7 +10,7 @@ export declare class AISummaryService implements AISummaryServiceInt {
     private onError?;
     constructor(props: AISummaryServiceProps);
     private fetchStream;
-    summariseUrl(): Promise<void>;
+    summariseUrl(): Promise<AISummaryState>;
     private isExpectedError;
     subscribe(stateSetter: StateSetter): () => void;
 }

package/dist/types/state/hooks/use-ai-summary/ai-summary-service/types.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="filesystem" />
 import type { ProductType } from '@atlaskit/linking-common';
 export interface AISummaryServiceInt {
-    summariseUrl: () => Promise<void>;
+    summariseUrl: () => Promise<AISummaryState>;
     state: AISummaryState;
     subscribe: (stateSetter: StateSetter) => () => void;
 }

package/dist/types/state/hooks/use-ai-summary/index.d.ts

@@ -1,5 +1,5 @@
 import type { AISummaryServiceProps, AISummaryState } from './ai-summary-service/types';
 export declare const useAISummary: (props: AISummaryServiceProps) => {
-    summariseUrl: () => Promise<void> | undefined;
+    summariseUrl: () => Promise<AISummaryState> | undefined;
     state: AISummaryState;
 };

package/dist/types/utils/ai-summary.d.ts

@@ -0,0 +1,8 @@
+import type { JsonLd } from 'json-ld-types';
+import type { MessageDescriptor } from 'react-intl-next';
+import type { ErrorMessage } from '../state/hooks/use-ai-summary/ai-summary-service/types';
+export declare const getIsAISummaryEnabled: (isAdminHubAIEnabled?: boolean, response?: JsonLd.Response) => boolean;
+export declare const getAISummaryErrorMessage: (error?: ErrorMessage) => {
+    message: MessageDescriptor;
+    url?: string;
+};

package/dist/types/view/BlockCard/views/flexible/utils/index.d.ts

@@ -1,9 +1,9 @@
-import { JsonLd } from 'json-ld-types';
+import type { JsonLd } from 'json-ld-types';
 import type { FlexibleUiOptions } from '../../../../FlexibleCard/types';
 import type { FooterBlockProps } from '../../../../FlexibleCard/components/blocks/footer-block/types';
 import type { PreviewBlockProps } from '../../../../FlexibleCard/components/blocks/preview-block/types';
 import type { TitleBlockProps } from '../../../../FlexibleCard/components/blocks/title-block/types';
-import { ElementItem } from '../../../../FlexibleCard/components/blocks/types';
+import type { ElementItem } from '../../../../FlexibleCard/components/blocks/types';
 export declare const getSimulatedBetterMetadata: (cardDetails?: JsonLd.Response) => SimulatedMetadata;
 type SimulatedMetadata = {
     titleMetadata: ElementItem[];

package/dist/types/view/CardWithUrl/component-lazy/LazyIntersectionObserverCard.d.ts

@@ -1,6 +1,3 @@
 /// <reference types="react" />
 import { CardWithUrlContentProps } from '../types';
-declare function LazyIntersectionObserverCardLegacy(props: CardWithUrlContentProps): JSX.Element;
-declare function LazyIntersectionObserverCardNext(props: CardWithUrlContentProps): JSX.Element;
-export declare const LazyIntersectionObserverCard: typeof LazyIntersectionObserverCardNext | typeof LazyIntersectionObserverCardLegacy;
-export {};
+export declare function LazyIntersectionObserverCard(props: CardWithUrlContentProps): JSX.Element;

package/dist/types/view/EmbedCard/components/ExpandedFrame.d.ts

@@ -1,5 +1,5 @@
-import React, { FC } from 'react';
-import { FrameStyle } from '../types';
+import React, { type FC } from 'react';
+import { type FrameStyle } from '../types';
 export interface ExpandedFrameProps {
     isPlaceholder?: boolean;
     href?: string;

package/dist/types/view/EmbedCard/components/styled.d.ts

@@ -46,6 +46,7 @@ export declare const TooltipWrapper: import("@emotion/styled").StyledComponent<{
 export interface ContentProps {
     isInteractive: boolean;
     allowScrollBar: boolean;
+    removeOverflow?: boolean;
     frameStyle?: FrameStyle;
 }
 export declare const Content: import("@emotion/styled").StyledComponent<{

package/dist/types/view/EmbedCard/views/ResolvedView.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ContextViewModel, FrameStyle } from '../types';
+import { type ContextViewModel, type FrameStyle } from '../types';
 export interface EmbedCardResolvedViewProps {
     /** The title of the link */
     title?: string;

package/dist/types/view/FlexibleCard/components/actions/action/action-icon/index.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
 import React from 'react';
-import { ActionIconProps } from './types';
+import { type ActionIconProps } from './types';
 declare const ActionIcon: React.FC<ActionIconProps>;
 export default ActionIcon;

package/dist/types/view/FlexibleCard/components/actions/action/types.d.ts

@@ -3,7 +3,13 @@ import type { Space, XCSS } from '@atlaskit/primitives';
 import type { SerializedStyles } from '@emotion/react';
 import type { ReactChild, ReactNode } from 'react';
 import type { SmartLinkSize } from '../../../../../constants';
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
+export type ActionMessageAppearance = 'error';
+export type ActionMessage = {
+    appearance?: ActionMessageAppearance;
+    icon?: ReactNode;
+    title: ReactNode;
+};
 export type ActionProps = {
     /**
      * Determines the appearance of the action.
@@ -25,6 +31,10 @@ export type ActionProps = {
      * Determines the onClick behaviour of the Action.
      */
     onClick: () => any;
+    /**
+     * Error callback - each action is to provide its own implementation.
+     */
+    onError?: (error: ActionMessage) => void;
     /**
      * Determines the icon rendered within the Action.
      */