@atlaskit/smart-card 26.66.0 → 26.68.0

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

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useEffect, useMemo, useRef } from 'react';
 import { ActionName, CardDisplay, ElementName, SmartLinkPosition, SmartLinkSize, SmartLinkDirection } from '../../../../../constants';
-import { FooterBlock, MetadataBlock, RelatedUrlsBlock, SnippetBlock, TitleBlock, AISummaryBlock, CustomBlock, ActionBlock, AIFooterBlock } from '../../../../FlexibleCard/components/blocks';
+import { FooterBlock, MetadataBlock, RelatedUrlsBlock, SnippetBlock, TitleBlock, AISummaryBlock, CustomBlock } from '../../../../FlexibleCard/components/blocks';
 import { footerBlockCss, hiddenSnippetStyles, metadataBlockCss } from './styled';
 import FlexibleCard from '../../../../FlexibleCard';
 import { getMetadata } from '../../../utils';
@@ -80,7 +80,7 @@ const ConnectedAIBlock = ({
   return showData ? /*#__PURE__*/React.createElement(React.Fragment, null, !imagePreview && /*#__PURE__*/React.createElement(SnippetBlock, {
     testId: 'connected-AI',
     status: SmartLinkStatus.Resolved
-  }), !getBooleanFF('platform.linking-platform.smart-card.hover-card-action-redesign') && /*#__PURE__*/React.createElement(MetadataBlock, {
+  }), /*#__PURE__*/React.createElement(MetadataBlock, {
     primary: bottomPrimary,
     size: SmartLinkSize.Large,
     overrideCss: metadataBlockCss,
@@ -138,7 +138,6 @@ const HoverCardResolvedView = ({
     data: data,
     fallbackElementHeight: snippetHeight.current
   });
-  const isActionBlockEnabled = getBooleanFF('platform.linking-platform.smart-card.hover-card-action-redesign') ? true : false;
   return /*#__PURE__*/React.createElement(FlexibleCard, flexibleCardProps, imagePreview, /*#__PURE__*/React.createElement(TitleBlock, _extends({}, titleBlockProps, {
     metadataPosition: SmartLinkPosition.Top
   })), /*#__PURE__*/React.createElement(MetadataBlock, {
@@ -166,7 +165,7 @@ const HoverCardResolvedView = ({
     onRender: onSnippetRender,
     blockRef: snippetBlockRef,
     overrideCss: hiddenSnippetStyles
-  }), !isAISummaryEnabled && !isActionBlockEnabled && /*#__PURE__*/React.createElement(MetadataBlock, {
+  }), !isAISummaryEnabled && /*#__PURE__*/React.createElement(MetadataBlock, {
     primary: tertiary,
     size: SmartLinkSize.Large,
     overrideCss: metadataBlockCss,
@@ -181,10 +180,7 @@ const HoverCardResolvedView = ({
     }],
     actions: footerActions,
     aiSummaryMinHeight: connectedAIBlockHeight.current
-  }), isActionBlockEnabled && /*#__PURE__*/React.createElement(ActionBlock, {
-    onClick: onActionClick,
-    spaceInline: "space.100"
-  }), isActionBlockEnabled && /*#__PURE__*/React.createElement(AIFooterBlock, null), !isAISummaryEnabled && !isActionBlockEnabled && /*#__PURE__*/React.createElement(FooterBlock, {
+  }), !isAISummaryEnabled && /*#__PURE__*/React.createElement(FooterBlock, {
     actions: footerActions,
     size: SmartLinkSize.Large,
     overrideCss: footerBlockCss

package/dist/es2019/view/HoverCard/components/views/resolved/redesign.js

@@ -0,0 +1,73 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useCallback, useEffect, useMemo, useRef } from 'react';
+import { CardDisplay, SmartLinkPosition, SmartLinkSize, SmartLinkStatus } from '../../../../../constants';
+import { getCanBeDatasource } from '../../../../../state/helpers';
+import FlexibleCard from '../../../../FlexibleCard';
+import { ActionBlock, AIFooterBlock, AISummaryBlock, MetadataBlock, SnippetBlock, TitleBlock } from '../../../../FlexibleCard/components/blocks';
+import { getMetadata } from '../../../utils';
+import ImagePreview from '../../ImagePreview';
+import { hiddenSnippetStyles, metadataBlockCss } from './styled';
+const HoverCardResolvedView = ({
+  analytics,
+  cardState,
+  extensionKey,
+  flexibleCardProps,
+  isAISummaryEnabled,
+  onActionClick,
+  titleBlockProps
+}) => {
+  var _cardState$details;
+  const canBeDatasource = getCanBeDatasource(cardState.details);
+  useEffect(() => {
+    // Since this hover view is only rendered on resolved status,
+    // there is no need to check for statuses.
+    analytics.ui.renderSuccessEvent({
+      display: CardDisplay.HoverCardPreview,
+      status: cardState.status,
+      canBeDatasource
+    });
+  }, [analytics.ui, cardState.status, canBeDatasource]);
+  const data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
+  const {
+    primary,
+    secondary
+  } = useMemo(() => {
+    return getMetadata(extensionKey, data);
+  }, [data, extensionKey]);
+  const snippetHeight = React.useRef(0);
+  const snippetBlockRef = useRef(null);
+  const onSnippetRender = useCallback(() => {
+    var _snippetBlockRef$curr, _snippetBlockRef$curr2;
+    snippetHeight.current = (_snippetBlockRef$curr = (_snippetBlockRef$curr2 = snippetBlockRef.current) === null || _snippetBlockRef$curr2 === void 0 ? void 0 : _snippetBlockRef$curr2.getBoundingClientRect().height) !== null && _snippetBlockRef$curr !== void 0 ? _snippetBlockRef$curr : 0;
+  }, []);
+  const imagePreview = ImagePreview({
+    data: data,
+    fallbackElementHeight: snippetHeight.current
+  });
+  const snippet = imagePreview ? null : /*#__PURE__*/React.createElement(SnippetBlock, {
+    status: SmartLinkStatus.Resolved
+  });
+  const aiSummaryMinHeight = snippet ? snippetHeight.current : 0;
+  return /*#__PURE__*/React.createElement(FlexibleCard, flexibleCardProps, imagePreview, /*#__PURE__*/React.createElement(TitleBlock, _extends({}, titleBlockProps, {
+    metadataPosition: SmartLinkPosition.Top
+  })), /*#__PURE__*/React.createElement(MetadataBlock, {
+    primary: primary,
+    secondary: secondary,
+    overrideCss: metadataBlockCss,
+    maxLines: 1,
+    size: SmartLinkSize.Medium
+  }), isAISummaryEnabled ? /*#__PURE__*/React.createElement(AISummaryBlock, {
+    aiSummaryMinHeight: aiSummaryMinHeight,
+    placeholder: snippet,
+    status: SmartLinkStatus.Resolved
+  }) : snippet, /*#__PURE__*/React.createElement(SnippetBlock, {
+    testId: "hidden-snippet",
+    onRender: onSnippetRender,
+    blockRef: snippetBlockRef,
+    overrideCss: hiddenSnippetStyles
+  }), /*#__PURE__*/React.createElement(ActionBlock, {
+    onClick: onActionClick,
+    spaceInline: "space.100"
+  }), /*#__PURE__*/React.createElement(AIFooterBlock, null));
+};
+export default HoverCardResolvedView;

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

package/dist/esm/constants.js

@@ -150,6 +150,7 @@ export var ActionName = /*#__PURE__*/function (ActionName) {
   ActionName["EditAction"] = "EditAction";
   ActionName["FollowAction"] = "FollowAction";
   ActionName["PreviewAction"] = "PreviewAction";
+  ActionName["AutomationAction"] = "AutomationAction";
   ActionName["ViewAction"] = "ViewAction";
   ActionName["DownloadAction"] = "DownloadAction";
   ActionName["CustomAction"] = "CustomAction";

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

@@ -0,0 +1,46 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { messages } from '../../../messages';
+// This action will not be enabled by default for smart cards, which is opposite of the default behavior for actions.
+// The AutomationAction will only appear if product/resourceType combination is handled by this function.
+var getProductData = function getProductData(meta) {
+  var _ProductData$product;
+  var tenantId = meta.tenantId;
+  var product = meta.product;
+  var resourceType = meta.resourceType;
+  var ProductData = {
+    'confluence': {
+      'page': {
+        //TODO extract to server
+        siteAri: "ari:cloud:confluence::site/".concat(tenantId),
+        //TODO Move to AutomationAction
+        modalTitle: messages.automation_action_confluence_page_modal_title,
+        modalDescription: messages.automation_action_confluence_page_modal_description
+      }
+    }
+  };
+  return ProductData === null || ProductData === void 0 || (_ProductData$product = ProductData[product]) === null || _ProductData$product === void 0 ? void 0 : _ProductData$product[resourceType];
+};
+export var extractAutomationAction = function extractAutomationAction(response) {
+  if (!getBooleanFF('platform.linking-platfom.smart-card.confluence.page.automation-action') || !response.data) {
+    return undefined;
+  }
+  var data = response.data;
+  var meta = response.meta;
+  var name = data.name,
+    objectAri = data["atlassian:ari"];
+  var productData = getProductData(meta);
+  if (!productData) {
+    return undefined;
+  }
+  return _objectSpread(_objectSpread({}, productData), {}, {
+    objectName: name,
+    objectAri: objectAri,
+    // TODO: The admin experience will be a follow up
+    canManageAutomation: false,
+    baseAutomationUrl: '',
+    analyticsSource: 'smartCard'
+  });
+};

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

@@ -5,10 +5,11 @@ 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';
+import { extractAutomationAction } from './extract-automation-action';
 var extractActions = function extractActions(response, url, actionOptions, id, aiSummaryConfig) {
   var _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);
+  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, ActionName.AutomationAction, extractAutomationAction(response)), _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/messages.js

@@ -55,11 +55,41 @@ export var messages = defineMessages({
     defaultMessage: 'Atlassian Intelligence was unable to process your request as your content contains links to HIPAA restricted content.',
     description: 'Shown when the AI summary is summarising the link resource content and the content contains HIPAA restricted content.'
   },
+  ai_summary_error_exceeding_context_length_error: {
+    id: 'fabric.linking.ai_summary_error_exceeding_context_length_error',
+    defaultMessage: "Atlassian Intelligence can't generate a summary for you right now as there is too much content to summarize.",
+    description: 'Shown when the AI summary is summarising the link resource content and the content is too large to summarize.'
+  },
   assigned_to: {
     id: 'fabric.linking.assigned_to',
     defaultMessage: 'Assigned to {context}',
     description: 'Indicates the person or entity that the resource is assigned to.'
   },
+  automation_action_title: {
+    id: 'fabric.linking.automation-action.title',
+    defaultMessage: 'Run automation...',
+    description: 'The title of the button in a hover card to open an automation menu for a given SmartLink.'
+  },
+  automation_action_icon_label: {
+    id: 'fabric.linking.automation-action.icon.label',
+    defaultMessage: 'Automation icon',
+    description: 'The label for the automation icon inside of the button opening the automation menu.'
+  },
+  automation_action_tooltip: {
+    id: 'fabric.linking.automation-action.tooltip',
+    defaultMessage: 'Open an automation modal',
+    description: 'The tooltip for the automation action indicating that a button will open an automation modal.'
+  },
+  automation_action_confluence_page_modal_title: {
+    id: 'fabric.linking.automation-action.confluence.page.modal.title',
+    defaultMessage: 'Page automations',
+    description: 'The title of the automation modal when the SmartLink is a Confluence page'
+  },
+  automation_action_confluence_page_modal_description: {
+    id: 'fabric.linking.automation-action.confluence.page.modal.description',
+    defaultMessage: 'Apply an automation to <b>{name}</b>.{br}The available selections are controlled by Confluence and space administrators.',
+    description: 'The description in the automation modal when the SmartLink is a Confluence page. Indicating which page the automation will apply to, and who controls the available automations.'
+  },
   cancel: {
     id: 'fabric.linking.cancel',
     defaultMessage: 'Cancel',
@@ -245,6 +275,11 @@ export var messages = defineMessages({
     defaultMessage: 'Follow project',
     description: 'Click to follow a project.'
   },
+  follow_project_error: {
+    id: 'fabric.linking.follow_project_error.nonfinal',
+    defaultMessage: 'We encountered an error while trying to follow the project. Check your connection or refresh the page and try again.',
+    description: 'Shown when an unknown error occurs when following an Atlas project'
+  },
   follow_goal_description: {
     id: 'fabric.linking.follow_goal_description.nonfinal',
     defaultMessage: 'Follow this goal to get notifications on updates',
@@ -255,6 +290,11 @@ export var messages = defineMessages({
     defaultMessage: 'Follow goal',
     description: 'Click to follow a project.'
   },
+  follow_goal_error: {
+    id: 'fabric.linking.follow_goal_error.nonfinal',
+    defaultMessage: 'We encountered an error while trying to follow the goal. Check your connection or refresh the page and try again.',
+    description: 'Shown when an unknown error occurs when following an Atlas goal'
+  },
   go_back: {
     id: 'fabric.linking.go_back',
     defaultMessage: 'Go back',
@@ -525,6 +565,11 @@ export var messages = defineMessages({
     defaultMessage: 'Unfollow project',
     description: 'Click to unfollow a project.'
   },
+  unfollow_project_error: {
+    id: 'fabric.linking.unfollow_project_error.nonfinal',
+    defaultMessage: 'We encountered an error while trying to unfollow the project. Check your connection or refresh the page and try again.',
+    description: 'Shown when an unknown error occurs when unfollowing an Atlas project'
+  },
   unfollow_goal_description: {
     id: 'fabric.linking.unfollow_goal_description.nonfinal',
     defaultMessage: 'Unfollow to stop receiving notifications for this goal',
@@ -535,6 +580,11 @@ export var messages = defineMessages({
     defaultMessage: 'Unfollow goal',
     description: 'Click to unfollow a project.'
   },
+  unfollow_goal_error: {
+    id: 'fabric.linking.unfollow_goal_error.nonfinal',
+    defaultMessage: 'We encountered an error while trying to unfollow the goal. Check your connection or refresh the page and try again.',
+    description: 'Shown when an unknown error occurs when unfollowing an Atlas goal'
+  },
   unlink_account: {
     id: 'fabric.linking.unlink_account',
     defaultMessage: 'Unlink Account',

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

@@ -3,4 +3,6 @@ import { ActionName, InternalActionName } from '../../constants';
 /**
  * This provides the data that will be used by Smart Links Flexible UI to populate it's
  * underlying elements.
- */
+ */
+
+// TODO: types more specific once modal is implemented

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

@@ -1 +1 @@
-export var errorMessages = ['NETWORK_ERROR', 'NO_ANSWER', 'RATE_LIMIT', 'NO_AGENT', 'PLUGIN_ERRORED', 'OPENAI_RATE_LIMIT_USER_ABUSE', 'ACCEPTABLE_USE_VIOLATIONS', 'AI_DISABLED', 'UNEXPECTED', 'HIPAA_CONTENT_DETECTED'];
+export var errorMessages = ['NETWORK_ERROR', 'NO_ANSWER', 'RATE_LIMIT', 'NO_AGENT', 'PLUGIN_ERRORED', 'OPENAI_RATE_LIMIT_USER_ABUSE', 'ACCEPTABLE_USE_VIOLATIONS', 'AI_DISABLED', 'UNEXPECTED', 'HIPAA_CONTENT_DETECTED', 'EXCEEDING_CONTEXT_LENGTH_ERROR'];

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

@@ -32,9 +32,10 @@ export var useAISummary = function useAISummary(props) {
   var onError = useCallback(function (id, reason) {
     /**
      * Errors should only be counted to the SLO if they are not due to acceptable use violations
-     * or HIPAA content detected.
+     * HIPAA content detected or exceeding context length.
      */
-    var isSloError = reason !== "ACCEPTABLE_USE_VIOLATIONS" && reason !== "HIPAA_CONTENT_DETECTED";
+
+    var isSloError = reason === undefined ? true : !['ACCEPTABLE_USE_VIOLATIONS', 'HIPAA_CONTENT_DETECTED', 'EXCEEDING_CONTEXT_LENGTH_ERROR'].includes(reason);
     fireEvent('operational.summary.failed', {
       reason: reason || null,
       isSloError: isSloError

package/dist/esm/utils/ai-summary.js

@@ -18,6 +18,10 @@ export var getAISummaryErrorMessage = function getAISummaryErrorMessage(error) {
       return {
         message: messages.ai_summary_error_hipaa_content_detected
       };
+    case 'EXCEEDING_CONTEXT_LENGTH_ERROR':
+      return {
+        message: messages.ai_summary_error_exceeding_context_length_error
+      };
     default:
       return {
         message: messages.ai_summary_error_generic,

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.66.0"
+  packageVersion: "26.68.0"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

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

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

@@ -7,6 +7,7 @@ import { getPrimitivesInlineSpaceBySize } from '../../../utils';
 import ActionIcon from '../action-icon';
 var buttonStyles = xcss({
   all: 'unset',
+  cursor: 'pointer',
   padding: 'space.050',
   width: '100%',
   ':focus:not(:focus-visible)': {

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

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["action", "onClick"];
+var _excluded = ["action", "onClick", "onError"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useCallback, useState } from 'react';
 import useInvoke from '../../../../../../state/hooks/use-invoke';
@@ -14,6 +14,7 @@ import { useFlexibleUiAnalyticsContext } from '../../../../../../state/flexible-
 var ServerAction = function ServerAction(_ref) {
   var action = _ref.action,
     onClick = _ref.onClick,
+    onErrorCallback = _ref.onError,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -28,7 +29,7 @@ var ServerAction = function ServerAction(_ref) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           if (!action) {
-            _context.next = 21;
+            _context.next = 22;
             break;
           }
           smartLinkActionType = (_action$action = action.action) === null || _action$action === void 0 ? void 0 : _action$action.actionType;
@@ -58,7 +59,7 @@ var ServerAction = function ServerAction(_ref) {
           if (onClick) {
             onClick();
           }
-          _context.next = 21;
+          _context.next = 22;
           break;
         case 17:
           _context.prev = 17;
@@ -68,12 +69,13 @@ var ServerAction = function ServerAction(_ref) {
             smartLinkActionType: smartLinkActionType,
             reason: getInvokeFailureReason(_context.t0)
           });
-        case 21:
+          onErrorCallback === null || onErrorCallback === void 0 || onErrorCallback();
+        case 22:
         case "end":
           return _context.stop();
       }
     }, _callee, null, [[2, 17]]);
-  })), [action, analytics === null || analytics === void 0 ? void 0 : analytics.track, analytics === null || analytics === void 0 ? void 0 : analytics.ui, invoke, onClick, reload]);
+  })), [action, analytics === null || analytics === void 0 ? void 0 : analytics.track, analytics === null || analytics === void 0 ? void 0 : analytics.ui, invoke, onClick, onErrorCallback, reload]);
   return /*#__PURE__*/React.createElement(Action, _extends({}, props, {
     isLoading: isLoading,
     onClick: handleClick

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

@@ -0,0 +1,47 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useState } from 'react';
+import { FormattedMessage, useIntl } from 'react-intl-next';
+import AutomationManualTriggersGlyph from './manaul-triggers-icon';
+import Action from '../action';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { ActionName } from '../../../../../constants';
+import { messages } from '../../../../../messages';
+// import { useSmartLinkContext } from '../../../../../../../link-provider/src';
+
+var handleAutomateActionClick = function handleAutomateActionClick(setIsModalOpen) {
+  setIsModalOpen(true);
+};
+var AutomationAction = function AutomationAction(props) {
+  var _context$actions;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    _isModalOpen = _useState2[0],
+    setIsModalOpen = _useState2[1];
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  // const { connections } = useSmartLinkContext();
+
+  // const env = connections.client.envKey ?? 'prod';
+  var context = useFlexibleUiContext();
+  var data = context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[ActionName.AutomationAction];
+  if (!data) {
+    return null;
+  }
+  var automationActionTitle = /*#__PURE__*/React.createElement(FormattedMessage, messages.automation_action_title);
+  var automationActionTooltip = /*#__PURE__*/React.createElement(FormattedMessage, messages.automation_action_tooltip);
+  var automationActionIconLabel = formatMessage(messages.automation_action_icon_label);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Action, _extends({
+    content: automationActionTitle,
+    icon: /*#__PURE__*/React.createElement(AutomationManualTriggersGlyph, {
+      label: automationActionIconLabel
+    }),
+    testId: "smart-action-automation-action",
+    tooltipMessage: automationActionTooltip
+  }, data, props, {
+    onClick: function onClick() {
+      return handleAutomateActionClick(setIsModalOpen);
+    }
+  })));
+};
+export default AutomationAction;

package/dist/esm/view/FlexibleCard/components/actions/automation-action/manaul-triggers-icon/index.js

@@ -0,0 +1,24 @@
+import React from 'react';
+var AutomationManualTriggersGlyph = function AutomationManualTriggersGlyph(_ref) {
+  var label = _ref.label;
+  return /*#__PURE__*/React.createElement("svg", {
+    "aria-label": label,
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M14 5L10 19",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M14 5L7 12H17L10 19",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }));
+};
+export default AutomationManualTriggersGlyph;

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["value"];
+var _excluded = ["value", "isProject"];
 import InviteTeamIcon from '@atlaskit/icon/glyph/invite-team';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import React from 'react';
@@ -11,6 +11,7 @@ import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import ServerAction from '../action/server-action';
 import UnfollowIcon from './unfollow-icon';
 import { importIcon } from '../../utils';
+import { getFollowActionErrorMessage } from './utils';
 var importIconMapper = {
   goal: function goal() {
     return import( /* webpackChunkName: "glyphGoal" */'./goal-icon').then(function (_ref) {
@@ -45,16 +46,16 @@ var getIconFF = function getIconFF(iconFFEnabled, defaultIcon) {
   return defaultIcon;
 };
 var FollowAction = function FollowAction(props) {
-  var _context$actions, _context$actions2;
+  var _context$actions;
   var context = useFlexibleUiContext();
-  if (!context || !(context !== null && context !== void 0 && (_context$actions = context.actions) !== null && _context$actions !== void 0 && _context$actions[ActionName.FollowAction])) {
+  var actionData = context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[ActionName.FollowAction];
+  if (!context || !actionData) {
     return null;
   }
-  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 value = actionData.value,
+    isProject = actionData.isProject,
+    data = _objectWithoutProperties(actionData, _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;
@@ -76,11 +77,21 @@ var FollowAction = function FollowAction(props) {
     testId: "smart-action-follow-action-".concat(stackIconType, "-icon")
   });
   var followIcon = isStackItem ? stackIcon : getIconFF(stackIcon, icon);
+  var handleError = function handleError() {
+    var onErrorCallback = props.onError;
+    var errorMessage = getFollowActionErrorMessage(isProject, value);
+    onErrorCallback === null || onErrorCallback === void 0 || onErrorCallback({
+      title: /*#__PURE__*/React.createElement(FormattedMessage, errorMessage),
+      appearance: 'error'
+    });
+  };
   return /*#__PURE__*/React.createElement(ServerAction, _extends({
     content: /*#__PURE__*/React.createElement(FormattedMessage, label),
     icon: followIcon,
     testId: "smart-action-follow-action",
     tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, tooltipMessage)
-  }, data, props));
+  }, data, props, {
+    onError: handleError
+  }));
 };
 export default FollowAction;

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

@@ -0,0 +1,18 @@
+import { messages } from '../../../../../messages';
+export var getFollowActionErrorMessage = function getFollowActionErrorMessage() {
+  var isProject = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  var isFollow = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  if (isProject && isFollow) {
+    return messages.follow_project_error;
+  }
+  if (isProject && !isFollow) {
+    return messages.unfollow_project_error;
+  }
+  if (!isProject && isFollow) {
+    return messages.follow_goal_error;
+  }
+  if (!isProject && !isFollow) {
+    return messages.unfollow_goal_error;
+  }
+  return messages.generic_error_message;
+};

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

@@ -5,4 +5,5 @@ 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 AISummaryAction } from './ai-summary-action';
+export { default as AISummaryAction } from './ai-summary-action';
+export { default as AutomationAction } from './automation-action';

package/dist/esm/view/FlexibleCard/components/blocks/ai-footer-block/resolved/ai-footer-metadata.js

@@ -1,9 +1,9 @@
 import React from 'react';
+import Tooltip from '@atlaskit/tooltip';
 import { di } from 'react-magnetic-di';
 import { FormattedMessage } from 'react-intl-next';
-import Tooltip from '@atlaskit/tooltip';
 import { Box, Inline } from '@atlaskit/primitives';
-import AIStateIndicator from '../../ai-summary-block/ai-state-indicator';
+import AIIcon from '../../../../../common/ai-icon';
 import { InfoIcon } from '../icons/info';
 import { messages } from '../../../../../../messages';
 import { useAISummary } from '../../../../../../state/hooks/use-ai-summary';
@@ -28,16 +28,16 @@ export var AIFooterMetadata = function AIFooterMetadata(_ref) {
     grow: "fill"
   }, /*#__PURE__*/React.createElement(Tooltip, {
     content: /*#__PURE__*/React.createElement(FormattedMessage, messages.ai_summarized_info_short),
-    position: "top"
+    position: "bottom"
   }, function (tooltipProps) {
     return /*#__PURE__*/React.createElement(Box, tooltipProps, /*#__PURE__*/React.createElement(InfoIcon, {
       label: "Information",
       size: "small",
       primaryColor: "var(--ds-icon-subtle, #626F86)"
     }));
-  }), /*#__PURE__*/React.createElement(AIStateIndicator, {
-    appearance: "icon-only",
-    state: "done",
-    testId: "ai-tooltip"
+  }), /*#__PURE__*/React.createElement(AIIcon, {
+    label: "AI",
+    size: "small",
+    primaryColor: "var(--ds-icon-subtle, #626F86)"
   }));
 };