@atlaskit/smart-card 44.6.1 → 44.7.1

package/dist/esm/view/BlockCard/views/SocialProofMessage.js

@@ -0,0 +1,29 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { FormattedMessage } from 'react-intl';
+import { Box, Text } from '@atlaskit/primitives/compiled';
+import { messages } from '../../../messages';
+// TODO: remove when social-proof-3p-unauth-block-fg is cleaned up
+var SocialProofMessage = function SocialProofMessage(_ref) {
+  var tier = _ref.tier,
+    connectedPct = _ref.connectedPct,
+    providerName = _ref.providerName,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'smart-block-social-proof-message' : _ref$testId;
+  var message = tier === 'not-low' ? messages.pre_auth_block_social_proof_not_low : messages.pre_auth_block_social_proof_low;
+  return /*#__PURE__*/React.createElement(Box, {
+    testId: testId
+  }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, message, {
+    values: {
+      percentage: connectedPct !== null && connectedPct !== void 0 ? connectedPct : 0,
+      provider: providerName,
+      b: function b(chunks) {
+        return /*#__PURE__*/React.createElement(Text, {
+          as: "strong",
+          weight: "bold"
+        }, chunks);
+      }
+    }
+  })));
+};
+export default SocialProofMessage;

package/dist/esm/view/BlockCard/views/UnauthorisedView.js

@@ -1,19 +1,26 @@
 /* UnauthorisedView.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/extends";
-var _excluded = ["testId"];
+var _excluded = ["content", "providerName", "testId"],
+  _excluded2 = ["testId"],
+  _excluded3 = ["testId"];
 import "./UnauthorisedView.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useMemo } from 'react';
 import { FormattedMessage } from 'react-intl';
+import { di } from 'react-magnetic-di';
+import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { extractSmartLinkProvider } from '@atlaskit/link-extractors';
+import { useSmartLinkContext } from '@atlaskit/link-provider';
+import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
 import { Box } from '@atlaskit/primitives/compiled';
 import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
 import { ElementName, SmartLinkDirection, SmartLinkSize, SmartLinkWidth } from '../../../constants';
 import { messages } from '../../../messages';
 import { useFlexibleCardContext } from '../../../state/flexible-ui-context';
 import { hasAuthScopeOverrides } from '../../../state/helpers';
+import useSocialProofExperiment from '../../../state/hooks/use-social-proof-experiment';
 import UnauthorisedViewContent from '../../common/UnauthorisedViewContent';
 import FlexibleCard from '../../FlexibleCard';
 import ActionGroup from '../../FlexibleCard/components/blocks/action-group';
@@ -23,6 +30,7 @@ import { renderElementItems } from '../../FlexibleCard/components/blocks/utils';
 import { LinkIcon, Title } from '../../FlexibleCard/components/elements';
 import { AuthorizeAction } from '../actions/AuthorizeAction';
 import unauthIllustrationGeneral from './assets/general@2x.png';
+import SocialProofMessage from './SocialProofMessage';
 import { FlexibleCardUiOptions, titleBlockOptions } from './utils';
 import { withFlexibleUIBlockCardStyle } from './utils/withFlexibleUIBlockCardStyle';
 var contentStyles = null;
@@ -161,15 +169,12 @@ var UnauthorisedBlock = function UnauthorisedBlock(_ref) {
  * @see SmartLinkStatus
  * @see FlexibleCardProps
  */
