@atlaskit/smart-card 26.56.4 → 26.57.0

package/dist/esm/extractors/flexible/actions/extract-follow-action.js

@@ -1,4 +1,4 @@
-import { extractLink } from '@atlaskit/link-extractors';
+import { extractLink, extractType } from '@atlaskit/link-extractors';
 import { SmartLinkActionType } from '@atlaskit/linking-types';
 import { getExtensionKey } from '../../../state/helpers';
 import extractServerAction from '../extract-server-action';
@@ -12,6 +12,8 @@ var extractFollowAction = function extractFollowAction(response, actionOptions,
   var extensionKey = getExtensionKey(response);
   var data = response === null || response === void 0 ? void 0 : response.data;
   var actions = extractServerAction(data);
+  var type = extractType(data);
+  var isProject = type === null || type === void 0 ? void 0 : type.includes('atlassian:Project');
   if (!extensionKey || actions.length === 0) {
     return;
   }
@@ -41,7 +43,8 @@ var extractFollowAction = function extractFollowAction(response, actionOptions,
       providerKey: extensionKey,
       reload: reload
     },
-    value: actionType === SmartLinkActionType.FollowEntityAction
+    value: actionType === SmartLinkActionType.FollowEntityAction,
+    isProject: isProject
   };
 };
 export default extractFollowAction;

package/dist/esm/extractors/flexible/actions/index.js

@@ -1,12 +1,14 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { ActionName } from '../../../constants';
+import { ActionName, InternalActionName } from '../../../constants';
 import { extractDownloadAction } from './extract-download-action';
 import { extractPreviewAction } from './extract-preview-action';
+import { extractAISummaryAction } from './extract-ai-summary-action';
 import extractFollowAction from './extract-follow-action';
 import { extractCopyLinkAction } from './extract-copy-link-action';
