@atlaskit/smart-card 43.27.0 → 43.27.2

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

@@ -30,18 +30,22 @@ const PreviewAction = ({
   const actionIcon = useCallback(() => {
     // Only use panel icon if experiment is enabled and hasPreviewPanel is true
     if (expValEquals('platform_hover_card_preview_panel', 'cohort', 'test') && hasPreviewPanel) {
-      return /*#__PURE__*/React.createElement(PanelRightIcon, {
+      return /*#__PURE__*/React.createElement(PanelRightIcon, _extends({
         color: "currentColor",
         spacing: "spacious",
         label: fg('navx-3698-flexible-card-a11y-fix') ? '' : 'Open preview panel'
-      });
+      }, fg('platform_sl_3p_auth_rovo_action_kill_switch') ? {
+        size: props.iconSize
+      } : {}));
     }
-    return /*#__PURE__*/React.createElement(MediaServicesActualSizeIcon, {
+    return /*#__PURE__*/React.createElement(MediaServicesActualSizeIcon, _extends({
       color: "currentColor",
       spacing: "spacious",
       label: fg('navx-3698-flexible-card-a11y-fix') ? '' : 'Open preview'
-    });
-  }, [hasPreviewPanel]);
+    }, fg('platform_sl_3p_auth_rovo_action_kill_switch') ? {
+      size: props.iconSize
+    } : {}));
+  }, [hasPreviewPanel, props.iconSize]);
   const actionLabel = useCallback(() => {
     // Only use panel message if experiment is enabled and hasPreviewPanel is true
     if (expValEquals('platform_hover_card_preview_panel', 'cohort', 'test') && hasPreviewPanel) {

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

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { lazy, useCallback } from 'react';
 import { FormattedMessage } from 'react-intl-next';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnalyticsEvents } from '../../../../../common/analytics/generated/use-analytics-events';
 import { messages } from '../../../../../messages';
 import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
@@ -32,8 +33,13 @@ const ViewRelatedLinksAction = ({
     onClickCallback === null || onClickCallback === void 0 ? void 0 : onClickCallback();
   }, [actionData === null || actionData === void 0 ? void 0 : actionData.ari, fireEvent, modal, onClickCallback]);
   return actionData ? /*#__PURE__*/React.createElement(Action, _extends({
-    content: /*#__PURE__*/React.createElement(FormattedMessage, messages.related_links_view_related_links),
-    icon: /*#__PURE__*/React.createElement(RelatedLinksActionIcon, null),
+    content: /*#__PURE__*/React.createElement(FormattedMessage, messages.related_links_view_related_links)
+  }, fg('platform_sl_3p_auth_rovo_action_kill_switch') ? {
+    tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, messages.related_links_view_related_links)
+  } : {}, {
+    icon: /*#__PURE__*/React.createElement(RelatedLinksActionIcon, fg('platform_sl_3p_auth_rovo_action_kill_switch') ? {
+      iconSize: props.iconSize
+    } : {}),
     onClick: onClick,
     testId: "smart-action-view-related-links-action",
     ariaLabel: "View most recent pages or content types coming from or found on this link"

package/dist/es2019/view/FlexibleCard/components/actions/view-related-links-action/related-links-action-icon/index.js

@@ -1,9 +1,12 @@
 import React from 'react';
 import ClockIcon from '@atlaskit/icon/core/clock';
 import { fg } from '@atlaskit/platform-feature-flags';
-const RelatedLinksActionIcon = () => /*#__PURE__*/React.createElement(ClockIcon, {
+const RelatedLinksActionIcon = ({
+  iconSize
+}) => /*#__PURE__*/React.createElement(ClockIcon, {
   color: "currentColor",
   spacing: "spacious",
-  label: fg('navx-3698-flexible-card-a11y-fix') ? '' : 'View related links...'
+  label: fg('navx-3698-flexible-card-a11y-fix') ? '' : 'View related links...',
+  size: iconSize
 });
 export default RelatedLinksActionIcon;

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

@@ -4,9 +4,11 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useMemo, useState } from 'react';
 import { di } from 'react-magnetic-di';
+import { FadeIn, StaggeredEntrance } from '@atlaskit/motion';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { InternalActionName, SmartLinkSize } from '../../../../../constants';
 import { useFlexibleUiContext, useFlexibleUiOptionContext } from '../../../../../state/flexible-ui-context';
+import useAISummaryAction from '../../../../../state/hooks/use-ai-summary-action';
 import * as Actions from '../../actions';
 import { ActionFooter } from './action-footer';
 const ignoreContainerPaddingStyles = null;
@@ -52,6 +54,7 @@ const ActionBlock = ({
   var _context$actions;
   const context = useFlexibleUiContext();
   const ui = useFlexibleUiOptionContext();
+  const url = context === null || context === void 0 ? void 0 : context.url;
   const isRovoChatActionAvailable = is3PAuthRovoActionsExperimentOn && fg('platform_sl_3p_auth_rovo_action_kill_switch') ? (context === null || context === void 0 ? void 0 : (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[InternalActionName.RovoChatAction]) !== undefined : undefined;
   const [message, setMessage] = useState();
   const [isLoading, setIsLoading] = useState(false);
@@ -72,9 +75,18 @@ const ActionBlock = ({
     }
     const arr = fg('platform_sl_3p_auth_rovo_action_kill_switch') ? is3PAuthRovoActionsExperimentOn && isRovoChatActionAvailable ? [InternalActionName.RovoChatAction] : Object.keys(context.actions).filter(name => name !== InternalActionName.RovoChatAction) : Object.keys(context.actions);
     arr.sort(sort);
-    return arr.map(name => {
+    const renderAction = (name, motionStyle) => {
       const Action = name in Actions ? Actions[name] : undefined;
-      return Action ? /*#__PURE__*/React.createElement(Action, {
+      if (!Action) {
+        return null;
+      }
+      const style = padding || motionStyle ? {
+        ...(motionStyle || {}),
+        ...(padding && {
+          paddingInline: padding
+        })
+      } : undefined;
+      return /*#__PURE__*/React.createElement(Action, {
         as: "stack-item",
         spaceInline: spaceInline,
         key: name,
@@ -84,14 +96,33 @@ const ActionBlock = ({
         size: size || (ui === null || ui === void 0 ? void 0 : ui.size)
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/design-system/no-unsafe-design-token-usage
         ,
-        style: padding && {
-          paddingInline: padding
-        },
+        style: style,
         hideTooltip: isLoading
-      }) : null;
-    });
-  }, [context === null || context === void 0 ? void 0 : context.actions, isRovoChatActionAvailable, spaceInline, onError, onLoadingChange, size, ui === null || ui === void 0 ? void 0 : ui.size, padding, isLoading, onClick, is3PAuthRovoActionsExperimentOn]);
-  return actions ? /*#__PURE__*/React.createElement("div", {
+      });
+    };
+    return isRovoChatActionAvailable && fg('platform_sl_3p_auth_rovo_action_kill_switch') ? /*#__PURE__*/React.createElement(StaggeredEntrance, {
+      columns: 1
+    }, arr.map((name, index) => /*#__PURE__*/React.createElement(FadeIn, {
+      duration: 'large',
+      key: index
+    }, motion => renderAction(name, motion.style)))) : arr.map(name => renderAction(name));
+  }, [context === null || context === void 0 ? void 0 : context.actions, is3PAuthRovoActionsExperimentOn, isRovoChatActionAvailable, spaceInline, onError, onLoadingChange, size, ui === null || ui === void 0 ? void 0 : ui.size, padding, isLoading, onClick]);
+  if (!fg('platform_sl_3p_auth_rovo_action_kill_switch') || !isRovoChatActionAvailable && actions || !url) {
+    return actions ? /*#__PURE__*/React.createElement("div", {
+      ref: blockRef,
+      "data-testid": testId
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+      ,
+      className: ax(["_1e0c1txw _2lx21bp4 _vchhusvi _16jlkb7n _1bsb129b _18u01ivi _2hwxc10g", className])
+    }, actions, /*#__PURE__*/React.createElement(ActionFooter, {
+      message: message,
+      testId: testId
+    })) : null;
+  }
+  const aiSummaryConfig = fg('platform_sl_3p_auth_rovo_action_kill_switch') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useAISummaryAction(url) : undefined;
+  return actions && ((aiSummaryConfig === null || aiSummaryConfig === void 0 ? void 0 : aiSummaryConfig.state.status) === 'done' || (aiSummaryConfig === null || aiSummaryConfig === void 0 ? void 0 : aiSummaryConfig.state.status) === 'error') ? /*#__PURE__*/React.createElement("div", {
     ref: blockRef,
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop

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

@@ -86,6 +86,9 @@ export const RovoSummaryBlockResolvedView = props => {
     summariseUrl();
   }, [status, summariseUrl]);
   const minHeight = isSummarisedOnMountRef.current ? 0 : aiSummaryMinHeight;
+  if (status === 'error') {
+    return null;
+  }
   if (!showAISummary) {
     return /*#__PURE__*/React.createElement(Inline, {
       testId: `${testId}-placeholder`,

package/dist/es2019/view/FlexibleCard/components/blocks/hover-card-footer-block/index.compiled.css

@@ -21,7 +21,6 @@
 ._4t3ioahv{height:var(--ds-space-600,3pc)}
 ._6syfze3t *{row-gap:var(--ds-space-0,0)}
 ._6zimze3t *{padding-top:var(--ds-space-0,0)}
-._7hiu1ejb *{max-height:var(--ds-space-300,24px)}
 ._bfhkhfxm{background-color:var(--ds-surface-sunken,#f8f8f8)}
 ._f9lhze3t *{padding-bottom:var(--ds-space-0,0)}
 ._mrkb1mok{border-bottom-left-radius:var(--ds-radius-large,8px)}
@@ -29,4 +28,5 @@
 ._rvy9ze3t *{margin-top:var(--ds-space-0,0)}
 ._ue4dze3t *{margin-bottom:var(--ds-space-0,0)}
 ._vchhusvi{box-sizing:border-box}
-._zgrbze3t *{margin-left:var(--ds-space-0,0)}
+._zgrbze3t *{margin-left:var(--ds-space-0,0)}
+._1xdd12b0 :hover{border-radius:var(--ds-radius-small,4px)}

package/dist/es2019/view/FlexibleCard/components/blocks/hover-card-footer-block/index.js

@@ -4,7 +4,7 @@ import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useMemo } from 'react';
-import { ActionName } from '../../../../../constants';
+import { InternalActionName } from '../../../../../constants';
 import { useFlexibleCardContext } from '../../../../../state/flexible-ui-context';
 import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import * as Actions from '../../actions';
@@ -14,7 +14,7 @@ import Block from '../block';
  * Allowed footer actions for HoverCard, in display order. Fetched from context.
  * @featureGate platform_sl_3p_auth_rovo_action_kill_switch
  */
-const ALLOWED_HOVER_CARD_FOOTER_ACTIONS = [ActionName.CopyLinkAction, ActionName.PreviewAction, ActionName.AutomationAction];
+const HIDDEN_HOVER_CARD_FOOTER_ACTIONS = [InternalActionName.AISummaryAction, InternalActionName.RovoChatAction];
 const ignoreContainerMarginStyles = null;
 const elevatedFooterStyles = null;
 const providerStyles = null;
@@ -41,7 +41,7 @@ const ResolvedHoverCardFooterBlock = ({
       return [];
     }
     let arr = Object.keys(context.actions);
-    arr = arr.filter(name => ALLOWED_HOVER_CARD_FOOTER_ACTIONS.includes(name));
+    arr = arr.filter(name => !HIDDEN_HOVER_CARD_FOOTER_ACTIONS.includes(name));
     return arr.map(name => {
       const Action = name in Actions ? Actions[name] : undefined;
       return Action ? /*#__PURE__*/React.createElement(Action, {
@@ -50,7 +50,8 @@ const ResolvedHoverCardFooterBlock = ({
         content: "",
         testId: `${testId}-${name}`,
         onClick: () => onActionClick === null || onActionClick === void 0 ? void 0 : onActionClick(name),
-        size: size
+        size: size,
+        iconSize: 'small'
       }) : null;
     });
   }, [context === null || context === void 0 ? void 0 : context.actions, onActionClick, testId, size]);
@@ -62,11 +63,10 @@ const ResolvedHoverCardFooterBlock = ({
     className: ax(["_4t3i1ejb _1e0c1txw _4cvr1h6o _1bah1y6m _vchhusvi _16jlkb7n"])
   }, /*#__PURE__*/React.createElement(Provider, {
     appearance: "subtle",
-    testId: `${testId}-provider`,
-    iconSize: "large"
+    testId: `${testId}-provider`
   })), actions.length > 0 ? /*#__PURE__*/React.createElement("div", {
     "data-testid": `${testId}-actions`,
-    className: ax(["_zulpidpf _1e0c1txw _18u01wug _4cvr1h6o _vchhusvi _7386ze3t _7hiu1ejb _17zize3t _19p4ze3t _6zimze3t _f9lhze3t _rvy9ze3t _ue4dze3t _zgrbze3t _10cuze3t _6syfze3t _3hv7ze3t"])
+    className: ax(["_zulpidpf _1e0c1txw _18u01wug _4cvr1h6o _vchhusvi _7386ze3t _1xdd12b0 _17zize3t _19p4ze3t _6zimze3t _f9lhze3t _rvy9ze3t _ue4dze3t _zgrbze3t _10cuze3t _6syfze3t _3hv7ze3t"])
   }, actions) : null);
 };
 export default ResolvedHoverCardFooterBlock;

package/dist/es2019/view/FlexibleCard/components/elements/common/base-badge-element/index.compiled.css

@@ -1,38 +1,30 @@
 ._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._zulp1b66{gap:var(--ds-space-050,4px)}
-._zulpu2gc{gap:var(--ds-space-100,8px)}
 ._14bqze3t img{padding-top:var(--ds-space-0,0)}
-._17521tcg svg{height:24px}
 ._17527vkz svg{height:1pc}
 ._19bvze3t{padding-left:var(--ds-space-0,0)}
 ._1b94116y span{display:inline-flex}
-._1bsb1tcg{width:24px}
 ._1bsb7vkz{width:1pc}
 ._1e0c116y{display:inline-flex}
 ._1ii7116y svg{display:inline-flex}
 ._1m2uze3t span{padding-bottom:var(--ds-space-0,0)}
 ._1oh2ze3t span{padding-top:var(--ds-space-0,0)}
 ._1ul91ns9{min-width:-moz-fit-content;min-width:fit-content}
-._1xjx1tcg span{height:24px}
 ._1xjx7vkz span{height:1pc}
 ._1xr1ze3t img{padding-left:var(--ds-space-0,0)}
 ._1ym6ze3t img{padding-bottom:var(--ds-space-0,0)}
 ._3tceze3t img{padding-right:var(--ds-space-0,0)}
 ._4cvr1h6o{align-items:center}
-._4t3i1tcg{height:24px}
 ._4t3i7vkz{height:1pc}
 ._5jw9ze3t svg{padding-bottom:var(--ds-space-0,0)}
 ._7wy9ze3t svg{padding-left:var(--ds-space-0,0)}
 ._99ztze3t span{padding-right:var(--ds-space-0,0)}
 ._9n9oze3t span{padding-left:var(--ds-space-0,0)}
-._bna71tcg img{height:24px}
 ._bna77vkz img{height:1pc}
 ._ca0qze3t{padding-top:var(--ds-space-0,0)}
-._e2oo1tcg span{width:24px}
 ._e2oo7vkz span{width:1pc}
 ._e4kmnkob span{vertical-align:middle}
 ._i2i3ze3t svg{padding-top:var(--ds-space-0,0)}
-._mezj1tcg img{width:24px}
 ._mezj7vkz img{width:1pc}
 ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
 ._rtqbnkob img{vertical-align:middle}
@@ -42,6 +34,5 @@
 ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
 ._uhasze3t svg{padding-right:var(--ds-space-0,0)}
 ._v4pn116y img{display:inline-flex}
-._w8l51tcg svg{width:24px}
 ._w8l57vkz svg{width:1pc}
 ._z239nkob svg{vertical-align:middle}

package/dist/es2019/view/FlexibleCard/components/elements/common/base-badge-element/index.js

@@ -3,20 +3,17 @@
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { forwardRef } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
-import { IconType, InternalActionName } from '../../../../../../constants';
+import { IconType } from '../../../../../../constants';
 import { messages } from '../../../../../../messages';
-import { useFlexibleUiContext, useFlexibleUiOptionContext } from '../../../../../../state/flexible-ui-context';
+import { useFlexibleUiOptionContext } from '../../../../../../state/flexible-ui-context';
 import AtlaskitIcon from '../../../common/atlaskit-icon';
 import ImageIcon from '../../../common/image-icon';
 import { withOverrideCss } from '../../../common/with-override-css';
 import { getFormattedMessage } from '../../../utils';
 const styles = {
   container: "_zulp1b66 _1e0c116y _4cvr1h6o _1ul91ns9",
-  containerLarge: "_zulpu2gc _1e0c116y _4cvr1h6o _1ul91ns9",
   icon: "_1e0c116y _v4pn116y _1b94116y _1ii7116y _4t3i7vkz _bna77vkz _1xjx7vkz _17527vkz _ca0qze3t _14bqze3t _1oh2ze3t _i2i3ze3t _u5f3ze3t _3tceze3t _99ztze3t _uhasze3t _n3tdze3t _1ym6ze3t _1m2uze3t _5jw9ze3t _19bvze3t _1xr1ze3t _9n9oze3t _7wy9ze3t _1bsb7vkz _mezj7vkz _e2oo7vkz _w8l57vkz _s7n4nkob _rtqbnkob _e4kmnkob _z239nkob",
-  iconLarge: "_4t3i1tcg _bna71tcg _1xjx1tcg _17521tcg _1bsb1tcg _mezj1tcg _e2oo1tcg _w8l51tcg",
   text: "_11c8wadc"
 };
 const colorMap = {
@@ -85,8 +82,7 @@ const BaseBadgeRefreshNew = /*#__PURE__*/forwardRef(({
   name,
   testId = 'smart-element-badge',
   url,
-  color,
-  iconSize = 'default'
+  color
 }, ref) => {
   const ui = useFlexibleUiOptionContext();
   const formattedMessageOrLabel = getFormattedMessageFromIcon(icon) || label;
@@ -94,31 +90,6 @@ const BaseBadgeRefreshNew = /*#__PURE__*/forwardRef(({
   if (!formattedMessageOrLabel || !badgeIcon) {
     return null;
   }
-  if (iconSize === 'large' && fg('platform_sl_3p_auth_rovo_action_kill_switch')) {
-    var _context$actions;
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    const context = useFlexibleUiContext();
-    if (context !== null && context !== void 0 && (_context$actions = context.actions) !== null && _context$actions !== void 0 && _context$actions[InternalActionName.RovoChatAction]) {
-      return /*#__PURE__*/React.createElement("span", {
-        "data-smart-element": name,
-        "data-smart-element-badge": true,
-        "data-testid": testId,
-        ref: ref,
-        style: {
-          color
-        },
-        className: ax([styles.containerLarge, colorMap[appearance]])
-      }, !hideIcon && /*#__PURE__*/React.createElement(Box, {
-        as: "span",
-        testId: `${testId}-large-icon-wrapper`,
-        xcss: styles.icon && styles.iconLarge
-      }, badgeIcon), /*#__PURE__*/React.createElement(Box, {
-        as: "span",
-        testId: `${testId}-label`,
-        xcss: styles.text
-      }, formattedMessageOrLabel));
-    }
-  }
   return /*#__PURE__*/React.createElement("span", {
     "data-smart-element": name,
     "data-smart-element-badge": true,

package/dist/es2019/view/LinkUrl/index.js

@@ -12,7 +12,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "43.26.13",
+  packageVersion: "43.27.1",
   componentName: 'linkUrl'
 };
 const Anchor = withLinkClickedEvent('a');

package/dist/esm/__tests__/vr-tests/__snapshots__/hover-card/hover-card-rovo-chat-action--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:5c49849bc1c023980074b7130bd00742db96dfd1c90593c0025b035ab12b65dc
-size 33364
+oid sha256:9432898199d088d4dfad39d42c547dabb35a31c9e27669e0759c21e4d2d4d319
+size 33033

package/dist/esm/utils/analytics/analytics.js

@@ -4,7 +4,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "43.26.13"
+  packageVersion: "43.27.1"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -5,6 +5,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useCallback } from 'react';
 import { cx } from '@atlaskit/css';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Inline, Pressable } from '@atlaskit/primitives/compiled';
 import Spinner from '@atlaskit/spinner';
 import { getPrimitivesInlineSpaceBySize } from '../../../utils';
@@ -23,7 +24,8 @@ var ActionButton = function ActionButton(_ref) {
     spaceOption = _ref.space,
     testId = _ref.testId,
     tooltipProps = _ref.tooltipProps,
-    style = _ref.style;
+    style = _ref.style,
+    ariaLabel = _ref.ariaLabel;
   var space = spaceOption !== null && spaceOption !== void 0 ? spaceOption : getPrimitivesInlineSpaceBySize(size);
   var onClick = useCallback(function () {
     if (!isDisabled && !isLoading && onClickCallback) {
@@ -43,7 +45,9 @@ var ActionButton = function ActionButton(_ref) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
     ,
     style: style
-  }), /*#__PURE__*/React.createElement(Inline, {
+  }, fg('platform_sl_3p_auth_rovo_action_kill_switch') ? {
+    "aria-label": ariaLabel
+  } : {}), /*#__PURE__*/React.createElement(Inline, {
     alignBlock: "center",
     grow: "fill",
     space: space

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

@@ -63,7 +63,8 @@ var Action = function Action(_ref) {
       style: style,
       tooltipOnHide: tooltipOnHide,
       hideTooltipOnMouseDown: hideTooltipOnMouseDown,
-      hideTooltip: hideTooltip
+      hideTooltip: hideTooltip,
+      ariaLabel: ariaLabel
     });
   }
   if (isDropdownItem) {

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

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { lazy, useCallback } from 'react';
 import { FormattedMessage, useIntl } from 'react-intl-next';
 import AutomationIcon from '@atlaskit/icon/core/automation';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Text } from '@atlaskit/primitives/compiled';
 import { useAnalyticsEvents } from '../../../../../common/analytics/generated/use-analytics-events';
 import { ActionName } from '../../../../../constants';
@@ -70,11 +71,13 @@ var AutomationAction = function AutomationAction(props) {
   var automationActionIconLabel = formatMessage(messages.automation_action_icon_label);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Action, _extends({
     content: automationActionTitle,
-    icon: /*#__PURE__*/React.createElement(AutomationIcon, {
+    icon: /*#__PURE__*/React.createElement(AutomationIcon, _extends({
       spacing: "spacious",
       color: "currentColor",
       label: automationActionIconLabel
-    }),
+    }, fg('platform_sl_3p_auth_rovo_action_kill_switch') ? {
+      size: props.iconSize
+    } : {})),
     testId: "smart-action-automation-action",
     tooltipMessage: automationActionTooltip
   }, props, {

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

@@ -57,11 +57,13 @@ var CopyLinkAction = function CopyLinkAction(_ref) {
   }, [data, invoke, onClickCallback]);
   return data ? /*#__PURE__*/React.createElement(Action, _extends({
     content: /*#__PURE__*/React.createElement(FormattedMessage, messages.copy_url_to_clipboard),
-    icon: /*#__PURE__*/React.createElement(LinkIcon, {
+    icon: /*#__PURE__*/React.createElement(LinkIcon, _extends({
       color: "currentColor",
       label: fg('navx-3698-flexible-card-a11y-fix') ? '' : 'copy url',
       spacing: "spacious"
-    }),
+    }, fg('platform_sl_3p_auth_rovo_action_kill_switch') ? {
+      size: props.iconSize
+    } : {})),
     onClick: onClick,
     testId: "smart-action-copy-link-action",
     tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, tooltipMessage),

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

@@ -2,8 +2,9 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["value", "isProject"];
 import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage, useIntl } from 'react-intl-next';
 import FeatureGates from '@atlaskit/feature-gate-js-client';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ActionName } from '../../../../../constants';
 import { messages } from '../../../../../messages';
 import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
@@ -38,6 +39,7 @@ var getIcon = function getIcon(stackIconType) {
 var FollowAction = function FollowAction(props) {
   var _context$actions;
   var context = useFlexibleUiContext();
+  var intl = useIntl();
   var actionData = context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[ActionName.FollowAction];
   if (!context || !actionData) {
     return null;
@@ -70,7 +72,10 @@ var FollowAction = function FollowAction(props) {
     });
   };
   return /*#__PURE__*/React.createElement(ServerAction, _extends({
-    content: /*#__PURE__*/React.createElement(FormattedMessage, label),
+    content: /*#__PURE__*/React.createElement(FormattedMessage, label)
+  }, fg('platform_sl_3p_auth_rovo_action_kill_switch') ? {
+    ariaLabel: intl.formatMessage(label)
+  } : {}, {
     icon: followIcon,
     testId: "smart-action-follow-action",
     tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, tooltipMessage)

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

@@ -31,18 +31,22 @@ var PreviewAction = function PreviewAction(_ref) {
   var actionIcon = useCallback(function () {
     // Only use panel icon if experiment is enabled and hasPreviewPanel is true
     if (expValEquals('platform_hover_card_preview_panel', 'cohort', 'test') && hasPreviewPanel) {
-      return /*#__PURE__*/React.createElement(PanelRightIcon, {
+      return /*#__PURE__*/React.createElement(PanelRightIcon, _extends({
         color: "currentColor",
         spacing: "spacious",
         label: fg('navx-3698-flexible-card-a11y-fix') ? '' : 'Open preview panel'
-      });
+      }, fg('platform_sl_3p_auth_rovo_action_kill_switch') ? {
+        size: props.iconSize
+      } : {}));
     }
-    return /*#__PURE__*/React.createElement(MediaServicesActualSizeIcon, {
+    return /*#__PURE__*/React.createElement(MediaServicesActualSizeIcon, _extends({
       color: "currentColor",
       spacing: "spacious",
       label: fg('navx-3698-flexible-card-a11y-fix') ? '' : 'Open preview'
-    });
-  }, [hasPreviewPanel]);
+    }, fg('platform_sl_3p_auth_rovo_action_kill_switch') ? {
+      size: props.iconSize
+    } : {}));
+  }, [hasPreviewPanel, props.iconSize]);
   var actionLabel = useCallback(function () {
     // Only use panel message if experiment is enabled and hasPreviewPanel is true
     if (expValEquals('platform_hover_card_preview_panel', 'cohort', 'test') && hasPreviewPanel) {

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

@@ -3,6 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["onClick"];
 import React, { lazy, useCallback } from 'react';
 import { FormattedMessage } from 'react-intl-next';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnalyticsEvents } from '../../../../../common/analytics/generated/use-analytics-events';
 import { messages } from '../../../../../messages';
 import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
@@ -36,8 +37,13 @@ var ViewRelatedLinksAction = function ViewRelatedLinksAction(_ref) {
     onClickCallback === null || onClickCallback === void 0 || onClickCallback();
   }, [actionData === null || actionData === void 0 ? void 0 : actionData.ari, fireEvent, modal, onClickCallback]);
   return actionData ? /*#__PURE__*/React.createElement(Action, _extends({
-    content: /*#__PURE__*/React.createElement(FormattedMessage, messages.related_links_view_related_links),
-    icon: /*#__PURE__*/React.createElement(RelatedLinksActionIcon, null),
+    content: /*#__PURE__*/React.createElement(FormattedMessage, messages.related_links_view_related_links)
+  }, fg('platform_sl_3p_auth_rovo_action_kill_switch') ? {
+    tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, messages.related_links_view_related_links)
+  } : {}, {
+    icon: /*#__PURE__*/React.createElement(RelatedLinksActionIcon, fg('platform_sl_3p_auth_rovo_action_kill_switch') ? {
+      iconSize: props.iconSize
+    } : {}),
     onClick: onClick,
     testId: "smart-action-view-related-links-action",
     ariaLabel: "View most recent pages or content types coming from or found on this link"

package/dist/esm/view/FlexibleCard/components/actions/view-related-links-action/related-links-action-icon/index.js

@@ -1,11 +1,13 @@
 import React from 'react';
 import ClockIcon from '@atlaskit/icon/core/clock';
 import { fg } from '@atlaskit/platform-feature-flags';
-var RelatedLinksActionIcon = function RelatedLinksActionIcon() {
+var RelatedLinksActionIcon = function RelatedLinksActionIcon(_ref) {
+  var iconSize = _ref.iconSize;
   return /*#__PURE__*/React.createElement(ClockIcon, {
     color: "currentColor",
     spacing: "spacious",
-    label: fg('navx-3698-flexible-card-a11y-fix') ? '' : 'View related links...'
+    label: fg('navx-3698-flexible-card-a11y-fix') ? '' : 'View related links...',
+    size: iconSize
   });
 };
 export default RelatedLinksActionIcon;