@atlaskit/smart-card 26.56.4 → 26.57.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/smart-card
 
+## 26.57.0
+
+### Minor Changes
+
+- [#91341](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/91341) [`0d60ffae0a83`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0d60ffae0a83) - Increases the flexible snippet block line maximum from 3 to 6
+- [#91338](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/91338) [`e993af1f6cbb`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e993af1f6cbb) - Add AI Summary action to Flex UI action block
+
+## 26.56.5
+
+### Patch Changes
+
+- [#90940](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/90940) [`c74e41ce62aa`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c74e41ce62aa) - [ux] Updating FollowAction to support ActionBlock
+
 ## 26.56.4
 
 ### Patch Changes

package/dist/cjs/constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SmartLinkWidth = exports.SmartLinkTheme = exports.SmartLinkStatus = exports.SmartLinkSize = exports.SmartLinkPosition = exports.SmartLinkInternalTheme = exports.SmartLinkDirection = exports.SmartLinkAlignment = exports.MediaType = exports.MediaPlacement = exports.IconType = exports.ElementName = exports.CardDisplay = exports.CONTENT_URL_SECURITY_AND_PERMISSIONS = exports.CONTENT_URL_AI_TROUBLESHOOTING = exports.CONTENT_URL_AI = exports.CONTENT_URL_ACCEPTABLE_USE_POLICY = exports.CONTENT_URL_3P_ACCOUNT_AUTH = exports.ActionName = void 0;
+exports.SmartLinkWidth = exports.SmartLinkTheme = exports.SmartLinkStatus = exports.SmartLinkSize = exports.SmartLinkPosition = exports.SmartLinkInternalTheme = exports.SmartLinkDirection = exports.SmartLinkAlignment = exports.MediaType = exports.MediaPlacement = exports.InternalActionName = exports.IconType = exports.ElementName = exports.CardDisplay = exports.CONTENT_URL_SECURITY_AND_PERMISSIONS = exports.CONTENT_URL_AI_TROUBLESHOOTING = exports.CONTENT_URL_AI = exports.CONTENT_URL_ACCEPTABLE_USE_POLICY = exports.CONTENT_URL_3P_ACCOUNT_AUTH = exports.ActionName = void 0;
 var CONTENT_URL_SECURITY_AND_PERMISSIONS = exports.CONTENT_URL_SECURITY_AND_PERMISSIONS = 'https://support.atlassian.com/confluence-cloud/docs/insert-links-and-anchors/#Smart-links';
 var CONTENT_URL_3P_ACCOUNT_AUTH = exports.CONTENT_URL_3P_ACCOUNT_AUTH = 'https://support.atlassian.com/confluence-cloud/docs/what-data-is-sent-and-received-when-pasting-a-smart-link/';
 var CONTENT_URL_AI = exports.CONTENT_URL_AI = 'https://www.atlassian.com/trust/atlassian-intelligence';
@@ -153,6 +153,10 @@ var ActionName = exports.ActionName = /*#__PURE__*/function (ActionName) {
   ActionName["CustomAction"] = "CustomAction";
   return ActionName;
 }({});
+var InternalActionName = exports.InternalActionName = /*#__PURE__*/function (InternalActionName) {
+  InternalActionName["AISummaryAction"] = "AISummaryAction";
+  return InternalActionName;
+}({});
 /**
  * Flexible UI icons - each mapped to AK icons.
  */

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

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.extractAISummaryAction = void 0;
+var _types = require("../../../view/Card/types");
+var _canShowAction = require("../../../utils/actions/can-show-action");
+var _getIsAiSummaryEnabled = require("../../../utils/get-is-ai-summary-enabled");
+var _linkExtractors = require("@atlaskit/link-extractors");
+var extractAISummaryAction = exports.extractAISummaryAction = function extractAISummaryAction(response, url, actionOptions, aiSummaryConfig) {
+  if (!(0, _canShowAction.canShowAction)(_types.CardAction.AISummaryAction, actionOptions) || !(0, _getIsAiSummaryEnabled.getIsAISummaryEnabled)(aiSummaryConfig === null || aiSummaryConfig === void 0 ? void 0 : aiSummaryConfig.isAdminHubAIEnabled, response) || !(aiSummaryConfig !== null && aiSummaryConfig !== void 0 && aiSummaryConfig.product) || !url) {
+    return;
+  }
+  return {
+    url: url,
+    ari: (0, _linkExtractors.extractAri)(response.data),
+    product: aiSummaryConfig === null || aiSummaryConfig === void 0 ? void 0 : aiSummaryConfig.product
+  };
+};

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

@@ -19,6 +19,8 @@ var extractFollowAction = function extractFollowAction(response, actionOptions,
   var extensionKey = (0, _helpers.getExtensionKey)(response);
   var data = response === null || response === void 0 ? void 0 : response.data;
   var actions = (0, _extractServerAction.default)(data);
+  var type = (0, _linkExtractors.extractType)(data);
+  var isProject = type === null || type === void 0 ? void 0 : type.includes('atlassian:Project');
   if (!extensionKey || actions.length === 0) {
     return;
   }
@@ -48,7 +50,8 @@ var extractFollowAction = function extractFollowAction(response, actionOptions,
       providerKey: extensionKey,
       reload: reload
     },
-    value: actionType === _linkingTypes.SmartLinkActionType.FollowEntityAction
+    value: actionType === _linkingTypes.SmartLinkActionType.FollowEntityAction,
+    isProject: isProject
   };
 };
 var _default = exports.default = extractFollowAction;

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

@@ -9,11 +9,13 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _constants = require("../../../constants");
 var _extractDownloadAction = require("./extract-download-action");
 var _extractPreviewAction = require("./extract-preview-action");
+var _extractAiSummaryAction = require("./extract-ai-summary-action");
 var _extractFollowAction = _interopRequireDefault(require("./extract-follow-action"));
 var _extractCopyLinkAction = require("./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 = {}, (0, _defineProperty2.default)(_action, _constants.ActionName.CopyLinkAction, (0, _extractCopyLinkAction.extractCopyLinkAction)(data, actionOptions)), (0, _defineProperty2.default)(_action, _constants.ActionName.DownloadAction, (0, _extractDownloadAction.extractDownloadAction)(data, actionOptions)), (0, _defineProperty2.default)(_action, _constants.ActionName.FollowAction, (0, _extractFollowAction.default)(response, actionOptions, id)), (0, _defineProperty2.default)(_action, _constants.ActionName.PreviewAction, (0, _extractPreviewAction.extractPreviewAction)(response, actionOptions)), _action);
+  var data = response.data;
+  var action = (_action = {}, (0, _defineProperty2.default)(_action, _constants.ActionName.CopyLinkAction, (0, _extractCopyLinkAction.extractCopyLinkAction)(data, actionOptions)), (0, _defineProperty2.default)(_action, _constants.ActionName.DownloadAction, (0, _extractDownloadAction.extractDownloadAction)(data, actionOptions)), (0, _defineProperty2.default)(_action, _constants.ActionName.FollowAction, (0, _extractFollowAction.default)(response, actionOptions, id)), (0, _defineProperty2.default)(_action, _constants.ActionName.PreviewAction, (0, _extractPreviewAction.extractPreviewAction)(response, actionOptions)), (0, _defineProperty2.default)(_action, _constants.InternalActionName.AISummaryAction, (0, _extractAiSummaryAction.extractAISummaryAction)(response, url, actionOptions, aiSummaryConfig)), _action);
   return Object.values(action).some(function (value) {
     return Boolean(value);
   }) ? action : undefined;

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

@@ -22,14 +22,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 = (0, _linkExtractors.extractLink)(data);
   return {
-    actions: (0, _actions.default)(response, data, actionOptions, id),
+    actions: (0, _actions.default)(response, url, actionOptions, id, aiSummaryConfig),
     assignedToGroup: (0, _utils.extractPersonAssignedToAsArray)(data),
     attachmentCount: (0, _utils.extractAttachmentCount)(data),
     authorGroup: (0, _linkExtractors.extractPersonCreatedBy)(data),

package/dist/cjs/messages.js

@@ -201,6 +201,16 @@ var messages = exports.messages = (0, _reactIntlNext.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',
@@ -211,6 +221,26 @@ var messages = exports.messages = (0, _reactIntlNext.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',
@@ -471,6 +501,26 @@ var messages = exports.messages = (0, _reactIntlNext.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/cjs/state/hooks/use-ai-summary-config/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAISummaryConfig = void 0;
+var _linkProvider = require("@atlaskit/link-provider");
+var _react = require("react");
+var useAISummaryConfig = exports.useAISummaryConfig = function useAISummaryConfig() {
+  var _useSmartLinkContext = (0, _linkProvider.useSmartLinkContext)(),
+    product = _useSmartLinkContext.product,
+    isAdminHubAIEnabled = _useSmartLinkContext.isAdminHubAIEnabled;
+  return (0, _react.useMemo)(function () {
+    return {
+      product: product,
+      isAdminHubAIEnabled: isAdminHubAIEnabled
+    };
+  }, [product, isAdminHubAIEnabled]);
+};

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

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

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

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getIsAISummaryEnabled = void 0;
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+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/Card/types.js

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

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

@@ -0,0 +1,60 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AISummaryActionComponent = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _messages = require("../../../../../messages");
+var _action = _interopRequireDefault(require("../action"));
+var _aiIcon = _interopRequireDefault(require("../../../../common/ai-icon"));
+var _useAnalyticsEvents2 = require("../../../../../common/analytics/generated/use-analytics-events");
+var _useAiSummary = require("../../../../../state/hooks/use-ai-summary");
+var _excluded = ["onClick", "url", "ari", "product"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var AISummaryActionComponent = exports.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 = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
+  var _useAISummary = (0, _useAiSummary.useAISummary)({
+      url: url,
+      ari: ari,
+      product: product
+    }),
+    status = _useAISummary.state.status,
+    summariseUrl = _useAISummary.summariseUrl;
+  var handleActionClick = (0, _react.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.default.createElement(_action.default, (0, _extends2.default)({
+      content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.ai_summary_action),
+      icon: /*#__PURE__*/_react.default.createElement(_aiIcon.default, {
+        label: "Summarise with AI"
+      }),
+      onClick: handleActionClick,
+      testId: "smart-action-ai-summary-action",
+      tooltipMessage: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.ai_summary_action_description)
+    }, props));
+  }
+  return null;
+};

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

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _constants = require("../../../../../constants");
+var _aiSummaryActionComponent = require("./ai-summary-action-component");
+var AISummaryAction = function AISummaryAction(props) {
+  var _context$actions;
+  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var actionData = context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[_constants.InternalActionName.AISummaryAction];
+  return actionData ? /*#__PURE__*/_react.default.createElement(_aiSummaryActionComponent.AISummaryActionComponent, (0, _extends2.default)({}, actionData, props)) : null;
+};
+var _default = exports.default = AISummaryAction;

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

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GoalIcon = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _icon = _interopRequireDefault(require("@atlaskit/icon"));
+var _react = _interopRequireDefault(require("react"));
+var GoalGlyph = function GoalGlyph(props) {
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none"
+  }, /*#__PURE__*/_react.default.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"
+  }));
+};
+var GoalIcon = exports.GoalIcon = function GoalIcon(props) {
+  return /*#__PURE__*/_react.default.createElement(_icon.default, (0, _extends2.default)({
+    glyph: GoalGlyph
+  }, props));
+};

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _inviteTeam = _interopRequireDefault(require("@atlaskit/icon/glyph/invite-team"));
@@ -15,7 +16,39 @@ var _messages = require("../../../../../messages");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 var _serverAction = _interopRequireDefault(require("../action/server-action"));
 var _unfollowIcon = _interopRequireDefault(require("./unfollow-icon"));
+var _utils = require("../../utils");
 var _excluded = ["value"];
+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" != (0, _typeof2.default)(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var importIconMapper = {
+  goal: function goal() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require( /* webpackChunkName: "glyphGoal" */'./goal-icon'));
+    }).then(function (_ref) {
+      var GoalIcon = _ref.GoalIcon;
+      return {
+        default: GoalIcon
+      };
+    });
+  },
+  projects: function projects() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require( /* 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 (0, _utils.importIcon)(importFn);
+};
 var FollowAction = function FollowAction(props) {
   var _context$actions, _context$actions2;
   var context = (0, _flexibleUiContext.useFlexibleUiContext)();
@@ -25,17 +58,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[_constants.ActionName.FollowAction],
     value = _context$actions$Acti.value,
     data = (0, _objectWithoutProperties2.default)(_context$actions$Acti, _excluded);
+  var isStackItem = props.as === 'stack-item';
+  var isProject = data.isProject;
   var message = value ? _messages.messages.follow : _messages.messages.unfollow;
+  var projectMessage = value ? _messages.messages.follow_project : _messages.messages.unfollow_project;
+  var goalMessage = value ? _messages.messages.follow_goal : _messages.messages.unfollow_goal;
+  var stackMessage = isProject ? projectMessage : goalMessage;
+  var label = isStackItem ? stackMessage : message;
+  var projectTooltipMessage = value ? _messages.messages.follow_project_description : _messages.messages.unfollow_project_description;
+  var goalTooltipMessage = value ? _messages.messages.follow_goal_description : _messages.messages.unfollow_goal_description;
+  var stackTooltipMessage = isProject ? projectTooltipMessage : goalTooltipMessage;
+  var tooltipMessage = isStackItem ? stackTooltipMessage : message;
   var icon = value ? /*#__PURE__*/_react.default.createElement(_inviteTeam.default, {
     label: "Follow"
   }) : /*#__PURE__*/_react.default.createElement(_unfollowIcon.default, {
     label: "Unfollow"
   });
+  var stackIconType = isProject ? 'projects' : 'goal';
+  var ImportedIcon = getIcon(stackIconType);
+  var stackIcon = /*#__PURE__*/_react.default.createElement(ImportedIcon, {
+    label: "Follow",
+    testId: "smart-action-follow-action-".concat(stackIconType, "-icon")
+  });
+  var followIcon = isStackItem ? stackIcon : icon;
   return /*#__PURE__*/_react.default.createElement(_serverAction.default, (0, _extends2.default)({
-    content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, message),
-    icon: icon,
+    content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, label),
+    icon: followIcon,
     testId: "smart-action-follow-action",
-    tooltipMessage: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, message)
+    tooltipMessage: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, tooltipMessage)
   }, data, props));
 };
 var _default = exports.default = FollowAction;

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

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ProjectsIcon = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _icon = _interopRequireDefault(require("@atlaskit/icon"));
+var _react = _interopRequireDefault(require("react"));
+var ProjectsGlyph = function ProjectsGlyph(props) {
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none"
+  }, /*#__PURE__*/_react.default.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"
+  }));
+};
+var ProjectsIcon = exports.ProjectsIcon = function ProjectsIcon(props) {
+  return /*#__PURE__*/_react.default.createElement(_icon.default, (0, _extends2.default)({
+    glyph: ProjectsGlyph
+  }, props));
+};

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