-var extractActions = function extractActions(response, data, actionOptions, id) {
+var extractActions = function extractActions(response, url, actionOptions, id, aiSummaryConfig) {
   var _action;
-  var action = (_action = {}, _defineProperty(_action, ActionName.CopyLinkAction, extractCopyLinkAction(data, actionOptions)), _defineProperty(_action, ActionName.DownloadAction, extractDownloadAction(data, actionOptions)), _defineProperty(_action, ActionName.FollowAction, extractFollowAction(response, actionOptions, id)), _defineProperty(_action, ActionName.PreviewAction, extractPreviewAction(response, actionOptions)), _action);
+  var data = response.data;
+  var action = (_action = {}, _defineProperty(_action, ActionName.CopyLinkAction, extractCopyLinkAction(data, actionOptions)), _defineProperty(_action, ActionName.DownloadAction, extractDownloadAction(data, actionOptions)), _defineProperty(_action, ActionName.FollowAction, extractFollowAction(response, actionOptions, id)), _defineProperty(_action, ActionName.PreviewAction, extractPreviewAction(response, actionOptions)), _defineProperty(_action, InternalActionName.AISummaryAction, extractAISummaryAction(response, url, actionOptions, aiSummaryConfig)), _action);
   return Object.values(action).some(function (value) {
     return Boolean(value);
   }) ? action : undefined;

package/dist/esm/extractors/flexible/index.js

@@ -15,14 +15,15 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
     id = _ref.id,
     renderers = _ref.renderers,
     actionOptions = _ref.actionOptions,
-    response = _ref.response;
+    response = _ref.response,
+    aiSummaryConfig = _ref.aiSummaryConfig;
   if (!response) {
     return undefined;
   }
   var data = response.data;
   var url = extractLink(data);
   return {
-    actions: extractActions(response, data, actionOptions, id),
+    actions: extractActions(response, url, actionOptions, id, aiSummaryConfig),
     assignedToGroup: extractPersonAssignedToAsArray(data),
     attachmentCount: extractAttachmentCount(data),
     authorGroup: extractPersonCreatedBy(data),

package/dist/esm/messages.js

@@ -195,6 +195,16 @@ export var messages = defineMessages({
     defaultMessage: 'Download file',
     description: 'Allow a user to download a file'
   },
+  ai_summary_action: {
+    id: 'fabric.linking.ai_summary_action.nonfinal',
+    defaultMessage: 'Summarize with AI',
+    description: 'Allow a user to summarize a link'
+  },
+  ai_summary_action_description: {
+    id: 'fabric.linking.ai_summary_action_description.nonfinal',
+    defaultMessage: 'Summarize the content of this link using Atlassian Intelligence.',
+    description: 'Description of what the summarize link with AI action does'
+  },
   edit: {
     id: 'fabric.linking.edit',
     defaultMessage: 'Edit',
@@ -205,6 +215,26 @@ export var messages = defineMessages({
     defaultMessage: 'Follow',
     description: 'Click to follow a project.'
   },
+  follow_project_description: {
+    id: 'fabric.linking.follow_project_description.nonfinal',
+    defaultMessage: 'Follow to get notifications on this project',
+    description: 'Description on what Follow does'
+  },
+  follow_project: {
+    id: 'fabric.linking.follow_project.nonfinal',
+    defaultMessage: 'Follow project',
+    description: 'Click to follow a project.'
+  },
+  follow_goal_description: {
+    id: 'fabric.linking.follow_goal_description.nonfinal',
+    defaultMessage: 'Follow this goal to get notifications on updates',
+    description: 'Description on what Follow does'
+  },
+  follow_goal: {
+    id: 'fabric.linking.follow_goal.nonfinal',
+    defaultMessage: 'Follow goal',
+    description: 'Click to follow a project.'
+  },
   go_back: {
     id: 'fabric.linking.go_back',
     defaultMessage: 'Go back',
@@ -465,6 +495,26 @@ export var messages = defineMessages({
     defaultMessage: 'Unfollow',
     description: 'Click to unfollow a project.'
   },
+  unfollow_project_description: {
+    id: 'fabric.linking.unfollow_project_description.nonfinal',
+    defaultMessage: 'Unfollow to stop receiving project notifications',
+    description: 'Description on what Unfollow does'
+  },
+  unfollow_project: {
+    id: 'fabric.linking.unfollow_project.nonfinal',
+    defaultMessage: 'Unfollow project',
+    description: 'Click to unfollow a project.'
+  },
+  unfollow_goal_description: {
+    id: 'fabric.linking.unfollow_goal_description.nonfinal',
+    defaultMessage: 'Unfollow to stop receiving notifications for this goal',
+    description: 'Description on what Unfollow does'
+  },
+  unfollow_goal: {
+    id: 'fabric.linking.unfollow_goal.nonfinal',
+    defaultMessage: 'Unfollow goal',
+    description: 'Click to unfollow a project.'
+  },
   unlink_account: {
     id: 'fabric.linking.unlink_account',
     defaultMessage: 'Unlink Account',

package/dist/esm/state/flexible-ui-context/types.js

@@ -1,4 +1,4 @@
-import { ActionName } from '../../constants';
+import { ActionName, InternalActionName } from '../../constants';
 
 /**
  * This provides the data that will be used by Smart Links Flexible UI to populate it's

package/dist/esm/state/hooks/use-ai-summary-config/index.js

@@ -0,0 +1,13 @@
+import { useSmartLinkContext } from '@atlaskit/link-provider';
+import { useMemo } from 'react';
+export var useAISummaryConfig = function useAISummaryConfig() {
+  var _useSmartLinkContext = useSmartLinkContext(),
+    product = _useSmartLinkContext.product,
+    isAdminHubAIEnabled = _useSmartLinkContext.isAdminHubAIEnabled;
+  return useMemo(function () {
+    return {
+      product: product,
+      isAdminHubAIEnabled: isAdminHubAIEnabled
+    };
+  }, [product, isAdminHubAIEnabled]);
+};

package/dist/esm/state/hooks/use-ai-summary-config/types.js

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

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

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

package/dist/esm/utils/get-is-ai-summary-enabled.js

@@ -0,0 +1,7 @@
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+export var getIsAISummaryEnabled = function getIsAISummaryEnabled() {
+  var _response$meta;
+  var isAdminHubAIEnabled = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  var response = arguments.length > 1 ? arguments[1] : undefined;
+  return Boolean(getBooleanFF('platform.linking-platform.smart-card.hover-card-ai-summaries') && isAdminHubAIEnabled && (response === null || response === void 0 || (_response$meta = response.meta) === null || _response$meta === void 0 || (_response$meta = _response$meta.supportedFeature) === null || _response$meta === void 0 ? void 0 : _response$meta.includes('AISummary')));
+};

package/dist/esm/view/Card/types.js

@@ -5,5 +5,6 @@ export var CardAction = /*#__PURE__*/function (CardAction) {
   CardAction["ChangeStatusAction"] = "ChangeStatusAction";
   CardAction["FollowAction"] = "FollowAction";
   CardAction["CopyLinkAction"] = "CopyLinkAction";
+  CardAction["AISummaryAction"] = "AISummaryAction";
   return CardAction;
 }({});

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

@@ -0,0 +1,50 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["onClick", "url", "ari", "product"];
+import React, { useCallback } from 'react';
+import { FormattedMessage } from 'react-intl-next';
+import { messages } from '../../../../../messages';
+import Action from '../action';
+import AiIcon from '../../../../common/ai-icon';
+import { useAnalyticsEvents } from '../../../../../common/analytics/generated/use-analytics-events';
+import { useAISummary } from '../../../../../state/hooks/use-ai-summary';
+export var AISummaryActionComponent = function AISummaryActionComponent(_ref) {
+  var onClickCallback = _ref.onClick,
+    _ref$url = _ref.url,
+    url = _ref$url === void 0 ? '' : _ref$url,
+    _ref$ari = _ref.ari,
+    ari = _ref$ari === void 0 ? '' : _ref$ari,
+    product = _ref.product,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
+  var _useAISummary = useAISummary({
+      url: url,
+      ari: ari,
+      product: product
+    }),
+    status = _useAISummary.state.status,
+    summariseUrl = _useAISummary.summariseUrl;
+  var handleActionClick = useCallback(function () {
+    fireEvent('ui.button.clicked.aiSummary', {});
+    fireEvent('track.aiInteraction.initiated', {
+      aiFeatureName: 'Smart Links Summary',
+      proactiveAIGenerated: 0,
+      userGeneratedAI: 1
+    });
+    summariseUrl();
+    onClickCallback === null || onClickCallback === void 0 || onClickCallback();
+  }, [fireEvent, onClickCallback, summariseUrl]);
+  if (status === 'ready' || status === 'error') {
+    return /*#__PURE__*/React.createElement(Action, _extends({
+      content: /*#__PURE__*/React.createElement(FormattedMessage, messages.ai_summary_action),
+      icon: /*#__PURE__*/React.createElement(AiIcon, {
+        label: "Summarise with AI"
+      }),
+      onClick: handleActionClick,
+      testId: "smart-action-ai-summary-action",
+      tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, messages.ai_summary_action_description)
+    }, props));
+  }
+  return null;
+};

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

@@ -0,0 +1,12 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { InternalActionName } from '../../../../../constants';
+import { AISummaryActionComponent } from './ai-summary-action-component';
+var AISummaryAction = function AISummaryAction(props) {
+  var _context$actions;
+  var context = useFlexibleUiContext();
+  var actionData = context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[InternalActionName.AISummaryAction];
+  return actionData ? /*#__PURE__*/React.createElement(AISummaryActionComponent, _extends({}, actionData, props)) : null;
+};
+export default AISummaryAction;

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

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

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

@@ -0,0 +1,22 @@
+import _extends from "@babel/runtime/helpers/extends";
+import Icon from '@atlaskit/icon';
+import React from 'react';
+var GoalGlyph = function GoalGlyph(props) {
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    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"
+  }));
+};
+export var GoalIcon = function GoalIcon(props) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    glyph: GoalGlyph
+  }, props));
+};

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

@@ -9,6 +9,32 @@ import { messages } from '../../../../../messages';
 import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import ServerAction from '../action/server-action';
 import UnfollowIcon from './unfollow-icon';
+import { importIcon } from '../../utils';
+var importIconMapper = {
+  goal: function goal() {
+    return import( /* webpackChunkName: "glyphGoal" */'./goal-icon').then(function (_ref) {
+      var GoalIcon = _ref.GoalIcon;
+      return {
+        default: GoalIcon
+      };
+    });
+  },
+  projects: function projects() {
+    return import( /* webpackChunkName: "glyphProjects" */'./projects-icon').then(function (_ref2) {
+      var ProjectsIcon = _ref2.ProjectsIcon;
+      return {
+        default: ProjectsIcon
+      };
+    });
+  }
+};
+var getIcon = function getIcon(stackIconType) {
+  var importFn = importIconMapper[stackIconType];
+  if (!importFn) {
+    return null;
+  }
+  return importIcon(importFn);
+};
 var FollowAction = function FollowAction(props) {
   var _context$actions, _context$actions2;
   var context = useFlexibleUiContext();
@@ -18,17 +44,34 @@ var FollowAction = function FollowAction(props) {
   var _context$actions$Acti = context === null || context === void 0 || (_context$actions2 = context.actions) === null || _context$actions2 === void 0 ? void 0 : _context$actions2[ActionName.FollowAction],
     value = _context$actions$Acti.value,
     data = _objectWithoutProperties(_context$actions$Acti, _excluded);
+  var isStackItem = props.as === 'stack-item';
+  var isProject = data.isProject;
   var message = value ? messages.follow : messages.unfollow;
+  var projectMessage = value ? messages.follow_project : messages.unfollow_project;
+  var goalMessage = value ? messages.follow_goal : messages.unfollow_goal;
+  var stackMessage = isProject ? projectMessage : goalMessage;
+  var label = isStackItem ? stackMessage : message;
+  var projectTooltipMessage = value ? messages.follow_project_description : messages.unfollow_project_description;
+  var goalTooltipMessage = value ? messages.follow_goal_description : messages.unfollow_goal_description;
+  var stackTooltipMessage = isProject ? projectTooltipMessage : goalTooltipMessage;
+  var tooltipMessage = isStackItem ? stackTooltipMessage : message;
   var icon = value ? /*#__PURE__*/React.createElement(InviteTeamIcon, {
     label: "Follow"
   }) : /*#__PURE__*/React.createElement(UnfollowIcon, {
     label: "Unfollow"
   });
+  var stackIconType = isProject ? 'projects' : 'goal';
+  var ImportedIcon = getIcon(stackIconType);
+  var stackIcon = /*#__PURE__*/React.createElement(ImportedIcon, {
+    label: "Follow",
+    testId: "smart-action-follow-action-".concat(stackIconType, "-icon")
+  });
+  var followIcon = isStackItem ? stackIcon : icon;
   return /*#__PURE__*/React.createElement(ServerAction, _extends({
-    content: /*#__PURE__*/React.createElement(FormattedMessage, message),
-    icon: icon,
+    content: /*#__PURE__*/React.createElement(FormattedMessage, label),
+    icon: followIcon,
     testId: "smart-action-follow-action",
-    tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, message)
+    tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, tooltipMessage)
   }, data, props));
 };
 export default FollowAction;

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

