@atlaskit/smart-card 44.6.1 → 44.7.1

package/dist/es2019/state/services/personalization/index.js

@@ -1,20 +1,18 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { StorageClient } from '@atlaskit/frontend-utilities/storage-client';
-import { getCurrentSiteCloudId, getCachedCurrentSiteCloudIdAndRefresh } from '../current-site-cloud-id';
+import { getCurrentSiteCloudId, getCurrentSiteCloudIdSync } from '../current-site-cloud-id';
 const BASE_URL = '/gateway/api/tap-delivery/api/v3/personalization';
-
-/**
- * Logical key shape: `@atlaskit/smart-card:<feature>:<schema-version>:<scope>` (see smart-card
- * storage conventions). {@link StorageClient} narrows the localStorage key to
- * `<clientKey>_<itemKey>` with `clientKey === '@atlaskit/smart-card'` and
- * `itemKey === 'pct-map:v1:<cloudId>:<traitName>'` (scope segments URI-encoded).
- */
-export const PERSONALIZATION_STORAGE_SCOPE = '@atlaskit/smart-card';
+export const PERSONALIZATION_STORAGE_SCOPE = 'smart-card-social-proof';
 export const PERSONALIZATION_STORAGE_ITEM_KEY_PREFIX = 'pct-map:v1:';
+export const PERSONALIZATION_PROVIDER_PCT_TTL_MS = 24 * 60 * 60 * 1000;
+export const SOCIAL_PROOF_TRAIT_NAME = 'sl_3p_connected_providers_site_pct';
 const smartCardStorage = new StorageClient(PERSONALIZATION_STORAGE_SCOPE);
 
 /** Keys written by this service in localStorage when using {@link smartCardStorage}. */
 const LOCAL_STORAGE_ROW_KEY_PREFIX = `${PERSONALIZATION_STORAGE_SCOPE}_${PERSONALIZATION_STORAGE_ITEM_KEY_PREFIX}`;
+function scopedCacheKey(cloudId, traitName) {
+  return `${cloudId}:${traitName}`;
+}
 function pctMapStorageItemKey(cloudId, traitName) {
   return `${PERSONALIZATION_STORAGE_ITEM_KEY_PREFIX}${encodeURIComponent(cloudId)}:${encodeURIComponent(traitName)}`;
 }