-var UnauthorisedView = function UnauthorisedView(_ref3) {
-  var _extractSmartLinkProv;
-  var _ref3$testId = _ref3.testId,
-    testId = _ref3$testId === void 0 ? 'smart-block-unauthorized-view' : _ref3$testId,
+var UnauthorisedViewFrame = function UnauthorisedViewFrame(_ref3) {
+  var content = _ref3.content,
+    providerName = _ref3.providerName,
+    testId = _ref3.testId,
     props = _objectWithoutProperties(_ref3, _excluded);
-  var cardState = props.cardState,
-    onAuthorize = props.onAuthorize;
-  var providerName = (_extractSmartLinkProv = extractSmartLinkProvider(cardState.details)) === null || _extractSmartLinkProv === void 0 ? void 0 : _extractSmartLinkProv.text;
-  var isProductIntegrationSupported = hasAuthScopeOverrides(cardState.details);
+  var onAuthorize = props.onAuthorize;
   var _useAnalyticsEvents = useAnalyticsEvents(),
     fireEvent = _useAnalyticsEvents.fireEvent;
   var handleAuthorize = useCallback(function () {
@@ -178,17 +183,6 @@ var UnauthorisedView = function UnauthorisedView(_ref3) {
       onAuthorize();
     }
   }, [onAuthorize, fireEvent]);
-  var content = useMemo(function () {
-    return onAuthorize ? /*#__PURE__*/React.createElement(UnauthorisedViewContent, {
-      providerName: providerName,
-      isProductIntegrationSupported: isProductIntegrationSupported,
-      testId: testId
-    }) : /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages[providerName ? 'unauthorised_account_description' : 'unauthorised_account_description_no_provider'], {
-      values: {
-        context: providerName
-      }
-    }));
-  }, [isProductIntegrationSupported, onAuthorize, providerName, testId]);
   var actions = useMemo(function () {
     return onAuthorize ? [AuthorizeAction(handleAuthorize, providerName)] : [];
   }, [handleAuthorize, onAuthorize, providerName]);
@@ -209,5 +203,76 @@ var UnauthorisedView = function UnauthorisedView(_ref3) {
     className: ax(["_11c8fhey _syazi7uo _19pku2gc", actions.length > 0 && "_1reo15vq _18m915vq _otyrpxbi _p12f1osq _o5721q9c _1bto1l2s"])
   }, content)));
 };
