@atlaskit/smart-card 45.5.0 → 45.6.1

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/smart-card
 
+## 45.6.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 45.6.0
+
+### Minor Changes
+
+- [`0c3036cbf6b5c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0c3036cbf6b5c) -
+  Add gated Rovo actions footer experiment for eligible resolved 3P Smart Link embeds in Confluence.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 45.5.0
 
 ### Minor Changes

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

@@ -18,6 +18,7 @@ var extractRovoChatAction = function extractRovoChatAction(_ref) {
   var actionOptions = _ref.actionOptions,
     appearance = _ref.appearance,
     id = _ref.id,
+    isEmbedRovoActionsFooterExperimentEnabled = _ref.isEmbedRovoActionsFooterExperimentEnabled,
     product = _ref.product,
     response = _ref.response,
     rovoConfig = _ref.rovoConfig;
@@ -33,7 +34,8 @@ var extractRovoChatAction = function extractRovoChatAction(_ref) {
   var isInlineExperimentEnabled = (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_inline_tailored_cta_killswitch') && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_sl_3p_auth_inline_tailored_cta', 'isEnabled', true);
   var is3PAuthRovoActionEnabled = isGoogleProvider && (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch');
   var is3PBlockPostAuthActionsEnabled = extensionKey !== undefined && ELIGIBLE_EXTENSION_KEYS.has(extensionKey) && (rovoConfig === null || rovoConfig === void 0 ? void 0 : rovoConfig.product) === 'CONFLUENCE';
-  var isSupportedFeature = is3PAuthRovoActionEnabled || is3PBlockPostAuthActionsEnabled || isInlineExperimentEnabled;
+  var is3PEmbedPostAuthActionsEnabled = isEmbedRovoActionsFooterExperimentEnabled === true;
+  var isSupportedFeature = is3PAuthRovoActionEnabled || is3PBlockPostAuthActionsEnabled || isInlineExperimentEnabled || is3PEmbedPostAuthActionsEnabled;
   var isOptIn = (actionOptions === null || actionOptions === void 0 || (_actionOptions$rovoCh = actionOptions.rovoChatAction) === null || _actionOptions$rovoCh === void 0 ? void 0 : _actionOptions$rovoCh.optIn) === true;
   var url = (0, _linkExtractors.extractSmartLinkUrl)(response);
   return isSupportedFeature && isOptIn ? {

package/dist/cjs/state/hooks/use-embed-rovo-actions-footer-experiment/index.js

@@ -0,0 +1,65 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isEmbedRovoActionsFooterExperimentEnabled = exports.getEmbedRovoActionsFooterExperimentMeta = exports.default = exports.EMBED_ROVO_ACTIONS_FOOTER_EXPERIMENT_KEY = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = require("react");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
+var _rovo = require("../../../utils/rovo");
+var _helpers = require("../../helpers");
+var _store = require("../../store");
+var EMBED_ROVO_ACTIONS_FOOTER_ELIGIBLE_EXTENSION_KEYS = new Set(['google-object-provider', 'onedrive-object-provider', 'github-object-provider', 'gitlab-object-provider']);
+var isEligibleEmbedRovoActionsFooterExtensionKey = function isEligibleEmbedRovoActionsFooterExtensionKey(extensionKey) {
+  return extensionKey !== undefined && EMBED_ROVO_ACTIONS_FOOTER_ELIGIBLE_EXTENSION_KEYS.has(extensionKey);
+};
+var EMBED_ROVO_ACTIONS_FOOTER_EXPERIMENT_KEY = exports.EMBED_ROVO_ACTIONS_FOOTER_EXPERIMENT_KEY = 'platform_sl_3p_auth_rovo_embed_footer_exp';
+var NOT_ENABLED_RESULT = {
+  isEnabled: false
+};
+var isEmbedRovoActionsFooterExperimentEnabled = exports.isEmbedRovoActionsFooterExperimentEnabled = function isEmbedRovoActionsFooterExperimentEnabled(product) {
+  return product === 'CONFLUENCE' && (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_embed_footer_kill_switch') && (0, _expValEquals.expValEquals)(EMBED_ROVO_ACTIONS_FOOTER_EXPERIMENT_KEY, 'isEnabled', true);
+};
+var isEmbedRovoActionsFooterKillSwitchEnabled = function isEmbedRovoActionsFooterKillSwitchEnabled(product) {
+  return product === 'CONFLUENCE' && (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_embed_footer_kill_switch');
+};
+var isEmbedRovoActionsFooterExperimentEnabledNoExposure = function isEmbedRovoActionsFooterExperimentEnabledNoExposure(product) {
+  return isEmbedRovoActionsFooterKillSwitchEnabled(product) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)(EMBED_ROVO_ACTIONS_FOOTER_EXPERIMENT_KEY, 'isEnabled', true);
+};
+var getEmbedRovoActionsFooterExperimentMeta = exports.getEmbedRovoActionsFooterExperimentMeta = function getEmbedRovoActionsFooterExperimentMeta(_ref) {
+  var extensionKey = _ref.extensionKey,
+    isRovoChatActionOptedIn = _ref.isRovoChatActionOptedIn,
+    isRovoChatEnabled = _ref.isRovoChatEnabled,
+    product = _ref.product;
+  var isEligible = isEmbedRovoActionsFooterKillSwitchEnabled(product) && isRovoChatEnabled && isRovoChatActionOptedIn && isEligibleEmbedRovoActionsFooterExtensionKey(extensionKey);
+  if (!isEligible) {
+    return undefined;
+  }
+  return (0, _defineProperty2.default)({}, EMBED_ROVO_ACTIONS_FOOTER_EXPERIMENT_KEY, {
+    isEligible: true,
+    isTreatment: isEmbedRovoActionsFooterExperimentEnabledNoExposure(product)
+  });
+};
+var useEmbedRovoActionsFooterExperiment = function useEmbedRovoActionsFooterExperiment(url, actionOptions, rovoOptions, product) {
+  var _actionOptions$rovoCh, _actionOptions$rovoCh2;
+  var isRovoChatEnabled = (0, _rovo.getIsRovoChatEnabled)(rovoOptions);
+  var cardState = (0, _store.useSmartCardState)(url !== null && url !== void 0 ? url : '');
+  var extensionKey = (0, _helpers.getExtensionKey)(cardState.details);
+  var isRovoChatActionOptedIn = (_actionOptions$rovoCh = actionOptions === null || actionOptions === void 0 || (_actionOptions$rovoCh2 = actionOptions.rovoChatAction) === null || _actionOptions$rovoCh2 === void 0 ? void 0 : _actionOptions$rovoCh2.optIn) !== null && _actionOptions$rovoCh !== void 0 ? _actionOptions$rovoCh : false;
+  return (0, _react.useMemo)(function () {
+    if (!isRovoChatEnabled || !url || !isRovoChatActionOptedIn || !extensionKey) {
+      return NOT_ENABLED_RESULT;
+    }
+    if (!isEligibleEmbedRovoActionsFooterExtensionKey(extensionKey)) {
+      return NOT_ENABLED_RESULT;
+    }
+    return {
+      isEnabled: isEmbedRovoActionsFooterExperimentEnabled(product)
+    };
+  }, [isRovoChatEnabled, extensionKey, url, isRovoChatActionOptedIn, product]);
+};
+var _default = exports.default = useEmbedRovoActionsFooterExperiment;

package/dist/cjs/state/hooks/use-smart-link-cross-product-url-wrapper/index.js

@@ -36,9 +36,11 @@ var useSmartLinkCrossProductUrlWrapper = exports.useSmartLinkCrossProductUrlWrap
   // xpcProduct takes precedence over product — it identifies the host product for XPC analytics
   // without affecting link resolution (which uses the `product` prop separately).
   var effectiveProduct = xpcProduct !== null && xpcProduct !== void 0 ? xpcProduct : product;
+  var effectiveBridge = bridgeProduct !== null && bridgeProduct !== void 0 ? bridgeProduct : SMART_LINKS_XPC_BRIDGE;
+  var effectiveProductForWrapper = (_effectiveProduct$toL = effectiveProduct === null || effectiveProduct === void 0 ? void 0 : effectiveProduct.toLowerCase()) !== null && _effectiveProduct$toL !== void 0 ? _effectiveProduct$toL : 'unknown';
   var wrapUrl = (0, _useCrossProductUrlWrapper.useCrossProductUrlWrapper)(_objectSpread({
-    bridge: bridgeProduct !== null && bridgeProduct !== void 0 ? bridgeProduct : SMART_LINKS_XPC_BRIDGE,
-    product: (_effectiveProduct$toL = effectiveProduct === null || effectiveProduct === void 0 ? void 0 : effectiveProduct.toLowerCase()) !== null && _effectiveProduct$toL !== void 0 ? _effectiveProduct$toL : 'unknown'
+    bridge: effectiveBridge,
+    product: effectiveProductForWrapper
   }, xpcSubProduct ? {
     subProduct: xpcSubProduct
   } : {}));
@@ -56,6 +58,10 @@ var useSmartLinkCrossProductUrlWrapper = exports.useSmartLinkCrossProductUrlWrap
       return url;
     }
     return wrapUrl(url);
-  }, [details, effectiveProduct, wrapUrl]);
+  },
+  // Keep bridge/subproduct in the dependency array so consumers that memoize this callback
+  // refresh when mini-modal context updates from smartLinks to rovo-chat.
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [details, effectiveBridge, effectiveProduct, wrapUrl, xpcSubProduct]);
 };
 var useSmartLinkCrossProductUrlWrapperGated = exports.useSmartLinkCrossProductUrlWrapperGated = (0, _platformFeatureFlagsReact.functionWithFG)('platform_smartlink_xpc_url_wrapping', useSmartLinkCrossProductUrlWrapper, useSmartLinkCrossProductUrlWrapperFallback);

package/dist/cjs/utils/analytics/analytics.js

@@ -11,7 +11,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card" || '',
-  packageVersion: "45.4.3" || ''
+  packageVersion: "45.6.0" || ''
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/view/CardWithUrl/component.js

@@ -315,6 +315,7 @@ function Component(_ref) {
     return actions.invoke(opts, appearance);
   }, [actions, appearance]);
   var experimentMetaEventAttributes = (0, _experimentMetaEventAttributes.default)({
+    actionOptions: actionOptions,
     appearance: appearance,
     state: state
   });

package/dist/cjs/view/CardWithUrl/experiment-meta-event-attributes/index.js

@@ -9,18 +9,32 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _state = require("../../../state");
 var _helpers = require("../../../state/helpers");
+var _useEmbedRovoActionsFooterExperiment = require("../../../state/hooks/use-embed-rovo-actions-footer-experiment");
+var _useRovoConfig2 = _interopRequireDefault(require("../../../state/hooks/use-rovo-config"));
 var _useSocialProofExperiment = require("../../../state/hooks/use-social-proof-experiment");
+var _rovo = require("../../../utils/rovo");
 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) { (0, _defineProperty2.default)(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; }
 var useExperimentMetaEventAttributes = function useExperimentMetaEventAttributes(_ref) {
-  var appearance = _ref.appearance,
+  var _actionOptions$rovoCh, _actionOptions$rovoCh2;
+  var actionOptions = _ref.actionOptions,
+    appearance = _ref.appearance,
     state = _ref.state;
   var _useSmartLinkContext = (0, _state.useSmartLinkContext)(),
     baseUriWithNoTrailingSlash = _useSmartLinkContext.connections.client.baseUrlOverride;
+  var _useRovoConfig = (0, _useRovoConfig2.default)(),
+    rovoOptions = _useRovoConfig.rovoOptions,
+    product = _useRovoConfig.product;
   var details = state.details,
     status = state.status;
   var extensionKey = (0, _helpers.getExtensionKey)(details);
-  if (!(0, _platformFeatureFlags.fg)('social-proof-3p-unauth-block-fg') && !(0, _platformFeatureFlags.fg)('platform_sl_3p_preauth_soc_proof_inline_killswitch')) {
+  var embedRovoActionsFooterExperimentMeta = appearance === 'embed' && status === 'resolved' ? (0, _useEmbedRovoActionsFooterExperiment.getEmbedRovoActionsFooterExperimentMeta)({
+    extensionKey: extensionKey,
+    isRovoChatActionOptedIn: (_actionOptions$rovoCh = actionOptions === null || actionOptions === void 0 || (_actionOptions$rovoCh2 = actionOptions.rovoChatAction) === null || _actionOptions$rovoCh2 === void 0 ? void 0 : _actionOptions$rovoCh2.optIn) !== null && _actionOptions$rovoCh !== void 0 ? _actionOptions$rovoCh : false,
+    isRovoChatEnabled: (0, _rovo.getIsRovoChatEnabled)(rovoOptions),
+    product: product
+  }) : undefined;
+  if (!embedRovoActionsFooterExperimentMeta && !(0, _platformFeatureFlags.fg)('social-proof-3p-unauth-block-fg') && !(0, _platformFeatureFlags.fg)('platform_sl_3p_preauth_soc_proof_inline_killswitch')) {
     return undefined;
   }
   var blockSocialProofExperimentMeta = appearance === 'block' && status === 'unauthorized' && (0, _platformFeatureFlags.fg)('social-proof-3p-unauth-block-fg') ? (0, _useSocialProofExperiment.getSocialProofExperimentMeta)({
@@ -31,7 +45,7 @@ var useExperimentMetaEventAttributes = function useExperimentMetaEventAttributes
     extensionKey: extensionKey,
     baseUriWithNoTrailingSlash: baseUriWithNoTrailingSlash
   }) : undefined;
-  var experimentMeta = _objectSpread(_objectSpread({}, blockSocialProofExperimentMeta), inlineSocialProofExperimentMeta);
+  var experimentMeta = _objectSpread(_objectSpread(_objectSpread({}, blockSocialProofExperimentMeta), inlineSocialProofExperimentMeta), embedRovoActionsFooterExperimentMeta);
   if (Object.keys(experimentMeta).length > 0) {
     return experimentMeta;
   }

package/dist/cjs/view/EmbedCard/components/rovo-actions-footer/index.compiled.css

@@ -0,0 +1,3 @@
+
+._zulpidpf{gap:0}._1e0c1txw{display:flex}
+._2lx2vrvc{flex-direction:row}

package/dist/cjs/view/EmbedCard/components/rovo-actions-footer/index.js

@@ -0,0 +1,138 @@
+/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("./index.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactIntl = require("react-intl");
+var _new = _interopRequireDefault(require("@atlaskit/button/new"));
+var _widthDetector = require("@atlaskit/width-detector");
+var _useInvokeClientAction = _interopRequireDefault(require("../../../../state/hooks/use-invoke-client-action"));
+var _useRovoChat2 = _interopRequireDefault(require("../../../../state/hooks/use-rovo-chat"));
+var _rovoChatUtils = require("../../../common/rovo-chat-utils");
+var _aiEditIcon = _interopRequireDefault(require("../../../FlexibleCard/assets/ai-edit-icon"));
+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); }
+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) { (0, _defineProperty2.default)(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; }
+var HIDE_SECONDARY_ACTIONS_WIDTH = 320;
+var PRIMARY_ACTION_ICON_ONLY_WIDTH = 220;
+var styles = {
+  actionGroup: "_zulpidpf _1e0c1txw _2lx2vrvc"
+};
+var RovoPromptButton = function RovoPromptButton(_ref) {
+  var _ref$hideContent = _ref.hideContent,
+    hideContent = _ref$hideContent === void 0 ? false : _ref$hideContent,
+    icon = _ref.icon,
+    onClick = _ref.onClick,
+    promptAction = _ref.promptAction,
+    promptKey = _ref.promptKey,
+    testId = _ref.testId;
+  var iconBefore = (0, _react.useCallback)(function () {
+    return /*#__PURE__*/_react.default.createElement("span", {
+      "aria-hidden": "true"
+    }, icon);
+  }, [icon]);
+  var label = promptAction.data.name;
+  var handleClick = (0, _react.useCallback)(function (event) {
+    return onClick(event, promptAction.data, promptKey);
+  }, [onClick, promptAction.data, promptKey]);
+  return /*#__PURE__*/_react.default.createElement(_new.default, {
+    appearance: "subtle",
+    "aria-label": hideContent ? label : undefined,
+    iconBefore: iconBefore,
+    onClick: handleClick,
+    spacing: "compact",
+    testId: "".concat(testId, "-").concat(promptKey)
+  }, hideContent ? null : label);
+};
+var EmbedRovoActionsFooter = function EmbedRovoActionsFooter(_ref2) {
+  var actionData = _ref2.actionData,
+    prompts = _ref2.prompts,
+    _ref2$testId = _ref2.testId,
+    testId = _ref2$testId === void 0 ? 'embed-rovo-actions-footer' : _ref2$testId;
+  var intl = (0, _reactIntl.useIntl)();
+  var invoke = (0, _useInvokeClientAction.default)({});
+  var _useRovoChat = (0, _useRovoChat2.default)(),
+    isRovoChatEnabled = _useRovoChat.isRovoChatEnabled,
+    sendPromptMessage = _useRovoChat.sendPromptMessage;
+  var _useState = (0, _react.useState)(undefined),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    containerWidth = _useState2[0],
+    setContainerWidth = _useState2[1];
+  var shouldHideSecondaryActions = containerWidth !== undefined && containerWidth < HIDE_SECONDARY_ACTIONS_WIDTH;
+  var shouldHidePrimaryActionContent = containerWidth !== undefined && containerWidth < PRIMARY_ACTION_ICON_ONLY_WIDTH;
+  var onClick = (0, _react.useCallback)(function (event, promptData, promptKey) {
+    event.preventDefault();
+    event.stopPropagation();
+    invoke(_objectSpread(_objectSpread({}, actionData.invokeAction), {}, {
+      actionFn: function () {
+        var _actionFn = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+          return _regenerator.default.wrap(function (_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                return _context.abrupt("return", sendPromptMessage(promptData));
+              case 1:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
+        }));
+        function actionFn() {
+          return _actionFn.apply(this, arguments);
+        }
+        return actionFn;
+      }(),
+      prompt: promptKey
+    }));
+  }, [actionData.invokeAction, invoke, sendPromptMessage]);
+  var promptActions = (0, _react.useMemo)(function () {
+    return prompts.reduce(function (actions, promptKey) {
+      if (shouldHideSecondaryActions && actions.length > 0) {
+        return actions;
+      }
+      var promptAction = (0, _rovoChatUtils.getPromptAction)({
+        promptKey: promptKey,
+        intl: intl,
+        url: actionData.url,
+        product: actionData.product,
+        iconSize: 'small'
+      });
+      if (!promptAction) {
+        return actions;
+      }
+      var isPrimaryAction = actions.length === 0;
+      actions.push( /*#__PURE__*/_react.default.createElement(RovoPromptButton, {
+        hideContent: isPrimaryAction && shouldHidePrimaryActionContent,
+        icon: isPrimaryAction ? /*#__PURE__*/_react.default.createElement(_aiEditIcon.default, null) : promptAction.icon,
+        key: promptKey,
+        onClick: onClick,
+        promptAction: promptAction,
+        promptKey: promptKey,
+        testId: testId
+      }));
+      return actions;
+    }, []);
+  }, [actionData.product, actionData.url, intl, onClick, prompts, shouldHidePrimaryActionContent, shouldHideSecondaryActions, testId]);
+  if (!isRovoChatEnabled || promptActions.length === 0) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": testId
+  }, /*#__PURE__*/_react.default.createElement(_widthDetector.WidthObserver, {
+    setWidth: setContainerWidth,
+    offscreen: true
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _runtime.ax)([styles.actionGroup])
+  }, promptActions));
+};
+var _default = exports.default = EmbedRovoActionsFooter;

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

@@ -104,6 +104,8 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/_react.default.forwardRef(funct
       }
       if (resolvedViewProps.preview) {
         return /*#__PURE__*/_react.default.createElement(_ResolvedView3.EmbedCardResolvedView, (0, _extends2.default)({}, resolvedViewProps, {
+          actionOptions: actionOptions,
+          details: details,
           isSelected: isSelected,
           frameStyle: frameStyle,
           inheritDimensions: inheritDimensions,

package/dist/cjs/view/EmbedCard/views/ResolvedView.compiled.css

@@ -0,0 +1,6 @@
+._16jlkb7n{flex-grow:1}
+._1bah1y6m{justify-content:flex-start}
+._1e0c1txw{display:flex}
+._1tkeidpf{min-height:0}
+._2lx21bp4{flex-direction:column}
+._4t3i1osq{height:100%}

package/dist/cjs/view/EmbedCard/views/ResolvedView.js

@@ -1,3 +1,4 @@
+/* ResolvedView.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -5,40 +6,124 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EmbedCardResolvedView = void 0;
+require("./ResolvedView.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
+var _reactLoadable = _interopRequireDefault(require("react-loadable"));
 var _link = _interopRequireDefault(require("@atlaskit/icon/core/link"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
 var _tokens = require("@atlaskit/tokens");
+var _constants = require("../../../constants");
+var _extractRovoChatAction = _interopRequireDefault(require("../../../extractors/flexible/actions/extract-rovo-chat-action"));
+var _helpers = require("../../../state/helpers");
+var _useEmbedRovoActionsFooterExperiment = _interopRequireDefault(require("../../../state/hooks/use-embed-rovo-actions-footer-experiment"));
+var _useRovoConfig2 = _interopRequireDefault(require("../../../state/hooks/use-rovo-config"));
 var _utils = require("../../../utils");
+var _rovoPostAuthPrompts = require("../../common/rovo-post-auth-prompts");
 var _ExpandedFrame = require("../components/ExpandedFrame");
 var _Frame = require("../components/Frame");
 var _ImageIcon = require("../components/ImageIcon");
 var _useEmbedResolvePostMessageListener = require("../useEmbedResolvePostMessageListener");
-var EmbedCardResolvedView = exports.EmbedCardResolvedView = /*#__PURE__*/_react.default.forwardRef(function (_ref, embedIframeRef) {
-  var link = _ref.link,
-    context = _ref.context,
-    onClick = _ref.onClick,
-    onAuxClick = _ref.onAuxClick,
-    onContextMenu = _ref.onContextMenu,
-    isSelected = _ref.isSelected,
-    frameStyle = _ref.frameStyle,
-    preview = _ref.preview,
-    title = _ref.title,
-    isTrusted = _ref.isTrusted,
-    _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'embed-card-resolved-view' : _ref$testId,
-    inheritDimensions = _ref.inheritDimensions,
-    onIframeDwell = _ref.onIframeDwell,
-    onIframeFocus = _ref.onIframeFocus,
-    onIframeMouseEnter = _ref.onIframeMouseEnter,
-    onIframeMouseLeave = _ref.onIframeMouseLeave,
-    isSupportTheming = _ref.isSupportTheming,
-    type = _ref.type,
-    CompetitorPrompt = _ref.CompetitorPrompt,
-    hideIconLoadingSkeleton = _ref.hideIconLoadingSkeleton,
-    extensionKey = _ref.extensionKey;
+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" != (0, _typeof2.default)(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 EmbedRovoActionsFooter = (0, _reactLoadable.default)({
+  loader: function loader() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require( /* webpackChunkName: "smart-card-embed-rovo-actions-footer" */'../components/rovo-actions-footer'));
+    }).then(function (module) {
+      return module.default;
+    });
+  },
+  loading: function loading() {
+    return null;
+  }
+});
+EmbedRovoActionsFooter.displayName = 'lazy(EmbedRovoActionsFooter)';
+var styles = {
+  contentWithFooter: "_1e0c1txw _2lx21bp4 _4t3i1osq _1tkeidpf",
+  frameWithFooter: "_16jlkb7n _1tkeidpf",
+  footer: "_1e0c1txw _1bah1y6m"
+};
+var EmbedFrameWithRovoFooter = function EmbedFrameWithRovoFooter(_ref) {
+  var actionOptions = _ref.actionOptions,
+    details = _ref.details,
+    frame = _ref.frame,
+    link = _ref.link,
+    testId = _ref.testId;
+  var _useRovoConfig = (0, _useRovoConfig2.default)(),
+    rovoOptions = _useRovoConfig.rovoOptions,
+    product = _useRovoConfig.product;
+  var _useEmbedRovoActionsF = (0, _useEmbedRovoActionsFooterExperiment.default)(link, actionOptions, rovoOptions, product),
+    isEmbedRovoActionsFooterEnabled = _useEmbedRovoActionsF.isEnabled;
+  var rovoActionData = _react.default.useMemo(function () {
+    return isEmbedRovoActionsFooterEnabled && details ? (0, _extractRovoChatAction.default)({
+      response: details,
+      rovoConfig: {
+        rovoOptions: rovoOptions,
+        product: product
+      },
+      product: product,
+      actionOptions: actionOptions,
+      appearance: _constants.CardDisplay.Embed,
+      isEmbedRovoActionsFooterExperimentEnabled: isEmbedRovoActionsFooterEnabled
+    }) : undefined;
+  }, [actionOptions, details, isEmbedRovoActionsFooterEnabled, product, rovoOptions]);
+  var prompts = _react.default.useMemo(function () {
+    if (!isEmbedRovoActionsFooterEnabled) {
+      return [];
+    }
+    return (0, _rovoPostAuthPrompts.getRovoPostAuthPromptKeys)({
+      extensionKey: (0, _helpers.getExtensionKey)(details)
+    });
+  }, [details, isEmbedRovoActionsFooterEnabled]);
+  var footer = _react.default.useMemo(function () {
+    return rovoActionData && prompts.length > 0 ? /*#__PURE__*/_react.default.createElement(EmbedRovoActionsFooter, {
+      actionData: rovoActionData,
+      prompts: prompts,
+      testId: "".concat(testId, "-rovo-actions-footer")
+    }) : undefined;
+  }, [prompts, rovoActionData, testId]);
+  return footer ? /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _runtime.ax)([styles.contentWithFooter])
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _runtime.ax)([styles.frameWithFooter])
+  }, frame), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _runtime.ax)([styles.footer])
+  }, footer)) : frame;
+};
+var EmbedFrameWithoutRovoFooter = function EmbedFrameWithoutRovoFooter(_ref2) {
+  var frame = _ref2.frame;
+  return frame;
+};
+var EmbedFrameWithOptionalRovoFooter = (0, _platformFeatureFlagsReact.componentWithFG)('platform_sl_3p_auth_rovo_embed_footer_kill_switch', EmbedFrameWithRovoFooter, EmbedFrameWithoutRovoFooter);
+var EmbedCardResolvedView = exports.EmbedCardResolvedView = /*#__PURE__*/_react.default.forwardRef(function (_ref3, embedIframeRef) {
+  var actionOptions = _ref3.actionOptions,
+    link = _ref3.link,
+    context = _ref3.context,
+    details = _ref3.details,
+    onClick = _ref3.onClick,
+    onAuxClick = _ref3.onAuxClick,
+    onContextMenu = _ref3.onContextMenu,
+    isSelected = _ref3.isSelected,
+    frameStyle = _ref3.frameStyle,
+    preview = _ref3.preview,
+    title = _ref3.title,
+    isTrusted = _ref3.isTrusted,
+    _ref3$testId = _ref3.testId,
+    testId = _ref3$testId === void 0 ? 'embed-card-resolved-view' : _ref3$testId,
+    inheritDimensions = _ref3.inheritDimensions,
+    onIframeDwell = _ref3.onIframeDwell,
+    onIframeFocus = _ref3.onIframeFocus,
+    onIframeMouseEnter = _ref3.onIframeMouseEnter,
+    onIframeMouseLeave = _ref3.onIframeMouseLeave,
+    isSupportTheming = _ref3.isSupportTheming,
+    type = _ref3.type,
+    CompetitorPrompt = _ref3.CompetitorPrompt,
+    hideIconLoadingSkeleton = _ref3.hideIconLoadingSkeleton,
+    extensionKey = _ref3.extensionKey;
   var iconFromContext = context === null || context === void 0 ? void 0 : context.icon;
   var iconLabel = context === null || context === void 0 ? void 0 : context.iconLabel;
   var src = typeof iconFromContext === 'string' ? iconFromContext : undefined;
@@ -77,6 +162,26 @@ var EmbedCardResolvedView = exports.EmbedCardResolvedView = /*#__PURE__*/_react.
     _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
     isMouseOver = _React$useState2[0],
     setMouseOver = _React$useState2[1];
+  var frame = /*#__PURE__*/_react.default.createElement(_Frame.Frame, {
+    url: previewUrl,
+    isTrusted: isTrusted,
+    testId: testId,
+    ref: embedIframeRef,
+    onIframeDwell: onIframeDwell,
+    onIframeFocus: onIframeFocus,
+    onIframeMouseEnter: onIframeMouseEnter,
+    onIframeMouseLeave: onIframeMouseLeave,
+    isMouseOver: isMouseOver,
+    title: text,
+    extensionKey: extensionKey
+  });
+  var frameWithFooter = /*#__PURE__*/_react.default.createElement(EmbedFrameWithOptionalRovoFooter, {
+    actionOptions: actionOptions,
+    details: details,
+    frame: frame,
+    link: link,
+    testId: testId
+  });
   return /*#__PURE__*/_react.default.createElement(_ExpandedFrame.ExpandedFrame, {
     isSelected: isSelected,
     frameStyle: frameStyle,
@@ -98,17 +203,5 @@ var EmbedCardResolvedView = exports.EmbedCardResolvedView = /*#__PURE__*/_react.
       setMouseOver(false);
       onIframeMouseLeave === null || onIframeMouseLeave === void 0 || onIframeMouseLeave();
     }
-  }, /*#__PURE__*/_react.default.createElement(_Frame.Frame, {
-    url: previewUrl,
-    isTrusted: isTrusted,
-    testId: testId,
-    ref: embedIframeRef,
-    onIframeDwell: onIframeDwell,
-    onIframeFocus: onIframeFocus,
-    onIframeMouseEnter: onIframeMouseEnter,
-    onIframeMouseLeave: onIframeMouseLeave,
-    isMouseOver: isMouseOver,
-    title: text,
-    extensionKey: extensionKey
-  }));
+  }, frameWithFooter);
 });

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

@@ -19,7 +19,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "45.4.3",
+  packageVersion: "45.6.0",
   componentName: 'linkUrl'
 };
 var LinkUrl = function LinkUrl(_ref) {

package/dist/cjs/view/common/rovo-post-auth-prompts/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getRovoPostAuthPromptKeys = void 0;
+var _rovoChatUtils = require("../rovo-chat-utils");
+var getRovoPostAuthPromptKeys = exports.getRovoPostAuthPromptKeys = function getRovoPostAuthPromptKeys(_ref) {
+  var extensionKey = _ref.extensionKey;
+  var defaultPrompts = [_rovoChatUtils.RovoChatPromptKey.KEY_HIGHLIGHTS];
+  if (extensionKey === 'github-object-provider' || extensionKey === 'gitlab-object-provider') {
+    return [_rovoChatUtils.RovoChatPromptKey.EXPLAIN_CODE].concat(defaultPrompts);
+  }
+  return [_rovoChatUtils.RovoChatPromptKey.SUMMARIZE_DOCUMENT].concat(defaultPrompts);
+};

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

@@ -11,6 +11,7 @@ const extractRovoChatAction = ({
   actionOptions,
   appearance,
   id,
+  isEmbedRovoActionsFooterExperimentEnabled,
   product,
   response,
   rovoConfig
@@ -28,7 +29,8 @@ const extractRovoChatAction = ({
   const isInlineExperimentEnabled = fg('platform_sl_3p_auth_inline_tailored_cta_killswitch') && expValEqualsNoExposure('platform_sl_3p_auth_inline_tailored_cta', 'isEnabled', true);
   const is3PAuthRovoActionEnabled = isGoogleProvider && fg('platform_sl_3p_auth_rovo_action_kill_switch');
   const is3PBlockPostAuthActionsEnabled = extensionKey !== undefined && ELIGIBLE_EXTENSION_KEYS.has(extensionKey) && (rovoConfig === null || rovoConfig === void 0 ? void 0 : rovoConfig.product) === 'CONFLUENCE';
-  const isSupportedFeature = is3PAuthRovoActionEnabled || is3PBlockPostAuthActionsEnabled || isInlineExperimentEnabled;
+  const is3PEmbedPostAuthActionsEnabled = isEmbedRovoActionsFooterExperimentEnabled === true;
+  const isSupportedFeature = is3PAuthRovoActionEnabled || is3PBlockPostAuthActionsEnabled || isInlineExperimentEnabled || is3PEmbedPostAuthActionsEnabled;
   const isOptIn = (actionOptions === null || actionOptions === void 0 ? void 0 : (_actionOptions$rovoCh = actionOptions.rovoChatAction) === null || _actionOptions$rovoCh === void 0 ? void 0 : _actionOptions$rovoCh.optIn) === true;
   const url = extractSmartLinkUrl(response);
   return isSupportedFeature && isOptIn ? {