@atlaskit/smart-card 27.19.0 → 27.20.0

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import InviteTeamIcon from '@atlaskit/icon/glyph/invite-team';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { ActionName } from '../../../../../constants';
@@ -30,10 +30,8 @@ const getIcon = stackIconType => {
   return importIcon(importFn);
 };
 const getIconFF = (iconFFEnabled, defaultIcon) => {
-  if (getBooleanFF('platform.linking-platform.smart-card.hover-card-action-redesign')) {
-    if (getBooleanFF('platform.linking-platform.smart-card.action-icon-redesign')) {
-      return iconFFEnabled;
-    }
+  if (fg('platform.linking-platform.smart-card.action-icon-redesign')) {
+    return iconFFEnabled;
   }
   return defaultIcon;
 };

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

@@ -11,12 +11,11 @@ import useInvokeClientAction from '../../../../../state/hooks/use-invoke-client-
 import { openEmbedModalWithFlexibleUiIcon } from '../../utils';
 import Action from '../action';
 const getIconFF = () => {
-  if (fg('platform.linking-platform.smart-card.hover-card-action-redesign')) {
-    if (fg('platform.linking-platform.smart-card.action-icon-redesign')) {
-      // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-20003
-      return MediaServicesActualSizeIcon;
-    }
+  if (fg('platform.linking-platform.smart-card.action-icon-redesign')) {
+    // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-20003
+    return MediaServicesActualSizeIcon;
   }
+
   // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-20003
   return VidFullScreenOnIcon;
 };

package/dist/es2019/view/FlexibleCard/components/blocks/action-group/action-group-item/index.js

@@ -43,6 +43,9 @@ const ActionGroupItem = ({
   if (hideIcon) {
     actionProps.icon = undefined;
   }
+  if (item !== null && item !== void 0 && item.entryPointWrapper) {
+    actionProps.wrapper = item.entryPointWrapper;
+  }
   return jsx(Action, _extends({
     asDropDownItem: asDropDownItems,
     size: size,

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

@@ -1,128 +1,33 @@
 import _extends from "@babel/runtime/helpers/extends";
-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';
-import ActionGroup from '../../action-group';
+import React, { useRef } from 'react';
+import { SmartLinkDirection } from '../../../../../../constants';
 import Block from '../../block';
-import ElementGroup from '../../element-group';
 import MotionWrapper from '../../../common/motion-wrapper';
-import AIStateIndicator from '../ai-state-indicator';
-import { renderElementItems } from '../../utils';
-import { messages } from '../../../../../../messages';
 import useAISummaryAction from '../../../../../../state/hooks/use-ai-summary-action';
-import AIIcon from '../../../../../common/ai-icon';
 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 '../../../common/ai-summary/ai-event-error-viewed';
 import { di } from 'react-magnetic-di';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
-import FeatureDiscovery from '../feature-discovery';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
-export const AISummaryBlockErrorIndicator = ({
-  showErrorIndicator,
-  error,
-  showTransition,
-  testId
-}) => /*#__PURE__*/React.createElement(MotionWrapper, {
-  isFadeIn: true,
-  show: showErrorIndicator,
-  showTransition: showTransition
-}, /*#__PURE__*/React.createElement(AIEventErrorViewed, {
-  reason: error
-}), /*#__PURE__*/React.createElement(AIStateIndicator, {
-  error: error,
-  state: "error",
-  testId: testId
-}));
-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 = [],
-    onActionMenuOpenChange,
-    size = SmartLinkSize.Medium,
     testId,
     aiSummaryMinHeight = 0,
-    metadata,
     placeholder,
     url
   } = props;
   const {
-    fireEvent
-  } = useAnalyticsEvents();
-  const {
-    summariseUrl,
     state: {
       content,
-      status,
-      error
+      status
     }
   } = useAISummaryAction(url);
   const showAISummary = status === 'done' ||
   // We want to display the AI Summary component only when there is content available during the loading process.
   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
-    if (isErroredOnMountRef.current && status === 'loading') {
-      isErroredOnMountRef.current = false;
-    }
-  }, [status]);
-  const combinedActions = useMemo(() => {
-    if (status === 'ready' || status === 'error') {
-      const aiAction = {
-        content: /*#__PURE__*/React.createElement(FormattedMessage, messages.ai_summarize),
-        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`,
-        icon: /*#__PURE__*/React.createElement(AIIcon, {
-          label: "AIIcon"
-        }),
-        /**
-         * Enabling feature discovery pulse
-         * Cleanup: https://product-fabric.atlassian.net/browse/EDM-9693
-         */
-        wrapper: FeatureDiscovery
-      };
-      return [aiAction, ...actions];
-    }
-    return actions;
-  }, [actions, status, testId, summariseUrl, fireEvent]);
-  const onDropdownOpenChange = useCallback(isOpen => {
-    if (onActionMenuOpenChange) {
-      onActionMenuOpenChange({
-        isOpen
-      });
-    }
-  }, [onActionMenuOpenChange]);
-  if (!showAISummary && getBooleanFF('platform.linking-platform.smart-card.hover-card-action-redesign')) {
+  const minHeight = isSummarisedOnMountRef.current ? 0 : aiSummaryMinHeight;
+  if (!showAISummary) {
     return /*#__PURE__*/React.createElement(React.Fragment, null, placeholder);
   }
   return /*#__PURE__*/React.createElement(Block, _extends({}, props, {
@@ -146,29 +51,7 @@ const AISummaryBlockResolvedView = props => {
   }, /*#__PURE__*/React.createElement(AISummary, {
     testId: `${testId}-ai-summary`,
     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, {
-    alignBlock: "center",
-    alignInline: "end",
-    grow: "fill",
-    spread: "space-between",
-    testId: `${testId}-footer-metadata`
-  }, /*#__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
-  }))), /*#__PURE__*/React.createElement(AISummaryBlockErrorIndicator, {
-    showErrorIndicator: !isErroredOnMountRef.current && status === 'error',
-    showTransition: !isErroredOnMountRef.current,
-    error: error,
-    testId: `${testId}-error-indicator`
+    content: content
   })));
 };
 export default AISummaryBlockResolvedView;

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

@@ -6,8 +6,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import Popup from '@atlaskit/popup';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import React, { useCallback, useMemo, useRef, useEffect } from 'react';
-import { useSmartLinkActions } from '../../../state/hooks-external/useSmartLinkActions';
+import React, { useCallback, useRef, useEffect } from 'react';
 import { useSmartLinkRenderers } from '../../../state/renderers';
 import { useSmartCardState as useLinkState } from '../../../state/store';
 import HoverCardContent from '../components/HoverCardContent';
@@ -149,18 +148,8 @@ export const HoverCardComponent = ({
       }
     }
   }, [initResolve, isOpen, setMousePosition, noFadeDelay, fadeInDelay]);
-  const linkActions = useSmartLinkActions({
-    url,
-    appearance: CardDisplay.HoverCardPreview,
-    analyticsHandler,
-    origin: HOVER_CARD_SOURCE,
-    actionOptions
-  });
-  const filteredActions = useMemo(() => {
-    return hidePreviewButton ? linkActions.filter(action => action.id !== 'preview-content') : linkActions;
-  }, [hidePreviewButton, linkActions]);
   const onActionClick = useCallback(actionId => {
-    if (actionId === 'preview-content' || actionId === ActionName.PreviewAction || actionId === ActionName.AutomationAction) {
+    if (actionId === ActionName.PreviewAction || actionId === ActionName.AutomationAction) {
       hideCard();
     }
   }, [hideCard]);
@@ -182,7 +171,6 @@ export const HoverCardComponent = ({
     const hoverCardContentProps = {
       onMouseEnter: initShowCard,
       onMouseLeave: initHideCard,
-      cardActions: filteredActions,
       cardState: linkState,
       onActionClick,
       onResolve: update,
@@ -197,7 +185,7 @@ export const HoverCardComponent = ({
       id: id,
       source: HOVER_CARD_SOURCE
     }, jsx(HoverCardContent, hoverCardContentProps));
-  }, [initShowCard, initHideCard, filteredActions, linkState, onActionClick, renderers, actionOptions, url, id]);
+  }, [initShowCard, initHideCard, linkState, onActionClick, renderers, actionOptions, url, id]);
   const trigger = useCallback(triggerProps => jsx("span", {
     ref: parentSpan
   }, jsx("span", _extends({}, triggerProps, {

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

@@ -2,14 +2,12 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
-import CopyIcon from '@atlaskit/icon/core/migration/copy';
 import React, { useCallback, useEffect, useMemo, useRef } from 'react';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
-import { ActionName, CardDisplay, SmartLinkPosition, SmartLinkSize } from '../../../constants';
+import { CardDisplay, SmartLinkPosition, SmartLinkSize } from '../../../constants';
 import { useSmartLinkAnalytics } from '../../../state/analytics';
 import { getExtensionKey, getServices } from '../../../state/helpers';
 import { isSpecialEvent } from '../../../utils';
@@ -17,33 +15,16 @@ import { flexibleUiOptions, titleBlockCss } from '../styled';
 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';
 import { useSmartCardState } from '../../../state/store';
 import HoverCardForbiddenView from './views/forbidden';
 import ContentContainer from './ContentContainer';
 import { getIsAISummaryEnabled } from '../../../utils/ai-summary';
 export const hoverCardClassName = 'smart-links-hover-preview';
-export const getCopyAction = url => ({
-  name: ActionName.CustomAction,
-  icon: jsx(CopyIcon, {
-    label: "copy url",
-    LEGACY_size: "medium",
-    spacing: "spacious",
-    color: "var(--ds-icon, #44546F)"
-  }),
-  iconPosition: 'before',
-  onClick: async () => await navigator.clipboard.writeText(url),
-  tooltipMessage: jsx(FormattedMessage, messages.copy_url_to_clipboard),
-  testId: 'hover-card-copy-button'
-});
 const HoverCardContent = ({
   id = '',
   analytics: _analytics,
-  cardActions = [],
   cardState,
   onActionClick,
   onResolve,
@@ -111,14 +92,12 @@ const HoverCardContent = ({
     });
     fireLinkClickedEvent(createAnalyticsEvent)(event);
   }, [createAnalyticsEvent, cardState.status, analytics.ui, id]);
-  const titleActions = useMemo(() => [getCopyAction(url)], [url]);
   const data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
   const {
     subtitle
   } = getMetadata(extensionKey, data);
   const titleMaxLines = subtitle && subtitle.length > 0 ? 1 : 2;
   const titleBlockProps = {
-    actions: getBooleanFF('platform.linking-platform.smart-card.hover-card-action-redesign') ? undefined : titleActions,
     maxLines: titleMaxLines,
     overrideCss: titleBlockCss,
     size: SmartLinkSize.Large,
@@ -160,29 +139,15 @@ 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,
-        extensionKey: extensionKey,
+      return jsx(HoverCardRedesignedResolvedView, {
         analytics: analytics,
-        cardActions: cardActions,
         cardState: cardState,
+        extensionKey: extensionKey,
         flexibleCardProps: flexibleCardProps,
         isAISummaryEnabled: isAISummaryEnabled,
         onActionClick: onActionClick,
-        titleBlockProps: titleBlockProps
+        titleBlockProps: titleBlockProps,
+        url: url
       });
     }
     return null;

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

@@ -1,7 +1,6 @@
 import { ElementName } from '../../constants';
 import { extractType } from '@atlaskit/link-extractors';
 import { extractOwnedBy } from '../../extractors/flexible/utils';
-import { fg } from '@atlaskit/platform-feature-flags';
 const getSimulatedBetterMetadata = (extensionKey, data) => {
   var _data$Type$includes, _data$Type;
   const types = data ? extractType(data) : undefined;
@@ -86,15 +85,10 @@ const toElementItems = elementNames => {
 };
 export const getMetadata = (extensionKey, data) => {
   const metadata = getSimulatedBetterMetadata(extensionKey, data);
-  const primary = fg('platform.linking-platform.smart-card.hover-card-action-redesign') ? [].concat(metadata.primary, metadata.tertiary) : metadata.primary;
-
-  // `tertiary` should be removed completely during cleanup:
-  // https://product-fabric.atlassian.net/browse/EDM-9556
-  const tertiary = fg('platform.linking-platform.smart-card.hover-card-action-redesign') ? undefined : metadata.tertiary;
+  const primary = [].concat(metadata.primary, metadata.tertiary);
   return {
     subtitle: toElementItems(metadata.subtitle),
     primary: toElementItems(primary),
-    secondary: toElementItems(metadata.secondary),
-    tertiary: toElementItems(tertiary)
+    secondary: toElementItems(metadata.secondary)
   };
 };

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

package/dist/es2019/view/common/ai-icon/index.js

@@ -1,109 +1,49 @@
 import React from 'react';
 import SVG from '@atlaskit/icon/svg';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { B200, B400 } from '@atlaskit/theme/colors';
 /**
  * The bulk of this file is originally from
  * https://bitbucket.org/atlassian/barrel/src/master/ui/platform/ui-kit/ai
  * with modifications
  */
-const AiIcon = props => /*#__PURE__*/React.createElement(SVG, props, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
-  id: "ai_icon_lg0",
-  x1: "21",
-  y1: "12",
-  x2: "17.5",
-  y2: "12",
-  gradientUnits: "userSpaceOnUse"
-}, /*#__PURE__*/React.createElement("stop", {
-  offset: "0.270833",
-  stopColor: `var(--ds-icon-accent-blue, ${B200})`,
-  color: `var(--ds-icon-accent-blue, ${B200})`
-}), /*#__PURE__*/React.createElement("stop", {
-  offset: "1",
-  stopColor: `var(--ds-text-accent-blue, ${B400})`,
-  color: `var(--ds-text-accent-blue, ${B400})`
-})), /*#__PURE__*/React.createElement("linearGradient", {
-  id: "ai_icon_lg1",
-  x1: "12.5",
-  y1: "3",
-  x2: "12.5",
-  y2: "6.5",
-  gradientUnits: "userSpaceOnUse"
-}, /*#__PURE__*/React.createElement("stop", {
-  offset: "0.1875",
-  stopColor: `var(--ds-icon-accent-blue, ${B200})`,
-  color: `var(--ds-icon-accent-blue, ${B200})`
-}), /*#__PURE__*/React.createElement("stop", {
-  offset: "1",
-  stopColor: `var(--ds-text-accent-blue, ${B400})`,
-  color: `var(--ds-text-accent-blue, ${B400})`
-})), /*#__PURE__*/React.createElement("linearGradient", {
-  id: "ai_icon_lg2",
-  x1: "6.82996",
-  y1: "12",
-  x2: "3.32996",
-  y2: "12",
-  gradientUnits: "userSpaceOnUse"
-}, /*#__PURE__*/React.createElement("stop", {
-  stopColor: `var(--ds-text-accent-blue, ${B400})`,
-  color: `var(--ds-text-accent-blue, ${B400})`
-}), /*#__PURE__*/React.createElement("stop", {
-  offset: "0.791667",
-  stopColor: `var(--ds-icon-accent-blue, ${B200})`,
-  color: `var(--ds-icon-accent-blue, ${B200})`
-})), /*#__PURE__*/React.createElement("linearGradient", {
-  id: "ai_icon_lg3",
-  x1: "12.5",
-  y1: "17",
-  x2: "12.5",
-  y2: "21",
-  gradientUnits: "userSpaceOnUse"
-}, /*#__PURE__*/React.createElement("stop", {
-  stopColor: `var(--ds-text-accent-blue, ${B400})`,
-  color: `var(--ds-text-accent-blue, ${B400})`
-}), /*#__PURE__*/React.createElement("stop", {
-  offset: "0.802083",
-  stopColor: `var(--ds-icon-accent-blue, ${B200})`,
-  color: `var(--ds-icon-accent-blue, ${B200})`
-}))), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
+const AiIcon = props => /*#__PURE__*/React.createElement(SVG, props, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
   d: "M17.17 12C17.17 11.4477 17.6177 11 18.17 11H20C20.5523 11 21 11.4477 21 12C21 12.5523 20.5523 13 20 13H18.17C17.6177 13 17.17 12.5523 17.17 12Z",
-  fill: fg('platform.linking-platform.smart-card.hover-card-action-redesign') ? "var(--ds-icon, #44546F)" : 'url(#ai_icon_lg0)'
+  fill: "var(--ds-icon, #44546F)"
 }), /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
   d: "M12 3C12.5523 3 13 3.44772 13 4V5.83C13 6.38228 12.5523 6.83 12 6.83C11.4477 6.83 11 6.38228 11 5.83V4C11 3.44772 11.4477 3 12 3Z",
-  fill: fg('platform.linking-platform.smart-card.hover-card-action-redesign') ? "var(--ds-icon, #44546F)" : 'url(#ai_icon_lg1)'
+  fill: "var(--ds-icon, #44546F)"
 }), /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
   d: "M3 12C3 11.4477 3.44772 11 4 11H5.83C6.38228 11 6.83 11.4477 6.83 12C6.83 12.5523 6.38228 13 5.83 13H4C3.44772 13 3 12.5523 3 12Z",
-  fill: fg('platform.linking-platform.smart-card.hover-card-action-redesign') ? "var(--ds-icon, #44546F)" : 'url(#ai_icon_lg2)'
+  fill: "var(--ds-icon, #44546F)"
 }), /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
   d: "M12 17.17C12.5523 17.17 13 17.6177 13 18.17V20C13 20.5523 12.5523 21 12 21C11.4477 21 11 20.5523 11 20V18.17C11 17.6177 11.4477 17.17 12 17.17Z",
-  fill: fg('platform.linking-platform.smart-card.hover-card-action-redesign') ? "var(--ds-icon, #44546F)" : 'url(#ai_icon_lg3)'
+  fill: "var(--ds-icon, #44546F)"
 }), /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
   d: "M14.2929 14.2929C14.6835 13.9024 15.3166 13.9024 15.7071 14.2929L19.7071 18.2929C20.0977 18.6834 20.0977 19.3166 19.7071 19.7071C19.3166 20.0976 18.6835 20.0976 18.2929 19.7071L14.2929 15.7071C13.9024 15.3166 13.9024 14.6834 14.2929 14.2929Z",
-  fill: fg('platform.linking-platform.smart-card.hover-card-action-redesign') ? "var(--ds-icon, #44546F)" : `var(--ds-icon-accent-blue, ${B200})`
+  fill: "var(--ds-icon, #44546F)"
 }), /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
   d: "M19.7071 4.29289C20.0977 4.68342 20.0977 5.31658 19.7071 5.70711L15.7071 9.70711C15.3166 10.0976 14.6835 10.0976 14.2929 9.70711C13.9024 9.31658 13.9024 8.68342 14.2929 8.29289L18.2929 4.29289C18.6835 3.90237 19.3166 3.90237 19.7071 4.29289Z",
-  fill: fg('platform.linking-platform.smart-card.hover-card-action-redesign') ? "var(--ds-icon, #44546F)" : `var(--ds-icon-accent-blue, ${B200})`
+  fill: "var(--ds-icon, #44546F)"
 }), /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
   d: "M4.29289 4.29289C4.68342 3.90237 5.31658 3.90237 5.70711 4.29289L9.70711 8.29289C10.0976 8.68342 10.0976 9.31658 9.70711 9.70711C9.31658 10.0976 8.68342 10.0976 8.29289 9.70711L4.29289 5.70711C3.90237 5.31658 3.90237 4.68342 4.29289 4.29289Z",
-  fill: fg('platform.linking-platform.smart-card.hover-card-action-redesign') ? "var(--ds-icon, #44546F)" : `var(--ds-icon-accent-blue, ${B200})`
+  fill: "var(--ds-icon, #44546F)"
 }), /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
   d: "M9.70711 14.2929C10.0976 14.6834 10.0976 15.3166 9.70711 15.7071L5.70711 19.7071C5.31658 20.0976 4.68342 20.0976 4.29289 19.7071C3.90237 19.3166 3.90237 18.6834 4.29289 18.2929L8.29289 14.2929C8.68342 13.9024 9.31658 13.9024 9.70711 14.2929Z",
-  fill: fg('platform.linking-platform.smart-card.hover-card-action-redesign') ? "var(--ds-icon, #44546F)" : `var(--ds-icon-accent-blue, ${B200})`
+  fill: "var(--ds-icon, #44546F)"
 })));
 export default AiIcon;

package/dist/es2019/view/common/ai-summary/index.js

@@ -5,13 +5,7 @@
 import Markdown from 'markdown-to-jsx';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import AIStateIndicator from '../../FlexibleCard/components/blocks/ai-summary-block/ai-state-indicator';
 import UList from './ulist';
-const AITooltipIcon = () => jsx(AIStateIndicator, {
-  appearance: "icon-only",
-  state: "done",
-  testId: "ai-tooltip"
-});
 const AISummaryCSSStyles = css({
   fontSize: '0.75rem',
   lineHeight: '1rem',
@@ -31,8 +25,6 @@ const AISummaryCSSStyles = css({
 
 const AISummary = ({
   content = '',
-  showIcon = false,
-  iconComponent,
   overrideCss,
   testId = 'ai-summary',
   minHeight = 0
@@ -43,11 +35,10 @@ const AISummary = ({
   return jsx(Markdown, {
     "data-testid": testId,
     css: [AISummaryCSSStyles, overrideCss],
-    children: showIcon ? `${content}&nbsp;<Icon />` : content,
+    children: content,
     options: {
       forceWrapper: true,
       overrides: {
-        Icon: iconComponent !== null && iconComponent !== void 0 ? iconComponent : AITooltipIcon,
         ul: UList
       }
     },

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

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

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["value", "isProject"];
 import InviteTeamIcon from '@atlaskit/icon/glyph/invite-team';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { ActionName } from '../../../../../constants';
@@ -38,10 +38,8 @@ var getIcon = function getIcon(stackIconType) {
   return importIcon(importFn);
 };
 var getIconFF = function getIconFF(iconFFEnabled, defaultIcon) {
-  if (getBooleanFF('platform.linking-platform.smart-card.hover-card-action-redesign')) {
-    if (getBooleanFF('platform.linking-platform.smart-card.action-icon-redesign')) {
-      return iconFFEnabled;
-    }
+  if (fg('platform.linking-platform.smart-card.action-icon-redesign')) {
+    return iconFFEnabled;
   }
   return defaultIcon;
 };

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

@@ -18,12 +18,11 @@ import useInvokeClientAction from '../../../../../state/hooks/use-invoke-client-
 import { openEmbedModalWithFlexibleUiIcon } from '../../utils';
 import Action from '../action';
 var getIconFF = function getIconFF() {
-  if (fg('platform.linking-platform.smart-card.hover-card-action-redesign')) {
-    if (fg('platform.linking-platform.smart-card.action-icon-redesign')) {
-      // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-20003
-      return MediaServicesActualSizeIcon;
-    }
+  if (fg('platform.linking-platform.smart-card.action-icon-redesign')) {
+    // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-20003
+    return MediaServicesActualSizeIcon;
   }
+
   // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-20003
   return VidFullScreenOnIcon;
 };

package/dist/esm/view/FlexibleCard/components/blocks/action-group/action-group-item/index.js

@@ -43,6 +43,9 @@ var ActionGroupItem = function ActionGroupItem(_ref) {
   if (hideIcon) {
     actionProps.icon = undefined;
   }
+  if (item !== null && item !== void 0 && item.entryPointWrapper) {
+    actionProps.wrapper = item.entryPointWrapper;
+  }
   return jsx(Action, _extends({
     asDropDownItem: asDropDownItems,
     size: size,