@@ -41,27 +39,24 @@ export class PersonalizationService {
   constructor() {
     _defineProperty(this, "cache", new Map());
   }
-  /**
-   * Returns the currently cached provider percentage map synchronously and starts a background refresh.
-   * The refresh result is persisted for future calls but is not awaited by this call.
-   */
-  getCachedProviderPctMapAndRefresh(traitName) {
-    const cloudId = getCachedCurrentSiteCloudIdAndRefresh();
-    const fromStorage = cloudId && this.readStoredProviderPctMap(cloudId, traitName) || null;
-    void this.getProviderPctMap(traitName);
-    return fromStorage;
+  /** Pure synchronous read for an explicit cloud id / trait pair. */
+  getProviderPctMapSync(cloudId, traitName) {
+    if (!cloudId) {
+      return null;
+    }
+    return this.readStoredProviderPctMap(cloudId, traitName);
   }
-  async getProviderPctMap(traitName) {
-    const cachedPromise = this.cache.get(traitName);
+  async getProviderPctMap(cloudId, traitName) {
+    if (!cloudId) {
+      return undefined;
+    }
+    const cacheKey = scopedCacheKey(cloudId, traitName);
+    const cachedPromise = this.cache.get(cacheKey);
     if (cachedPromise) {
       return cachedPromise;
     }
     const promise = (async () => {
       try {
-        const cloudId = await getCurrentSiteCloudId();
-        if (!cloudId) {
-          return undefined;
-        }
         const traits = await fetchSiteTraits(cloudId);
         const trait = traits.find(t => t.name === traitName);
         const mapped = this.parseTraitValue(trait === null || trait === void 0 ? void 0 : trait.value);
@@ -73,8 +68,11 @@ export class PersonalizationService {
         return undefined;
       }
     })();
-    this.cache.set(traitName, promise);
-    return promise;
+    const retryablePromise = promise.finally(() => {
+      this.cache.delete(cacheKey);
+    });
+    this.cache.set(cacheKey, retryablePromise);
+    return retryablePromise;
   }
   readStoredProviderPctMap(cloudId, traitName) {
     try {
@@ -89,7 +87,7 @@ export class PersonalizationService {
   }
   writeStoredProviderPctMap(cloudId, traitName, map) {
     try {
-      smartCardStorage.setItemWithExpiry(pctMapStorageItemKey(cloudId, traitName), map);
+      smartCardStorage.setItemWithExpiry(pctMapStorageItemKey(cloudId, traitName), map, PERSONALIZATION_PROVIDER_PCT_TTL_MS);
     } catch {
       // Quota, private-mode, etc.
     }
@@ -145,20 +143,23 @@ export class PersonalizationService {
   }
 }
 export const personalizationService = new PersonalizationService();
+export const getProviderPctMap = (cloudId, traitName) => personalizationService.getProviderPctMap(cloudId, traitName);
+export function getProviderPctMapSync(cloudId, traitName) {
+  return personalizationService.getProviderPctMapSync(cloudId, traitName);
+}
 
 /**
- * Resolves the provider percentage map for a TAP Delivery trait through the module-level
- * {@link personalizationService}. Work is deduped per trait name for the page lifetime, and a
- * successful response is persisted by cloud id and trait name for later cached reads.
- */
-export const getProviderPctMap = traitName => personalizationService.getProviderPctMap(traitName);
-
-/**
- * Reads the provider percentage map for a trait from browser storage via the module-level
- * {@link personalizationService} singleton, without awaiting network work.
- * Calling this also starts the trait-scoped shared refresh in the background, so a later call can
- * use a refreshed value when it becomes available.
+ * Backwards-compatible cache-first helper for inline-card social proof callers.
+ *
+ * Reads the persisted provider percentage map synchronously using the current site cloud id, then
+ * starts a background refresh for subsequent mounts. The async result intentionally does not affect
+ * the current call site, matching the warm-cache-only rendering contract.
  */
 export function getCachedProviderPctMapAndRefresh(traitName) {
-  return personalizationService.getCachedProviderPctMapAndRefresh(traitName);
+  const cloudId = getCurrentSiteCloudIdSync();
+  const providerPctMap = getProviderPctMapSync(cloudId, traitName);
+  void getCurrentSiteCloudId().then(resolvedCloudId => {
+    void getProviderPctMap(resolvedCloudId, traitName);
+  });
+  return providerPctMap;
 }

package/dist/es2019/utils/analytics/analytics.js

@@ -2,7 +2,7 @@ export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card" || '',
-  packageVersion: "44.6.0" || ''
+  packageVersion: "44.7.0" || ''
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/view/BlockCard/views/ResolvedView.js

@@ -5,10 +5,10 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useEffect, useMemo, useState } from 'react';
 import { browser } from '@atlaskit/linking-common/user-agent';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { ActionName, CardDisplay, ElementName, SmartLinkPosition } from '../../../constants';
 import extractRovoChatAction from '../../../extractors/flexible/actions/extract-rovo-chat-action';
 import { getExtensionKey } from '../../../state/helpers';
+import useBlockCardRovoActionExperiment from '../../../state/hooks/use-block-card-rovo-action-experiment';
 import useRovoConfig from '../../../state/hooks/use-rovo-config';
 import FlexibleCard from '../../FlexibleCard';
 import { RovoChatPromptKey } from '../../FlexibleCard/components/actions/rovo-chat-action';
@@ -38,10 +38,13 @@ const ResolvedView = ({
   var _cardState$details2;
   const [isPreviewBlockErrored, setIsPreviewBlockErrored] = useState(false);
   const extensionKey = getExtensionKey(cardState.details);
-  const rovoConfig = fg('platform_sl_3p_auth_rovo_block_card_kill_switch') ?
+  const {
+    isEnabled: is3PRovoBlockExperimentEnabled
+  } = useBlockCardRovoActionExperiment(url, actionOptions);
+  const rovoConfig = is3PRovoBlockExperimentEnabled ?
   // eslint-disable-next-line react-hooks/rules-of-hooks
   useRovoConfig() : undefined;
-  const showRovoResolvedView = fg('platform_sl_3p_auth_rovo_block_card_kill_switch') ?
+  const showRovoResolvedView = is3PRovoBlockExperimentEnabled ?
   // eslint-disable-next-line react-hooks/rules-of-hooks
   useMemo(() => (cardState === null || cardState === void 0 ? void 0 : cardState.status) === 'resolved' && cardState.details && extractRovoChatAction({
     response: cardState.details,
@@ -62,7 +65,7 @@ const ResolvedView = ({
     bottomMetadata
   } = getSimulatedBetterMetadata(cardState.details);
   const prompts = useMemo(() => {
-    if (fg('platform_sl_3p_auth_rovo_block_card_kill_switch')) {
+    if (is3PRovoBlockExperimentEnabled) {
       var _cardState$details, _cardState$details$da;
       const defaultPrompts = [RovoChatPromptKey.KEY_HIGHLIGHTS];
       const linkType = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : (_cardState$details$da = _cardState$details.data) === null || _cardState$details$da === void 0 ? void 0 : _cardState$details$da['@type'];
@@ -78,33 +81,28 @@ const ResolvedView = ({
       return [RovoChatPromptKey.SUMMARIZE_LINK, ...defaultPrompts];
     }
     return [];
-  }, [cardState === null || cardState === void 0 ? void 0 : (_cardState$details2 = cardState.details) === null || _cardState$details2 === void 0 ? void 0 : _cardState$details2.data, extensionKey]);
-  const footerActions = useMemo(() => {
-    if (showRovoResolvedView && fg('platform_sl_3p_auth_rovo_block_card_kill_switch')) {
-      return [{
-        name: ActionName.RovoChatAction,
-        prompts: prompts,
-        iconSize: 'small',
-        cardAppearance: CardDisplay.Block
-      }, {
-        name: ActionName.FollowAction,
-        iconSize: 'small'
-      }, {
-        name: ActionName.DownloadAction,
-        iconSize: 'small'
-      }];
-    }
-    return [{
-      name: ActionName.FollowAction,
-      hideIcon: true
-    }, {
-      name: ActionName.PreviewAction,
-      hideIcon: true
-    }, {
-      name: ActionName.DownloadAction,
-      hideIcon: true
-    }];
-  }, [showRovoResolvedView, prompts]);
+  }, [cardState === null || cardState === void 0 ? void 0 : (_cardState$details2 = cardState.details) === null || _cardState$details2 === void 0 ? void 0 : _cardState$details2.data, extensionKey, is3PRovoBlockExperimentEnabled]);
+  const footerActions = useMemo(() => showRovoResolvedView && is3PRovoBlockExperimentEnabled ? [{
+    name: ActionName.RovoChatAction,
+    prompts: prompts,
+    iconSize: 'small',
+    cardAppearance: CardDisplay.Block
+  }, {
+    name: ActionName.FollowAction,
+    iconSize: 'small'
+  }, {
+    name: ActionName.DownloadAction,
+    iconSize: 'small'
+  }] : [{
+    name: ActionName.FollowAction,
+    hideIcon: true
+  }, {
+    name: ActionName.PreviewAction,
+    hideIcon: true
+  }, {
+    name: ActionName.DownloadAction,
+    hideIcon: true
+  }], [showRovoResolvedView, prompts, is3PRovoBlockExperimentEnabled]);
   const uiOptions = FlexibleCardUiOptions;
   uiOptions.enableSnippetRenderer = true;
   uiOptions.hideLoadingSkeleton = hideIconLoadingSkeleton;

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

@@ -0,0 +1,27 @@
+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
+const SocialProofMessage = ({
+  tier,
+  connectedPct,
+  providerName,
+  testId = 'smart-block-social-proof-message'
+}) => {
+  const 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: chunks => /*#__PURE__*/React.createElement(Text, {
+        as: "strong",
+        weight: "bold"
+      }, chunks)
+    }
+  })));
+};
+export default SocialProofMessage;

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

@@ -5,13 +5,18 @@ 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';
@@ -21,6 +26,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';
 const contentStyles = null;
@@ -163,17 +169,15 @@ const UnauthorisedBlock = ({
  * @see SmartLinkStatus
  * @see FlexibleCardProps
  */
-const UnauthorisedView = ({
-  testId = 'smart-block-unauthorized-view',
+const UnauthorisedViewFrame = ({
+  content,
+  providerName,
+  testId,
   ...props
 }) => {
-  var _extractSmartLinkProv;
   const {
-    cardState,
     onAuthorize
   } = props;
-  const providerName = (_extractSmartLinkProv = extractSmartLinkProvider(cardState.details)) === null || _extractSmartLinkProv === void 0 ? void 0 : _extractSmartLinkProv.text;
-  const isProductIntegrationSupported = hasAuthScopeOverrides(cardState.details);
   const {
     fireEvent
   } = useAnalyticsEvents();
@@ -183,15 +187,6 @@ const UnauthorisedView = ({
       onAuthorize();
     }
   }, [onAuthorize, fireEvent]);
-  const content = useMemo(() => 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]);
   const actions = useMemo(() => onAuthorize ? [AuthorizeAction(handleAuthorize, providerName)] : [], [handleAuthorize, onAuthorize, providerName]);
   return /*#__PURE__*/React.createElement(FlexibleCard, _extends({
     appearance: "block",
@@ -210,5 +205,78 @@ const UnauthorisedView = ({
     className: ax(["_11c8fhey _syazi7uo _19pku2gc", actions.length > 0 && "_1reo15vq _18m915vq _otyrpxbi _p12f1osq _o5721q9c _1bto1l2s"])
   }, content)));
 };
+const UnauthorisedViewBase = ({
+  testId = 'smart-block-unauthorized-view',
+  ...props
+}) => {
+  var _extractSmartLinkProv;
+  const {
+    cardState,
+    onAuthorize
+  } = props;
+  const providerName = (_extractSmartLinkProv = extractSmartLinkProvider(cardState.details)) === null || _extractSmartLinkProv === void 0 ? void 0 : _extractSmartLinkProv.text;
+  const isProductIntegrationSupported = hasAuthScopeOverrides(cardState.details);
+  const content = useMemo(() => 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
+ */
+const UnauthorisedViewWithExperiment = ({
+  testId = 'smart-block-unauthorized-view',
+  ...props
+}) => {
+  var _props$cardState, _props$cardState$deta, _props$cardState$deta2, _extractSmartLinkProv2;
+  const extensionKey = (_props$cardState = props.cardState) === null || _props$cardState === void 0 ? void 0 : (_props$cardState$deta = _props$cardState.details) === null || _props$cardState$deta === void 0 ? void 0 : (_props$cardState$deta2 = _props$cardState$deta.meta) === null || _props$cardState$deta2 === void 0 ? void 0 : _props$cardState$deta2.key;
+  const providerName = (_extractSmartLinkProv2 = extractSmartLinkProvider(props.cardState.details)) === null || _extractSmartLinkProv2 === void 0 ? void 0 : _extractSmartLinkProv2.text;
+  const {
+    connections
+  } = useSmartLinkContext();
+  const {
+    isTreatment,
+    tier,
+    connectedPct
+  } = useSocialProofExperiment(providerName ? extensionKey : undefined, connections.client.baseUrlOverride);
+  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
+      }
+    }
+  }, /*#__PURE__*/React.createElement(UnauthorisedViewFrame, _extends({}, props, {
+    content: /*#__PURE__*/React.createElement(SocialProofMessage, {
+      tier: tier,
+      connectedPct: connectedPct,
+      providerName: providerName
+    }),
+    providerName: providerName,
+    testId: testId
+  })));
+};
+const UnauthorisedViewWithoutExperiment = props => {
+  return /*#__PURE__*/React.createElement(UnauthorisedViewBase, props);
+};
+const UnauthorisedView = componentWithFG('social-proof-3p-unauth-block-fg', UnauthorisedViewWithExperiment, UnauthorisedViewWithoutExperiment);
 const _default_1 = withFlexibleUIBlockCardStyle(UnauthorisedView);
 export default _default_1;

package/dist/es2019/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';
 const IconOnlyLarge = null;
@@ -57,7 +57,8 @@ const ActionButtonRefresh = /*#__PURE__*/forwardRef(({
   var _context$actions;
   const iconOnly = !content;
   const context = useFlexibleUiContext();
-  const 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');
+  const isRovoBlockCardExperimentEnabled = useBlockCardRovoActionExperimentNoExposure();
+  const isRovoSupported = !!(context !== null && context !== void 0 && (_context$actions = context.actions) !== null && _context$actions !== void 0 && _context$actions[ActionName.RovoChatAction]) && isRovoBlockCardExperimentEnabled;
   const onButtonClick = useCallback(handler => e => {
     e.preventDefault();
     handler();

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