@atlaskit/smart-card 43.25.11 → 43.25.13

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

package/dist/esm/view/FlexibleCard/components/blocks/ai-summary-block/resolved/index.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { Fragment, useRef } from 'react';
+import { Fragment, useEffect, useRef } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { di } from 'react-magnetic-di';
 import { RovoIcon } from '@atlaskit/logo';
@@ -66,14 +66,23 @@ export var RovoSummaryBlockResolvedView = function RovoSummaryBlockResolvedView(
   var _useAISummaryAction2 = useAISummaryAction(url),
     _useAISummaryAction2$ = _useAISummaryAction2.state,
     content = _useAISummaryAction2$.content,
-    status = _useAISummaryAction2$.status;
+    status = _useAISummaryAction2$.status,
+    summariseUrl = _useAISummaryAction2.summariseUrl;
   var showAISummary = status === 'done' ||
   // We want to display the AI Summary component only when there is content available during the loading process.
   status === 'loading' && !!content;
   var isSummarisedOnMountRef = useRef(status === 'done');
+  useEffect(function () {
+    if (status !== 'ready' || isSummarisedOnMountRef.current) {
+      return;
+    }
+    isSummarisedOnMountRef.current = true;
+    summariseUrl();
+  }, [status, summariseUrl]);
   var minHeight = isSummarisedOnMountRef.current ? 0 : aiSummaryMinHeight;
   if (!showAISummary) {
     return /*#__PURE__*/React.createElement(Inline, {
+      testId: "".concat(testId, "-placeholder"),
       xcss: newStyles.placeholderWrapper
     }, /*#__PURE__*/React.createElement("div", {
       className: ax([newStyles.iconWrapper])

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

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/extends";
 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; }
@@ -162,7 +163,9 @@ var HoverCardContent = function HoverCardContent(_ref) {
       });
     }
     if (cardState.status === 'resolved') {
-      return /*#__PURE__*/React.createElement(HoverCardResolvedView, {
+      return /*#__PURE__*/React.createElement(HoverCardResolvedView, _extends({}, fg('platform_sl_3p_auth_rovo_action_kill_switch') ? {
+        actionOptions: actionOptions
+      } : undefined, {
         cardState: cardState,
         extensionKey: extensionKey,
         flexibleCardProps: flexibleCardProps,
@@ -170,7 +173,7 @@ var HoverCardContent = function HoverCardContent(_ref) {
         onActionClick: onActionClick,
         titleBlockProps: titleBlockProps,
         url: url
-      });
+      }));
     }
     return null;
   };

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

@@ -7,6 +7,7 @@ import { di } from 'react-magnetic-di';
 import { fg } from '@atlaskit/platform-feature-flags';
 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';
@@ -21,7 +22,8 @@ var snippetBlockCss = null;
 var actionBlockCss = null;
 var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
   var _cardState$details;
-  var cardState = _ref.cardState,
+  var actionOptions = _ref.actionOptions,
+    cardState = _ref.cardState,
     extensionKey = _ref.extensionKey,
     flexibleCardProps = _ref.flexibleCardProps,
     isAISummaryEnabled = _ref.isAISummaryEnabled,
@@ -31,7 +33,14 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
     url = _ref.url;
   var _useAnalyticsEvents = useAnalyticsEvents(),
     fireEvent = _useAnalyticsEvents.fireEvent;
-  var rovoConfig = useRovoConfig();
+  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(cardState.details, rovoConfig, actionOptions);
+  }, [actionOptions, cardState === null || cardState === void 0 ? void 0 : cardState.details, rovoConfig]) : false;
   useEffect(function () {
     // Since this hover view is only rendered on resolved status,
     // there is no need to check for statuses.
@@ -68,20 +77,6 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
     className: ax(["_ca0q1b66"])
   });
   var aiSummaryMinHeight = snippet ? snippetHeight.current : 0;
