@atlaskit/smart-card 44.6.1 → 44.7.1

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

@@ -14,13 +14,18 @@ var _runtime = require("@compiled/react/runtime");
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _reactIntl = require("react-intl");
+var _reactMagneticDi = require("react-magnetic-di");
+var _analyticsNext = require("@atlaskit/analytics-next");
 var _linkExtractors = require("@atlaskit/link-extractors");
+var _linkProvider = require("@atlaskit/link-provider");
+var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _useAnalyticsEvents2 = require("../../../common/analytics/generated/use-analytics-events");
 var _constants = require("../../../constants");
 var _messages = require("../../../messages");
 var _flexibleUiContext = require("../../../state/flexible-ui-context");
 var _helpers = require("../../../state/helpers");
+var _useSocialProofExperiment = _interopRequireDefault(require("../../../state/hooks/use-social-proof-experiment"));
 var _UnauthorisedViewContent = _interopRequireDefault(require("../../common/UnauthorisedViewContent"));
 var _FlexibleCard = _interopRequireDefault(require("../../FlexibleCard"));
 var _actionGroup = _interopRequireDefault(require("../../FlexibleCard/components/blocks/action-group"));
@@ -30,9 +35,12 @@ var _utils = require("../../FlexibleCard/components/blocks/utils");
 var _elements = require("../../FlexibleCard/components/elements");
 var _AuthorizeAction = require("../actions/AuthorizeAction");
 var _general2x = _interopRequireDefault(require("./assets/general@2x.png"));
+var _SocialProofMessage = _interopRequireDefault(require("./SocialProofMessage"));
 var _utils2 = require("./utils");
 var _withFlexibleUIBlockCardStyle = require("./utils/withFlexibleUIBlockCardStyle");
-var _excluded = ["testId"];
+var _excluded = ["content", "providerName", "testId"],
+  _excluded2 = ["testId"],
+  _excluded3 = ["testId"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var contentStyles = null;
 var contentAdditionalStyles = null;
@@ -170,15 +178,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 = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
-  var cardState = props.cardState,
-    onAuthorize = props.onAuthorize;
-  var providerName = (_extractSmartLinkProv = (0, _linkExtractors.extractSmartLinkProvider)(cardState.details)) === null || _extractSmartLinkProv === void 0 ? void 0 : _extractSmartLinkProv.text;
-  var isProductIntegrationSupported = (0, _helpers.hasAuthScopeOverrides)(cardState.details);
+  var onAuthorize = props.onAuthorize;
   var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
     fireEvent = _useAnalyticsEvents.fireEvent;
   var handleAuthorize = (0, _react.useCallback)(function () {
@@ -187,17 +192,6 @@ var UnauthorisedView = function UnauthorisedView(_ref3) {
       onAuthorize();
     }
   }, [onAuthorize, fireEvent]);
-  var content = (0, _react.useMemo)(function () {
-    return onAuthorize ? /*#__PURE__*/React.createElement(_UnauthorisedViewContent.default, {
-      providerName: providerName,
-      isProductIntegrationSupported: isProductIntegrationSupported,
-      testId: testId
-    }) : /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _messages.messages[providerName ? 'unauthorised_account_description' : 'unauthorised_account_description_no_provider'], {
-      values: {
-        context: providerName
-      }
-    }));
-  }, [isProductIntegrationSupported, onAuthorize, providerName, testId]);
   var actions = (0, _react.useMemo)(function () {
     return onAuthorize ? [(0, _AuthorizeAction.AuthorizeAction)(handleAuthorize, providerName)] : [];
   }, [handleAuthorize, onAuthorize, providerName]);