@@ -0,0 +1,22 @@
+import _extends from "@babel/runtime/helpers/extends";
+import Icon from '@atlaskit/icon';
+import React from 'react';
+var ProjectsGlyph = function ProjectsGlyph(props) {
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    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"
+  }));
+};
+export var ProjectsIcon = function ProjectsIcon(props) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    glyph: ProjectsGlyph
+  }, props));
+};

package/dist/esm/view/FlexibleCard/components/actions/index.js

@@ -4,4 +4,5 @@ export { default as EditAction } from './edit-action';
 export { default as DownloadAction } from './download-action';
 export { default as FollowAction } from './follow-action';
 export { default as PreviewAction } from './preview-action';
-export { default as CopyLinkAction } from './copy-link-action';
+export { default as CopyLinkAction } from './copy-link-action';
+export { default as AISummaryAction } from './ai-summary-action';

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

@@ -1,6 +1,6 @@
 import { Stack, xcss } from '@atlaskit/primitives';
 import React, { useMemo } from 'react';
-import { ActionName, SmartLinkSize } from '../../../../../constants';
+import { SmartLinkSize } from '../../../../../constants';
 import { useFlexibleUiContext, useFlexibleUiOptionContext } from '../../../../../state/flexible-ui-context';
 import * as Actions from '../../actions';
 import { getPrimitivesPaddingSpaceBySize } from '../../utils';