+var UnauthorisedViewBase = function UnauthorisedViewBase(_ref4) {
+  var _extractSmartLinkProv;
+  var _ref4$testId = _ref4.testId,
+    testId = _ref4$testId === void 0 ? 'smart-block-unauthorized-view' : _ref4$testId,
+    props = _objectWithoutProperties(_ref4, _excluded2);
+  var cardState = props.cardState,
+    onAuthorize = props.onAuthorize;
+  var providerName = (_extractSmartLinkProv = extractSmartLinkProvider(cardState.details)) === null || _extractSmartLinkProv === void 0 ? void 0 : _extractSmartLinkProv.text;
+  var isProductIntegrationSupported = hasAuthScopeOverrides(cardState.details);
+  var content = useMemo(function () {
+    return onAuthorize ? /*#__PURE__*/React.createElement(UnauthorisedViewContent, {
+      providerName: providerName,
+      isProductIntegrationSupported: isProductIntegrationSupported,
+      testId: testId
+    }) : /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages[providerName ? 'unauthorised_account_description' : 'unauthorised_account_description_no_provider'], {
+      values: {
+        context: providerName
+      }
+    }));
+  }, [isProductIntegrationSupported, onAuthorize, providerName, testId]);
+  return /*#__PURE__*/React.createElement(UnauthorisedViewFrame, _extends({}, props, {
+    content: content,
+    providerName: providerName,
+    testId: testId
+  }));
+};
+
+/**
+ * Experiment wrapper: fires social proof exposure and renders social proof UI when FG is on.
+ * TODO: remove when social-proof-3p-unauth-block-fg is cleaned up
+ */
+var UnauthorisedViewWithExperiment = function UnauthorisedViewWithExperiment(_ref5) {
+  var _props$cardState, _extractSmartLinkProv2;
+  var _ref5$testId = _ref5.testId,
+    testId = _ref5$testId === void 0 ? 'smart-block-unauthorized-view' : _ref5$testId,
+    props = _objectWithoutProperties(_ref5, _excluded3);
+  var extensionKey = (_props$cardState = props.cardState) === null || _props$cardState === void 0 || (_props$cardState = _props$cardState.details) === null || _props$cardState === void 0 || (_props$cardState = _props$cardState.meta) === null || _props$cardState === void 0 ? void 0 : _props$cardState.key;
+  var providerName = (_extractSmartLinkProv2 = extractSmartLinkProvider(props.cardState.details)) === null || _extractSmartLinkProv2 === void 0 ? void 0 : _extractSmartLinkProv2.text;
+  var _useSmartLinkContext = useSmartLinkContext(),
+    connections = _useSmartLinkContext.connections;
+  var _useSocialProofExperi = useSocialProofExperiment(providerName ? extensionKey : undefined, connections.client.baseUrlOverride),
+    isTreatment = _useSocialProofExperi.isTreatment,
+    tier = _useSocialProofExperi.tier,
+    connectedPct = _useSocialProofExperi.connectedPct;
+  if (!isTreatment || !providerName) {
+    return /*#__PURE__*/React.createElement(UnauthorisedViewBase, _extends({}, props, {
+      testId: testId
+    }));
+  }
+  return /*#__PURE__*/React.createElement(AnalyticsContext, {
+    data: {
+      attributes: {
+        experiment: 'social_proof_3p_unauth_block_exp',
+        cohort: 'treatment',
+        tier: tier
+      }
+    }
+  }, /*#__PURE__*/React.createElement(UnauthorisedViewFrame, _extends({}, props, {
+    content: /*#__PURE__*/React.createElement(SocialProofMessage, {
+      tier: tier,
+      connectedPct: connectedPct,
+      providerName: providerName
+    }),
+    providerName: providerName,
+    testId: testId
+  })));
+};
+var UnauthorisedViewWithoutExperiment = function UnauthorisedViewWithoutExperiment(props) {
+  return /*#__PURE__*/React.createElement(UnauthorisedViewBase, props);
+};
+var UnauthorisedView = componentWithFG('social-proof-3p-unauth-block-fg', UnauthorisedViewWithExperiment, UnauthorisedViewWithoutExperiment);
 var _default_1 = withFlexibleUIBlockCardStyle(UnauthorisedView);
 export default _default_1;

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

@@ -5,11 +5,11 @@ import React, { forwardRef, useCallback, useMemo } from 'react';
 import { cx } from '@compiled/react';
 import { LoadingButton } from '@atlaskit/button';
 import Button, { IconButton, LinkButton, LinkIconButton } from '@atlaskit/button/new';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
 import Tooltip from '@atlaskit/tooltip';
 import { ActionName, SmartLinkSize } from '../../../../../../constants';
 import { useFlexibleUiContext, useFlexibleUiOptionContext } from '../../../../../../state/flexible-ui-context';
+import { useBlockCardRovoActionExperimentNoExposure } from '../../../../../../state/hooks/use-block-card-rovo-action-experiment';
 import { withOverrideCss } from '../../../common/with-override-css';
 import { sizeToButtonSpacing } from '../../../utils';
 var IconOnlyLarge = null;
