@atlaskit/smart-card 26.66.0 → 26.68.0

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

@@ -86,7 +86,7 @@ var ConnectedAIBlock = function ConnectedAIBlock(_ref) {
   return showData ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !imagePreview && /*#__PURE__*/_react.default.createElement(_blocks.SnippetBlock, {
     testId: 'connected-AI',
     status: _constants.SmartLinkStatus.Resolved
-  }), !(0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.hover-card-action-redesign') && /*#__PURE__*/_react.default.createElement(_blocks.MetadataBlock, {
+  }), /*#__PURE__*/_react.default.createElement(_blocks.MetadataBlock, {
     primary: bottomPrimary,
     size: _constants.SmartLinkSize.Large,
     overrideCss: _styled.metadataBlockCss,
@@ -145,7 +145,6 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref2) {
     data: data,
     fallbackElementHeight: snippetHeight.current
   });
-  var isActionBlockEnabled = (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.hover-card-action-redesign') ? true : false;
   return /*#__PURE__*/_react.default.createElement(_FlexibleCard.default, flexibleCardProps, imagePreview, /*#__PURE__*/_react.default.createElement(_blocks.TitleBlock, (0, _extends2.default)({}, titleBlockProps, {
     metadataPosition: _constants.SmartLinkPosition.Top
   })), /*#__PURE__*/_react.default.createElement(_blocks.MetadataBlock, {
@@ -173,7 +172,7 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref2) {
     onRender: onSnippetRender,
     blockRef: snippetBlockRef,
     overrideCss: _styled.hiddenSnippetStyles
-  }), !isAISummaryEnabled && !isActionBlockEnabled && /*#__PURE__*/_react.default.createElement(_blocks.MetadataBlock, {
+  }), !isAISummaryEnabled && /*#__PURE__*/_react.default.createElement(_blocks.MetadataBlock, {
     primary: tertiary,
     size: _constants.SmartLinkSize.Large,
     overrideCss: _styled.metadataBlockCss,
@@ -188,10 +187,7 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref2) {
     }],
     actions: footerActions,
     aiSummaryMinHeight: connectedAIBlockHeight.current
-  }), isActionBlockEnabled && /*#__PURE__*/_react.default.createElement(_blocks.ActionBlock, {
-    onClick: onActionClick,
-    spaceInline: "space.100"
-  }), isActionBlockEnabled && /*#__PURE__*/_react.default.createElement(_blocks.AIFooterBlock, null), !isAISummaryEnabled && !isActionBlockEnabled && /*#__PURE__*/_react.default.createElement(_blocks.FooterBlock, {
+  }), !isAISummaryEnabled && /*#__PURE__*/_react.default.createElement(_blocks.FooterBlock, {
     actions: footerActions,
     size: _constants.SmartLinkSize.Large,
     overrideCss: _styled.footerBlockCss

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

@@ -0,0 +1,81 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _constants = require("../../../../../constants");
+var _helpers = require("../../../../../state/helpers");
+var _FlexibleCard = _interopRequireDefault(require("../../../../FlexibleCard"));
+var _blocks = require("../../../../FlexibleCard/components/blocks");
+var _utils = require("../../../utils");
+var _ImagePreview = _interopRequireDefault(require("../../ImagePreview"));
+var _styled = require("./styled");
+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 HoverCardResolvedView = function HoverCardResolvedView(_ref) {
+  var _cardState$details;
+  var analytics = _ref.analytics,
+    cardState = _ref.cardState,
+    extensionKey = _ref.extensionKey,
+    flexibleCardProps = _ref.flexibleCardProps,
+    isAISummaryEnabled = _ref.isAISummaryEnabled,
+    onActionClick = _ref.onActionClick,
+    titleBlockProps = _ref.titleBlockProps;
+  var canBeDatasource = (0, _helpers.getCanBeDatasource)(cardState.details);
+  (0, _react.useEffect)(function () {
+    // Since this hover view is only rendered on resolved status,
+    // there is no need to check for statuses.
+    analytics.ui.renderSuccessEvent({
+      display: _constants.CardDisplay.HoverCardPreview,
+      status: cardState.status,
+      canBeDatasource: canBeDatasource
+    });
+  }, [analytics.ui, cardState.status, canBeDatasource]);
+  var data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
+  var _useMemo = (0, _react.useMemo)(function () {
+      return (0, _utils.getMetadata)(extensionKey, data);
+    }, [data, extensionKey]),
+    primary = _useMemo.primary,
+    secondary = _useMemo.secondary;
+  var snippetHeight = _react.default.useRef(0);
+  var snippetBlockRef = (0, _react.useRef)(null);
+  var onSnippetRender = (0, _react.useCallback)(function () {
+    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;
+  }, []);
+  var imagePreview = (0, _ImagePreview.default)({
+    data: data,
+    fallbackElementHeight: snippetHeight.current
+  });
+  var snippet = imagePreview ? null : /*#__PURE__*/_react.default.createElement(_blocks.SnippetBlock, {
+    status: _constants.SmartLinkStatus.Resolved
+  });
+  var aiSummaryMinHeight = snippet ? snippetHeight.current : 0;
+  return /*#__PURE__*/_react.default.createElement(_FlexibleCard.default, flexibleCardProps, imagePreview, /*#__PURE__*/_react.default.createElement(_blocks.TitleBlock, (0, _extends2.default)({}, titleBlockProps, {
+    metadataPosition: _constants.SmartLinkPosition.Top
+  })), /*#__PURE__*/_react.default.createElement(_blocks.MetadataBlock, {
+    primary: primary,
+    secondary: secondary,
+    overrideCss: _styled.metadataBlockCss,
+    maxLines: 1,
+    size: _constants.SmartLinkSize.Medium
+  }), isAISummaryEnabled ? /*#__PURE__*/_react.default.createElement(_blocks.AISummaryBlock, {
+    aiSummaryMinHeight: aiSummaryMinHeight,
+    placeholder: snippet,
+    status: _constants.SmartLinkStatus.Resolved
+  }) : snippet, /*#__PURE__*/_react.default.createElement(_blocks.SnippetBlock, {
+    testId: "hidden-snippet",
+    onRender: onSnippetRender,
+    blockRef: snippetBlockRef,
+    overrideCss: _styled.hiddenSnippetStyles
+  }), /*#__PURE__*/_react.default.createElement(_blocks.ActionBlock, {
+    onClick: onActionClick,
+    spaceInline: "space.100"
+  }), /*#__PURE__*/_react.default.createElement(_blocks.AIFooterBlock, null));
+};
+var _default = exports.default = HoverCardResolvedView;

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

package/dist/es2019/constants.js

@@ -150,6 +150,7 @@ export let 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/es2019/extractors/flexible/actions/extract-automation-action.js

@@ -0,0 +1,48 @@
+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.
+const getProductData = meta => {
+  var _ProductData$product;
+  const {
+    tenantId
+  } = meta;
+  const product = meta.product;
+  const resourceType = meta.resourceType;
+  const ProductData = {
+    'confluence': {
+      'page': {
+        //TODO extract to server
+        siteAri: `ari:cloud:confluence::site/${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 ? void 0 : (_ProductData$product = ProductData[product]) === null || _ProductData$product === void 0 ? void 0 : _ProductData$product[resourceType];
+};
+export const extractAutomationAction = response => {
+  if (!getBooleanFF('platform.linking-platfom.smart-card.confluence.page.automation-action') || !response.data) {
+    return undefined;
+  }
+  const data = response.data;
+  const meta = response.meta;
+  const {
+    name,
+    "atlassian:ari": objectAri
+  } = data;
+  const productData = getProductData(meta);
+  if (!productData) {
+    return undefined;
+  }
+  return {
+    ...productData,
+    objectName: name,
+    objectAri: objectAri,
+    // TODO: The admin experience will be a follow up
+    canManageAutomation: false,
+    baseAutomationUrl: '',
+    analyticsSource: 'smartCard'
+  };
+};

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

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

package/dist/es2019/messages.js

@@ -55,11 +55,41 @@ export const 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 const 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 const 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 const 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 const 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/es2019/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/es2019/state/hooks/use-ai-summary/ai-summary-service/types.js

@@ -1 +1 @@
-export const 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 const 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/es2019/state/hooks/use-ai-summary/index.js

@@ -31,9 +31,10 @@ export const useAISummary = props => {
   const onError = useCallback((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.
      */
-    const isSloError = reason !== "ACCEPTABLE_USE_VIOLATIONS" && reason !== "HIPAA_CONTENT_DETECTED";
+
+    const isSloError = reason === undefined ? true : !['ACCEPTABLE_USE_VIOLATIONS', 'HIPAA_CONTENT_DETECTED', 'EXCEEDING_CONTEXT_LENGTH_ERROR'].includes(reason);
     fireEvent('operational.summary.failed', {
       reason: reason || null,
       isSloError

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

@@ -16,6 +16,10 @@ export const 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/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.66.0"
+  packageVersion: "26.68.0"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

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

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

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

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

@@ -9,6 +9,7 @@ import { useFlexibleUiAnalyticsContext } from '../../../../../../state/flexible-
 const ServerAction = ({
   action,
   onClick,
+  onError: onErrorCallback,
   ...props
 }) => {
   const [isLoading, setIsLoading] = useState(false);
@@ -45,9 +46,10 @@ const ServerAction = ({
           smartLinkActionType,
           reason: getInvokeFailureReason(err)
         });
+        onErrorCallback === null || onErrorCallback === void 0 ? void 0 : onErrorCallback();
       }
     }
-  }, [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/es2019/view/FlexibleCard/components/actions/automation-action/index.js

@@ -0,0 +1,42 @@
+import _extends from "@babel/runtime/helpers/extends";
+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';
+
+const handleAutomateActionClick = setIsModalOpen => {
+  setIsModalOpen(true);
+};
+const AutomationAction = props => {
+  var _context$actions;
+  const [_isModalOpen, setIsModalOpen] = useState(false);
+  const {
+    formatMessage
+  } = useIntl();
+  // const { connections } = useSmartLinkContext();
+
+  // const env = connections.client.envKey ?? 'prod';
+  const context = useFlexibleUiContext();
+  const data = context === null || context === void 0 ? void 0 : (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[ActionName.AutomationAction];
+  if (!data) {
+    return null;
+  }
+  const automationActionTitle = /*#__PURE__*/React.createElement(FormattedMessage, messages.automation_action_title);
+  const automationActionTooltip = /*#__PURE__*/React.createElement(FormattedMessage, messages.automation_action_tooltip);
+  const 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: () => handleAutomateActionClick(setIsModalOpen)
+  })));
+};
+export default AutomationAction;

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

@@ -0,0 +1,23 @@
+import React from 'react';
+const AutomationManualTriggersGlyph = ({
+  label
+}) => /*#__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/es2019/view/FlexibleCard/components/actions/follow-action/index.js

@@ -9,6 +9,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';
 const importIconMapper = {
   goal: () => import( /* webpackChunkName: "glyphGoal" */'./goal-icon').then(({
     GoalIcon
@@ -37,17 +38,18 @@ const getIconFF = (iconFFEnabled, defaultIcon) => {
   return defaultIcon;
 };
 const FollowAction = props => {
-  var _context$actions, _context$actions2;
+  var _context$actions;
   const context = useFlexibleUiContext();
-  if (!context || !(context !== null && context !== void 0 && (_context$actions = context.actions) !== null && _context$actions !== void 0 && _context$actions[ActionName.FollowAction])) {
+  const actionData = context === null || context === void 0 ? void 0 : (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[ActionName.FollowAction];
+  if (!context || !actionData) {
     return null;
   }
   const {
     value,
+    isProject,
     ...data
-  } = context === null || context === void 0 ? void 0 : (_context$actions2 = context.actions) === null || _context$actions2 === void 0 ? void 0 : _context$actions2[ActionName.FollowAction];
+  } = actionData;
   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;
@@ -69,11 +71,23 @@ const FollowAction = props => {
     testId: `smart-action-follow-action-${stackIconType}-icon`
   });
   const followIcon = isStackItem ? stackIcon : getIconFF(stackIcon, icon);
+  const handleError = () => {
+    const {
+      onError: onErrorCallback
+    } = props;
+    const errorMessage = getFollowActionErrorMessage(isProject, value);
+    onErrorCallback === null || onErrorCallback === void 0 ? 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/es2019/view/FlexibleCard/components/actions/follow-action/utils.js

@@ -0,0 +1,16 @@
+import { messages } from '../../../../../messages';
+export const getFollowActionErrorMessage = (isProject = false, isFollow = 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/es2019/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/es2019/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';
@@ -32,14 +32,14 @@ export const AIFooterMetadata = ({
     grow: "fill"
   }, /*#__PURE__*/React.createElement(Tooltip, {
     content: /*#__PURE__*/React.createElement(FormattedMessage, messages.ai_summarized_info_short),
-    position: "top"
+    position: "bottom"
   }, tooltipProps => /*#__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)"
   }));
 };

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

@@ -60,7 +60,8 @@ const AISummaryBlockResolvedView = props => {
     size = SmartLinkSize.Medium,
     testId,
     aiSummaryMinHeight = 0,
-    metadata
+    metadata,
+    placeholder
   } = props;
   const {
     fireEvent
@@ -91,6 +92,7 @@ const AISummaryBlockResolvedView = props => {
   status === 'loading' && !!content;
   const isSummarisedOnMountRef = useRef(status === 'done');
   const isErroredOnMountRef = useRef(status === 'error');
+  const minHeight = getBooleanFF('platform.linking-platform.smart-card.hover-card-action-redesign') && isSummarisedOnMountRef.current ? 0 : aiSummaryMinHeight;
   useEffect(() => {
     // if the error was apparent on mount and the status is changed to loading we can
     // clear the initial error on mount state
@@ -133,6 +135,9 @@ const AISummaryBlockResolvedView = props => {
       });
     }
   }, [onActionMenuOpenChange]);
+  if (!showAISummary && getBooleanFF('platform.linking-platform.smart-card.hover-card-action-redesign')) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, placeholder);
+  }
   return /*#__PURE__*/React.createElement(Block, _extends({}, props, {
     direction: SmartLinkDirection.Vertical,
     testId: `${testId}-resolved-view`
@@ -146,12 +151,12 @@ const AISummaryBlockResolvedView = props => {
   }), status === 'done' && /*#__PURE__*/React.createElement(AIEventSummaryViewed, {
     fromCache: isSummarisedOnMountRef.current
   }), /*#__PURE__*/React.createElement(MotionWrapper, {
-    minHeight: aiSummaryMinHeight,
+    minHeight: minHeight,
     show: showAISummary,
     showTransition: !isSummarisedOnMountRef.current
   }, /*#__PURE__*/React.createElement(AISummary, {
     testId: `${testId}-ai-summary`,
-    minHeight: aiSummaryMinHeight,
+    minHeight: minHeight,
     content: content,
     showIcon: !getBooleanFF('platform.linking-platform.smart-card.hover-card-action-redesign') && isSummarisedOnMountRef.current
   })), !getBooleanFF('platform.linking-platform.smart-card.hover-card-action-redesign') && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Inline, {

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

@@ -14,6 +14,7 @@ import { getMetadata } from '../utils';
 import HoverCardLoadingView from './views/resolving';
 import HoverCardUnauthorisedView from './views/unauthorised';
 import HoverCardResolvedView from './views/resolved';
+import HoverCardRedesignedResolvedView from './views/resolved/redesign';
 import { FormattedMessage } from 'react-intl-next';
 import { messages } from '../../../messages';
 import { fireLinkClickedEvent } from '../../../utils/analytics/click';
@@ -153,6 +154,18 @@ const HoverCardContent = ({
       });
     }
     if (cardState.status === 'resolved') {
+      if (getBooleanFF('platform.linking-platform.smart-card.hover-card-action-redesign')) {
+        return jsx(HoverCardRedesignedResolvedView, {
+          analytics: analytics,
+          cardState: cardState,
+          extensionKey: extensionKey,
+          flexibleCardProps: flexibleCardProps,
+          isAISummaryEnabled: isAISummaryEnabled,
+          onActionClick: onActionClick,
+          titleBlockProps: titleBlockProps,
+          url: url
+        });
+      }
       return jsx(HoverCardResolvedView, {
         id: id,
         url: url,