@atlaskit/smart-card 45.5.0 → 45.6.0

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

@@ -304,6 +304,7 @@ function Component({
   }, [appearance, reload]);
   const handleInvoke = useCallback(opts => actions.invoke(opts, appearance), [actions, appearance]);
   const experimentMetaEventAttributes = useExperimentMetaEventAttributes({
+    actionOptions,
     appearance,
     state
   });

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

@@ -1,11 +1,16 @@
 import { fg } from '@atlaskit/platform-feature-flags';
 import { useSmartLinkContext } from '../../../state';
 import { getExtensionKey } from '../../../state/helpers';
+import { getEmbedRovoActionsFooterExperimentMeta } from '../../../state/hooks/use-embed-rovo-actions-footer-experiment';
+import useRovoConfig from '../../../state/hooks/use-rovo-config';
 import { getSocialProofExperimentMeta, getInlineSocialProofExperimentMeta } from '../../../state/hooks/use-social-proof-experiment';
+import { getIsRovoChatEnabled } from '../../../utils/rovo';
 const useExperimentMetaEventAttributes = ({
+  actionOptions,
   appearance,
   state
 }) => {
+  var _actionOptions$rovoCh, _actionOptions$rovoCh2;
   const {
     connections: {
       client: {
@@ -13,12 +18,22 @@ const useExperimentMetaEventAttributes = ({
       }
     }
   } = useSmartLinkContext();
+  const {
+    rovoOptions,
+    product
+  } = useRovoConfig();
   const {
     details,
     status
   } = state;
   const extensionKey = getExtensionKey(details);
-  if (!fg('social-proof-3p-unauth-block-fg') && !fg('platform_sl_3p_preauth_soc_proof_inline_killswitch')) {
+  const embedRovoActionsFooterExperimentMeta = appearance === 'embed' && status === 'resolved' ? getEmbedRovoActionsFooterExperimentMeta({
+    extensionKey,
+    isRovoChatActionOptedIn: (_actionOptions$rovoCh = actionOptions === null || actionOptions === void 0 ? 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: getIsRovoChatEnabled(rovoOptions),
+    product
+  }) : undefined;
+  if (!embedRovoActionsFooterExperimentMeta && !fg('social-proof-3p-unauth-block-fg') && !fg('platform_sl_3p_preauth_soc_proof_inline_killswitch')) {
     return undefined;
   }
   const blockSocialProofExperimentMeta = appearance === 'block' && status === 'unauthorized' && fg('social-proof-3p-unauth-block-fg') ? getSocialProofExperimentMeta({
@@ -31,7 +46,8 @@ const useExperimentMetaEventAttributes = ({
   }) : undefined;
   const experimentMeta = {
     ...blockSocialProofExperimentMeta,
-    ...inlineSocialProofExperimentMeta
+    ...inlineSocialProofExperimentMeta,
+    ...embedRovoActionsFooterExperimentMeta
   };
   if (Object.keys(experimentMeta).length > 0) {
     return experimentMeta;

package/dist/es2019/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/es2019/view/EmbedCard/components/rovo-actions-footer/index.js

@@ -0,0 +1,100 @@
+/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
+import "./index.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React, { useCallback, useMemo, useState } from 'react';
+import { useIntl } from 'react-intl';
+import Button from '@atlaskit/button/new';
+import { WidthObserver } from '@atlaskit/width-detector';
+import useInvokeClientAction from '../../../../state/hooks/use-invoke-client-action';
+import useRovoChat from '../../../../state/hooks/use-rovo-chat';
+import { getPromptAction } from '../../../common/rovo-chat-utils';
+import AIEditIcon from '../../../FlexibleCard/assets/ai-edit-icon';
+const HIDE_SECONDARY_ACTIONS_WIDTH = 320;
+const PRIMARY_ACTION_ICON_ONLY_WIDTH = 220;
+const styles = {
+  actionGroup: "_zulpidpf _1e0c1txw _2lx2vrvc"
+};
+const RovoPromptButton = ({
+  hideContent = false,
+  icon,
+  onClick,
+  promptAction,
+  promptKey,
+  testId
+}) => {
+  const iconBefore = useCallback(() => /*#__PURE__*/React.createElement("span", {
+    "aria-hidden": "true"
+  }, icon), [icon]);
+  const label = promptAction.data.name;
+  const handleClick = useCallback(event => onClick(event, promptAction.data, promptKey), [onClick, promptAction.data, promptKey]);
+  return /*#__PURE__*/React.createElement(Button, {
+    appearance: "subtle",
+    "aria-label": hideContent ? label : undefined,
+    iconBefore: iconBefore,
+    onClick: handleClick,
+    spacing: "compact",
+    testId: `${testId}-${promptKey}`
+  }, hideContent ? null : label);
+};
+const EmbedRovoActionsFooter = ({
+  actionData,
+  prompts,
+  testId = 'embed-rovo-actions-footer'
+}) => {
+  const intl = useIntl();
+  const invoke = useInvokeClientAction({});
+  const {
+    isRovoChatEnabled,
+    sendPromptMessage
+  } = useRovoChat();
+  const [containerWidth, setContainerWidth] = useState(undefined);
+  const shouldHideSecondaryActions = containerWidth !== undefined && containerWidth < HIDE_SECONDARY_ACTIONS_WIDTH;
+  const shouldHidePrimaryActionContent = containerWidth !== undefined && containerWidth < PRIMARY_ACTION_ICON_ONLY_WIDTH;
+  const onClick = useCallback((event, promptData, promptKey) => {
+    event.preventDefault();
+    event.stopPropagation();
+    invoke({
+      ...actionData.invokeAction,
+      actionFn: async () => sendPromptMessage(promptData),
+      prompt: promptKey
+    });
+  }, [actionData.invokeAction, invoke, sendPromptMessage]);
+  const promptActions = useMemo(() => prompts.reduce((actions, promptKey) => {
+    if (shouldHideSecondaryActions && actions.length > 0) {
+      return actions;
+    }
+    const promptAction = getPromptAction({
+      promptKey,
+      intl,
+      url: actionData.url,
+      product: actionData.product,
+      iconSize: 'small'
+    });
+    if (!promptAction) {
+      return actions;
+    }
+    const isPrimaryAction = actions.length === 0;
+    actions.push( /*#__PURE__*/React.createElement(RovoPromptButton, {
+      hideContent: isPrimaryAction && shouldHidePrimaryActionContent,
+      icon: isPrimaryAction ? /*#__PURE__*/React.createElement(AIEditIcon, 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.createElement("div", {
+    "data-testid": testId
+  }, /*#__PURE__*/React.createElement(WidthObserver, {
+    setWidth: setContainerWidth,
+    offscreen: true
+  }), /*#__PURE__*/React.createElement("div", {
+    className: ax([styles.actionGroup])
+  }, promptActions));
+};
+export default EmbedRovoActionsFooter;

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

@@ -100,6 +100,8 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
       }
       if (resolvedViewProps.preview) {
         return /*#__PURE__*/React.createElement(EmbedCardResolvedView, _extends({}, resolvedViewProps, {
+          actionOptions: actionOptions,
+          details: details,
           isSelected: isSelected,
           frameStyle: frameStyle,
           inheritDimensions: inheritDimensions,

package/dist/es2019/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/es2019/view/EmbedCard/views/ResolvedView.js

@@ -1,16 +1,89 @@
+/* ResolvedView.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
+import "./ResolvedView.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
+import Loadable from 'react-loadable';
 import LinkGlyph from '@atlaskit/icon/core/link';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
 import { useThemeObserver } from '@atlaskit/tokens';
+import { CardDisplay } from '../../../constants';
+import extractRovoChatAction from '../../../extractors/flexible/actions/extract-rovo-chat-action';
+import { getExtensionKey } from '../../../state/helpers';
+import useEmbedRovoActionsFooterExperiment from '../../../state/hooks/use-embed-rovo-actions-footer-experiment';
+import useRovoConfig from '../../../state/hooks/use-rovo-config';
 import { getPreviewUrlWithTheme, isProfileType } from '../../../utils';
+import { getRovoPostAuthPromptKeys } from '../../common/rovo-post-auth-prompts';
 import { ExpandedFrame } from '../components/ExpandedFrame';
 import { Frame } from '../components/Frame';
 import { ImageIcon } from '../components/ImageIcon';
 import { useEmbedResolvePostMessageListener } from '../useEmbedResolvePostMessageListener';
+const EmbedRovoActionsFooter = Loadable({
+  loader: () => import( /* webpackChunkName: "smart-card-embed-rovo-actions-footer" */'../components/rovo-actions-footer').then(module => module.default),
+  loading: () => null
+});
+EmbedRovoActionsFooter.displayName = 'lazy(EmbedRovoActionsFooter)';
+const styles = {
+  contentWithFooter: "_1e0c1txw _2lx21bp4 _4t3i1osq _1tkeidpf",
+  frameWithFooter: "_16jlkb7n _1tkeidpf",
+  footer: "_1e0c1txw _1bah1y6m"
+};
+const EmbedFrameWithRovoFooter = ({
+  actionOptions,
+  details,
+  frame,
+  link,
+  testId
+}) => {
+  const {
+    rovoOptions,
+    product
+  } = useRovoConfig();
+  const {
+    isEnabled: isEmbedRovoActionsFooterEnabled
+  } = useEmbedRovoActionsFooterExperiment(link, actionOptions, rovoOptions, product);
+  const rovoActionData = React.useMemo(() => isEmbedRovoActionsFooterEnabled && details ? extractRovoChatAction({
+    response: details,
+    rovoConfig: {
+      rovoOptions,
+      product
+    },
+    product,
+    actionOptions,
+    appearance: CardDisplay.Embed,
+    isEmbedRovoActionsFooterExperimentEnabled: isEmbedRovoActionsFooterEnabled
+  }) : undefined, [actionOptions, details, isEmbedRovoActionsFooterEnabled, product, rovoOptions]);
+  const prompts = React.useMemo(() => {
+    if (!isEmbedRovoActionsFooterEnabled) {
+      return [];
+    }
+    return getRovoPostAuthPromptKeys({
+      extensionKey: getExtensionKey(details)
+    });
+  }, [details, isEmbedRovoActionsFooterEnabled]);
+  const footer = React.useMemo(() => rovoActionData && prompts.length > 0 ? /*#__PURE__*/React.createElement(EmbedRovoActionsFooter, {
+    actionData: rovoActionData,
+    prompts: prompts,
+    testId: `${testId}-rovo-actions-footer`
+  }) : undefined, [prompts, rovoActionData, testId]);
+  return footer ? /*#__PURE__*/React.createElement("div", {
+    className: ax([styles.contentWithFooter])
+  }, /*#__PURE__*/React.createElement("div", {
+    className: ax([styles.frameWithFooter])
+  }, frame), /*#__PURE__*/React.createElement("div", {
+    className: ax([styles.footer])
+  }, footer)) : frame;
+};
+const EmbedFrameWithoutRovoFooter = ({
+  frame
+}) => frame;
+const EmbedFrameWithOptionalRovoFooter = componentWithFG('platform_sl_3p_auth_rovo_embed_footer_kill_switch', EmbedFrameWithRovoFooter, EmbedFrameWithoutRovoFooter);
 export const EmbedCardResolvedView = /*#__PURE__*/React.forwardRef(({
+  actionOptions,
   link,
   context,
+  details,
   onClick,
   onAuxClick,
   onContextMenu,
@@ -64,6 +137,26 @@ export const EmbedCardResolvedView = /*#__PURE__*/React.forwardRef(({
     previewUrl = getPreviewUrlWithTheme(previewUrl, themeState);
   }
   const [isMouseOver, setMouseOver] = React.useState(false);
+  const frame = /*#__PURE__*/React.createElement(Frame, {
+    url: previewUrl,
+    isTrusted: isTrusted,
+    testId: testId,
+    ref: embedIframeRef,
+    onIframeDwell: onIframeDwell,
+    onIframeFocus: onIframeFocus,
+    onIframeMouseEnter: onIframeMouseEnter,
+    onIframeMouseLeave: onIframeMouseLeave,
+    isMouseOver: isMouseOver,
+    title: text,
+    extensionKey: extensionKey
+  });
+  const frameWithFooter = /*#__PURE__*/React.createElement(EmbedFrameWithOptionalRovoFooter, {
+    actionOptions: actionOptions,
+    details: details,
+    frame: frame,
+    link: link,
+    testId: testId
+  });
   return /*#__PURE__*/React.createElement(ExpandedFrame, {
     isSelected: isSelected,
     frameStyle: frameStyle,
@@ -85,17 +178,5 @@ export const EmbedCardResolvedView = /*#__PURE__*/React.forwardRef(({
       setMouseOver(false);
       onIframeMouseLeave === null || onIframeMouseLeave === void 0 ? void 0 : onIframeMouseLeave();
     }
-  }, /*#__PURE__*/React.createElement(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/es2019/view/LinkUrl/index.js

@@ -9,7 +9,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "45.4.3",
+  packageVersion: "45.5.0",
   componentName: 'linkUrl'
 };
 const LinkUrl = ({

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

@@ -0,0 +1,10 @@
+import { RovoChatPromptKey } from '../rovo-chat-utils';
+export const getRovoPostAuthPromptKeys = ({
+  extensionKey
+}) => {
+  const defaultPrompts = [RovoChatPromptKey.KEY_HIGHLIGHTS];
+  if (extensionKey === 'github-object-provider' || extensionKey === 'gitlab-object-provider') {
+    return [RovoChatPromptKey.EXPLAIN_CODE, ...defaultPrompts];
+  }
+  return [RovoChatPromptKey.SUMMARIZE_DOCUMENT, ...defaultPrompts];
+};

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

@@ -12,6 +12,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;
@@ -27,7 +28,8 @@ var extractRovoChatAction = function extractRovoChatAction(_ref) {
   var isInlineExperimentEnabled = fg('platform_sl_3p_auth_inline_tailored_cta_killswitch') && expValEqualsNoExposure('platform_sl_3p_auth_inline_tailored_cta', 'isEnabled', true);
   var is3PAuthRovoActionEnabled = isGoogleProvider && 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 = extractSmartLinkUrl(response);
   return isSupportedFeature && isOptIn ? {

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

@@ -0,0 +1,58 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { useMemo } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
+import { getIsRovoChatEnabled } from '../../../utils/rovo';
+import { getExtensionKey } from '../../helpers';
+import { useSmartCardState } from '../../store';
+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);
+};
+export var EMBED_ROVO_ACTIONS_FOOTER_EXPERIMENT_KEY = 'platform_sl_3p_auth_rovo_embed_footer_exp';
+var NOT_ENABLED_RESULT = {
+  isEnabled: false
+};
+export var isEmbedRovoActionsFooterExperimentEnabled = function isEmbedRovoActionsFooterExperimentEnabled(product) {
+  return product === 'CONFLUENCE' && fg('platform_sl_3p_auth_rovo_embed_footer_kill_switch') && expValEquals(EMBED_ROVO_ACTIONS_FOOTER_EXPERIMENT_KEY, 'isEnabled', true);
+};
+var isEmbedRovoActionsFooterKillSwitchEnabled = function isEmbedRovoActionsFooterKillSwitchEnabled(product) {
+  return product === 'CONFLUENCE' && fg('platform_sl_3p_auth_rovo_embed_footer_kill_switch');
+};
+var isEmbedRovoActionsFooterExperimentEnabledNoExposure = function isEmbedRovoActionsFooterExperimentEnabledNoExposure(product) {
+  return isEmbedRovoActionsFooterKillSwitchEnabled(product) && expValEqualsNoExposure(EMBED_ROVO_ACTIONS_FOOTER_EXPERIMENT_KEY, 'isEnabled', true);
+};
+export var 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 _defineProperty({}, 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 = getIsRovoChatEnabled(rovoOptions);
+  var cardState = useSmartCardState(url !== null && url !== void 0 ? url : '');
+  var extensionKey = getExtensionKey(cardState.details);
+  var isRovoChatActionOptedIn = (_actionOptions$rovoCh = actionOptions === null || actionOptions === void 0 || (_actionOptions$rovoCh2 = actionOptions.rovoChatAction) === null || _actionOptions$rovoCh2 === void 0 ? void 0 : _actionOptions$rovoCh2.optIn) !== null && _actionOptions$rovoCh !== void 0 ? _actionOptions$rovoCh : false;
+  return useMemo(function () {
+    if (!isRovoChatEnabled || !url || !isRovoChatActionOptedIn || !extensionKey) {
+      return NOT_ENABLED_RESULT;
+    }
+    if (!isEligibleEmbedRovoActionsFooterExtensionKey(extensionKey)) {
+      return NOT_ENABLED_RESULT;
+    }
+    return {
+      isEnabled: isEmbedRovoActionsFooterExperimentEnabled(product)
+    };
+  }, [isRovoChatEnabled, extensionKey, url, isRovoChatActionOptedIn, product]);
+};
+export default useEmbedRovoActionsFooterExperiment;

package/dist/esm/utils/analytics/analytics.js

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

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

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

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

@@ -4,16 +4,30 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { fg } from '@atlaskit/platform-feature-flags';
 import { useSmartLinkContext } from '../../../state';
 import { getExtensionKey } from '../../../state/helpers';
+import { getEmbedRovoActionsFooterExperimentMeta } from '../../../state/hooks/use-embed-rovo-actions-footer-experiment';
+import useRovoConfig from '../../../state/hooks/use-rovo-config';
 import { getSocialProofExperimentMeta, getInlineSocialProofExperimentMeta } from '../../../state/hooks/use-social-proof-experiment';
+import { getIsRovoChatEnabled } from '../../../utils/rovo';
 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 = useSmartLinkContext(),
     baseUriWithNoTrailingSlash = _useSmartLinkContext.connections.client.baseUrlOverride;
+  var _useRovoConfig = useRovoConfig(),
+    rovoOptions = _useRovoConfig.rovoOptions,
+    product = _useRovoConfig.product;
   var details = state.details,
     status = state.status;
   var extensionKey = getExtensionKey(details);
-  if (!fg('social-proof-3p-unauth-block-fg') && !fg('platform_sl_3p_preauth_soc_proof_inline_killswitch')) {
+  var embedRovoActionsFooterExperimentMeta = appearance === 'embed' && status === 'resolved' ? 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: getIsRovoChatEnabled(rovoOptions),
+    product: product
+  }) : undefined;
+  if (!embedRovoActionsFooterExperimentMeta && !fg('social-proof-3p-unauth-block-fg') && !fg('platform_sl_3p_preauth_soc_proof_inline_killswitch')) {
     return undefined;
   }
   var blockSocialProofExperimentMeta = appearance === 'block' && status === 'unauthorized' && fg('social-proof-3p-unauth-block-fg') ? getSocialProofExperimentMeta({
@@ -24,7 +38,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/esm/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/esm/view/EmbedCard/components/rovo-actions-footer/index.js

@@ -0,0 +1,129 @@
+/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import "./index.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import React, { useCallback, useMemo, useState } from 'react';
+import { useIntl } from 'react-intl';
+import Button from '@atlaskit/button/new';
+import { WidthObserver } from '@atlaskit/width-detector';
+import useInvokeClientAction from '../../../../state/hooks/use-invoke-client-action';
+import useRovoChat from '../../../../state/hooks/use-rovo-chat';
+import { getPromptAction } from '../../../common/rovo-chat-utils';
+import AIEditIcon from '../../../FlexibleCard/assets/ai-edit-icon';
+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 = useCallback(function () {
+    return /*#__PURE__*/React.createElement("span", {
+      "aria-hidden": "true"
+    }, icon);
+  }, [icon]);
+  var label = promptAction.data.name;
+  var handleClick = useCallback(function (event) {
+    return onClick(event, promptAction.data, promptKey);
+  }, [onClick, promptAction.data, promptKey]);
+  return /*#__PURE__*/React.createElement(Button, {
+    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 = useIntl();
+  var invoke = useInvokeClientAction({});
+  var _useRovoChat = useRovoChat(),
+    isRovoChatEnabled = _useRovoChat.isRovoChatEnabled,
+    sendPromptMessage = _useRovoChat.sendPromptMessage;
+  var _useState = useState(undefined),
+    _useState2 = _slicedToArray(_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 = useCallback(function (event, promptData, promptKey) {
+    event.preventDefault();
+    event.stopPropagation();
+    invoke(_objectSpread(_objectSpread({}, actionData.invokeAction), {}, {
+      actionFn: function () {
+        var _actionFn = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+          return _regeneratorRuntime.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 = useMemo(function () {
+    return prompts.reduce(function (actions, promptKey) {
+      if (shouldHideSecondaryActions && actions.length > 0) {
+        return actions;
+      }
+      var promptAction = 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.createElement(RovoPromptButton, {
+        hideContent: isPrimaryAction && shouldHidePrimaryActionContent,
+        icon: isPrimaryAction ? /*#__PURE__*/React.createElement(AIEditIcon, 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.createElement("div", {
+    "data-testid": testId
+  }, /*#__PURE__*/React.createElement(WidthObserver, {
+    setWidth: setContainerWidth,
+    offscreen: true
+  }), /*#__PURE__*/React.createElement("div", {
+    className: ax([styles.actionGroup])
+  }, promptActions));
+};
+export default EmbedRovoActionsFooter;

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

@@ -97,6 +97,8 @@ export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref2, iframeRef)
       }
       if (resolvedViewProps.preview) {
         return /*#__PURE__*/React.createElement(EmbedCardResolvedView, _extends({}, resolvedViewProps, {
+          actionOptions: actionOptions,
+          details: details,
           isSelected: isSelected,
           frameStyle: frameStyle,
           inheritDimensions: inheritDimensions,

package/dist/esm/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%}