@@ -57,7 +57,8 @@ var ActionButtonRefresh = /*#__PURE__*/forwardRef(function (_ref, ref) {
     ariaLabel = _ref.ariaLabel;
   var iconOnly = !content;
   var context = useFlexibleUiContext();
-  var isRovoSupported = !!(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');
+  var isRovoBlockCardExperimentEnabled = useBlockCardRovoActionExperimentNoExposure();
+  var isRovoSupported = !!(context !== null && context !== void 0 && (_context$actions = context.actions) !== null && _context$actions !== void 0 && _context$actions[ActionName.RovoChatAction]) && isRovoBlockCardExperimentEnabled;
   var onButtonClick = useCallback(function (handler) {
     return function (e) {
       e.preventDefault();

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

@@ -8,6 +8,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(_ref) {
@@ -19,6 +20,7 @@ export function AISummariseAction(_ref) {
     props = _objectWithoutProperties(_ref, _excluded);
   var _useAnalyticsEvents = useAnalyticsEvents(),
     fireEvent = _useAnalyticsEvents.fireEvent;
+  var isRovoBlockCardExperimentEnabled = useBlockCardRovoActionExperimentNoExposure();
   var onCompleted = useCallback(function (state) {
     if ((state === null || state === void 0 ? void 0 : state.status) === 'error') {
       onErrorCallback === null || onErrorCallback === void 0 || onErrorCallback(getErrorMessage(state.error));
@@ -41,7 +43,7 @@ export function AISummariseAction(_ref) {
       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/esm/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';
@@ -25,6 +26,7 @@ var AutomationAction = function AutomationAction(props) {
   var _useAnalyticsEvents = useAnalyticsEvents(),
     fireEvent = _useAnalyticsEvents.fireEvent;
   var automationActionData = context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[ActionName.AutomationAction];
+  var isRovoBlockCardExperimentEnabled = useBlockCardRovoActionExperimentNoExposure();
   var automationActionOnClick = useCallback(function (automationActionData) {
     var product = automationActionData.product,
       resourceType = automationActionData.resourceType,
@@ -76,7 +78,7 @@ var AutomationAction = function 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/esm/view/FlexibleCard/components/actions/copy-link-action/index.js

@@ -15,6 +15,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';
 var CopyLinkAction = function CopyLinkAction(_ref) {
@@ -28,6 +29,7 @@ var CopyLinkAction = function CopyLinkAction(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     tooltipMessage = _useState2[0],
     setTooltipMessage = _useState2[1];
+  var isRovoBlockCardExperimentEnabled = useBlockCardRovoActionExperimentNoExposure();
   var onClick = useCallback(function () {
     if (data !== null && data !== void 0 && data.invokeAction) {
       invoke(_objectSpread(_objectSpread({}, data.invokeAction), {}, {
@@ -62,7 +64,7 @@ var CopyLinkAction = function CopyLinkAction(_ref) {
       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/esm/view/FlexibleCard/components/actions/preview-action/index.js

@@ -11,6 +11,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';
 var PreviewAction = function PreviewAction(_ref) {
@@ -21,6 +22,7 @@ var PreviewAction = function PreviewAction(_ref) {
   var invoke = useInvokeClientAction({});
   var data = context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[ActionName.PreviewAction];
   var hasPreviewPanel = data === null || data === void 0 ? void 0 : data.hasPreviewPanel;
+  var isRovoBlockCardExperimentEnabled = useBlockCardRovoActionExperimentNoExposure();
   var onClick = useCallback(function () {
     if (data !== null && data !== void 0 && data.invokeAction) {
       invoke(data.invokeAction);
@@ -36,7 +38,7 @@ var PreviewAction = function PreviewAction(_ref) {
         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
       } : {}));
     }
@@ -44,10 +46,10 @@ var PreviewAction = function PreviewAction(_ref) {
       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]);
   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/rovo-chat-action/index.js

@@ -13,11 +13,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';
@@ -75,6 +75,7 @@ var getPromptAction = function getPromptAction(promptKey, intl) {
     },
     contextLong = _ref.contextLong,
     contextShort = _ref.contextShort;
+  var isBlockCard3PExperimentEnabled = isBlockCardRovoActionExperimentEnabled(product);
   switch (promptKey) {
     case RovoChatPromptKey.RECOMMEND_OTHER_SOURCES:
       var label_recommend = intl.formatMessage(messages.rovo_prompt_button_recommend_other_sources);
@@ -140,7 +141,7 @@ var getPromptAction = function getPromptAction(promptKey, intl) {
         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),
@@ -204,7 +205,7 @@ var getPromptAction = function getPromptAction(promptKey, intl) {
         url: 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/esm/view/FlexibleCard/components/blocks/action-group/index.js

@@ -16,11 +16,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';
@@ -67,15 +68,18 @@ var ActionGroup = function ActionGroup(_ref) {
     containerWidth = _ref$containerWidth === void 0 ? Infinity : _ref$containerWidth;
   var context = useFlexibleUiContext();
   var ui = useFlexibleUiOptionContext();
+  var _useRovoConfig = useRovoConfig(),
+    product = _useRovoConfig.product;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isOpen = _useState2[0],
     setIsOpen = _useState2[1];
   var renderableActionItems = useMemo(function () {
-    return filterActionItems(items, context);
-  }, [context, items]);
+    return filterActionItems(items, context, product);
+  }, [context, items, product]);
   var isMoreThenTwoItems = renderableActionItems.length > visibleButtonsNum;
-  var 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');
+  var rovoChatAction = context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[ActionName.RovoChatAction];
+  var is3PBlockExperimentEnabled = isBlockCardRovoActionExperimentEnabled(rovoChatAction === null || rovoChatAction === void 0 ? void 0 : rovoChatAction.product);
   var onOpenChange = useCallback(function (attrs) {
     setIsOpen(attrs.isOpen);
     if (onDropdownOpenChange) {
@@ -90,7 +94,7 @@ var ActionGroup = function ActionGroup(_ref) {
     }
   }, [isOpen, onOpenChange]);
   var actionButtons = useMemo(function () {
-    if (isRovoActionsEnabled) {
+    if (!!rovoChatAction && is3PBlockExperimentEnabled) {
       var rovoActions = [].concat(_toConsumableArray(containerWidth >= REDUCED_ACTIONS_SIZE ? renderableActionItems.slice(0, visibleButtonsNum - 1) : []), [{
         name: ActionName.RovoChatAction,
         prompts: [RovoChatPromptKey.ASK_ROVO_ANYTHING],
@@ -110,10 +114,10 @@ var ActionGroup = function ActionGroup(_ref) {
     }
     var 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]);
   var moreActionDropdown = useMemo(function () {
     var actionItems;
-    if (isRovoActionsEnabled && containerWidth < REDUCED_ACTIONS_SIZE) {
+    if (!!rovoChatAction && is3PBlockExperimentEnabled && containerWidth < REDUCED_ACTIONS_SIZE) {
       actionItems = renderableActionItems;
     } else {
       actionItems = isMoreThenTwoItems ? renderableActionItems.slice(visibleButtonsNum - 1) : [];
@@ -137,11 +141,11 @@ var ActionGroup = function ActionGroup(_ref) {
             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: appearance
           } : {})));
         },
@@ -150,7 +154,7 @@ var ActionGroup = function ActionGroup(_ref) {
       }, 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/esm/view/FlexibleCard/components/blocks/footer-block/resolved/index.js

@@ -6,10 +6,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 @@ var FooterBlockResolvedView = function FooterBlockResolvedView(props) {
     hideProvider = props.hideProvider,
     isPreviewBlockErrored = props.isPreviewBlockErrored;
   var context = useFlexibleUiContext();
-  var 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');
-  var hasPreview = isRovoSupportedFeature && !!(context !== null && context !== void 0 && context.preview) && !isPreviewBlockErrored;
+  var rovoChatAction = context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[ActionName.RovoChatAction];
+  var is3PBlockExperimentEnabled = isBlockCardRovoActionExperimentEnabled(rovoChatAction === null || rovoChatAction === void 0 ? void 0 : rovoChatAction.product);
+  var hasPreview = !!rovoChatAction && is3PBlockExperimentEnabled && !!(context !== null && context !== void 0 && context.preview) && !isPreviewBlockErrored;
   var hasActions = useMemo(function () {
     var _filterActionItems;
     return ((_filterActionItems = filterActionItems(actions, context)) === null || _filterActionItems === void 0 ? void 0 : _filterActionItems.length) > 0;
@@ -61,22 +62,22 @@ var FooterBlockResolvedView = function FooterBlockResolvedView(props) {
     appearance: "subtle",
     testId: "".concat(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/esm/view/FlexibleCard/components/blocks/preview-block/resolved/index.js

@@ -10,6 +10,7 @@ import { ax, ix } from "@compiled/react/runtime";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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';
@@ -32,7 +33,25 @@ var PreviewBlockResolvedView = function PreviewBlockResolvedView(_ref) {
     style = _ref.style,
     className = _ref.className,
     blockProps = _objectWithoutProperties(_ref, _excluded);
-  var _useState = useState(style !== null && style !== void 0 ? style : {}),
+  var _useState = useState(function () {
+      if (fg('dfo-fix-preview-dynamic-style')) {
+        if (placement === MediaPlacement.Left || placement === MediaPlacement.Right) {
+          var containerPadding = ignoreContainerPadding ? '0px' : 'var(--container-padding)';
+          var newStyle = _objectSpread(_objectSpread(_objectSpread({}, style), {}, {
+            position: 'absolute',
+            top: containerPadding,
+            bottom: containerPadding,
+            width: "calc(var(--preview-block-width) - ".concat(containerPadding, ")")
+          }, placement === MediaPlacement.Left ? {
+            left: containerPadding
+          } : {}), placement === MediaPlacement.Right ? {
+            right: containerPadding
+          } : {});
+          return newStyle;
+        }
+      }
+      return style !== null && style !== void 0 ? style : {};
+    }),
     _useState2 = _slicedToArray(_useState, 2),
     dynamicStyles = _useState2[0],
     setDynamicStyles = _useState2[1];

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

@@ -5,8 +5,8 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["name"];
 var _ElementDisplaySchema;
 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';
@@ -50,6 +50,8 @@ var isElementOrElementGroup = function isElementOrElementGroup(node) {
 export var filterActionItems = function filterActionItems() {
   var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var context = arguments.length > 1 ? arguments[1] : undefined;
+  var product = arguments.length > 2 ? arguments[2] : undefined;
+  var isBlockCard3PExperimentEnabled = isBlockCardRovoActionExperimentEnabled(product);
   return items.filter(function (item) {
     switch (item.name) {
       case ActionName.DeleteAction:
@@ -58,7 +60,7 @@ export var filterActionItems = function filterActionItems() {
         // 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/esm/view/FlexibleCard/components/elements/common/base-badge-element/index.js

@@ -6,11 +6,11 @@ import { ax, ix } from "@compiled/react/runtime";
 /* eslint-disable @atlaskit/design-system/use-tokens-typography */
 
 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';
@@ -81,12 +81,13 @@ var BaseBadgeRefreshNew = /*#__PURE__*/forwardRef(function (_ref, ref) {
     _ref$hideLabel = _ref.hideLabel,
     hideLabel = _ref$hideLabel === void 0 ? false : _ref$hideLabel;
   var ui = useFlexibleUiOptionContext();
+  var isRovoBlockCardExperimentEnabled = useBlockCardRovoActionExperimentNoExposure();
   var formattedMessageOrLabel = getFormattedMessageFromIcon(icon) || label;
   var badgeIcon = renderAtlaskitIcon(icon, testId) || renderImageIcon(url, testId, ui === null || ui === void 0 ? void 0 : ui.hideLoadingSkeleton);
   if (!formattedMessageOrLabel || !badgeIcon) {
     return null;
   }
-  var shouldHideLabel = hideLabel && fg('platform_sl_3p_auth_rovo_block_card_kill_switch');
+  var shouldHideLabel = hideLabel && isRovoBlockCardExperimentEnabled;
   return /*#__PURE__*/React.createElement("span", {
     "data-smart-element": name,
     "data-smart-element-badge": true,

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

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