@atlaskit/smart-card 44.6.1 → 44.7.0

package/dist/es2019/view/FlexibleCard/components/actions/ai-summary-action/ai-summarise-action.js

@@ -6,6 +6,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { useAnalyticsEvents } from '../../../../../common/analytics/generated/use-analytics-events';
 import { messages } from '../../../../../messages';
+import { useBlockCardRovoActionExperimentNoExposure } from '../../../../../state/hooks/use-block-card-rovo-action-experiment';
 import Action from '../action';
 import { getErrorMessage } from './utils';
 export function AISummariseAction({
@@ -19,6 +20,7 @@ export function AISummariseAction({
   const {
     fireEvent
   } = useAnalyticsEvents();
+  const isRovoBlockCardExperimentEnabled = useBlockCardRovoActionExperimentNoExposure();
   const onCompleted = useCallback(state => {
     if ((state === null || state === void 0 ? void 0 : state.status) === 'error') {
       onErrorCallback === null || onErrorCallback === void 0 ? void 0 : onErrorCallback(getErrorMessage(state.error));
@@ -41,7 +43,7 @@ export function AISummariseAction({
       spacing: "spacious",
       color: "currentColor",
       label: "Summarise with AI"
-    }, fg('platform_sl_3p_auth_rovo_action_kill_switch') || fg('platform_sl_3p_auth_rovo_block_card_kill_switch') || expValEqualsNoExposure('rovogrowth-640-inline-action-nudge-exp', 'isEnabled', true) ? {
+    }, fg('platform_sl_3p_auth_rovo_action_kill_switch') || isRovoBlockCardExperimentEnabled || expValEqualsNoExposure('rovogrowth-640-inline-action-nudge-exp', 'isEnabled', true) ? {
       size: props.iconSize
     } : {})),
     onClick: handleActionClick,

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

@@ -9,6 +9,7 @@ import { useAnalyticsEvents } from '../../../../../common/analytics/generated/us
 import { ActionName } from '../../../../../constants';
 import { messages } from '../../../../../messages';
 import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useBlockCardRovoActionExperimentNoExposure } from '../../../../../state/hooks/use-block-card-rovo-action-experiment';
 import { useSmartLinkModal } from '../../../../../state/modal';
 import Action from '../action';
 import { getModalContent } from './utils';
@@ -27,6 +28,7 @@ const AutomationAction = props => {
     fireEvent
   } = useAnalyticsEvents();
   const automationActionData = context === null || context === void 0 ? void 0 : (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[ActionName.AutomationAction];
+  const isRovoBlockCardExperimentEnabled = useBlockCardRovoActionExperimentNoExposure();
   const automationActionOnClick = useCallback(automationActionData => {
     const {
       product,
@@ -77,7 +79,7 @@ const AutomationAction = props => {
       spacing: "spacious",
       color: "currentColor",
       label: automationActionIconLabel
-    }, fg('platform_sl_3p_auth_rovo_action_kill_switch') || fg('platform_sl_3p_auth_rovo_block_card_kill_switch') || expValEqualsNoExposure('rovogrowth-640-inline-action-nudge-exp', 'isEnabled', true) ? {
+    }, fg('platform_sl_3p_auth_rovo_action_kill_switch') || isRovoBlockCardExperimentEnabled || expValEqualsNoExposure('rovogrowth-640-inline-action-nudge-exp', 'isEnabled', true) ? {
       size: props.iconSize
     } : {})),
     testId: "smart-action-automation-action",

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

@@ -7,6 +7,7 @@ import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equ
 import { ActionName } from '../../../../../constants';
 import { messages } from '../../../../../messages';
 import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useBlockCardRovoActionExperimentNoExposure } from '../../../../../state/hooks/use-block-card-rovo-action-experiment';
 import useInvokeClientAction from '../../../../../state/hooks/use-invoke-client-action';
 import Action from '../action';
 const CopyLinkAction = ({
@@ -18,6 +19,7 @@ const CopyLinkAction = ({
   const invoke = useInvokeClientAction({});
   const data = context === null || context === void 0 ? void 0 : (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[ActionName.CopyLinkAction];
   const [tooltipMessage, setTooltipMessage] = useState(messages.copy_url_to_clipboard);
+  const isRovoBlockCardExperimentEnabled = useBlockCardRovoActionExperimentNoExposure();
   const onClick = useCallback(() => {
     if (data !== null && data !== void 0 && data.invokeAction) {
       invoke({
@@ -37,7 +39,7 @@ const CopyLinkAction = ({
       color: "currentColor",
       label: fg('navx-3698-flexible-card-a11y-fix') ? '' : 'copy url',
       spacing: "spacious"
-    }, fg('platform_sl_3p_auth_rovo_action_kill_switch') || fg('platform_sl_3p_auth_rovo_block_card_kill_switch') || expValEqualsNoExposure('rovogrowth-640-inline-action-nudge-exp', 'isEnabled', true) ? {
+    }, fg('platform_sl_3p_auth_rovo_action_kill_switch') || isRovoBlockCardExperimentEnabled || expValEqualsNoExposure('rovogrowth-640-inline-action-nudge-exp', 'isEnabled', true) ? {
       size: props.iconSize
     } : {})),
     onClick: onClick,

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

@@ -9,6 +9,7 @@ import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equ
 import { ActionName } from '../../../../../constants';
 import { messages } from '../../../../../messages';
 import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useBlockCardRovoActionExperimentNoExposure } from '../../../../../state/hooks/use-block-card-rovo-action-experiment';
 import useInvokeClientAction from '../../../../../state/hooks/use-invoke-client-action';
 import Action from '../action';
 const PreviewAction = ({
@@ -20,6 +21,7 @@ const PreviewAction = ({
   const invoke = useInvokeClientAction({});
   const data = context === null || context === void 0 ? void 0 : (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[ActionName.PreviewAction];
   const hasPreviewPanel = data === null || data === void 0 ? void 0 : data.hasPreviewPanel;
+  const isRovoBlockCardExperimentEnabled = useBlockCardRovoActionExperimentNoExposure();
   const onClick = useCallback(() => {
     if (data !== null && data !== void 0 && data.invokeAction) {
       invoke(data.invokeAction);
@@ -35,7 +37,7 @@ const PreviewAction = ({
         color: "currentColor",
         spacing: "spacious",
         label: fg('navx-3698-flexible-card-a11y-fix') ? '' : 'Open preview panel'
-      }, fg('platform_sl_3p_auth_rovo_action_kill_switch') || fg('platform_sl_3p_auth_rovo_block_card_kill_switch') || expValEqualsNoExposure('rovogrowth-640-inline-action-nudge-exp', 'isEnabled', true) ? {
+      }, fg('platform_sl_3p_auth_rovo_action_kill_switch') || isRovoBlockCardExperimentEnabled || expValEqualsNoExposure('rovogrowth-640-inline-action-nudge-exp', 'isEnabled', true) ? {
         size: props.iconSize
       } : {}));
     }
@@ -43,10 +45,10 @@ const PreviewAction = ({
       color: "currentColor",
       spacing: "spacious",
       label: fg('navx-3698-flexible-card-a11y-fix') ? '' : 'Open preview'
-    }, fg('platform_sl_3p_auth_rovo_action_kill_switch') || fg('platform_sl_3p_auth_rovo_block_card_kill_switch') || expValEqualsNoExposure('rovogrowth-640-inline-action-nudge-exp', 'isEnabled', true) ? {
+    }, fg('platform_sl_3p_auth_rovo_action_kill_switch') || isRovoBlockCardExperimentEnabled || expValEqualsNoExposure('rovogrowth-640-inline-action-nudge-exp', 'isEnabled', true) ? {
       size: props.iconSize
     } : {}));
-  }, [hasPreviewPanel, props.iconSize]);
+  }, [hasPreviewPanel, props.iconSize, isRovoBlockCardExperimentEnabled]);
   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/rovo-chat-action/index.js

@@ -6,11 +6,11 @@ import AiChatIcon from '@atlaskit/icon/core/ai-chat';
 import AiGenerativeTextSummaryIcon from '@atlaskit/icon/core/ai-generative-text-summary';
 import RovoChatIcon from '@atlaskit/icon/core/rovo-chat';
 import { RovoIcon } from '@atlaskit/logo';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { ActionName, CardDisplay } from '../../../../../constants';
 import { messages } from '../../../../../messages';
 import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { isBlockCardRovoActionExperimentEnabled } from '../../../../../state/hooks/use-block-card-rovo-action-experiment';
 import useInvokeClientAction from '../../../../../state/hooks/use-invoke-client-action';
 import useRovoChat from '../../../../../state/hooks/use-rovo-chat';
 import AiChapterIcon from '../../../assets/ai-chapter-icon';
@@ -65,6 +65,7 @@ const getPromptAction = (promptKey, intl, url = '', product, iconSize, cardAppea
     contextLong: intl.formatMessage(messages.rovo_prompt_context_generic),
     contextShort: intl.formatMessage(messages.rovo_prompt_context_generic)
   };
+  const isBlockCard3PExperimentEnabled = isBlockCardRovoActionExperimentEnabled(product);
   switch (promptKey) {
     case RovoChatPromptKey.RECOMMEND_OTHER_SOURCES:
       const label_recommend = intl.formatMessage(messages.rovo_prompt_button_recommend_other_sources);
@@ -130,7 +131,7 @@ const getPromptAction = (promptKey, intl, url = '', product, iconSize, cardAppea
         ignoreTag: true
       });
       return {
-        icon: cardAppearance === CardDisplay.Block && fg('platform_sl_3p_auth_rovo_block_card_kill_switch') ? /*#__PURE__*/React.createElement(AiChatIcon, {
+        icon: cardAppearance === CardDisplay.Block && isBlockCard3PExperimentEnabled ? /*#__PURE__*/React.createElement(AiChatIcon, {
           label: label_summarize,
           size: iconSize
         }) : /*#__PURE__*/React.createElement(AIEditIcon, null),
@@ -194,7 +195,7 @@ const getPromptAction = (promptKey, intl, url = '', product, iconSize, cardAppea
         url
       });
       return {
-        icon: cardAppearance === CardDisplay.Block && fg('platform_sl_3p_auth_rovo_block_card_kill_switch') ? /*#__PURE__*/React.createElement(RovoIcon, {
+        icon: cardAppearance === CardDisplay.Block && isBlockCard3PExperimentEnabled ? /*#__PURE__*/React.createElement(RovoIcon, {
           label: label_ask_rovo_anything,
           size: 'xxsmall',
           shouldUseHexLogo: true

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

@@ -12,11 +12,12 @@ import ButtonGroup from '@atlaskit/button/button-group';
 import Button from '@atlaskit/button/standard-button';
 import DropdownMenu from '@atlaskit/dropdown-menu';
 import MoreIcon from '@atlaskit/icon/core/show-more-horizontal';
-import { fg } from '@atlaskit/platform-feature-flags';
 import Tooltip from '@atlaskit/tooltip';
 import { ActionName, CardDisplay, SmartLinkSize } from '../../../../../constants';
 import { messages } from '../../../../../messages';
 import { useFlexibleUiContext, useFlexibleUiOptionContext } from '../../../../../state/flexible-ui-context';
+import { isBlockCardRovoActionExperimentEnabled } from '../../../../../state/hooks/use-block-card-rovo-action-experiment';
+import useRovoConfig from '../../../../../state/hooks/use-rovo-config';
 import { RovoChatPromptKey } from '../../actions/rovo-chat-action';
 import { sizeToButtonSpacing } from '../../utils';
 import { filterActionItems } from '../utils';
@@ -51,10 +52,14 @@ const ActionGroup = ({
   var _context$actions;
   const context = useFlexibleUiContext();
   const ui = useFlexibleUiOptionContext();
+  const {
+    product
+  } = useRovoConfig();
   const [isOpen, setIsOpen] = useState(false);
-  const renderableActionItems = useMemo(() => filterActionItems(items, context), [context, items]);
+  const renderableActionItems = useMemo(() => filterActionItems(items, context, product), [context, items, product]);
   const isMoreThenTwoItems = renderableActionItems.length > visibleButtonsNum;
-  const isRovoActionsEnabled = !!(context !== null && context !== void 0 && (_context$actions = context.actions) !== null && _context$actions !== void 0 && _context$actions[ActionName.RovoChatAction]) && fg('platform_sl_3p_auth_rovo_block_card_kill_switch');
+  const rovoChatAction = context === null || context === void 0 ? void 0 : (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[ActionName.RovoChatAction];
+  const is3PBlockExperimentEnabled = isBlockCardRovoActionExperimentEnabled(rovoChatAction === null || rovoChatAction === void 0 ? void 0 : rovoChatAction.product);
   const onOpenChange = useCallback(attrs => {
     setIsOpen(attrs.isOpen);
     if (onDropdownOpenChange) {
@@ -69,7 +74,7 @@ const ActionGroup = ({
     }
   }, [isOpen, onOpenChange]);
   const actionButtons = useMemo(() => {
-    if (isRovoActionsEnabled) {
+    if (!!rovoChatAction && is3PBlockExperimentEnabled) {
       const rovoActions = [...(containerWidth >= REDUCED_ACTIONS_SIZE ? renderableActionItems.slice(0, visibleButtonsNum - 1) : []), {
         name: ActionName.RovoChatAction,
         prompts: [RovoChatPromptKey.ASK_ROVO_ANYTHING],
@@ -89,10 +94,10 @@ const ActionGroup = ({
     }
     const actionItems = isMoreThenTwoItems ? renderableActionItems.slice(0, visibleButtonsNum - 1) : renderableActionItems;
     return renderActionItems(actionItems, size, appearance, false, onActionItemClick);
-  }, [appearance, isMoreThenTwoItems, isRovoActionsEnabled, onActionItemClick, renderableActionItems, size, visibleButtonsNum, containerWidth]);
+  }, [appearance, isMoreThenTwoItems, onActionItemClick, renderableActionItems, size, visibleButtonsNum, rovoChatAction, is3PBlockExperimentEnabled, containerWidth]);
   const moreActionDropdown = useMemo(() => {
     let actionItems;
-    if (isRovoActionsEnabled && containerWidth < REDUCED_ACTIONS_SIZE) {
+    if (!!rovoChatAction && is3PBlockExperimentEnabled && containerWidth < REDUCED_ACTIONS_SIZE) {
       actionItems = renderableActionItems;
     } else {
       actionItems = isMoreThenTwoItems ? renderableActionItems.slice(visibleButtonsNum - 1) : [];
@@ -116,11 +121,11 @@ const ActionGroup = ({
           testId: "action-group-more-button-tooltip",
           tag: "span"
         }, /*#__PURE__*/React.createElement(Button, _extends({}, props, {
-          spacing: isRovoActionsEnabled && fg('platform_sl_3p_auth_rovo_block_card_kill_switch') ? size === SmartLinkSize.XLarge ? 'default' : 'compact' : spacing,
+          spacing: !!rovoChatAction && is3PBlockExperimentEnabled ? size === SmartLinkSize.XLarge ? 'default' : 'compact' : spacing,
           testId: "action-group-more-button",
           iconBefore: moreIcon,
           ref: triggerRef
-        }, fg('platform_sl_3p_auth_rovo_block_card_kill_switch') ? {
+        }, is3PBlockExperimentEnabled ? {
           appearance
         } : {}))),
         testId: "action-group-dropdown",
@@ -128,7 +133,7 @@ const ActionGroup = ({
       }, renderActionItems(actionItems, size, appearance, true, onActionItemClick));
     }
     return null;
-  }, [appearance, isMoreThenTwoItems, isOpen, isRovoActionsEnabled, onActionItemClick, onOpenChange, renderableActionItems, size, ui === null || ui === void 0 ? void 0 : ui.zIndex, visibleButtonsNum, containerWidth]);
+  }, [appearance, isMoreThenTwoItems, isOpen, onActionItemClick, onOpenChange, renderableActionItems, size, ui === null || ui === void 0 ? void 0 : ui.zIndex, visibleButtonsNum, rovoChatAction, is3PBlockExperimentEnabled, containerWidth]);
   return renderableActionItems.length > 0 ? /*#__PURE__*/React.createElement("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: ax(["_1e0c116y _dzc21h6o _1ilq1i6y", "actions-button-group"]),

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

@@ -5,10 +5,10 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useMemo, useState } from 'react';
 import { browser } from '@atlaskit/linking-common/user-agent';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { WidthObserver } from '@atlaskit/width-detector';
 import { ActionName, SmartLinkAlignment, SmartLinkDirection, SmartLinkSize, SmartLinkWidth } from '../../../../../../constants';
 import { useFlexibleUiContext } from '../../../../../../state/flexible-ui-context';
+import { isBlockCardRovoActionExperimentEnabled } from '../../../../../../state/hooks/use-block-card-rovo-action-experiment';
 import { Provider } from '../../../elements';
 import ActionGroup from '../../action-group';
 import Block from '../../block';
@@ -29,8 +29,9 @@ const FooterBlockResolvedView = props => {
     isPreviewBlockErrored
   } = props;
   const context = useFlexibleUiContext();
-  const isRovoSupportedFeature = !!(context !== null && context !== void 0 && (_context$actions = context.actions) !== null && _context$actions !== void 0 && _context$actions[ActionName.RovoChatAction]) && fg('platform_sl_3p_auth_rovo_block_card_kill_switch');
-  const hasPreview = isRovoSupportedFeature && !!(context !== null && context !== void 0 && context.preview) && !isPreviewBlockErrored;
+  const rovoChatAction = context === null || context === void 0 ? void 0 : (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[ActionName.RovoChatAction];
+  const is3PBlockExperimentEnabled = isBlockCardRovoActionExperimentEnabled(rovoChatAction === null || rovoChatAction === void 0 ? void 0 : rovoChatAction.product);
+  const hasPreview = !!rovoChatAction && is3PBlockExperimentEnabled && !!(context !== null && context !== void 0 && context.preview) && !isPreviewBlockErrored;
   const hasActions = useMemo(() => {
     var _filterActionItems;
     return ((_filterActionItems = filterActionItems(actions, context)) === null || _filterActionItems === void 0 ? void 0 : _filterActionItems.length) > 0;
@@ -56,22 +57,22 @@ const FooterBlockResolvedView = props => {
     appearance: "subtle",
     testId: `${testId}-provider`,
     hideLabel: hasPreview,
-    className: ax([isRovoSupportedFeature && "_1wpz1h6o"])
+    className: ax([!!rovoChatAction && is3PBlockExperimentEnabled && "_1wpz1h6o"])
   }), actions && hasActions ? /*#__PURE__*/React.createElement(ElementGroup, {
     testId: "smart-element-group-actions",
     align: SmartLinkAlignment.Right,
     direction: SmartLinkDirection.Horizontal,
     width: SmartLinkWidth.Flexible,
-    className: ax([size === SmartLinkSize.XLarge && "_c71lxy5q", safari && "_4t3i1osq", isRovoSupportedFeature && "_kqswh2mm"])
-  }, isRovoSupportedFeature && /*#__PURE__*/React.createElement(WidthObserver, {
+    className: ax([size === SmartLinkSize.XLarge && "_c71lxy5q", safari && "_4t3i1osq", !!rovoChatAction && is3PBlockExperimentEnabled && "_kqswh2mm"])
+  }, !!rovoChatAction && is3PBlockExperimentEnabled && /*#__PURE__*/React.createElement(WidthObserver, {
     setWidth: setContainerWidth,
     offscreen: true
   }), /*#__PURE__*/React.createElement(ActionGroup, {
     onDropdownOpenChange: onDropdownOpenChange,
     items: actions,
-    appearance: isRovoSupportedFeature ? 'subtle' : 'default',
-    size: isRovoSupportedFeature ? SmartLinkSize.Small : size,
-    containerWidth: isRovoSupportedFeature ? containerWidth : undefined
+    appearance: !!rovoChatAction && is3PBlockExperimentEnabled ? 'subtle' : 'default',
+    size: !!rovoChatAction && is3PBlockExperimentEnabled ? SmartLinkSize.Small : size,
+    containerWidth: !!rovoChatAction && is3PBlockExperimentEnabled ? containerWidth : undefined
   })) : null);
 };
 export default FooterBlockResolvedView;

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

@@ -4,6 +4,7 @@ import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useLayoutEffect, useState } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { MediaPlacement } from '../../../../../../constants';
 import { Preview } from '../../../elements';
 import Block from '../../block';
@@ -26,7 +27,28 @@ const PreviewBlockResolvedView = ({
   className,
   ...blockProps
 }) => {
-  const [dynamicStyles, setDynamicStyles] = useState(style !== null && style !== void 0 ? style : {});
+  const [dynamicStyles, setDynamicStyles] = useState(() => {
+    if (fg('dfo-fix-preview-dynamic-style')) {
+      if (placement === MediaPlacement.Left || placement === MediaPlacement.Right) {
+        const containerPadding = ignoreContainerPadding ? '0px' : 'var(--container-padding)';
+        const newStyle = {
+          ...style,
+          position: 'absolute',
+          top: containerPadding,
+          bottom: containerPadding,
+          width: `calc(var(--preview-block-width) - ${containerPadding})`,
+          ...(placement === MediaPlacement.Left ? {
+            left: containerPadding
+          } : {}),
+          ...(placement === MediaPlacement.Right ? {
+            right: containerPadding
+          } : {})
+        };
+        return newStyle;
+      }
+    }
+    return style !== null && style !== void 0 ? style : {};
+  });
   const updateStyles = useCallback(() => {
     if (placement === MediaPlacement.Left || placement === MediaPlacement.Right) {
       const containerPadding = ignoreContainerPadding ? '0px' : 'var(--container-padding)';

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

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { ActionName, ElementName, SmartLinkSize } from '../../../../constants';
+import { isBlockCardRovoActionExperimentEnabled } from '../../../../state/hooks/use-block-card-rovo-action-experiment';
 import { isFlexibleUiElement } from '../../../../utils/flexible';
 import * as Elements from '../elements';
 import ActionGroup from './action-group';
@@ -77,7 +77,8 @@ export const isJSXElementNull = children => {
   return Boolean(children.type() === null);
 };
 const isElementOrElementGroup = node => /*#__PURE__*/React.isValidElement(node) && (isFlexibleUiElement(node) || node.type === ElementGroup);
-export const filterActionItems = (items = [], context) => {
+export const filterActionItems = (items = [], context, product) => {
+  const isBlockCard3PExperimentEnabled = isBlockCardRovoActionExperimentEnabled(product);
   return items.filter(item => {
     switch (item.name) {
       case ActionName.DeleteAction:
@@ -86,7 +87,7 @@ export const filterActionItems = (items = [], context) => {
         // Named and custom actions that user defines.
         return Boolean(ActionName[item.name]);
       case ActionName.RovoChatAction:
-        if (fg('platform_sl_3p_auth_rovo_block_card_kill_switch')) {
+        if (isBlockCard3PExperimentEnabled) {
           return Boolean(ActionName[item.name]);
         }
         // same as default case below

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

@@ -3,11 +3,11 @@
 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 } from '../../../../../../constants';
 import { messages } from '../../../../../../messages';
 import { useFlexibleUiOptionContext } from '../../../../../../state/flexible-ui-context';
+import { useBlockCardRovoActionExperimentNoExposure } from '../../../../../../state/hooks/use-block-card-rovo-action-experiment';
 import AtlaskitIcon from '../../../common/atlaskit-icon';
 import ImageIcon from '../../../common/image-icon';
 import { withOverrideCss } from '../../../common/with-override-css';
@@ -87,12 +87,13 @@ const BaseBadgeRefreshNew = /*#__PURE__*/forwardRef(({
   hideLabel = false
 }, ref) => {
   const ui = useFlexibleUiOptionContext();
+  const isRovoBlockCardExperimentEnabled = useBlockCardRovoActionExperimentNoExposure();
   const formattedMessageOrLabel = getFormattedMessageFromIcon(icon) || label;
   const badgeIcon = renderAtlaskitIcon(icon, testId) || renderImageIcon(url, testId, ui === null || ui === void 0 ? void 0 : ui.hideLoadingSkeleton);
   if (!formattedMessageOrLabel || !badgeIcon) {
     return null;
   }
-  const shouldHideLabel = hideLabel && fg('platform_sl_3p_auth_rovo_block_card_kill_switch');
+  const shouldHideLabel = hideLabel && isRovoBlockCardExperimentEnabled;
   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: "44.6.0",
+  packageVersion: "44.6.1",
   componentName: 'linkUrl'
 };
 const Anchor = withLinkClickedEvent('a');

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-preview-large--default--navx-1895-new-logo-design-false-dfo-fix-preview-dynamic-style-false.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b682fce6cce5617409cbd61feb37fc572b649c3931b838b93ddd94e60bb83d0f
+size 358312

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-preview-large--default--navx-1895-new-logo-design-false-dfo-fix-preview-dynamic-style-true.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b682fce6cce5617409cbd61feb37fc572b649c3931b838b93ddd94e60bb83d0f
+size 358312

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-preview-large--default--navx-1895-new-logo-design-true-dfo-fix-preview-dynamic-style-false.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b21c80c3d6016fe13a9aa7a1c12dd1c9d45ebdfa450c04195c41e9b59ca81f96
+size 359281

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-preview-large--default--navx-1895-new-logo-design-true-dfo-fix-preview-dynamic-style-true.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b21c80c3d6016fe13a9aa7a1c12dd1c9d45ebdfa450c04195c41e9b59ca81f96
+size 359281

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-preview-medium--default--navx-1895-new-logo-design-false-dfo-fix-preview-dynamic-style-false.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:419c17c8146b68f5a03500a8fe4529930380132e63f7224bdf51c964f838612c
+size 359841

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-preview-medium--default--navx-1895-new-logo-design-false-dfo-fix-preview-dynamic-style-true.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:419c17c8146b68f5a03500a8fe4529930380132e63f7224bdf51c964f838612c
+size 359841

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-preview-medium--default--navx-1895-new-logo-design-true-dfo-fix-preview-dynamic-style-false.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3b5b73674a950c6879077c9a13a6b91d3409a74b1e8b07a5d7a06c4c8854395f
+size 360369

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-preview-medium--default--navx-1895-new-logo-design-true-dfo-fix-preview-dynamic-style-true.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3b5b73674a950c6879077c9a13a6b91d3409a74b1e8b07a5d7a06c4c8854395f
+size 360369

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-preview-mixed-padding--default--navx-1895-new-logo-design-false-dfo-fix-preview-dynamic-style-false.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:33e95b0db95d1ee939ea9c0297cb051927be09bd18e98445c49905c092782d3b
+size 192028

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-preview-mixed-padding--default--navx-1895-new-logo-design-false-dfo-fix-preview-dynamic-style-true.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:33e95b0db95d1ee939ea9c0297cb051927be09bd18e98445c49905c092782d3b
+size 192028

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-preview-mixed-padding--default--navx-1895-new-logo-design-true-dfo-fix-preview-dynamic-style-false.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:86f6e899f8bfacea29cacecc55daa2b13c1b3a9d53860d8f100c7b0f25c01a99
+size 192089

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-preview-mixed-padding--default--navx-1895-new-logo-design-true-dfo-fix-preview-dynamic-style-true.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:86f6e899f8bfacea29cacecc55daa2b13c1b3a9d53860d8f100c7b0f25c01a99
+size 192089

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-preview-override-css--default--dfo-fix-preview-dynamic-style-false.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:cda8c7f337a7c74428939de10935187267499070f3779d8fa083b3f3573cdaa4
+size 132642

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-preview-override-css--default--dfo-fix-preview-dynamic-style-true.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:cda8c7f337a7c74428939de10935187267499070f3779d8fa083b3f3573cdaa4
+size 132642

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-preview-small--default--navx-1895-new-logo-design-false-dfo-fix-preview-dynamic-style-false.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:fb42a4bf3aaa1a8fd3b0e82a8fc98a9681e5fe51c906e02e053c15757bd574e0
+size 359972

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-preview-small--default--navx-1895-new-logo-design-false-dfo-fix-preview-dynamic-style-true.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:fb42a4bf3aaa1a8fd3b0e82a8fc98a9681e5fe51c906e02e053c15757bd574e0
+size 359972

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-preview-small--default--navx-1895-new-logo-design-true-dfo-fix-preview-dynamic-style-false.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:1c4b6a81a1e515bd429c31e812901eb816a53c9c83913ac47702bc58c959cb35
+size 360476

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-preview-small--default--navx-1895-new-logo-design-true-dfo-fix-preview-dynamic-style-true.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:1c4b6a81a1e515bd429c31e812901eb816a53c9c83913ac47702bc58c959cb35
+size 360476

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-preview-xlarge--default--navx-1895-new-logo-design-false-dfo-fix-preview-dynamic-style-false.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:137c8a1aa6a6b50d2d206d56cccbcb9e2fc396aac79d6e0b583439bc77b6ae58
+size 361983

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-preview-xlarge--default--navx-1895-new-logo-design-false-dfo-fix-preview-dynamic-style-true.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:137c8a1aa6a6b50d2d206d56cccbcb9e2fc396aac79d6e0b583439bc77b6ae58
+size 361983

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-preview-xlarge--default--navx-1895-new-logo-design-true-dfo-fix-preview-dynamic-style-false.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e80b4c107539bc0f8d65d79f59fe0983acadf717e93eebd7d9cd0b9718c022cb
+size 362922

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-preview-xlarge--default--navx-1895-new-logo-design-true-dfo-fix-preview-dynamic-style-true.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e80b4c107539bc0f8d65d79f59fe0983acadf717e93eebd7d9cd0b9718c022cb
+size 362922

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

@@ -3,6 +3,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { ActionName } from '../../../constants';
 import { getDefinitionId, getExtensionKey, getResourceType } from '../../../state/helpers';
+import { isBlockCardRovoActionExperimentEnabled } from '../../../state/hooks/use-block-card-rovo-action-experiment';
 import { canShowAction } from '../../../utils/actions/can-show-action';
 import { getIsRovoChatEnabled } from '../../../utils/rovo';
 import { CardAction } from '../../../view/Card/types';
@@ -25,9 +26,10 @@ var extractRovoChatAction = function extractRovoChatAction(_ref) {
   }
   var extensionKey = getExtensionKey(response);
   var isGoogleProvider = extensionKey === 'google-object-provider';
+  var is3PBlockExperimentEnabled = isBlockCardRovoActionExperimentEnabled(product);
   var is3PAuthRovoActionEnabled = isGoogleProvider && fg('platform_sl_3p_auth_rovo_action_kill_switch');
   var is3PInlinePostAuthActionsEnabled = extensionKey !== undefined && ELIGIBLE_EXTENSION_KEYS.has(extensionKey) && fg('rovogrowth-640-inline-action-nudge-fg') && expValEqualsNoExposure('rovogrowth-640-inline-action-nudge-exp', 'isEnabled', true);
-  var is3PBlockPostAuthActionsEnabled = extensionKey !== undefined && ELIGIBLE_EXTENSION_KEYS.has(extensionKey) && fg('platform_sl_3p_auth_rovo_block_card_kill_switch');
+  var is3PBlockPostAuthActionsEnabled = extensionKey !== undefined && ELIGIBLE_EXTENSION_KEYS.has(extensionKey) && is3PBlockExperimentEnabled;
   var isSupportedFeature = is3PInlinePostAuthActionsEnabled || is3PAuthRovoActionEnabled || is3PBlockPostAuthActionsEnabled;
   var isOptIn = (actionOptions === null || actionOptions === void 0 || (_actionOptions$rovoCh = actionOptions.rovoChatAction) === null || _actionOptions$rovoCh === void 0 ? void 0 : _actionOptions$rovoCh.optIn) === true;
   var url = extractSmartLinkUrl(response);

package/dist/esm/state/hooks/use-block-card-rovo-action-experiment/index.js

@@ -0,0 +1,62 @@
+import { useMemo } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
+import { getIsRovoChatEnabled } from '../../../utils/rovo';
+import { getExtensionKey } from '../../helpers';
+import { useSmartCardState } from '../../store';
+import { JIRA_PRODUCTS } from '../use-rovo-chat/constants';
+import useRovoConfig from '../use-rovo-config';
+var ELIGIBLE_EXTENSION_KEYS = new Set(['slack-object-provider', 'google-object-provider', 'onedrive-object-provider', 'github-object-provider', 'ms-teams-object-provider', 'gitlab-object-provider', 'salesforce-object-provider']);
+var NOT_ENABLED_RESULT = {
+  isEnabled: false
+};
+
+/**
+ * Returns whether the platform_sl_3p_auth_rovo_block_card_jira or platform_sl_3p_auth_rovo_block_card_confluence experiment
+ * is enabled for the current user and link context.
+ *
+ * All eligibility criteria are consolidated here:
+ * 1. Rovo chat must be enabled for the tenant.
+ * 2. The consumer must have opted in via actionOptions.rovoChatAction.optIn.
+ * 3. The link must support the RovoActions feature.
+ * 4. The extension key must be one of the supported options.
+ * 5. The experiment value must be true (via tmp-editor-statsig).
+ *
+ * The extension key is derived from the card store via the resolved URL,
+ * so callers don't need to thread it as a prop.
+ */
+var useBlockCardRovoActionExperiment = function useBlockCardRovoActionExperiment(url, actionOptions) {
+  var _actionOptions$rovoCh, _actionOptions$rovoCh2;
+  var _useRovoConfig = useRovoConfig(),
+    rovoConfig = _useRovoConfig.rovoOptions,
+    product = _useRovoConfig.product;
+  var isRovoChatEnabled = getIsRovoChatEnabled(rovoConfig);
+  var cardState = useSmartCardState(url !== null && url !== void 0 ? url : '');
+  var extensionKey = getExtensionKey(cardState.details);
+  var isRovoChatActionOptedIn = (_actionOptions$rovoCh = actionOptions === null || actionOptions === void 0 || (_actionOptions$rovoCh2 = actionOptions.rovoChatAction) === null || _actionOptions$rovoCh2 === void 0 ? void 0 : _actionOptions$rovoCh2.optIn) !== null && _actionOptions$rovoCh !== void 0 ? _actionOptions$rovoCh : false;
+  return useMemo(function () {
+    if (!isRovoChatEnabled || !url || !isRovoChatActionOptedIn) {
+      return NOT_ENABLED_RESULT;
+    }
+    if (extensionKey && !ELIGIBLE_EXTENSION_KEYS.has(extensionKey)) {
+      return NOT_ENABLED_RESULT;
+    }
+    var isJiraEnabled = !!product && JIRA_PRODUCTS.includes(product) && fg('platform_sl_3p_auth_rovo_block_jira_kill_switch') && expValEquals('platform_sl_3p_auth_rovo_block_card_jira', 'isEnabled', true);
+    var isConfluenceEnabled = !!product && product === 'CONFLUENCE' && fg('platform_sl_3p_auth_rovo_block_card_kill_switch') && expValEquals('platform_sl_3p_auth_rovo_block_card_confluence', 'isEnabled', true);
+    return {
+      isEnabled: isJiraEnabled || isConfluenceEnabled
+    };
+  }, [isRovoChatEnabled, extensionKey, url, isRovoChatActionOptedIn, product]);
+};
+export var isBlockCardRovoActionExperimentEnabled = function isBlockCardRovoActionExperimentEnabled(product) {
+  var isJiraEnabled = !!product && JIRA_PRODUCTS.includes(product) && fg('platform_sl_3p_auth_rovo_block_jira_kill_switch') && expValEqualsNoExposure('platform_sl_3p_auth_rovo_block_card_jira', 'isEnabled', true);
+  var isConfluenceEnabled = !!product && product === 'CONFLUENCE' && fg('platform_sl_3p_auth_rovo_block_card_kill_switch') && expValEqualsNoExposure('platform_sl_3p_auth_rovo_block_card_confluence', 'isEnabled', true);
+  return isJiraEnabled || isConfluenceEnabled;
+};
+export var useBlockCardRovoActionExperimentNoExposure = function useBlockCardRovoActionExperimentNoExposure() {
+  var _useRovoConfig2 = useRovoConfig(),
+    product = _useRovoConfig2.product;
+  return isBlockCardRovoActionExperimentEnabled(product);
+};
+export default useBlockCardRovoActionExperiment;

package/dist/esm/state/hooks/use-rovo-chat/constants.js

@@ -0,0 +1 @@
+export var JIRA_PRODUCTS = ['JSM', 'JWM', 'JSW', 'JPD'];