@atlaskit/smart-card 43.27.2 → 43.27.4

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: "43.27.1"
+  packageVersion: "0.0.0-development"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/view/FlexibleCard/components/actions/action/action-stack-item/action-button.js

@@ -46,7 +46,7 @@ var ActionButton = function ActionButton(_ref) {
     ,
     style: style
   }, fg('platform_sl_3p_auth_rovo_action_kill_switch') ? {
-    "aria-label": ariaLabel
+    'aria-label': ariaLabel
   } : {}), /*#__PURE__*/React.createElement(Inline, {
     alignBlock: "center",
     grow: "fill",

package/dist/esm/view/FlexibleCard/components/blocks/action-block/index.js

@@ -83,7 +83,7 @@ var ActionBlock = function ActionBlock(_ref) {
     if (!(context !== null && context !== void 0 && context.actions)) {
       return;
     }
-    var arr = fg('platform_sl_3p_auth_rovo_action_kill_switch') ? is3PAuthRovoActionsExperimentOn && isRovoChatActionAvailable ? [InternalActionName.RovoChatAction] : Object.keys(context.actions).filter(function (name) {
+    var arr = fg('platform_sl_3p_auth_rovo_action_kill_switch') ? isRovoChatActionAvailable ? [InternalActionName.RovoChatAction] : Object.keys(context.actions).filter(function (name) {
       return name !== InternalActionName.RovoChatAction;
     }) : Object.keys(context.actions);
     arr.sort(sort);
@@ -111,7 +111,7 @@ var ActionBlock = function ActionBlock(_ref) {
         hideTooltip: isLoading
       });
     };
-    return isRovoChatActionAvailable && fg('platform_sl_3p_auth_rovo_action_kill_switch') ? /*#__PURE__*/React.createElement(StaggeredEntrance, {
+    return isRovoChatActionAvailable ? /*#__PURE__*/React.createElement(StaggeredEntrance, {
       columns: 1
     }, arr.map(function (name, index) {
       return /*#__PURE__*/React.createElement(FadeIn, {
@@ -123,9 +123,13 @@ var ActionBlock = function ActionBlock(_ref) {
     })) : arr.map(function (name) {
       return renderAction(name);
     });
-  }, [context === null || context === void 0 ? void 0 : context.actions, is3PAuthRovoActionsExperimentOn, isRovoChatActionAvailable, spaceInline, onError, onLoadingChange, size, ui === null || ui === void 0 ? void 0 : ui.size, padding, isLoading, _onClick]);
-  if (!fg('platform_sl_3p_auth_rovo_action_kill_switch') || !isRovoChatActionAvailable && actions || !url) {
-    return actions ? /*#__PURE__*/React.createElement("div", {
+  }, [context === null || context === void 0 ? void 0 : context.actions, isRovoChatActionAvailable, spaceInline, onError, onLoadingChange, size, ui === null || ui === void 0 ? void 0 : ui.size, padding, isLoading, _onClick]);
+  var aiSummaryConfig = fg('platform_sl_3p_auth_rovo_action_kill_switch') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useAISummaryAction(url !== null && url !== void 0 ? url : '') : undefined;
+  if (fg('platform_sl_3p_auth_rovo_action_kill_switch')) {
+    var shouldShowActions = !isRovoChatActionAvailable || isRovoChatActionAvailable && ((aiSummaryConfig === null || aiSummaryConfig === void 0 ? void 0 : aiSummaryConfig.state.status) === 'done' || (aiSummaryConfig === null || aiSummaryConfig === void 0 ? void 0 : aiSummaryConfig.state.status) === 'error');
+    return actions && shouldShowActions ? /*#__PURE__*/React.createElement("div", {
       ref: blockRef,
       "data-testid": testId
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
@@ -136,10 +140,7 @@ var ActionBlock = function ActionBlock(_ref) {
       testId: testId
     })) : null;
   }
-  var aiSummaryConfig = fg('platform_sl_3p_auth_rovo_action_kill_switch') ?
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  useAISummaryAction(url) : undefined;
-  return actions && ((aiSummaryConfig === null || aiSummaryConfig === void 0 ? void 0 : aiSummaryConfig.state.status) === 'done' || (aiSummaryConfig === null || aiSummaryConfig === void 0 ? void 0 : aiSummaryConfig.state.status) === 'error') ? /*#__PURE__*/React.createElement("div", {
+  return actions ? /*#__PURE__*/React.createElement("div", {
     ref: blockRef,
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop

package/dist/esm/view/FlexibleCard/components/blocks/hover-card-footer-block/index.js

@@ -52,7 +52,6 @@ var ResolvedHoverCardFooterBlock = function ResolvedHoverCardFooterBlock(_ref) {
         key: name,
         as: "stack-item",
         content: "",
-        testId: "".concat(testId, "-").concat(name),
         onClick: function onClick() {
           return onActionClick === null || onActionClick === void 0 ? void 0 : onActionClick(name);
         },
@@ -60,7 +59,7 @@ var ResolvedHoverCardFooterBlock = function ResolvedHoverCardFooterBlock(_ref) {
         iconSize: 'small'
       }) : null;
     });
-  }, [context === null || context === void 0 ? void 0 : context.actions, onActionClick, testId, size]);
+  }, [context === null || context === void 0 ? void 0 : context.actions, onActionClick, size]);
   return /*#__PURE__*/React.createElement(Block, _extends({}, props, {
     size: size,
     testId: "".concat(testId, "-resolved-view"),

package/dist/esm/view/HoverCard/components/HoverCardContent.js

@@ -3,12 +3,16 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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, useEffect, useMemo, useRef } from 'react';
-import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/analytics-next';
+import { AnalyticsContext, useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/analytics-next';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
 import { CardDisplay, SmartLinkPosition, SmartLinkSize } from '../../../constants';
+import extractRovoChatAction from '../../../extractors/flexible/actions/extract-rovo-chat-action';
 import { getDefinitionId, getExtensionKey, getServices } from '../../../state/helpers';
+import useRovoConfig from '../../../state/hooks/use-rovo-config';
 import { useSmartCardState } from '../../../state/store';
 import { isSpecialEvent } from '../../../utils';
 import { getIsAISummaryEnabled } from '../../../utils/ai-summary';
@@ -33,7 +37,8 @@ var HoverCardContent = function HoverCardContent(_ref) {
     onMouseEnter = _ref.onMouseEnter,
     onMouseLeave = _ref.onMouseLeave,
     actionOptions = _ref.actionOptions,
-    hoverPreviewOptions = _ref.hoverPreviewOptions;
+    hoverPreviewOptions = _ref.hoverPreviewOptions,
+    showRovoResolvedView = _ref.showRovoResolvedView;
   var _useAnalyticsEventsNe = useAnalyticsEventsNext(),
     createAnalyticsEvent = _useAnalyticsEventsNe.createAnalyticsEvent;
   var _useAnalyticsEvents = useAnalyticsEvents(),
@@ -164,7 +169,8 @@ var HoverCardContent = function HoverCardContent(_ref) {
     }
     if (cardState.status === 'resolved') {
       return /*#__PURE__*/React.createElement(HoverCardResolvedView, _extends({}, fg('platform_sl_3p_auth_rovo_action_kill_switch') ? {
-        actionOptions: actionOptions
+        actionOptions: actionOptions,
+        showRovoResolvedView: showRovoResolvedView
       } : undefined, {
         cardState: cardState,
         extensionKey: extensionKey,
@@ -186,4 +192,29 @@ var HoverCardContent = function HoverCardContent(_ref) {
     url: url
   }, cardView) : null;
 };
-export default HoverCardContent;
+var HoverCardContentWithViewVariant = function HoverCardContentWithViewVariant(props) {
+  var _props$cardState2, _props$cardState3;
+  var rovoConfig = useRovoConfig();
+  var showRovoResolvedView = useMemo(function () {
+    var _props$cardState;
+    return (props === null || props === void 0 || (_props$cardState = props.cardState) === null || _props$cardState === void 0 ? void 0 : _props$cardState.status) === 'resolved' && (props === null || props === void 0 ? void 0 : props.cardState.details) && extractRovoChatAction({
+      response: props === null || props === void 0 ? void 0 : props.cardState.details,
+      rovoConfig: rovoConfig,
+      actionOptions: props === null || props === void 0 ? void 0 : props.actionOptions
+    }) !== undefined;
+  }, [props === null || props === void 0 ? void 0 : props.actionOptions, props === null || props === void 0 || (_props$cardState2 = props.cardState) === null || _props$cardState2 === void 0 ? void 0 : _props$cardState2.details, props === null || props === void 0 || (_props$cardState3 = props.cardState) === null || _props$cardState3 === void 0 ? void 0 : _props$cardState3.status, rovoConfig]);
+  var data = useMemo(function () {
+    var viewVariant = showRovoResolvedView && expValEqualsNoExposure('platform_sl_3p_auth_rovo_action', 'isEnabled', true) ? 'rovo-resolved-view' : 'default';
+    return {
+      attributes: {
+        viewVariant: viewVariant
+      }
+    };
+  }, [showRovoResolvedView]);
+  return /*#__PURE__*/React.createElement(AnalyticsContext, {
+    data: data
+  }, /*#__PURE__*/React.createElement(HoverCardContent, _extends({}, props, {
+    showRovoResolvedView: showRovoResolvedView
+  })));
+};
+export default componentWithFG('platform_sl_3p_auth_rovo_action_kill_switch', HoverCardContentWithViewVariant, HoverCardContent);

package/dist/esm/view/HoverCard/components/views/resolved/index.js

@@ -4,14 +4,11 @@ import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, useEffect, useMemo, useRef } from 'react';
 import { di } from 'react-magnetic-di';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { useAnalyticsEvents } from '../../../../../common/analytics/generated/use-analytics-events';
 import { CardDisplay, SmartLinkPosition, SmartLinkSize } from '../../../../../constants';
-import extractRovoChatAction from '../../../../../extractors/flexible/actions/extract-rovo-chat-action';
 import { succeedUfoExperience } from '../../../../../state/analytics';
 import useAISummaryAction from '../../../../../state/hooks/use-ai-summary-action';
-import useRovoConfig from '../../../../../state/hooks/use-rovo-config';
 import FlexibleCard from '../../../../FlexibleCard';
 import { ActionBlock, AIFooterBlock, AISummaryBlock, ResolvedHoverCardFooterBlock, MetadataBlock, SnippetBlock, TitleBlock } from '../../../../FlexibleCard/components/blocks';
 import { RovoSummaryBlock } from '../../../../FlexibleCard/components/blocks/ai-summary-block';
@@ -23,33 +20,21 @@ var snippetBlockCss = null;
 var actionBlockCss = null;
 var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
   var _cardState$details;
-  var actionOptions = _ref.actionOptions,
-    cardState = _ref.cardState,
+  var cardState = _ref.cardState,
     extensionKey = _ref.extensionKey,
     flexibleCardProps = _ref.flexibleCardProps,
     isAISummaryEnabled = _ref.isAISummaryEnabled,
     onActionClick = _ref.onActionClick,
+    showRovoResolvedView = _ref.showRovoResolvedView,
     titleBlockProps = _ref.titleBlockProps,
     id = _ref.id,
     url = _ref.url;
   var _useAnalyticsEvents = useAnalyticsEvents(),
     fireEvent = _useAnalyticsEvents.fireEvent;
-  var rovoConfig = fg('platform_sl_3p_auth_rovo_action_kill_switch') ?
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  useRovoConfig() : undefined;
-  var isRovoSummaryEnabled = fg('platform_sl_3p_auth_rovo_action_kill_switch') ?
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  useMemo(function () {
-    return (cardState === null || cardState === void 0 ? void 0 : cardState.details) && extractRovoChatAction({
-      response: cardState.details,
-      rovoConfig: rovoConfig,
-      actionOptions: actionOptions
-    }) !== undefined;
-  }, [actionOptions, cardState === null || cardState === void 0 ? void 0 : cardState.details, rovoConfig]) : false;
 
   // We want to fire exposure event only for those cases when user otherwise can see the experiment which would be controlled
   // by all the other condition defined above as a result of what was defined in actionOptions as well as in CardContext.
-  var is3PAuthRovoActionsExperimentOn = isRovoSummaryEnabled && expValEquals('platform_sl_3p_auth_rovo_action', 'isEnabled', true);
+  var is3PAuthRovoActionsExperimentOn = showRovoResolvedView && expValEquals('platform_sl_3p_auth_rovo_action', 'isEnabled', true);
   useEffect(function () {
     // Since this hover view is only rendered on resolved status,
     // there is no need to check for statuses.

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

@@ -15,7 +15,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "43.27.1",
+  packageVersion: "0.0.0-development",
   componentName: 'linkUrl'
 };
 var Anchor = withLinkClickedEvent('a');

package/dist/esm/view/common/ai-summary/index.js

@@ -4,6 +4,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import Markdown from 'markdown-to-jsx';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import UList from './ulist';
 var baseStyle = null;
 var textStyleNew = null;
@@ -29,7 +30,7 @@ var AISummary = function AISummary(_ref) {
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: ax(["_11c8wadc _slp31hna _1nmz1hna _o5724jg8 _181u1kdv _1rkw1kdv _te171kdv _uizt1kdv", fg('platform_sl_3p_auth_rovo_action_kill_switch') ? "_syazi7uo" : "_syazazsu", className]),
+    className: ax(["_11c8wadc _slp31hna _1nmz1hna _o5724jg8 _181u1kdv _1rkw1kdv _te171kdv _uizt1kdv", expValEqualsNoExposure('platform_sl_3p_auth_rovo_action', 'isEnabled', true) && fg('platform_sl_3p_auth_rovo_action_kill_switch') ? "_syazi7uo" : "_syazazsu", className]),
     children: content,
     options: {
       forceWrapper: true,

package/dist/types/view/FlexibleCard/components/actions/action/action-stack-item/action-button.d.ts

@@ -1,6 +1,6 @@
 import type { TriggerProps } from '@atlaskit/tooltip';
 import type { ActionStackItemProps } from './types';
-declare const ActionButton: ({ content, icon: iconOption, isDisabled, isLoading, onClick: onClickCallback, size, space: spaceOption, testId, tooltipProps, style, ariaLabel }: ActionStackItemProps & {
+declare const ActionButton: ({ content, icon: iconOption, isDisabled, isLoading, onClick: onClickCallback, size, space: spaceOption, testId, tooltipProps, style, ariaLabel, }: ActionStackItemProps & {
     tooltipProps?: TriggerProps;
 }) => JSX.Element;
 export default ActionButton;

package/dist/types/view/HoverCard/components/HoverCardContent.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { type HoverCardContentProps } from '../types';
 export declare const hoverCardClassName = "smart-links-hover-preview";
-declare const HoverCardContent: ({ id, cardState, onActionClick, onResolve, renderers, url, onMouseEnter, onMouseLeave, actionOptions, hoverPreviewOptions, }: HoverCardContentProps) => React.JSX.Element | null;
-export default HoverCardContent;
+declare const _default: React.FC<HoverCardContentProps>;
+export default _default;

package/dist/types/view/HoverCard/components/views/resolved/index.d.ts

@@ -1,3 +1,3 @@
 import { type HoverCardResolvedProps } from './types';
-declare const HoverCardResolvedView: ({ actionOptions, cardState, extensionKey, flexibleCardProps, isAISummaryEnabled, onActionClick, titleBlockProps, id, url, }: HoverCardResolvedProps) => JSX.Element;
+declare const HoverCardResolvedView: ({ cardState, extensionKey, flexibleCardProps, isAISummaryEnabled, onActionClick, showRovoResolvedView, titleBlockProps, id, url, }: HoverCardResolvedProps) => JSX.Element;
 export default HoverCardResolvedView;

package/dist/types/view/HoverCard/components/views/resolved/types.d.ts

@@ -11,5 +11,6 @@ export type HoverCardResolvedProps = {
     id?: string;
     isAISummaryEnabled?: boolean;
     onActionClick: (actionId: string | ActionName) => void;
+    showRovoResolvedView?: boolean;
     url: string;
 } & HoverCardLoadingViewProps;

package/dist/types/view/HoverCard/types.d.ts

@@ -99,6 +99,7 @@ export type HoverCardContentProps = {
     onMouseLeave?: MouseEventHandler;
     onResolve: () => void;
     renderers?: CardProviderRenderers;
+    showRovoResolvedView?: boolean;
     url: string;
 };
 export type ContentContainerProps = React.HTMLAttributes<HTMLDivElement> & {

package/dist/types-ts4.5/view/FlexibleCard/components/actions/action/action-stack-item/action-button.d.ts

@@ -1,6 +1,6 @@
 import type { TriggerProps } from '@atlaskit/tooltip';
 import type { ActionStackItemProps } from './types';
-declare const ActionButton: ({ content, icon: iconOption, isDisabled, isLoading, onClick: onClickCallback, size, space: spaceOption, testId, tooltipProps, style, ariaLabel }: ActionStackItemProps & {
+declare const ActionButton: ({ content, icon: iconOption, isDisabled, isLoading, onClick: onClickCallback, size, space: spaceOption, testId, tooltipProps, style, ariaLabel, }: ActionStackItemProps & {
     tooltipProps?: TriggerProps;
 }) => JSX.Element;
 export default ActionButton;

package/dist/types-ts4.5/view/HoverCard/components/HoverCardContent.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { type HoverCardContentProps } from '../types';
 export declare const hoverCardClassName = "smart-links-hover-preview";
-declare const HoverCardContent: ({ id, cardState, onActionClick, onResolve, renderers, url, onMouseEnter, onMouseLeave, actionOptions, hoverPreviewOptions, }: HoverCardContentProps) => React.JSX.Element | null;
-export default HoverCardContent;
+declare const _default: React.FC<HoverCardContentProps>;
+export default _default;

package/dist/types-ts4.5/view/HoverCard/components/views/resolved/index.d.ts

@@ -1,3 +1,3 @@
 import { type HoverCardResolvedProps } from './types';
-declare const HoverCardResolvedView: ({ actionOptions, cardState, extensionKey, flexibleCardProps, isAISummaryEnabled, onActionClick, titleBlockProps, id, url, }: HoverCardResolvedProps) => JSX.Element;
+declare const HoverCardResolvedView: ({ cardState, extensionKey, flexibleCardProps, isAISummaryEnabled, onActionClick, showRovoResolvedView, titleBlockProps, id, url, }: HoverCardResolvedProps) => JSX.Element;
 export default HoverCardResolvedView;

package/dist/types-ts4.5/view/HoverCard/components/views/resolved/types.d.ts

@@ -11,5 +11,6 @@ export type HoverCardResolvedProps = {
     id?: string;
     isAISummaryEnabled?: boolean;
     onActionClick: (actionId: string | ActionName) => void;
+    showRovoResolvedView?: boolean;
     url: string;
 } & HoverCardLoadingViewProps;

package/dist/types-ts4.5/view/HoverCard/types.d.ts

@@ -99,6 +99,7 @@ export type HoverCardContentProps = {
     onMouseLeave?: MouseEventHandler;
     onResolve: () => void;
     renderers?: CardProviderRenderers;
+    showRovoResolvedView?: boolean;
     url: string;
 };
 export type ContentContainerProps = React.HTMLAttributes<HTMLDivElement> & {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "43.27.2",
+	"version": "43.27.4",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -54,7 +54,7 @@
 		"@atlaskit/link-client-extension": "^6.0.0",
 		"@atlaskit/link-extractors": "^2.4.0",
 		"@atlaskit/link-test-helpers": "^9.1.0",
-		"@atlaskit/linking-common": "^9.10.0",
+		"@atlaskit/linking-common": "^9.11.0",
 		"@atlaskit/linking-types": "^14.2.0",
 		"@atlaskit/logo": "^19.10.0",
 		"@atlaskit/lozenge": "^13.5.0",
@@ -66,8 +66,8 @@
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
 		"@atlaskit/popup": "^4.14.0",
 		"@atlaskit/primitives": "^18.0.0",
-		"@atlaskit/react-ufo": "^5.4.0",
-		"@atlaskit/rovo-triggers": "^5.30.0",
+		"@atlaskit/react-ufo": "^5.5.0",
+		"@atlaskit/rovo-triggers": "^5.31.0",
 		"@atlaskit/section-message": "^8.12.0",
 		"@atlaskit/select": "^21.8.0",
 		"@atlaskit/spinner": "^19.0.0",
@@ -75,7 +75,7 @@
 		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/theme": "^22.0.0",
 		"@atlaskit/tile": "^1.0.0",
-		"@atlaskit/tmp-editor-statsig": "^44.1.0",
+		"@atlaskit/tmp-editor-statsig": "^45.0.0",
 		"@atlaskit/tokens": "^11.1.0",
 		"@atlaskit/tooltip": "^21.0.0",
 		"@atlaskit/ufo": "^0.4.0",