@@ -10,7 +10,7 @@ var ignoreContainerPaddingStyles = xcss({
   marginLeft: 'calc(var(--container-gap-left) * -1)',
   marginRight: 'calc(var(--container-gap-right) * -1)'
 });
-var DEFAULT_SORT_ORDER = [ActionName.PreviewAction, ActionName.CopyLinkAction];
+var DEFAULT_SORT_ORDER = ['PreviewAction', 'CopyLinkAction', 'AISummaryAction'];
 var sort = function sort(a, b) {
   var idxA = DEFAULT_SORT_ORDER.indexOf(a);
   var idxB = DEFAULT_SORT_ORDER.indexOf(b);

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

@@ -12,8 +12,6 @@ import AIStateIndicator from '../ai-state-indicator';
 import { renderElementItems } from '../../utils';
 import { messages } from '../../../../../../messages';
 import { useAISummary } from '../../../../../../state/hooks/use-ai-summary';
-import { useFlexibleUiContext } from '../../../../../../state/flexible-ui-context';
-import { useSmartLinkContext } from '@atlaskit/link-provider';
 import AIIcon from '../../../../../common/ai-icon';
 import AISummary from '../../../../../common/ai-summary';
 import { useAnalyticsEvents } from '../../../../../../common/analytics/generated/use-analytics-events';
@@ -22,6 +20,8 @@ import AIEventErrorViewed from '../ai-event-error-viewed';
 import { di } from 'react-magnetic-di';
 import { css } from '@emotion/react';
 import FeatureDiscovery from '../feature-discovery';
+import { useFlexibleUiContext } from '../../../../../../state/flexible-ui-context';
+import { useSmartLinkContext } from '@atlaskit/link-provider';
 export var AISummaryBlockErrorIndicator = function AISummaryBlockErrorIndicator(_ref) {
   var showErrorIndicator = _ref.showErrorIndicator,
     error = _ref.error,

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

@@ -7,7 +7,7 @@ import { SmartLinkStatus } from '../../../../../constants';
 import { Snippet } from '../../elements';
 import { getMaxLines } from '../../utils';
 var DEFAULT_MAX_LINES = 3;
-var MAXIMUM_MAX_LINES = 3;
+var MAXIMUM_MAX_LINES = 6;
 var MINIMUM_MAX_LINES = 1;
 
 /**

package/dist/esm/view/FlexibleCard/components/utils.js

@@ -12,6 +12,7 @@ import { FormattedMessage } from 'react-intl-next';
 import { SmartLinkSize } from '../../../constants';
 import Icon from './elements/icon';
 import { openEmbedModal } from '../../EmbedModal/utils';
+import Loadable from 'react-loadable';
 export var sizeToButtonSpacing = (_sizeToButtonSpacing = {}, _defineProperty(_sizeToButtonSpacing, SmartLinkSize.Small, 'none'), _defineProperty(_sizeToButtonSpacing, SmartLinkSize.Medium, 'compact'), _defineProperty(_sizeToButtonSpacing, SmartLinkSize.Large, 'compact'), _defineProperty(_sizeToButtonSpacing, SmartLinkSize.XLarge, 'default'), _sizeToButtonSpacing);
 export var getFormattedMessage = function getFormattedMessage(message) {
   if (message) {
@@ -56,6 +57,18 @@ export var getIconWidth = function getIconWidth(size) {
       return '.75rem';
   }
 };
+export var importIcon = function importIcon(importFn) {
+  return Loadable({
+    loader: function loader() {
+      return importFn().then(function (module) {
+        return module.default;
+      });
+    },
+    loading: function loading() {
+      return null;
+    }
+  }); // Because we're using dynamic loading here, TS will not be able to infer the type.
+};
 export var getLinkLineHeight = function getLinkLineHeight(size) {
   switch (size) {
     case SmartLinkSize.XLarge:

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

@@ -7,6 +7,7 @@ import { SmartLinkStatus } from '../../constants';
 import Container from './components/container';
 import { FlexibleUiAnalyticsContext, FlexibleUiContext, FlexibleUiOptionContext } from '../../state/flexible-ui-context';
 import { getContextByStatus, getRetryOptions } from './utils';
+import { useAISummaryConfig } from '../../state/hooks/use-ai-summary-config';
 
 /**
  * This represents a Flexible Card: a link represented by a card with metadata.
@@ -33,11 +34,13 @@ var FlexibleCard = function FlexibleCard(_ref) {
     testId = _ref.testId,
     ui = _ref.ui,
     url = _ref.url;
+  var aiSummaryConfig = useAISummaryConfig();
   var cardType = cardState.status,
     details = cardState.details;
   var status = cardType;
   var context = useMemo(function () {
     return getContextByStatus({
+      aiSummaryConfig: aiSummaryConfig,
       response: details,
       id: id,
       renderers: renderers,
@@ -45,7 +48,7 @@ var FlexibleCard = function FlexibleCard(_ref) {
       status: status,
       url: url
     });
-  }, [details, id, renderers, actionOptions, status, url]);
+  }, [aiSummaryConfig, details, id, renderers, actionOptions, status, url]);
   var retry = getRetryOptions(url, status, details, onAuthorize);
   var _ref2 = context || {},
     title = _ref2.title;

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

@@ -13,7 +13,7 @@ import { useSmartLinkAnalytics } from '../../../state/analytics';
 import { getExtensionKey, getServices } from '../../../state/helpers';
 import { isSpecialEvent } from '../../../utils';
 import { flexibleUiOptions, titleBlockCss } from '../styled';
-import { getSimulatedMetadata, getIsAISummaryEnabled } from '../utils';
+import { getSimulatedMetadata } from '../utils';
 import HoverCardLoadingView from './views/resolving';
 import HoverCardUnauthorisedView from './views/unauthorised';
 import HoverCardResolvedView from './views/resolved';
@@ -23,6 +23,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';
 export var hoverCardClassName = 'smart-links-hover-preview';
 export var getCopyAction = function getCopyAction(url) {
   return {

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

@@ -198,10 +198,4 @@ export var getSimulatedBetterMetadata = function getSimulatedBetterMetadata() {
     default:
       return defaultMetadata;
   }
-};
-export var getIsAISummaryEnabled = function getIsAISummaryEnabled() {
-  var _response$meta;
-  var isAdminHubAIEnabled = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-  var response = arguments.length > 1 ? arguments[1] : undefined;
-  return Boolean(getBooleanFF('platform.linking-platform.smart-card.hover-card-ai-summaries') && isAdminHubAIEnabled && (response === null || response === void 0 || (_response$meta = response.meta) === null || _response$meta === void 0 || (_response$meta = _response$meta.supportedFeature) === null || _response$meta === void 0 ? void 0 : _response$meta.includes('AISummary')));
 };

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.56.4",
+  packageVersion: "26.57.0",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/dist/types/constants.d.ts

@@ -139,6 +139,10 @@ export declare enum ActionName {
     DownloadAction = "DownloadAction",
     CustomAction = "CustomAction"
 }
+export declare enum InternalActionName {
+    AISummaryAction = "AISummaryAction"
+}
+export type FlexibleUiActionName = keyof typeof ActionName | keyof typeof InternalActionName;
 /**
  * Flexible UI icons - each mapped to AK icons.
  */

package/dist/types/extractors/common/__mocks__/jsonld.d.ts

@@ -22,7 +22,9 @@ export declare const TEST_PULL_REQUEST: JsonLd.Data.SourceCodePullRequest;
 export declare const TEST_TASK: JsonLd.Data.Task;
 export declare const TEST_META_DATA: JsonLd.Meta.BaseMeta;
 export declare const TEST_RESOLVED_META_DATA: JsonLd.Meta.BaseMeta;
+export declare const TEST_RESOLVED_META_DATA_WITH_AI_SUMMARY: JsonLd.Meta.BaseMeta;
 export declare const TEST_DOCUMENT: JsonLd.Data.Document;
+export declare const TEST_DOCUMENT_WITH_ARI: JsonLd.Data.Document;
 export declare const TEST_CURRENT_DOCUMENT: JsonLd.Data.Document;
 export declare const TEST_DOWNLOAD_ACTION: JsonLd.Data.BaseData['schema:potentialAction'];
 export declare const TEST_UNDEFINED_LINK: JsonLd.Data.UndefinedLinkDocument;

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

@@ -0,0 +1,5 @@
+import { 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';
+export declare const extractAISummaryAction: (response: JsonLd.Response, url?: string, actionOptions?: CardActionOptions, aiSummaryConfig?: AISummaryConfig) => AISummaryActionData | undefined;

package/dist/types/extractors/flexible/actions/index.d.ts

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

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

@@ -1,4 +1,4 @@
 import { FlexibleUiDataContext } from '../../state/flexible-ui-context/types';
 import { ExtractFlexibleUiDataContextParams } from '../../view/FlexibleCard/types';
-declare const extractFlexibleUiContext: ({ id, renderers, actionOptions, response, }?: Partial<ExtractFlexibleUiDataContextParams>) => FlexibleUiDataContext | undefined;
+declare const extractFlexibleUiContext: ({ id, renderers, actionOptions, response, aiSummaryConfig, }?: Partial<ExtractFlexibleUiDataContextParams>) => FlexibleUiDataContext | undefined;
 export default extractFlexibleUiContext;

package/dist/types/messages.d.ts

@@ -1,6 +1,6 @@
 import { MessageDescriptor } from 'react-intl-next';
 export type RequestAccessMessageKey = 'click_to_join' | 'click_to_join_description' | 'forbidden_description' | 'request_access' | 'request_access_description' | 'request_access_pending' | 'request_access_pending_title' | 'request_access_pending_description' | 'request_denied_description' | 'default_no_access_title' | 'direct_access_title' | 'direct_access_description' | 'direct_access' | 'access_exists_description' | 'not_found_description' | 'not_found_title';
-export type MessageKey = 'assigned_to' | 'ai_summarize' | 'ai_summarized' | 'ai_summarized_abbreviation' | 'ai_summarized_info' | 'ai_summarizing' | 'ai_summary_error_generic' | 'ai_summary_error_acceptable_use_violation' | 'ai_summary_error_hipaa_content_detected' | 'beta' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'copied_url_to_clipboard' | 'could_not_load_link' | 'download' | 'download_description' | 'download_file' | 'follow' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'learn_more_about_connecting_account' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_description' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'unfollow' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related_work_items_not_found' | 'last_mentioned_in' | 'related' | 'generic_error_message';
+export type MessageKey = 'assigned_to' | 'ai_summarize' | 'ai_summarized' | 'ai_summarized_abbreviation' | 'ai_summarized_info' | 'ai_summarizing' | 'ai_summary_error_generic' | 'ai_summary_error_acceptable_use_violation' | 'ai_summary_error_hipaa_content_detected' | 'ai_summary_action' | 'ai_summary_action_description' | 'beta' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'copied_url_to_clipboard' | 'could_not_load_link' | 'download' | 'download_description' | 'download_file' | 'follow' | 'follow_project_description' | 'follow_project' | 'follow_goal' | 'follow_goal_description' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'learn_more_about_connecting_account' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_description' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'unfollow' | 'unfollow_project_description' | 'unfollow_project' | 'unfollow_goal' | 'unfollow_goal_description' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related_work_items_not_found' | 'last_mentioned_in' | 'related' | 'generic_error_message';
 type Messages = {
     [K in MessageKey]: MessageDescriptor;
 };