@atlaskit/smart-card 45.5.0 → 45.6.0

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

@@ -1,37 +1,118 @@
+/* ResolvedView.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 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';
-export var EmbedCardResolvedView = /*#__PURE__*/React.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;
+var EmbedRovoActionsFooter = Loadable({
+  loader: function loader() {
+    return import( /* 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 = useRovoConfig(),
+    rovoOptions = _useRovoConfig.rovoOptions,
+    product = _useRovoConfig.product;
+  var _useEmbedRovoActionsF = useEmbedRovoActionsFooterExperiment(link, actionOptions, rovoOptions, product),
+    isEmbedRovoActionsFooterEnabled = _useEmbedRovoActionsF.isEnabled;
+  var rovoActionData = React.useMemo(function () {
+    return isEmbedRovoActionsFooterEnabled && details ? extractRovoChatAction({
+      response: details,
+      rovoConfig: {
+        rovoOptions: rovoOptions,
+        product: product
+      },
+      product: product,
+      actionOptions: actionOptions,
+      appearance: CardDisplay.Embed,
+      isEmbedRovoActionsFooterExperimentEnabled: isEmbedRovoActionsFooterEnabled
+    }) : undefined;
+  }, [actionOptions, details, isEmbedRovoActionsFooterEnabled, product, rovoOptions]);
+  var prompts = React.useMemo(function () {
+    if (!isEmbedRovoActionsFooterEnabled) {
+      return [];
+    }
+    return getRovoPostAuthPromptKeys({
+      extensionKey: getExtensionKey(details)
+    });
+  }, [details, isEmbedRovoActionsFooterEnabled]);
+  var footer = React.useMemo(function () {
+    return rovoActionData && prompts.length > 0 ? /*#__PURE__*/React.createElement(EmbedRovoActionsFooter, {
+      actionData: rovoActionData,
+      prompts: prompts,
+      testId: "".concat(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;
+};
+var EmbedFrameWithoutRovoFooter = function EmbedFrameWithoutRovoFooter(_ref2) {
+  var frame = _ref2.frame;
+  return frame;
+};
+var EmbedFrameWithOptionalRovoFooter = componentWithFG('platform_sl_3p_auth_rovo_embed_footer_kill_switch', EmbedFrameWithRovoFooter, EmbedFrameWithoutRovoFooter);
+export var EmbedCardResolvedView = /*#__PURE__*/React.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;
@@ -70,6 +151,26 @@ export var EmbedCardResolvedView = /*#__PURE__*/React.forwardRef(function (_ref,
     _React$useState2 = _slicedToArray(_React$useState, 2),
     isMouseOver = _React$useState2[0],
     setMouseOver = _React$useState2[1];
+  var 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
+  });
+  var frameWithFooter = /*#__PURE__*/React.createElement(EmbedFrameWithOptionalRovoFooter, {
+    actionOptions: actionOptions,
+    details: details,
+    frame: frame,
+    link: link,
+    testId: testId
+  });
   return /*#__PURE__*/React.createElement(ExpandedFrame, {
     isSelected: isSelected,
     frameStyle: frameStyle,
@@ -91,17 +192,5 @@ export var EmbedCardResolvedView = /*#__PURE__*/React.forwardRef(function (_ref,
       setMouseOver(false);
       onIframeMouseLeave === null || onIframeMouseLeave === 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/esm/view/LinkUrl/index.js

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

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

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

package/dist/types/extractors/flexible/actions/extract-rovo-chat-action.d.ts

@@ -8,9 +8,10 @@ type ExtractInvokeRovoChatActionParam = {
     actionOptions?: CardActionOptions;
     appearance?: FlexibleCardProps['appearance'];
     id?: string;
+    isEmbedRovoActionsFooterExperimentEnabled?: boolean;
     product?: ProductType;
     response: JsonLd.Response;
     rovoConfig?: RovoConfig;
 };
-declare const extractRovoChatAction: ({ actionOptions, appearance, id, product, response, rovoConfig, }: ExtractInvokeRovoChatActionParam) => RovoChatActionData | undefined;
+declare const extractRovoChatAction: ({ actionOptions, appearance, id, isEmbedRovoActionsFooterExperimentEnabled, product, response, rovoConfig, }: ExtractInvokeRovoChatActionParam) => RovoChatActionData | undefined;
 export default extractRovoChatAction;

package/dist/types/state/hooks/use-embed-rovo-actions-footer-experiment/index.d.ts

@@ -0,0 +1,23 @@
+import type { ProductType } from '@atlaskit/linking-common';
+import type { RovoConfig } from '../../../state/hooks/use-rovo-config';
+import type { CardActionOptions } from '../../../view/Card/types';
+export declare const EMBED_ROVO_ACTIONS_FOOTER_EXPERIMENT_KEY = "platform_sl_3p_auth_rovo_embed_footer_exp";
+type EmbedRovoActionsFooterExperimentMetadata = {
+    isEligible: boolean;
+    isTreatment?: boolean;
+};
+export type EmbedRovoActionsFooterExperimentMeta = {
+    [EMBED_ROVO_ACTIONS_FOOTER_EXPERIMENT_KEY]: EmbedRovoActionsFooterExperimentMetadata;
+};
+export interface EmbedRovoActionsFooterExperiment {
+    isEnabled: boolean;
+}
+export declare const isEmbedRovoActionsFooterExperimentEnabled: (product?: ProductType) => boolean;
+export declare const getEmbedRovoActionsFooterExperimentMeta: ({ extensionKey, isRovoChatActionOptedIn, isRovoChatEnabled, product, }: {
+    extensionKey?: string;
+    isRovoChatActionOptedIn: boolean;
+    isRovoChatEnabled: boolean;
+    product?: ProductType;
+}) => EmbedRovoActionsFooterExperimentMeta | undefined;
+declare const useEmbedRovoActionsFooterExperiment: (url?: string, actionOptions?: CardActionOptions, rovoOptions?: RovoConfig["rovoOptions"], product?: ProductType) => EmbedRovoActionsFooterExperiment;
+export default useEmbedRovoActionsFooterExperiment;

package/dist/types/view/CardWithUrl/experiment-meta-event-attributes/index.d.ts

@@ -1,9 +1,12 @@
 import type { CardAppearance, CardState } from '@atlaskit/linking-common';
+import { type EmbedRovoActionsFooterExperimentMeta } from '../../../state/hooks/use-embed-rovo-actions-footer-experiment';
 import { type BlockCardSocialProofExperimentMeta, type InlineSocialProofExperimentMeta } from '../../../state/hooks/use-social-proof-experiment';
-type ExperimentMetaEventAttributes = Partial<BlockCardSocialProofExperimentMeta & InlineSocialProofExperimentMeta>;
+import type { InternalCardActionOptions } from '../../Card/types';
+type ExperimentMetaEventAttributes = Partial<BlockCardSocialProofExperimentMeta & InlineSocialProofExperimentMeta & EmbedRovoActionsFooterExperimentMeta>;
 type ExperimentMetaEventAttributesParams = {
+    actionOptions?: InternalCardActionOptions;
     appearance: CardAppearance;
     state: CardState;
 };
-declare const useExperimentMetaEventAttributes: ({ appearance, state, }: ExperimentMetaEventAttributesParams) => ExperimentMetaEventAttributes | undefined;
+declare const useExperimentMetaEventAttributes: ({ actionOptions, appearance, state, }: ExperimentMetaEventAttributesParams) => ExperimentMetaEventAttributes | undefined;
 export default useExperimentMetaEventAttributes;

package/dist/types/view/EmbedCard/components/rovo-actions-footer/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+import type { RovoChatActionData } from '../../../../state/flexible-ui-context/types';
+import { type RovoChatPromptKey } from '../../../common/rovo-chat-utils';
+type EmbedRovoActionsFooterProps = {
+    actionData: RovoChatActionData;
+    prompts: RovoChatPromptKey[];
+    testId?: string;
+};
+declare const EmbedRovoActionsFooter: ({ actionData, prompts, testId, }: EmbedRovoActionsFooterProps) => React.JSX.Element | null;
+export default EmbedRovoActionsFooter;

package/dist/types/view/EmbedCard/views/ResolvedView.d.ts

@@ -1,6 +1,13 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
+import { type JsonLd } from '@atlaskit/json-ld-types';
+import type { InternalCardActionOptions as CardActionOptions } from '../../Card/types';
 import { type ContextViewModel, type FrameStyle } from '../types';
 export interface EmbedCardResolvedViewProps {
+    actionOptions?: CardActionOptions;
     /** Component to prompt for competitor link */
     CompetitorPrompt?: React.ComponentType<{
         linkType?: string;
@@ -8,6 +15,7 @@ export interface EmbedCardResolvedViewProps {
     }>;
     /** The context view model */
     context?: ContextViewModel;
+    details?: JsonLd.Response;
     /** The extension key */
     extensionKey?: string;
     /** A prop that determines the style of a frame: whether to show it, hide it or only show it when a user hovers over embed */

package/dist/types/view/common/rovo-post-auth-prompts/index.d.ts

@@ -0,0 +1,5 @@
+import { RovoChatPromptKey } from '../rovo-chat-utils';
+export type RovoPostAuthPromptKeysOptions = {
+    extensionKey?: string;
+};
+export declare const getRovoPostAuthPromptKeys: ({ extensionKey, }: RovoPostAuthPromptKeysOptions) => RovoChatPromptKey[];

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "45.5.0",
+	"version": "45.6.0",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -88,7 +88,7 @@
 		"@atlaskit/textfield": "^9.1.0",
 		"@atlaskit/theme": "^26.1.0",
 		"@atlaskit/tile": "^2.1.0",
-		"@atlaskit/tmp-editor-statsig": "^114.0.0",
+		"@atlaskit/tmp-editor-statsig": "^114.2.0",
 		"@atlaskit/tokens": "^15.1.0",
 		"@atlaskit/tooltip": "^23.1.0",
 		"@atlaskit/ufo": "^1.0.0",
@@ -240,6 +240,13 @@
 		"smart-card-inline-resolved-view-refactor": {
 			"type": "boolean"
 		},
+		"platform_sl_3p_auth_rovo_embed_footer_kill_switch": {
+			"type": "boolean"
+		},
+		"platform_sl_3p_auth_rovo_embed_footer_exp": {
+			"type": "boolean",
+			"referenceOnly": true
+		},
 		"dfo-fix-preview-dynamic-style": {
 			"type": "boolean"
 		},