@@ -218,5 +212,76 @@ var UnauthorisedView = function UnauthorisedView(_ref3) {
     className: (0, _runtime.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 = (0, _objectWithoutProperties2.default)(_ref4, _excluded2);
+  var cardState = props.cardState,
+    onAuthorize = props.onAuthorize;
+  var providerName = (_extractSmartLinkProv = (0, _linkExtractors.extractSmartLinkProvider)(cardState.details)) === null || _extractSmartLinkProv === void 0 ? void 0 : _extractSmartLinkProv.text;
+  var isProductIntegrationSupported = (0, _helpers.hasAuthScopeOverrides)(cardState.details);
+  var content = (0, _react.useMemo)(function () {
+    return onAuthorize ? /*#__PURE__*/React.createElement(_UnauthorisedViewContent.default, {
+      providerName: providerName,
+      isProductIntegrationSupported: isProductIntegrationSupported,
+      testId: testId
+    }) : /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _messages.messages[providerName ? 'unauthorised_account_description' : 'unauthorised_account_description_no_provider'], {
+      values: {
+        context: providerName
+      }
+    }));
+  }, [isProductIntegrationSupported, onAuthorize, providerName, testId]);
+  return /*#__PURE__*/React.createElement(UnauthorisedViewFrame, (0, _extends2.default)({}, 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 = (0, _objectWithoutProperties2.default)(_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 = (0, _linkExtractors.extractSmartLinkProvider)(props.cardState.details)) === null || _extractSmartLinkProv2 === void 0 ? void 0 : _extractSmartLinkProv2.text;
+  var _useSmartLinkContext = (0, _linkProvider.useSmartLinkContext)(),
+    connections = _useSmartLinkContext.connections;
+  var _useSocialProofExperi = (0, _useSocialProofExperiment.default)(providerName ? extensionKey : undefined, connections.client.baseUrlOverride),
+    isTreatment = _useSocialProofExperi.isTreatment,
+    tier = _useSocialProofExperi.tier,
+    connectedPct = _useSocialProofExperi.connectedPct;
+  if (!isTreatment || !providerName) {
+    return /*#__PURE__*/React.createElement(UnauthorisedViewBase, (0, _extends2.default)({}, props, {
+      testId: testId
+    }));
+  }
+  return /*#__PURE__*/React.createElement(_analyticsNext.AnalyticsContext, {
+    data: {
+      attributes: {
+        experiment: 'social_proof_3p_unauth_block_exp',
+        cohort: 'treatment',
+        tier: tier
+      }
+    }
+  }, /*#__PURE__*/React.createElement(UnauthorisedViewFrame, (0, _extends2.default)({}, props, {
+    content: /*#__PURE__*/React.createElement(_SocialProofMessage.default, {
+      tier: tier,
+      connectedPct: connectedPct,
+      providerName: providerName
+    }),
+    providerName: providerName,
+    testId: testId
+  })));
+};
+var UnauthorisedViewWithoutExperiment = function UnauthorisedViewWithoutExperiment(props) {
+  return /*#__PURE__*/React.createElement(UnauthorisedViewBase, props);
+};
+var UnauthorisedView = (0, _platformFeatureFlagsReact.componentWithFG)('social-proof-3p-unauth-block-fg', UnauthorisedViewWithExperiment, UnauthorisedViewWithoutExperiment);
 var _default_1 = (0, _withFlexibleUIBlockCardStyle.withFlexibleUIBlockCardStyle)(UnauthorisedView);
 var _default = exports.default = _default_1;

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

@@ -13,11 +13,11 @@ var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@compiled/react");
 var _button = require("@atlaskit/button");
 var _new = _interopRequireWildcard(require("@atlaskit/button/new"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _constants = require("../../../../../../constants");
 var _flexibleUiContext = require("../../../../../../state/flexible-ui-context");
+var _useBlockCardRovoActionExperiment = require("../../../../../../state/hooks/use-block-card-rovo-action-experiment");
 var _withOverrideCss = require("../../../common/with-override-css");
 var _utils = require("../../../utils");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -66,7 +66,8 @@ var ActionButtonRefresh = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, re
     ariaLabel = _ref.ariaLabel;
   var iconOnly = !content;
   var context = (0, _flexibleUiContext.useFlexibleUiContext)();
-  var isRovoSupported = !!(context !== null && context !== void 0 && (_context$actions = context.actions) !== null && _context$actions !== void 0 && _context$actions[_constants.ActionName.RovoChatAction]) && (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_block_card_kill_switch');
+  var isRovoBlockCardExperimentEnabled = (0, _useBlockCardRovoActionExperiment.useBlockCardRovoActionExperimentNoExposure)();
+  var isRovoSupported = !!(context !== null && context !== void 0 && (_context$actions = context.actions) !== null && _context$actions !== void 0 && _context$actions[_constants.ActionName.RovoChatAction]) && isRovoBlockCardExperimentEnabled;
   var onButtonClick = (0, _react.useCallback)(function (handler) {
     return function (e) {
       e.preventDefault();

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

@@ -15,6 +15,7 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _useAnalyticsEvents2 = require("../../../../../common/analytics/generated/use-analytics-events");
 var _messages = require("../../../../../messages");
+var _useBlockCardRovoActionExperiment = require("../../../../../state/hooks/use-block-card-rovo-action-experiment");
 var _action = _interopRequireDefault(require("../action"));
 var _utils = require("./utils");
 var _excluded = ["onClick", "onError", "testId", "status", "summariseUrl"];
@@ -28,6 +29,7 @@ function AISummariseAction(_ref) {
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
     fireEvent = _useAnalyticsEvents.fireEvent;
+  var isRovoBlockCardExperimentEnabled = (0, _useBlockCardRovoActionExperiment.useBlockCardRovoActionExperimentNoExposure)();
   var onCompleted = (0, _react.useCallback)(function (state) {
     if ((state === null || state === void 0 ? void 0 : state.status) === 'error') {
       onErrorCallback === null || onErrorCallback === void 0 || onErrorCallback((0, _utils.getErrorMessage)(state.error));
@@ -50,7 +52,7 @@ function AISummariseAction(_ref) {
       spacing: "spacious",
       color: "currentColor",
       label: "Summarise with AI"
-    }, (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') || (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_block_card_kill_switch') || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('rovogrowth-640-inline-action-nudge-exp', 'isEnabled', true) ? {
+    }, (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') || isRovoBlockCardExperimentEnabled || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('rovogrowth-640-inline-action-nudge-exp', 'isEnabled', true) ? {
       size: props.iconSize
     } : {})),
     onClick: handleActionClick,

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

@@ -17,6 +17,7 @@ var _useAnalyticsEvents2 = require("../../../../../common/analytics/generated/us
 var _constants = require("../../../../../constants");
 var _messages = require("../../../../../messages");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _useBlockCardRovoActionExperiment = require("../../../../../state/hooks/use-block-card-rovo-action-experiment");
 var _modal = require("../../../../../state/modal");
 var _action = _interopRequireDefault(require("../action"));
 var _utils = require("./utils");
@@ -36,6 +37,7 @@ var AutomationAction = function AutomationAction(props) {
   var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
     fireEvent = _useAnalyticsEvents.fireEvent;
   var automationActionData = context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[_constants.ActionName.AutomationAction];
+  var isRovoBlockCardExperimentEnabled = (0, _useBlockCardRovoActionExperiment.useBlockCardRovoActionExperimentNoExposure)();
   var automationActionOnClick = (0, _react.useCallback)(function (automationActionData) {
     var product = automationActionData.product,
       resourceType = automationActionData.resourceType,
@@ -87,7 +89,7 @@ var AutomationAction = function AutomationAction(props) {
       spacing: "spacious",
       color: "currentColor",
       label: automationActionIconLabel
-    }, (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') || (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_block_card_kill_switch') || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('rovogrowth-640-inline-action-nudge-exp', 'isEnabled', true) ? {
+    }, (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') || isRovoBlockCardExperimentEnabled || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('rovogrowth-640-inline-action-nudge-exp', 'isEnabled', true) ? {
       size: props.iconSize
     } : {})),
     testId: "smart-action-automation-action",

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

@@ -20,6 +20,7 @@ var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equa
 var _constants = require("../../../../../constants");
 var _messages = require("../../../../../messages");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _useBlockCardRovoActionExperiment = require("../../../../../state/hooks/use-block-card-rovo-action-experiment");
 var _useInvokeClientAction = _interopRequireDefault(require("../../../../../state/hooks/use-invoke-client-action"));
 var _action = _interopRequireDefault(require("../action"));
 var _excluded = ["onClick"];
@@ -37,6 +38,7 @@ var CopyLinkAction = function CopyLinkAction(_ref) {
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     tooltipMessage = _useState2[0],
     setTooltipMessage = _useState2[1];
+  var isRovoBlockCardExperimentEnabled = (0, _useBlockCardRovoActionExperiment.useBlockCardRovoActionExperimentNoExposure)();
   var onClick = (0, _react.useCallback)(function () {
     if (data !== null && data !== void 0 && data.invokeAction) {
       invoke(_objectSpread(_objectSpread({}, data.invokeAction), {}, {
@@ -71,7 +73,7 @@ var CopyLinkAction = function CopyLinkAction(_ref) {
       color: "currentColor",
       label: (0, _platformFeatureFlags.fg)('navx-3698-flexible-card-a11y-fix') ? '' : 'copy url',
       spacing: "spacious"
-    }, (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') || (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_block_card_kill_switch') || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('rovogrowth-640-inline-action-nudge-exp', 'isEnabled', true) ? {
+    }, (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') || isRovoBlockCardExperimentEnabled || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('rovogrowth-640-inline-action-nudge-exp', 'isEnabled', true) ? {
       size: props.iconSize
     } : {})),
     onClick: onClick,

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

@@ -18,6 +18,7 @@ var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equa
 var _constants = require("../../../../../constants");
 var _messages = require("../../../../../messages");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _useBlockCardRovoActionExperiment = require("../../../../../state/hooks/use-block-card-rovo-action-experiment");
 var _useInvokeClientAction = _interopRequireDefault(require("../../../../../state/hooks/use-invoke-client-action"));
 var _action = _interopRequireDefault(require("../action"));
 var _excluded = ["onClick"];
@@ -30,6 +31,7 @@ var PreviewAction = function PreviewAction(_ref) {
   var invoke = (0, _useInvokeClientAction.default)({});
   var data = context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[_constants.ActionName.PreviewAction];
   var hasPreviewPanel = data === null || data === void 0 ? void 0 : data.hasPreviewPanel;
+  var isRovoBlockCardExperimentEnabled = (0, _useBlockCardRovoActionExperiment.useBlockCardRovoActionExperimentNoExposure)();
   var onClick = (0, _react.useCallback)(function () {
     if (data !== null && data !== void 0 && data.invokeAction) {
       invoke(data.invokeAction);
@@ -45,7 +47,7 @@ var PreviewAction = function PreviewAction(_ref) {
         color: "currentColor",
         spacing: "spacious",
         label: (0, _platformFeatureFlags.fg)('navx-3698-flexible-card-a11y-fix') ? '' : 'Open preview panel'
-      }, (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') || (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_block_card_kill_switch') || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('rovogrowth-640-inline-action-nudge-exp', 'isEnabled', true) ? {
+      }, (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') || isRovoBlockCardExperimentEnabled || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('rovogrowth-640-inline-action-nudge-exp', 'isEnabled', true) ? {
         size: props.iconSize
       } : {}));
     }
@@ -53,10 +55,10 @@ var PreviewAction = function PreviewAction(_ref) {
       color: "currentColor",
       spacing: "spacious",
       label: (0, _platformFeatureFlags.fg)('navx-3698-flexible-card-a11y-fix') ? '' : 'Open preview'
-    }, (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') || (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_block_card_kill_switch') || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('rovogrowth-640-inline-action-nudge-exp', 'isEnabled', true) ? {
+    }, (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') || isRovoBlockCardExperimentEnabled || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('rovogrowth-640-inline-action-nudge-exp', 'isEnabled', true) ? {
       size: props.iconSize
     } : {}));
-  }, [hasPreviewPanel, props.iconSize]);
+  }, [hasPreviewPanel, props.iconSize, isRovoBlockCardExperimentEnabled]);
   var actionLabel = (0, _react.useCallback)(function () {
     // Only use panel message if experiment is enabled and hasPreviewPanel is true
     if ((0, _expValEquals.expValEquals)('platform_hover_card_preview_panel', 'cohort', 'test') && hasPreviewPanel) {

package/dist/cjs/view/FlexibleCard/components/actions/rovo-chat-action/index.js

@@ -18,11 +18,11 @@ var _aiChat = _interopRequireDefault(require("@atlaskit/icon/core/ai-chat"));
 var _aiGenerativeTextSummary = _interopRequireDefault(require("@atlaskit/icon/core/ai-generative-text-summary"));
 var _rovoChat = _interopRequireDefault(require("@atlaskit/icon/core/rovo-chat"));
 var _logo = require("@atlaskit/logo");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _constants = require("../../../../../constants");
 var _messages = require("../../../../../messages");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _useBlockCardRovoActionExperiment = require("../../../../../state/hooks/use-block-card-rovo-action-experiment");
 var _useInvokeClientAction = _interopRequireDefault(require("../../../../../state/hooks/use-invoke-client-action"));
 var _useRovoChat2 = _interopRequireDefault(require("../../../../../state/hooks/use-rovo-chat"));
 var _aiChapterIcon = _interopRequireDefault(require("../../../assets/ai-chapter-icon"));
@@ -84,6 +84,7 @@ var getPromptAction = function getPromptAction(promptKey, intl) {
     },
     contextLong = _ref.contextLong,
     contextShort = _ref.contextShort;
+  var isBlockCard3PExperimentEnabled = (0, _useBlockCardRovoActionExperiment.isBlockCardRovoActionExperimentEnabled)(product);
   switch (promptKey) {
     case RovoChatPromptKey.RECOMMEND_OTHER_SOURCES:
       var label_recommend = intl.formatMessage(_messages.messages.rovo_prompt_button_recommend_other_sources);
@@ -149,7 +150,7 @@ var getPromptAction = function getPromptAction(promptKey, intl) {
         ignoreTag: true
       });
       return {
-        icon: cardAppearance === _constants.CardDisplay.Block && (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_block_card_kill_switch') ? /*#__PURE__*/_react.default.createElement(_aiChat.default, {
+        icon: cardAppearance === _constants.CardDisplay.Block && isBlockCard3PExperimentEnabled ? /*#__PURE__*/_react.default.createElement(_aiChat.default, {
           label: label_summarize,
           size: iconSize
         }) : /*#__PURE__*/_react.default.createElement(_aiEditIcon.default, null),
@@ -213,7 +214,7 @@ var getPromptAction = function getPromptAction(promptKey, intl) {
         url: url
       });
       return {
-        icon: cardAppearance === _constants.CardDisplay.Block && (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_block_card_kill_switch') ? /*#__PURE__*/_react.default.createElement(_logo.RovoIcon, {
+        icon: cardAppearance === _constants.CardDisplay.Block && isBlockCard3PExperimentEnabled ? /*#__PURE__*/_react.default.createElement(_logo.RovoIcon, {
           label: label_ask_rovo_anything,
           size: 'xxsmall',
           shouldUseHexLogo: true

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

@@ -21,11 +21,12 @@ var _buttonGroup = _interopRequireDefault(require("@atlaskit/button/button-group
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
 var _dropdownMenu = _interopRequireDefault(require("@atlaskit/dropdown-menu"));
 var _showMoreHorizontal = _interopRequireDefault(require("@atlaskit/icon/core/show-more-horizontal"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _constants = require("../../../../../constants");
 var _messages = require("../../../../../messages");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _useBlockCardRovoActionExperiment = require("../../../../../state/hooks/use-block-card-rovo-action-experiment");
+var _useRovoConfig2 = _interopRequireDefault(require("../../../../../state/hooks/use-rovo-config"));
 var _rovoChatAction = require("../../actions/rovo-chat-action");
 var _utils = require("../../utils");
 var _utils2 = require("../utils");
@@ -75,15 +76,18 @@ var ActionGroup = function ActionGroup(_ref) {
     containerWidth = _ref$containerWidth === void 0 ? Infinity : _ref$containerWidth;
   var context = (0, _flexibleUiContext.useFlexibleUiContext)();
   var ui = (0, _flexibleUiContext.useFlexibleUiOptionContext)();
+  var _useRovoConfig = (0, _useRovoConfig2.default)(),
+    product = _useRovoConfig.product;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     isOpen = _useState2[0],
     setIsOpen = _useState2[1];
   var renderableActionItems = (0, _react.useMemo)(function () {
-    return (0, _utils2.filterActionItems)(items, context);
-  }, [context, items]);
+    return (0, _utils2.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[_constants.ActionName.RovoChatAction]) && (0, _platformFeatureFlags.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[_constants.ActionName.RovoChatAction];
+  var is3PBlockExperimentEnabled = (0, _useBlockCardRovoActionExperiment.isBlockCardRovoActionExperimentEnabled)(rovoChatAction === null || rovoChatAction === void 0 ? void 0 : rovoChatAction.product);
   var onOpenChange = (0, _react.useCallback)(function (attrs) {
     setIsOpen(attrs.isOpen);
     if (onDropdownOpenChange) {
@@ -98,7 +102,7 @@ var ActionGroup = function ActionGroup(_ref) {
     }
   }, [isOpen, onOpenChange]);
   var actionButtons = (0, _react.useMemo)(function () {
-    if (isRovoActionsEnabled) {
+    if (!!rovoChatAction && is3PBlockExperimentEnabled) {
       var rovoActions = [].concat((0, _toConsumableArray2.default)(containerWidth >= REDUCED_ACTIONS_SIZE ? renderableActionItems.slice(0, visibleButtonsNum - 1) : []), [{
         name: _constants.ActionName.RovoChatAction,
         prompts: [_rovoChatAction.RovoChatPromptKey.ASK_ROVO_ANYTHING],
@@ -118,10 +122,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 = (0, _react.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) : [];
@@ -145,11 +149,11 @@ var ActionGroup = function ActionGroup(_ref) {
             testId: "action-group-more-button-tooltip",
             tag: "span"
           }, /*#__PURE__*/React.createElement(_standardButton.default, (0, _extends2.default)({}, props, {
-            spacing: isRovoActionsEnabled && (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_block_card_kill_switch') ? size === _constants.SmartLinkSize.XLarge ? 'default' : 'compact' : spacing,
+            spacing: !!rovoChatAction && is3PBlockExperimentEnabled ? size === _constants.SmartLinkSize.XLarge ? 'default' : 'compact' : spacing,
             testId: "action-group-more-button",
             iconBefore: moreIcon,
             ref: triggerRef
-          }, (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_block_card_kill_switch') ? {
+          }, is3PBlockExperimentEnabled ? {
             appearance: appearance
           } : {})));
         },
@@ -158,7 +162,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: (0, _runtime.ax)(["_1e0c116y _dzc21h6o _1ilq1i6y", "actions-button-group"]),

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

@@ -14,10 +14,10 @@ var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _userAgent = require("@atlaskit/linking-common/user-agent");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _widthDetector = require("@atlaskit/width-detector");
 var _constants = require("../../../../../../constants");
 var _flexibleUiContext = require("../../../../../../state/flexible-ui-context");
+var _useBlockCardRovoActionExperiment = require("../../../../../../state/hooks/use-block-card-rovo-action-experiment");
 var _elements = require("../../../elements");
 var _actionGroup = _interopRequireDefault(require("../../action-group"));
 var _block = _interopRequireDefault(require("../../block"));
@@ -38,8 +38,9 @@ var FooterBlockResolvedView = function FooterBlockResolvedView(props) {
     hideProvider = props.hideProvider,
     isPreviewBlockErrored = props.isPreviewBlockErrored;
   var context = (0, _flexibleUiContext.useFlexibleUiContext)();
-  var isRovoSupportedFeature = !!(context !== null && context !== void 0 && (_context$actions = context.actions) !== null && _context$actions !== void 0 && _context$actions[_constants.ActionName.RovoChatAction]) && (0, _platformFeatureFlags.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[_constants.ActionName.RovoChatAction];
+  var is3PBlockExperimentEnabled = (0, _useBlockCardRovoActionExperiment.isBlockCardRovoActionExperimentEnabled)(rovoChatAction === null || rovoChatAction === void 0 ? void 0 : rovoChatAction.product);
+  var hasPreview = !!rovoChatAction && is3PBlockExperimentEnabled && !!(context !== null && context !== void 0 && context.preview) && !isPreviewBlockErrored;
   var hasActions = (0, _react.useMemo)(function () {
     var _filterActionItems;
     return ((_filterActionItems = (0, _utils.filterActionItems)(actions, context)) === null || _filterActionItems === void 0 ? void 0 : _filterActionItems.length) > 0;
@@ -70,22 +71,22 @@ var FooterBlockResolvedView = function FooterBlockResolvedView(props) {
     appearance: "subtle",
     testId: "".concat(testId, "-provider"),
     hideLabel: hasPreview,
-    className: (0, _runtime.ax)([isRovoSupportedFeature && "_1wpz1h6o"])
+    className: (0, _runtime.ax)([!!rovoChatAction && is3PBlockExperimentEnabled && "_1wpz1h6o"])
   }), actions && hasActions ? /*#__PURE__*/React.createElement(_elementGroup.default, {
     testId: "smart-element-group-actions",
     align: _constants.SmartLinkAlignment.Right,
     direction: _constants.SmartLinkDirection.Horizontal,
     width: _constants.SmartLinkWidth.Flexible,
-    className: (0, _runtime.ax)([size === _constants.SmartLinkSize.XLarge && "_c71lxy5q", safari && "_4t3i1osq", isRovoSupportedFeature && "_kqswh2mm"])
-  }, isRovoSupportedFeature && /*#__PURE__*/React.createElement(_widthDetector.WidthObserver, {
+    className: (0, _runtime.ax)([size === _constants.SmartLinkSize.XLarge && "_c71lxy5q", safari && "_4t3i1osq", !!rovoChatAction && is3PBlockExperimentEnabled && "_kqswh2mm"])
+  }, !!rovoChatAction && is3PBlockExperimentEnabled && /*#__PURE__*/React.createElement(_widthDetector.WidthObserver, {
     setWidth: setContainerWidth,
     offscreen: true
   }), /*#__PURE__*/React.createElement(_actionGroup.default, {
     onDropdownOpenChange: onDropdownOpenChange,
     items: actions,
-    appearance: isRovoSupportedFeature ? 'subtle' : 'default',
-    size: isRovoSupportedFeature ? _constants.SmartLinkSize.Small : size,
-    containerWidth: isRovoSupportedFeature ? containerWidth : undefined
+    appearance: !!rovoChatAction && is3PBlockExperimentEnabled ? 'subtle' : 'default',
+    size: !!rovoChatAction && is3PBlockExperimentEnabled ? _constants.SmartLinkSize.Small : size,
+    containerWidth: !!rovoChatAction && is3PBlockExperimentEnabled ? containerWidth : undefined
   })) : null);
 };
 var _default = exports.default = FooterBlockResolvedView;

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

@@ -15,6 +15,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../../../../constants");
 var _elements = require("../../../elements");
 var _block = _interopRequireDefault(require("../../block"));
@@ -41,7 +42,25 @@ var PreviewBlockResolvedView = function PreviewBlockResolvedView(_ref) {
     style = _ref.style,
     className = _ref.className,
     blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _useState = (0, _react.useState)(style !== null && style !== void 0 ? style : {}),
+  var _useState = (0, _react.useState)(function () {
+      if ((0, _platformFeatureFlags.fg)('dfo-fix-preview-dynamic-style')) {
+        if (placement === _constants.MediaPlacement.Left || placement === _constants.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 === _constants.MediaPlacement.Left ? {
+            left: containerPadding
+          } : {}), placement === _constants.MediaPlacement.Right ? {
+            right: containerPadding
+          } : {});
+          return newStyle;
+        }
+      }
+      return style !== null && style !== void 0 ? style : {};
+    }),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     dynamicStyles = _useState2[0],
     setDynamicStyles = _useState2[1];

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

@@ -11,8 +11,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../../constants");
+var _useBlockCardRovoActionExperiment = require("../../../../state/hooks/use-block-card-rovo-action-experiment");
 var _flexible = require("../../../../utils/flexible");
 var Elements = _interopRequireWildcard(require("../elements"));
 var _actionGroup = _interopRequireDefault(require("./action-group"));
@@ -58,6 +58,8 @@ var isElementOrElementGroup = function isElementOrElementGroup(node) {
 var filterActionItems = exports.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 = (0, _useBlockCardRovoActionExperiment.isBlockCardRovoActionExperimentEnabled)(product);
   return items.filter(function (item) {
     switch (item.name) {
       case _constants.ActionName.DeleteAction:
@@ -66,7 +68,7 @@ var filterActionItems = exports.filterActionItems = function filterActionItems()
         // Named and custom actions that user defines.
         return Boolean(_constants.ActionName[item.name]);
       case _constants.ActionName.RovoChatAction:
-        if ((0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_block_card_kill_switch')) {
+        if (isBlockCard3PExperimentEnabled) {
           return Boolean(_constants.ActionName[item.name]);
         }
         // same as default case below

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

@@ -11,11 +11,11 @@ require("./index.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _constants = require("../../../../../../constants");
 var _messages = require("../../../../../../messages");
 var _flexibleUiContext = require("../../../../../../state/flexible-ui-context");
+var _useBlockCardRovoActionExperiment = require("../../../../../../state/hooks/use-block-card-rovo-action-experiment");
 var _atlaskitIcon = _interopRequireDefault(require("../../../common/atlaskit-icon"));
 var _imageIcon = _interopRequireDefault(require("../../../common/image-icon"));
 var _withOverrideCss = require("../../../common/with-override-css");
@@ -89,12 +89,13 @@ var BaseBadgeRefreshNew = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, re
     _ref$hideLabel = _ref.hideLabel,
     hideLabel = _ref$hideLabel === void 0 ? false : _ref$hideLabel;
   var ui = (0, _flexibleUiContext.useFlexibleUiOptionContext)();
+  var isRovoBlockCardExperimentEnabled = (0, _useBlockCardRovoActionExperiment.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 && (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_block_card_kill_switch');
+  var shouldHideLabel = hideLabel && isRovoBlockCardExperimentEnabled;
   return /*#__PURE__*/_react.default.createElement("span", {
     "data-smart-element": name,
     "data-smart-element-badge": true,

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

@@ -22,7 +22,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "44.6.0",
+  packageVersion: "44.7.0",
   componentName: 'linkUrl'
 };
 var Anchor = (0, _click.withLinkClickedEvent)('a');

package/dist/es2019/__tests__/vr-tests/__snapshots__/block-card/block-card-social-proof-cold-cache--default.png

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

package/dist/es2019/__tests__/vr-tests/__snapshots__/block-card/block-card-social-proof-message-low-tier--default.png

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

package/dist/es2019/__tests__/vr-tests/__snapshots__/block-card/block-card-social-proof-message-not-low-tier--default.png

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

package/dist/es2019/__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/es2019/__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/es2019/__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/es2019/__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/es2019/__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