@atlaskit/smart-card 26.51.0 → 26.52.1

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

@@ -1,20 +1,22 @@
 import _extends from "@babel/runtime/helpers/extends";
 import InviteTeamIcon from '@atlaskit/icon/glyph/invite-team';
-import React, { useContext } from 'react';
+import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
+import { ActionName } from '../../../../../constants';
 import { messages } from '../../../../../messages';
-import { FlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import ServerAction from '../action/server-action';
 import UnfollowIcon from './unfollow-icon';
 const FollowAction = props => {
-  const context = useContext(FlexibleUiContext);
-  if (!context || !context.followAction) {
+  var _context$actions, _context$actions2;
+  const context = useFlexibleUiContext();
+  if (!context || !(context !== null && context !== void 0 && (_context$actions = context.actions) !== null && _context$actions !== void 0 && _context$actions[ActionName.FollowAction])) {
     return null;
   }
   const {
     value,
     ...data
-  } = context.followAction;
+  } = context === null || context === void 0 ? void 0 : (_context$actions2 = context.actions) === null || _context$actions2 === void 0 ? void 0 : _context$actions2[ActionName.FollowAction];
   const message = value ? messages.follow : messages.unfollow;
   const icon = value ? /*#__PURE__*/React.createElement(InviteTeamIcon, {
     label: "Follow"

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

@@ -2,6 +2,7 @@ import { ActionName } from '../../../../constants';
 import { createDataAction, createUIAction } from './utils';
 export { default as FollowAction } from './follow-action';
 export { default as PreviewAction } from './preview-action';
+export { default as DownloadAction } from './download-action';
 
 /**
  * Creates a DeleteAction component. Accepts default ActionProps, but defaults
@@ -23,13 +24,6 @@ export const EditAction = createUIAction(ActionName.EditAction);
  */
 export const ViewAction = createDataAction(ActionName.ViewAction);
 
-/**
- * Creates a DownloadAction component. Accepts default DownloadActionProps, and defaults
- * to the text 'Download' inside the button.
- * @see Action
- */
-export const DownloadAction = createDataAction(ActionName.DownloadAction);
-
 /**
  * Creates a CustomAction component. Accepts default ActionProps. Required to provide
  * your own icon or text.

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

@@ -9,8 +9,6 @@ import CrossIcon from '@atlaskit/icon/glyph/cross';
 import EditIcon from '@atlaskit/icon/glyph/edit';
 import ViewAction from './action/view-action';
 import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
-import DownloadAction from './action/download-action';
-import DownloadIcon from '@atlaskit/icon/glyph/download';
 const actionMappings = {
   [ActionName.CustomAction]: {
     component: Action,
@@ -48,17 +46,6 @@ const actionMappings = {
       }),
       tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, messages.view)
     }
-  },
-  [ActionName.DownloadAction]: {
-    component: DownloadAction,
-    props: {
-      testId: 'smart-action-download-action',
-      content: /*#__PURE__*/React.createElement(FormattedMessage, messages.download),
-      icon: /*#__PURE__*/React.createElement(DownloadIcon, {
-        label: "Download"
-      }),
-      tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, messages.download)
-    }
   }
 };
 const getContextKey = name => {
@@ -73,7 +60,6 @@ const getActionData = (actionName, contextKey, context) => {
   const data = context[contextKey];
   switch (actionName) {
     case ActionName.ViewAction:
-    case ActionName.DownloadAction:
       return data;
     default:
       return undefined;

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

@@ -10,6 +10,13 @@ const AIEventSummaryViewed = ({
     fireEvent('ui.summary.viewed', {
       fromCache
     });
+    if (fromCache) {
+      fireEvent('track.aiInteraction.initiated', {
+        aiFeatureName: 'Smart Links Summary',
+        proactiveAIGenerated: 1,
+        userGeneratedAI: 0
+      });
+    }
   }, [fireEvent, fromCache]);
   return null;
 };

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

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React, { useCallback, useMemo, useRef, useState, useEffect } from 'react';
+import React, { useCallback, useMemo, useRef, useEffect } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { Box, Inline } from '@atlaskit/primitives';
 import { ActionName, SmartLinkDirection, SmartLinkSize, SmartLinkWidth } from '../../../../../../constants';
@@ -16,16 +16,46 @@ import AISummary from '../../../../../common/ai-summary';
 import { useAnalyticsEvents } from '../../../../../../common/analytics/generated/use-analytics-events';
 import AIEventSummaryViewed from '../ai-event-summary-viewed';
 import AIEventErrorViewed from '../ai-event-error-viewed';
+import { di } from 'react-magnetic-di';
+export const AISummaryBlockErrorIndicator = ({
+  showErrorIndicator,
+  error,
+  testId
+}) => {
+  return showErrorIndicator ? /*#__PURE__*/React.createElement(Inline, {
+    grow: "fill"
+  }, /*#__PURE__*/React.createElement(AIEventErrorViewed, {
+    reason: error
+  }), /*#__PURE__*/React.createElement(AIStateIndicator, {
+    error: error,
+    state: 'error',
+    testId: testId
+  })) : null;
+};
+export const AISummaryBlockStatusIndicator = ({
+  showStatusIndicator,
+  metadata,
+  status,
+  testId
+}) => {
+  const metadataElements = renderElementItems(metadata);
+  return showStatusIndicator ? /*#__PURE__*/React.createElement(AIStateIndicator, {
+    state: status,
+    testId: `${testId}-state-indicator`
+  }) : /*#__PURE__*/React.createElement(ElementGroup, {
+    width: SmartLinkWidth.FitToContent,
+    testId: `${testId}-metadata-group`
+  }, metadataElements);
+};
 const AISummaryBlockResolvedView = props => {
   const {
     actions = [],
-    metadata,
     onActionMenuOpenChange,
     size = SmartLinkSize.Medium,
     testId,
-    aiSummaryMinHeight
+    aiSummaryMinHeight,
+    metadata
   } = props;
-  const metadataElements = renderElementItems(metadata);
   const {
     fireEvent
   } = useAnalyticsEvents();
@@ -48,15 +78,11 @@ const AISummaryBlockResolvedView = props => {
   status === 'loading' && !!content;
   const isSummarisedOnMountRef = useRef(status === 'done');
   const isErroredOnMountRef = useRef(status === 'error');
-  const [showAISummaryErrorMessage, setShowAISummaryErrorMessage] = useState(false);
   useEffect(() => {
     // if the error was apparent on mount and the status is changed to loading we can
     // clear the initial error on mount state
     if (isErroredOnMountRef.current && status === 'loading') {
       isErroredOnMountRef.current = false;
-    } else {
-      // if a new error occurs and it was not an apparent error on mount, we can show the error message
-      setShowAISummaryErrorMessage(!isErroredOnMountRef.current && status === 'error');
     }
   }, [status]);
   const combinedActions = useMemo(() => {
@@ -66,6 +92,11 @@ const AISummaryBlockResolvedView = props => {
         name: ActionName.CustomAction,
         onClick: () => {
           fireEvent('ui.button.clicked.aiSummary', {});
+          fireEvent('track.aiInteraction.initiated', {
+            aiFeatureName: 'Smart Links Summary',
+            proactiveAIGenerated: 0,
+            userGeneratedAI: 1
+          });
           summariseUrl();
         },
         testId: `${testId}-ai-summary-action`,
@@ -99,25 +130,20 @@ const AISummaryBlockResolvedView = props => {
     alignInline: "end",
     grow: "fill",
     spread: "space-between"
-  }, /*#__PURE__*/React.createElement(Box, null, !isSummarisedOnMountRef.current && (status === 'loading' || status === 'done') ? /*#__PURE__*/React.createElement(AIStateIndicator, {
-    state: status,
-    testId: `${testId}-state-indicator`
-  }) : /*#__PURE__*/React.createElement(ElementGroup, {
-    width: SmartLinkWidth.FitToContent,
-    testId: `${testId}-metadata-group`
-  }, metadataElements)), /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(ActionGroup, {
+  }, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(AISummaryBlockStatusIndicator, {
+    metadata: metadata,
+    showStatusIndicator: !isSummarisedOnMountRef.current && (status === 'loading' || status === 'done'),
+    status: status,
+    testId: testId
+  })), /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(ActionGroup, {
     onDropdownOpenChange: onDropdownOpenChange,
     items: combinedActions,
     appearance: "default",
     size: size
-  }))), showAISummaryErrorMessage && /*#__PURE__*/React.createElement(Inline, {
-    grow: "fill"
-  }, /*#__PURE__*/React.createElement(AIEventErrorViewed, {
-    reason: error
-  }), /*#__PURE__*/React.createElement(AIStateIndicator, {
+  }))), /*#__PURE__*/React.createElement(AISummaryBlockErrorIndicator, {
+    showErrorIndicator: !isErroredOnMountRef.current && status === 'error',
     error: error,
-    state: status,
     testId: testId
-  })));
+  }));
 };
 export default AISummaryBlockResolvedView;

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