@@ -4,6 +4,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "AISummaryAction", {
+  enumerable: true,
+  get: function get() {
+    return _aiSummaryAction.default;
+  }
+});
 Object.defineProperty(exports, "CopyLinkAction", {
   enumerable: true,
   get: function get() {
@@ -52,4 +58,5 @@ var _editAction = _interopRequireDefault(require("./edit-action"));
 var _downloadAction = _interopRequireDefault(require("./download-action"));
 var _followAction = _interopRequireDefault(require("./follow-action"));
 var _previewAction = _interopRequireDefault(require("./preview-action"));
-var _copyLinkAction = _interopRequireDefault(require("./copy-link-action"));
+var _copyLinkAction = _interopRequireDefault(require("./copy-link-action"));
+var _aiSummaryAction = _interopRequireDefault(require("./ai-summary-action"));

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

@@ -19,7 +19,7 @@ var ignoreContainerPaddingStyles = (0, _primitives.xcss)({
   marginLeft: 'calc(var(--container-gap-left) * -1)',
   marginRight: 'calc(var(--container-gap-right) * -1)'
 });
-var DEFAULT_SORT_ORDER = [_constants.ActionName.PreviewAction, _constants.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/cjs/view/FlexibleCard/components/blocks/ai-summary-block/resolved/index.js

@@ -20,8 +20,6 @@ var _aiStateIndicator = _interopRequireDefault(require("../ai-state-indicator"))
 var _utils = require("../../utils");
 var _messages = require("../../../../../../messages");
 var _useAiSummary = require("../../../../../../state/hooks/use-ai-summary");
-var _flexibleUiContext = require("../../../../../../state/flexible-ui-context");
-var _linkProvider = require("@atlaskit/link-provider");
 var _aiIcon = _interopRequireDefault(require("../../../../../common/ai-icon"));
 var _aiSummary = _interopRequireDefault(require("../../../../../common/ai-summary"));
 var _useAnalyticsEvents2 = require("../../../../../../common/analytics/generated/use-analytics-events");
@@ -30,6 +28,8 @@ var _aiEventErrorViewed = _interopRequireDefault(require("../ai-event-error-view
 var _reactMagneticDi = require("react-magnetic-di");
 var _react2 = require("@emotion/react");
 var _featureDiscovery = _interopRequireDefault(require("../feature-discovery"));
+var _flexibleUiContext = require("../../../../../../state/flexible-ui-context");
+var _linkProvider = require("@atlaskit/link-provider");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var AISummaryBlockErrorIndicator = exports.AISummaryBlockErrorIndicator = function AISummaryBlockErrorIndicator(_ref) {

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

@@ -14,7 +14,7 @@ var _elements = require("../../elements");
 var _utils = require("../../utils");
 var _excluded = ["maxLines", "status", "testId", "text"];
 var DEFAULT_MAX_LINES = 3;
-var MAXIMUM_MAX_LINES = 3;
+var MAXIMUM_MAX_LINES = 6;
 var MINIMUM_MAX_LINES = 1;
 
 /**

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.sizeToButtonSpacing = exports.openEmbedModalWithFlexibleUiIcon = exports.hasWhiteSpace = exports.getTruncateStyles = exports.getPrimitivesPaddingSpaceBySize = exports.getPrimitivesInlineSpaceBySize = exports.getMaxLines = exports.getMaxLineHeight = exports.getLinkSizeStyles = exports.getLinkLineHeight = exports.getIconWidth = exports.getIconSizeStyles = exports.getFormattedMessageAsString = exports.getFormattedMessage = void 0;
+exports.sizeToButtonSpacing = exports.openEmbedModalWithFlexibleUiIcon = exports.importIcon = exports.hasWhiteSpace = exports.getTruncateStyles = exports.getPrimitivesPaddingSpaceBySize = exports.getPrimitivesInlineSpaceBySize = exports.getMaxLines = exports.getMaxLineHeight = exports.getLinkSizeStyles = exports.getLinkLineHeight = exports.getIconWidth = exports.getIconSizeStyles = exports.getFormattedMessageAsString = exports.getFormattedMessage = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
@@ -15,6 +15,7 @@ var _reactIntlNext = require("react-intl-next");
 var _constants = require("../../../constants");
 var _icon = _interopRequireDefault(require("./elements/icon"));
 var _utils = require("../../EmbedModal/utils");
+var _reactLoadable = _interopRequireDefault(require("react-loadable"));
 var _excluded = ["linkIcon"];
 var _sizeToButtonSpacing, _templateObject;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -63,6 +64,18 @@ var getIconWidth = exports.getIconWidth = function getIconWidth(size) {
       return '.75rem';
   }
 };
+var importIcon = exports.importIcon = function importIcon(importFn) {
+  return (0, _reactLoadable.default)({
+    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.
+};
 var getLinkLineHeight = exports.getLinkLineHeight = function getLinkLineHeight(size) {
   switch (size) {
     case _constants.SmartLinkSize.XLarge:

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

@@ -13,6 +13,7 @@ var _constants = require("../../constants");
 var _container = _interopRequireDefault(require("./components/container"));
 var _flexibleUiContext = require("../../state/flexible-ui-context");
 var _utils = require("./utils");
+var _useAiSummaryConfig = require("../../state/hooks/use-ai-summary-config");
 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; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -42,11 +43,13 @@ var FlexibleCard = function FlexibleCard(_ref) {
     testId = _ref.testId,
     ui = _ref.ui,
     url = _ref.url;
+  var aiSummaryConfig = (0, _useAiSummaryConfig.useAISummaryConfig)();
   var cardType = cardState.status,
     details = cardState.details;
   var status = cardType;
   var context = (0, _react.useMemo)(function () {
     return (0, _utils.getContextByStatus)({
+      aiSummaryConfig: aiSummaryConfig,
       response: details,
       id: id,
       renderers: renderers,
@@ -54,7 +57,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 = (0, _utils.getRetryOptions)(url, status, details, onAuthorize);
   var _ref2 = context || {},
     title = _ref2.title;