-  var isRovoSummaryEnabled = (rovoConfig === null || rovoConfig === void 0 ? void 0 : rovoConfig.isRovoEnabled) && extensionKey === 'google-object-provider' && fg('platform_sl_3p_auth_rovo_action_kill_switch');
-  var aiSummaryProps = fg('platform_sl_3p_auth_rovo_action_kill_switch') ?
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  useAISummaryAction(url) : undefined;
-  var hasSummarised = useRef(false);
-  useEffect(function () {
-    if (fg('platform_sl_3p_auth_rovo_action_kill_switch')) {
-      if ((aiSummaryProps === null || aiSummaryProps === void 0 ? void 0 : aiSummaryProps.state.status) !== 'ready' || hasSummarised.current) {
-        return;
-      }
-      hasSummarised.current = true;
-      aiSummaryProps === null || aiSummaryProps === void 0 || aiSummaryProps.summariseUrl();
-    }
-  }, [aiSummaryProps, isRovoSummaryEnabled]);
   return /*#__PURE__*/React.createElement(FlexibleCard, flexibleCardProps, imagePreview, /*#__PURE__*/React.createElement(TitleBlock, _extends({}, titleBlockProps, {
     metadataPosition: SmartLinkPosition.Top,
     className: ax(["_zulpu2gc _quenze3t _oebj1txw _13mh1pd9"])
@@ -92,7 +87,6 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
     size: SmartLinkSize.Medium
   }), isRovoSummaryEnabled ? /*#__PURE__*/React.createElement(RovoSummaryBlock, {
     aiSummaryMinHeight: aiSummaryMinHeight,
-    placeholder: snippet,
     url: url
   }) : isAISummaryEnabled ? /*#__PURE__*/React.createElement(AISummaryBlock, {
     aiSummaryMinHeight: aiSummaryMinHeight,

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.25.10",
+  packageVersion: "0.0.0-development",
   componentName: 'linkUrl'
 };
 var Anchor = withLinkClickedEvent('a');

package/dist/types/view/FlexibleCard/components/blocks/ai-summary-block/types.d.ts

@@ -15,9 +15,5 @@ export type RovoSummaryBlockProps = {
      * Minimum height requirement for the AISummary component to prevent fluctuations in a card size on the summary action.
      */
     aiSummaryMinHeight?: number;
-    /**
-     * Placeholder to show when summary is not available
-     */
-    placeholder?: ReactNode;
     url?: string;
 } & BlockProps;

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

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

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

@@ -1,8 +1,10 @@
 import { type CardState } from '@atlaskit/linking-common';
 import type { ActionName } from '../../../../../constants';
 import { type LinkAction } from '../../../../../state/hooks-external/useSmartLinkActions';
+import type { InternalCardActionOptions } from '../../../../Card/types.ts';
 import { type HoverCardLoadingViewProps } from '../resolving/types';
 export type HoverCardResolvedProps = {
+    actionOptions?: InternalCardActionOptions;
     cardActions?: LinkAction[];
     cardState: CardState;
     extensionKey?: string;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/ai-summary-block/types.d.ts

@@ -15,9 +15,5 @@ export type RovoSummaryBlockProps = {
      * Minimum height requirement for the AISummary component to prevent fluctuations in a card size on the summary action.
      */
     aiSummaryMinHeight?: number;
-    /**
-     * Placeholder to show when summary is not available
-     */
-    placeholder?: ReactNode;
     url?: string;
 } & BlockProps;

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: ({ cardState, extensionKey, flexibleCardProps, isAISummaryEnabled, onActionClick, titleBlockProps, id, url, }: HoverCardResolvedProps) => JSX.Element;
+declare const HoverCardResolvedView: ({ actionOptions, cardState, extensionKey, flexibleCardProps, isAISummaryEnabled, onActionClick, titleBlockProps, id, url, }: HoverCardResolvedProps) => JSX.Element;
 export default HoverCardResolvedView;

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

@@ -1,8 +1,10 @@
 import { type CardState } from '@atlaskit/linking-common';
 import type { ActionName } from '../../../../../constants';
 import { type LinkAction } from '../../../../../state/hooks-external/useSmartLinkActions';
+import type { InternalCardActionOptions } from '../../../../Card/types.ts';
 import { type HoverCardLoadingViewProps } from '../resolving/types';
 export type HoverCardResolvedProps = {
+    actionOptions?: InternalCardActionOptions;
     cardActions?: LinkAction[];
     cardState: CardState;
     extensionKey?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "43.25.11",
+	"version": "43.25.13",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -33,7 +33,7 @@
 		"@atlaskit/avatar": "^25.8.0",
 		"@atlaskit/avatar-group": "^12.4.0",
 		"@atlaskit/badge": "^18.4.0",
-		"@atlaskit/button": "^23.9.0",
+		"@atlaskit/button": "^23.10.0",
 		"@atlaskit/checkbox": "^17.3.0",
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/dropdown-menu": "^16.5.0",
@@ -70,14 +70,14 @@
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/textarea": "^8.2.0",
 		"@atlaskit/textfield": "^8.2.0",
-		"@atlaskit/theme": "^21.0.0",
+		"@atlaskit/theme": "^22.0.0",
 		"@atlaskit/tile": "^1.0.0",
-		"@atlaskit/tmp-editor-statsig": "^32.5.0",
+		"@atlaskit/tmp-editor-statsig": "^32.10.0",
 		"@atlaskit/tokens": "^11.0.0",
 		"@atlaskit/tooltip": "^20.14.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@babel/runtime": "^7.0.0",
-		"@compiled/react": "^0.18.6",
+		"@compiled/react": "^0.20.0",
 		"@formatjs/intl-utils": "^3.8.4",
 		"facepaint": "^1.2.1",
 		"lru_map": "^0.4.1",