@@ -130,14 +130,6 @@ export const filterActionItems = (items = [], context) => {
       case ActionName.CustomAction:
         // Named and custom actions that user defines.
         return Boolean(ActionName[item.name]);
-      case ActionName.DownloadAction:
-        // Remove once DownloadAction is refactored to context.action
-        // https://product-fabric.atlassian.net/browse/EDM-9545
-        return Boolean(context === null || context === void 0 ? void 0 : context.downloadAction);
-      // Remove once FollowAction is refactored to context.action
-      // https://product-fabric.atlassian.net/browse/EDM-9559
-      case ActionName.FollowAction:
-        return Boolean(context === null || context === void 0 ? void 0 : context.followAction);
       // Remove once ViewAction is retired
       // https://product-fabric.atlassian.net/browse/EDM-9547
       case ActionName.ViewAction:

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

@@ -9,6 +9,7 @@ import { hoverCardClassName } from './HoverCardContent';
 import { useAISummary } from '../../../state/hooks/use-ai-summary';
 import { useSmartCardState } from '../../../state/store';
 import { extractAri, extractLink } from '@atlaskit/link-extractors';
+import { di } from 'react-magnetic-di';
 const ConnectedAIPrismContainer = ({
   children,
   isAIEnabled = false,

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

@@ -14,6 +14,7 @@ import { getCanBeDatasource } from '../../../../../state/helpers';
 import { useAISummary } from '../../../../../state/hooks/use-ai-summary';
 import { extractAri, extractLink } from '@atlaskit/link-extractors';
 import { SmartLinkStatus } from '../../../../../constants';
+import { di } from 'react-magnetic-di';
 export const toFooterActions = (cardActions, onActionClick) => {
   const followAction = {
     hideIcon: true,

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

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

@@ -1,8 +1,11 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { ActionName } from '../../../constants';
+import { extractDownloadAction } from './extract-download-action';
 import { extractPreviewAction } from './extract-preview-action';
-var extractActions = function extractActions(response, actionOptions) {
-  var action = _defineProperty({}, ActionName.PreviewAction, extractPreviewAction(response, actionOptions));
+import extractFollowAction from './extract-follow-action';
+var extractActions = function extractActions(response, data, actionOptions, id) {
+  var _action;
+  var action = (_action = {}, _defineProperty(_action, ActionName.PreviewAction, extractPreviewAction(response, actionOptions)), _defineProperty(_action, ActionName.DownloadAction, extractDownloadAction(data, actionOptions)), _defineProperty(_action, ActionName.FollowAction, extractFollowAction(response, actionOptions, id)), _action);
   return Object.values(action).some(function (value) {
     return Boolean(value);
   }) ? action : undefined;

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

@@ -1,6 +1,5 @@
 import { extractSummary } from '../common/primitives';
 import extractActions from './actions';
-import extractFollowAction from './actions/extract-follow-action';
 import { extractLinkIcon } from './icon';
 import { extractAttachmentCount, extractChecklistProgress, extractCommentCount, extractCreatedBy, extractModifiedBy, extractProgrammingLanguage, extractSubscriberCount, extractViewCount, extractReactCount, extractVoteCount, extractSourceBranch, extractTargetBranch, extractDueOn, extractLocation, extractOwnedBy, extractAssignedTo, extractSubTasksProgress, extractStoryPoints, extractReadTime, extractSentOn, extractPersonAssignedToAsArray } from './utils';
 import { extractPersonsUpdatedBy } from './collaboratorGroup';
@@ -10,7 +9,6 @@ import extractProviderIcon from './icon/extract-provider-icon';
 import extractPreview from './extract-preview';
 import extractState from './extract-state';
 import { extractLatestCommit } from './latest-commit';
-import { extractDownloadAction } from './actions/extract-download-action';
 import { extractViewAction } from './actions/extract-view-action';
 var extractFlexibleUiContext = function extractFlexibleUiContext() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
@@ -24,7 +22,7 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
   var data = response.data;
   var url = extractLink(data);
   return {
-    actions: extractActions(response, actionOptions),
+    actions: extractActions(response, data, actionOptions, id),
     assignedToGroup: extractPersonAssignedToAsArray(data),
     attachmentCount: extractAttachmentCount(data),
     authorGroup: extractPersonCreatedBy(data),
@@ -40,9 +38,7 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
     assignedTo: extractAssignedTo(data),
     createdOn: extractDateCreated(data),
     dueOn: extractDueOn(data),
-    followAction: extractFollowAction(response, actionOptions, id),
     viewAction: extractViewAction(data, actionOptions),
-    downloadAction: extractDownloadAction(data, actionOptions),
     latestCommit: extractLatestCommit(data),
     linkIcon: extractLinkIcon(response, renderers),
     location: extractLocation(data),

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

package/dist/esm/view/BlockCard/views/flexible/FlexibleNotFoundView.js

@@ -40,7 +40,6 @@ var FlexibleNotFoundView = function FlexibleNotFoundView(_ref) {
     };
   }, []);
   return /*#__PURE__*/React.createElement(UnresolvedView, _extends({}, props, {
-    showPreview: true,
     testId: testId,
     title: title
   }), /*#__PURE__*/React.createElement(LockIcon, {

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

@@ -0,0 +1,66 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["onClick"];
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { useCallback } from 'react';
+import { downloadUrl as download } from '../../../../../utils';
+import { FormattedMessage } from 'react-intl-next';
+import { ActionName } from '../../../../../constants';
+import { messages } from '../../../../../messages';
+import Action from '../action';
+import { useFlexibleUiAnalyticsContext, useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import useInvokeClientAction from '../../../../../state/hooks/use-invoke-client-action';
+import DownloadIcon from '@atlaskit/icon/glyph/download';
+var DownloadAction = function DownloadAction(_ref) {
+  var _context$actions;
+  var onClickCallback = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var context = useFlexibleUiContext();
+  var analytics = useFlexibleUiAnalyticsContext();
+  var invoke = useInvokeClientAction({
+    analytics: analytics
+  });
+  var data = context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[ActionName.DownloadAction];
+  var onClick = useCallback(function () {
+    if (data !== null && data !== void 0 && data.downloadUrl) {
+      invoke({
+        actionType: ActionName.DownloadAction,
+        actionFn: function () {
+          var _actionFn = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+            return _regeneratorRuntime.wrap(function _callee$(_context) {
+              while (1) switch (_context.prev = _context.next) {
+                case 0:
+                  return _context.abrupt("return", download(data === null || data === void 0 ? void 0 : data.downloadUrl));
+                case 1:
+                case "end":
+                  return _context.stop();
+              }
+            }, _callee);
+          }));
+          function actionFn() {
+            return _actionFn.apply(this, arguments);
+          }
+          return actionFn;
+        }(),
+        // These values have already been set in analytics context.
+        // We only pass these here for ufo experience.
+        display: analytics === null || analytics === void 0 ? void 0 : analytics.display,
+        extensionKey: analytics === null || analytics === void 0 ? void 0 : analytics.extensionKey
+      });
+      if (onClickCallback) {
+        onClickCallback();
+      }
+    }
+  }, [analytics, data === null || data === void 0 ? void 0 : data.downloadUrl, invoke, onClickCallback]);
+  return data ? /*#__PURE__*/React.createElement(Action, _extends({
+    content: /*#__PURE__*/React.createElement(FormattedMessage, messages.download),
+    icon: /*#__PURE__*/React.createElement(DownloadIcon, {
+      label: "Download"
+    }),
+    onClick: onClick,
+    testId: "smart-action-download-action",
+    tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, messages.download)
+  }, data, props)) : null;
+};
+export default DownloadAction;

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

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

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

@@ -2,20 +2,22 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["value"];
 import InviteTeamIcon from '@atlaskit/icon/glyph/invite-team';
-import React, { useContext } from 'react';
+import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
+import { ActionName } from '../../../../../constants';
 import { messages } from '../../../../../messages';
-import { FlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import ServerAction from '../action/server-action';
 import UnfollowIcon from './unfollow-icon';
 var FollowAction = function FollowAction(props) {
-  var context = useContext(FlexibleUiContext);
-  if (!context || !context.followAction) {
+  var _context$actions, _context$actions2;
+  var context = useFlexibleUiContext();
+  if (!context || !(context !== null && context !== void 0 && (_context$actions = context.actions) !== null && _context$actions !== void 0 && _context$actions[ActionName.FollowAction])) {
     return null;
   }
-  var _context$followAction = context.followAction,
-    value = _context$followAction.value,
-    data = _objectWithoutProperties(_context$followAction, _excluded);
+  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 message = value ? messages.follow : messages.unfollow;
   var icon = value ? /*#__PURE__*/React.createElement(InviteTeamIcon, {
     label: "Follow"

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

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

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

@@ -2,6 +2,7 @@ import { ActionName } from '../../../../constants';
 import { createDataAction, createUIAction } from './utils';
 export { default as FollowAction } from './follow-action';
 export { default as PreviewAction } from './preview-action';
+export { default as DownloadAction } from './download-action';
 
 /**
  * Creates a DeleteAction component. Accepts default ActionProps, but defaults
@@ -23,13 +24,6 @@ export var EditAction = createUIAction(ActionName.EditAction);
  */
 export var ViewAction = createDataAction(ActionName.ViewAction);
 
-/**
- * Creates a DownloadAction component. Accepts default DownloadActionProps, and defaults
- * to the text 'Download' inside the button.
- * @see Action
- */
-export var DownloadAction = createDataAction(ActionName.DownloadAction);
-
 /**
  * Creates a CustomAction component. Accepts default ActionProps. Required to provide
  * your own icon or text.

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

@@ -14,8 +14,6 @@ import CrossIcon from '@atlaskit/icon/glyph/cross';
 import EditIcon from '@atlaskit/icon/glyph/edit';
 import ViewAction from './action/view-action';
 import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
-import DownloadAction from './action/download-action';
-import DownloadIcon from '@atlaskit/icon/glyph/download';
 var actionMappings = (_actionMappings = {}, _defineProperty(_actionMappings, ActionName.CustomAction, {
   component: Action,
   props: {}
@@ -49,16 +47,6 @@ var actionMappings = (_actionMappings = {}, _defineProperty(_actionMappings, Act
     }),
     tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, messages.view)
   }
-}), _defineProperty(_actionMappings, ActionName.DownloadAction, {
-  component: DownloadAction,
-  props: {
-    testId: 'smart-action-download-action',
-    content: /*#__PURE__*/React.createElement(FormattedMessage, messages.download),
-    icon: /*#__PURE__*/React.createElement(DownloadIcon, {
-      label: "Download"
-    }),
-    tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, messages.download)
-  }
 }), _actionMappings);
 var getContextKey = function getContextKey(name) {
   // Attempt to predict context prop name in advance to reduce the amount of
@@ -72,7 +60,6 @@ var getActionData = function getActionData(actionName, contextKey, context) {
   var data = context[contextKey];
   switch (actionName) {
     case ActionName.ViewAction:
-    case ActionName.DownloadAction:
       return data;
     default:
       return undefined;

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

@@ -9,6 +9,13 @@ var AIEventSummaryViewed = function AIEventSummaryViewed(_ref) {
     fireEvent('ui.summary.viewed', {
       fromCache: fromCache
     });
+    if (fromCache) {
+      fireEvent('track.aiInteraction.initiated', {
+        aiFeatureName: 'Smart Links Summary',
+        proactiveAIGenerated: 1,
+        userGeneratedAI: 0
+      });
+    }
   }, [fireEvent, fromCache]);
   return null;
 };

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

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useCallback, useMemo, useRef, useState, useEffect } from 'react';
+import React, { useCallback, useMemo, useRef, useEffect } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { Box, Inline } from '@atlaskit/primitives';
 import { ActionName, SmartLinkDirection, SmartLinkSize, SmartLinkWidth } from '../../../../../../constants';
@@ -18,16 +17,44 @@ import AISummary from '../../../../../common/ai-summary';
 import { useAnalyticsEvents } from '../../../../../../common/analytics/generated/use-analytics-events';
 import AIEventSummaryViewed from '../ai-event-summary-viewed';
 import AIEventErrorViewed from '../ai-event-error-viewed';
+import { di } from 'react-magnetic-di';
+export var AISummaryBlockErrorIndicator = function AISummaryBlockErrorIndicator(_ref) {
+  var showErrorIndicator = _ref.showErrorIndicator,
+    error = _ref.error,
+    testId = _ref.testId;
+  return showErrorIndicator ? /*#__PURE__*/React.createElement(Inline, {
+    grow: "fill"
+  }, /*#__PURE__*/React.createElement(AIEventErrorViewed, {
+    reason: error
+  }), /*#__PURE__*/React.createElement(AIStateIndicator, {
+    error: error,
+    state: 'error',
+    testId: testId
+  })) : null;
+};
+export var AISummaryBlockStatusIndicator = function AISummaryBlockStatusIndicator(_ref2) {
+  var showStatusIndicator = _ref2.showStatusIndicator,
+    metadata = _ref2.metadata,
+    status = _ref2.status,
+    testId = _ref2.testId;
+  var metadataElements = renderElementItems(metadata);
+  return showStatusIndicator ? /*#__PURE__*/React.createElement(AIStateIndicator, {
+    state: status,
+    testId: "".concat(testId, "-state-indicator")
+  }) : /*#__PURE__*/React.createElement(ElementGroup, {
+    width: SmartLinkWidth.FitToContent,
+    testId: "".concat(testId, "-metadata-group")
+  }, metadataElements);
+};
 var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
   var _props$actions = props.actions,
     actions = _props$actions === void 0 ? [] : _props$actions,
-    metadata = props.metadata,
     onActionMenuOpenChange = props.onActionMenuOpenChange,
     _props$size = props.size,
     size = _props$size === void 0 ? SmartLinkSize.Medium : _props$size,
     testId = props.testId,
-    aiSummaryMinHeight = props.aiSummaryMinHeight;
-  var metadataElements = renderElementItems(metadata);
+    aiSummaryMinHeight = props.aiSummaryMinHeight,
+    metadata = props.metadata;
   var _useAnalyticsEvents = useAnalyticsEvents(),
     fireEvent = _useAnalyticsEvents.fireEvent;
   var context = useFlexibleUiContext();
@@ -47,18 +74,11 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
   status === 'loading' && !!content;
   var isSummarisedOnMountRef = useRef(status === 'done');
   var isErroredOnMountRef = useRef(status === 'error');
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    showAISummaryErrorMessage = _useState2[0],
-    setShowAISummaryErrorMessage = _useState2[1];
   useEffect(function () {
     // if the error was apparent on mount and the status is changed to loading we can
     // clear the initial error on mount state
     if (isErroredOnMountRef.current && status === 'loading') {
       isErroredOnMountRef.current = false;
-    } else {
-      // if a new error occurs and it was not an apparent error on mount, we can show the error message
-      setShowAISummaryErrorMessage(!isErroredOnMountRef.current && status === 'error');
     }
   }, [status]);
   var combinedActions = useMemo(function () {
@@ -68,6 +88,11 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
         name: ActionName.CustomAction,
         onClick: function onClick() {
           fireEvent('ui.button.clicked.aiSummary', {});
+          fireEvent('track.aiInteraction.initiated', {
+            aiFeatureName: 'Smart Links Summary',
+            proactiveAIGenerated: 0,
+            userGeneratedAI: 1
+          });
           summariseUrl();
         },
         testId: "".concat(testId, "-ai-summary-action"),
@@ -101,25 +126,20 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
     alignInline: "end",
     grow: "fill",
     spread: "space-between"
-  }, /*#__PURE__*/React.createElement(Box, null, !isSummarisedOnMountRef.current && (status === 'loading' || status === 'done') ? /*#__PURE__*/React.createElement(AIStateIndicator, {
-    state: status,
-    testId: "".concat(testId, "-state-indicator")
-  }) : /*#__PURE__*/React.createElement(ElementGroup, {
-    width: SmartLinkWidth.FitToContent,
-    testId: "".concat(testId, "-metadata-group")
-  }, metadataElements)), /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(ActionGroup, {
+  }, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(AISummaryBlockStatusIndicator, {
+    metadata: metadata,
+    showStatusIndicator: !isSummarisedOnMountRef.current && (status === 'loading' || status === 'done'),
+    status: status,
+    testId: testId
+  })), /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(ActionGroup, {
     onDropdownOpenChange: onDropdownOpenChange,
     items: combinedActions,
     appearance: "default",
     size: size
-  }))), showAISummaryErrorMessage && /*#__PURE__*/React.createElement(Inline, {
-    grow: "fill"
-  }, /*#__PURE__*/React.createElement(AIEventErrorViewed, {
-    reason: error
-  }), /*#__PURE__*/React.createElement(AIStateIndicator, {
+  }))), /*#__PURE__*/React.createElement(AISummaryBlockErrorIndicator, {
+    showErrorIndicator: !isErroredOnMountRef.current && status === 'error',
     error: error,
-    state: status,
     testId: testId
-  })));
+  }));
 };
 export default AISummaryBlockResolvedView;

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

@@ -99,14 +99,6 @@ export var filterActionItems = function filterActionItems() {
       case ActionName.CustomAction:
         // Named and custom actions that user defines.
         return Boolean(ActionName[item.name]);
-      case ActionName.DownloadAction:
-        // Remove once DownloadAction is refactored to context.action
-        // https://product-fabric.atlassian.net/browse/EDM-9545
-        return Boolean(context === null || context === void 0 ? void 0 : context.downloadAction);
-      // Remove once FollowAction is refactored to context.action
-      // https://product-fabric.atlassian.net/browse/EDM-9559
-      case ActionName.FollowAction:
-        return Boolean(context === null || context === void 0 ? void 0 : context.followAction);
       // Remove once ViewAction is retired
       // https://product-fabric.atlassian.net/browse/EDM-9547
       case ActionName.ViewAction: