@atlaskit/smart-card 26.56.4 → 26.57.0

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

@@ -30,6 +30,7 @@ var _click = require("../../../utils/analytics/click");
 var _store = require("../../../state/store");
 var _forbidden = _interopRequireDefault(require("./views/forbidden"));
 var _ContentContainer = _interopRequireDefault(require("./ContentContainer"));
+var _getIsAiSummaryEnabled = require("../../../utils/get-is-ai-summary-enabled");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /** @jsx jsx */
@@ -93,7 +94,7 @@ var HoverCardContent = function HoverCardContent(_ref) {
   var linkStatus = (_linkState$status = linkState.status) !== null && _linkState$status !== void 0 ? _linkState$status : 'pending';
   var _useSmartLinkContext = (0, _linkProvider.useSmartLinkContext)(),
     isAdminHubAIEnabled = _useSmartLinkContext.isAdminHubAIEnabled;
-  var isAISummaryEnabled = (0, _utils2.getIsAISummaryEnabled)(isAdminHubAIEnabled, cardState.details);
+  var isAISummaryEnabled = (0, _getIsAiSummaryEnabled.getIsAISummaryEnabled)(isAdminHubAIEnabled, cardState.details);
   var services = (0, _helpers.getServices)(linkState.details);
   var statusRef = (0, _react2.useRef)(linkStatus);
   var analyticsRef = (0, _react2.useRef)(analytics);

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getSimulatedMetadata = exports.getSimulatedBetterMetadata = exports.getIsAISummaryEnabled = void 0;
+exports.getSimulatedMetadata = exports.getSimulatedBetterMetadata = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _constants = require("../../constants");
 var _linkExtractors = require("@atlaskit/link-extractors");
@@ -205,10 +205,4 @@ var getSimulatedBetterMetadata = exports.getSimulatedBetterMetadata = function g
     default:
       return defaultMetadata;
   }
-};
-var getIsAISummaryEnabled = exports.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((0, _platformFeatureFlags.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/cjs/view/LinkUrl/index.js

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

package/dist/es2019/constants.js

@@ -155,7 +155,10 @@ export let ActionName = /*#__PURE__*/function (ActionName) {
   ActionName["CustomAction"] = "CustomAction";
   return ActionName;
 }({});
-
+export let InternalActionName = /*#__PURE__*/function (InternalActionName) {
+  InternalActionName["AISummaryAction"] = "AISummaryAction";
+  return InternalActionName;
+}({});
 /**
  * Flexible UI icons - each mapped to AK icons.
  */

package/dist/es2019/extractors/flexible/actions/extract-ai-summary-action.js

@@ -0,0 +1,14 @@
+import { CardAction } from '../../../view/Card/types';
+import { canShowAction } from '../../../utils/actions/can-show-action';
+import { getIsAISummaryEnabled } from '../../../utils/get-is-ai-summary-enabled';
+import { extractAri } from '@atlaskit/link-extractors';
+export const extractAISummaryAction = (response, url, actionOptions, aiSummaryConfig) => {
+  if (!canShowAction(CardAction.AISummaryAction, actionOptions) || !getIsAISummaryEnabled(aiSummaryConfig === null || aiSummaryConfig === void 0 ? void 0 : aiSummaryConfig.isAdminHubAIEnabled, response) || !(aiSummaryConfig !== null && aiSummaryConfig !== void 0 && aiSummaryConfig.product) || !url) {
+    return;
+  }
+  return {
+    url,
+    ari: extractAri(response.data),
+    product: aiSummaryConfig === null || aiSummaryConfig === void 0 ? void 0 : aiSummaryConfig.product
+  };
+};

package/dist/es2019/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 @@ const extractFollowAction = (response, actionOptions, id) => {
   const extensionKey = getExtensionKey(response);
   const data = response === null || response === void 0 ? void 0 : response.data;
   const actions = extractServerAction(data);
+  const type = extractType(data);
+  const isProject = type === null || type === void 0 ? void 0 : type.includes('atlassian:Project');
   if (!extensionKey || actions.length === 0) {
     return;
   }
@@ -41,7 +43,8 @@ const extractFollowAction = (response, actionOptions, id) => {
       providerKey: extensionKey,
       reload
     },
-    value: actionType === SmartLinkActionType.FollowEntityAction
+    value: actionType === SmartLinkActionType.FollowEntityAction,
+    isProject
   };
 };
 export default extractFollowAction;

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

@@ -1,14 +1,17 @@
-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';
-const extractActions = (response, data, actionOptions, id) => {
+const extractActions = (response, url, actionOptions, id, aiSummaryConfig) => {
+  const data = response.data;
   const action = {
     [ActionName.CopyLinkAction]: extractCopyLinkAction(data, actionOptions),
     [ActionName.DownloadAction]: extractDownloadAction(data, actionOptions),
     [ActionName.FollowAction]: extractFollowAction(response, actionOptions, id),
-    [ActionName.PreviewAction]: extractPreviewAction(response, actionOptions)
+    [ActionName.PreviewAction]: extractPreviewAction(response, actionOptions),
+    [InternalActionName.AISummaryAction]: extractAISummaryAction(response, url, actionOptions, aiSummaryConfig)
   };
   return Object.values(action).some(value => Boolean(value)) ? action : undefined;
 };

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

@@ -14,7 +14,8 @@ const extractFlexibleUiContext = ({
   id,
   renderers,
   actionOptions,
-  response
+  response,
+  aiSummaryConfig
 } = {}) => {
   if (!response) {
     return undefined;
@@ -22,7 +23,7 @@ const extractFlexibleUiContext = ({
   const data = response.data;
   const 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/es2019/messages.js

@@ -195,6 +195,16 @@ export const 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 const 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 const 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/es2019/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/es2019/state/hooks/use-ai-summary-config/index.js

@@ -0,0 +1,12 @@
+import { useSmartLinkContext } from '@atlaskit/link-provider';
+import { useMemo } from 'react';
+export const useAISummaryConfig = () => {
+  const {
+    product,
+    isAdminHubAIEnabled
+  } = useSmartLinkContext();
+  return useMemo(() => ({
+    product,
+    isAdminHubAIEnabled
+  }), [product, isAdminHubAIEnabled]);
+};

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,51 @@
+import _extends from "@babel/runtime/helpers/extends";
+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 const AISummaryActionComponent = ({
+  onClick: onClickCallback,
+  url = '',
+  ari = '',
+  product,
+  ...props
+}) => {
+  const {
+    fireEvent
+  } = useAnalyticsEvents();
+  const {
+    state: {
+      status
+    },
+    summariseUrl
+  } = useAISummary({
+    url,
+    ari,
+    product
+  });
+  const handleActionClick = useCallback(() => {
+    fireEvent('ui.button.clicked.aiSummary', {});
+    fireEvent('track.aiInteraction.initiated', {
+      aiFeatureName: 'Smart Links Summary',
+      proactiveAIGenerated: 0,
+      userGeneratedAI: 1
+    });
+    summariseUrl();
+    onClickCallback === null || onClickCallback === void 0 ? 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/es2019/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';
+const AISummaryAction = props => {
+  var _context$actions;
+  const context = useFlexibleUiContext();
+  const actionData = context === null || context === void 0 ? 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/es2019/view/FlexibleCard/components/actions/ai-summary-action/types.js

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

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

@@ -0,0 +1,18 @@
+import _extends from "@babel/runtime/helpers/extends";
+import Icon from '@atlaskit/icon';
+import React from 'react';
+const GoalGlyph = props => /*#__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 const GoalIcon = props => /*#__PURE__*/React.createElement(Icon, _extends({
+  glyph: GoalGlyph
+}, props));

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

@@ -7,6 +7,26 @@ 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';
+const importIconMapper = {
+  goal: () => import( /* webpackChunkName: "glyphGoal" */'./goal-icon').then(({
+    GoalIcon
+  }) => ({
+    default: GoalIcon
+  })),
+  projects: () => import( /* webpackChunkName: "glyphProjects" */'./projects-icon').then(({
+    ProjectsIcon
+  }) => ({
+    default: ProjectsIcon
+  }))
+};
+const getIcon = stackIconType => {
+  const importFn = importIconMapper[stackIconType];
+  if (!importFn) {
+    return null;
+  }
+  return importIcon(importFn);
+};
 const FollowAction = props => {
   var _context$actions, _context$actions2;
   const context = useFlexibleUiContext();
@@ -17,17 +37,34 @@ const FollowAction = props => {
     value,
     ...data
   } = context === null || context === void 0 ? void 0 : (_context$actions2 = context.actions) === null || _context$actions2 === void 0 ? void 0 : _context$actions2[ActionName.FollowAction];
+  const isStackItem = props.as === 'stack-item';
+  const isProject = data.isProject;
   const message = value ? messages.follow : messages.unfollow;
+  const projectMessage = value ? messages.follow_project : messages.unfollow_project;
+  const goalMessage = value ? messages.follow_goal : messages.unfollow_goal;
+  const stackMessage = isProject ? projectMessage : goalMessage;
+  const label = isStackItem ? stackMessage : message;
+  const projectTooltipMessage = value ? messages.follow_project_description : messages.unfollow_project_description;
+  const goalTooltipMessage = value ? messages.follow_goal_description : messages.unfollow_goal_description;
+  const stackTooltipMessage = isProject ? projectTooltipMessage : goalTooltipMessage;
+  const tooltipMessage = isStackItem ? stackTooltipMessage : message;
   const icon = value ? /*#__PURE__*/React.createElement(InviteTeamIcon, {
     label: "Follow"
   }) : /*#__PURE__*/React.createElement(UnfollowIcon, {
     label: "Unfollow"
   });
+  const stackIconType = isProject ? 'projects' : 'goal';
+  const ImportedIcon = getIcon(stackIconType);
+  const stackIcon = /*#__PURE__*/React.createElement(ImportedIcon, {
+    label: "Follow",
+    testId: `smart-action-follow-action-${stackIconType}-icon`
+  });
+  const 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/es2019/view/FlexibleCard/components/actions/follow-action/projects-icon/index.js

@@ -0,0 +1,18 @@
+import _extends from "@babel/runtime/helpers/extends";
+import Icon from '@atlaskit/icon';
+import React from 'react';
+const ProjectsGlyph = props => /*#__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 const ProjectsIcon = props => /*#__PURE__*/React.createElement(Icon, _extends({
+  glyph: ProjectsGlyph
+}, props));

package/dist/es2019/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/es2019/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 @@ const ignoreContainerPaddingStyles = xcss({
   marginLeft: 'calc(var(--container-gap-left) * -1)',
   marginRight: 'calc(var(--container-gap-right) * -1)'
 });
-const DEFAULT_SORT_ORDER = [ActionName.PreviewAction, ActionName.CopyLinkAction];
+const DEFAULT_SORT_ORDER = ['PreviewAction', 'CopyLinkAction', 'AISummaryAction'];
 const sort = (a, b) => {
   let idxA = DEFAULT_SORT_ORDER.indexOf(a);
   let idxB = DEFAULT_SORT_ORDER.indexOf(b);

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

@@ -11,8 +11,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';
@@ -21,6 +19,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 const AISummaryBlockErrorIndicator = ({
   showErrorIndicator,
   error,

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

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

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

@@ -5,6 +5,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 const sizeToButtonSpacing = {
   [SmartLinkSize.Small]: 'none',
   [SmartLinkSize.Medium]: 'compact',
@@ -67,6 +68,12 @@ export const getIconWidth = size => {
       return '.75rem';
   }
 };
+export const importIcon = importFn => {
+  return Loadable({
+    loader: () => importFn().then(module => module.default),
+    loading: () => null
+  }); // Because we're using dynamic loading here, TS will not be able to infer the type.
+};
 export const getLinkLineHeight = size => {
   switch (size) {
     case SmartLinkSize.XLarge:

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

@@ -4,6 +4,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.
@@ -30,19 +31,21 @@ const FlexibleCard = ({
   url
 }) => {
   var _details$meta2;
+  const aiSummaryConfig = useAISummaryConfig();
   const {
     status: cardType,
     details
   } = cardState;
   const status = cardType;
   const context = useMemo(() => getContextByStatus({
+    aiSummaryConfig,
     response: details,
     id,
     renderers,
     actionOptions,
     status,
     url
-  }), [details, id, renderers, actionOptions, status, url]);
+  }), [aiSummaryConfig, details, id, renderers, actionOptions, status, url]);
   const retry = getRetryOptions(url, status, details, onAuthorize);
   const {
     title

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

@@ -11,7 +11,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';
@@ -21,6 +21,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 const hoverCardClassName = 'smart-links-hover-preview';
 export const getCopyAction = url => ({
   name: ActionName.CustomAction,

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

@@ -201,8 +201,4 @@ export const getSimulatedBetterMetadata = (extensionKey = '', data) => {
     default:
       return defaultMetadata;
   }
-};
-export const getIsAISummaryEnabled = (isAdminHubAIEnabled = false, response) => {
-  var _response$meta, _response$meta$suppor;
-  return Boolean(getBooleanFF('platform.linking-platform.smart-card.hover-card-ai-summaries') && isAdminHubAIEnabled && (response === null || response === void 0 ? void 0 : (_response$meta = response.meta) === null || _response$meta === void 0 ? void 0 : (_response$meta$suppor = _response$meta.supportedFeature) === null || _response$meta$suppor === void 0 ? void 0 : _response$meta$suppor.includes('AISummary')));
 };

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

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

package/dist/esm/constants.js

@@ -155,7 +155,10 @@ export var ActionName = /*#__PURE__*/function (ActionName) {
   ActionName["CustomAction"] = "CustomAction";
   return ActionName;
 }({});
-
+export var InternalActionName = /*#__PURE__*/function (InternalActionName) {
+  InternalActionName["AISummaryAction"] = "AISummaryAction";
+  return InternalActionName;
+}({});
 /**
  * Flexible UI icons - each mapped to AK icons.
  */

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

@@ -0,0 +1,14 @@
+import { CardAction } from '../../../view/Card/types';
+import { canShowAction } from '../../../utils/actions/can-show-action';
+import { getIsAISummaryEnabled } from '../../../utils/get-is-ai-summary-enabled';
+import { extractAri } from '@atlaskit/link-extractors';
+export var extractAISummaryAction = function extractAISummaryAction(response, url, actionOptions, aiSummaryConfig) {
+  if (!canShowAction(CardAction.AISummaryAction, actionOptions) || !getIsAISummaryEnabled(aiSummaryConfig === null || aiSummaryConfig === void 0 ? void 0 : aiSummaryConfig.isAdminHubAIEnabled, response) || !(aiSummaryConfig !== null && aiSummaryConfig !== void 0 && aiSummaryConfig.product) || !url) {
+    return;
+  }
+  return {
+    url: url,
+    ari: extractAri(response.data),
+    product: aiSummaryConfig === null || aiSummaryConfig === void 0 ? void 0 : aiSummaryConfig.product
+  };
+};