@atlaskit/smart-card 26.46.5 → 26.47.1

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

@@ -1,17 +1,19 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import CopyIcon from '@atlaskit/icon/glyph/copy';
-import React, { useCallback, useEffect, useMemo, useRef } from 'react';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { useSmartLinkContext } from '@atlaskit/link-provider';
 import { ActionName, CardDisplay, SmartLinkPosition, SmartLinkSize } from '../../../constants';
 import { extractMetadata } from '../../../extractors/hover/extractMetadata';
 import { useSmartLinkAnalytics } from '../../../state/analytics';
 import { getExtensionKey, getServices } from '../../../state/helpers';
 import { isSpecialEvent } from '../../../utils';
-import { HoverCardContainer, flexibleUiOptions, titleBlockCss } from '../styled';
-import { getSimulatedMetadata } from '../utils';
+import { flexibleUiOptions, titleBlockCss } from '../styled';
+import { getSimulatedMetadata, getIsAISummaryEnabled } from '../utils';
 import HoverCardLoadingView from './views/resolving';
 import HoverCardUnauthorisedView from './views/unauthorised';
 import HoverCardResolvedView from './views/resolved';
@@ -20,6 +22,7 @@ import { messages } from '../../../messages';
 import { fireLinkClickedEvent } from '../../../utils/analytics/click';
 import { useSmartCardState } from '../../../state/store';
 import HoverCardForbiddenView from './views/forbidden';
+import ContentContainer from './ContentContainer';
 export var hoverCardClassName = 'smart-links-hover-preview';
 export var getCopyAction = function getCopyAction(url) {
   return {
@@ -77,9 +80,16 @@ var HoverCardContent = function HoverCardContent(_ref) {
   }, [cardState.details]);
   var linkState = useSmartCardState(url);
   var linkStatus = (_linkState$status = linkState.status) !== null && _linkState$status !== void 0 ? _linkState$status : 'pending';
+  var _useSmartLinkContext = useSmartLinkContext(),
+    isAdminHubAIEnabled = _useSmartLinkContext.isAdminHubAIEnabled;
+  var isAISummaryEnabled = getIsAISummaryEnabled(isAdminHubAIEnabled, cardState.details);
   var services = getServices(linkState.details);
   var statusRef = useRef(linkStatus);
   var analyticsRef = useRef(analytics);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    showPrism = _useState2[0],
+    setShowPrism = _useState2[1];
   useEffect(function () {
     /**
      * Must access current analytics object value via ref because its not stable
@@ -152,6 +162,9 @@ var HoverCardContent = function HoverCardContent(_ref) {
   var onClickStopPropagation = useCallback(function (e) {
     return e.stopPropagation();
   }, []);
+  var onAIActionChange = useCallback(function (state) {
+    setShowPrism(state === 'loading');
+  }, []);
   var getCardView = function getCardView(cardState) {
     if (cardState.metadataStatus === 'pending') {
       return jsx(HoverCardLoadingView, {
@@ -182,19 +195,21 @@ var HoverCardContent = function HoverCardContent(_ref) {
         cardActions: cardActions,
         cardState: cardState,
         flexibleCardProps: flexibleCardProps,
+        isAISummaryEnabled: isAISummaryEnabled,
         onActionClick: onActionClick,
+        onAIActionChange: onAIActionChange,
         titleBlockProps: titleBlockProps
       });
     }
     return null;
   };
   var cardView = getCardView(cardState);
-  return cardView ? jsx("div", {
+  return cardView ? jsx(ContentContainer, {
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,
     onClick: onClickStopPropagation,
-    className: hoverCardClassName,
-    css: HoverCardContainer
+    isAIEnabled: isAISummaryEnabled,
+    showPrism: showPrism
   }, cardView) : null;
 };
 export default HoverCardContent;

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

@@ -12,7 +12,6 @@ import { messages } from '../../../../../messages';
 import { FormattedMessage } from 'react-intl-next';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { getCanBeDatasource } from '../../../../../state/helpers';
-import { useSmartLinkContext } from '../../../../../state';
 export var toFooterActions = function toFooterActions(cardActions, onActionClick) {
   var followAction = {
     hideIcon: true,
@@ -48,14 +47,16 @@ export var toFooterActions = function toFooterActions(cardActions, onActionClick
   return [followAction].concat(_toConsumableArray(actions));
 };
 var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
-  var _cardState$details, _cardState$details2;
+  var _cardState$details;
   var flexibleCardProps = _ref.flexibleCardProps,
     titleBlockProps = _ref.titleBlockProps,
     analytics = _ref.analytics,
     cardState = _ref.cardState,
     _ref$cardActions = _ref.cardActions,
     cardActions = _ref$cardActions === void 0 ? [] : _ref$cardActions,
+    isAISummaryEnabled = _ref.isAISummaryEnabled,
     onActionClick = _ref.onActionClick,
+    onAIActionChange = _ref.onAIActionChange,
     extensionKey = _ref.extensionKey,
     url = _ref.url;
   var canBeDatasource = getCanBeDatasource(cardState.details);
@@ -93,9 +94,6 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
     data: data,
     fallbackElementHeight: snippetHeight.current
   });
-  var _useSmartLinkContext = useSmartLinkContext(),
-    isAdminHubAIEnabled = _useSmartLinkContext.isAdminHubAIEnabled;
-  var showAiView = getBooleanFF('platform.linking-platform.smart-card.hover-card-ai-summaries') && isAdminHubAIEnabled && ((_cardState$details2 = cardState.details) === null || _cardState$details2 === void 0 || (_cardState$details2 = _cardState$details2.meta) === null || _cardState$details2 === void 0 || (_cardState$details2 = _cardState$details2.supportedFeatures) === null || _cardState$details2 === void 0 ? void 0 : _cardState$details2.includes('AISummary'));
   return /*#__PURE__*/React.createElement(FlexibleCard, flexibleCardProps, imagePreview, /*#__PURE__*/React.createElement(TitleBlock, _extends({}, titleBlockProps, {
     metadataPosition: SmartLinkPosition.Top
   })), /*#__PURE__*/React.createElement(MetadataBlock, {
@@ -117,11 +115,12 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
   }), getBooleanFF('platform.linking-platform.smart-card.enable-hover-card-related-urls') && /*#__PURE__*/React.createElement(RelatedUrlsBlock, {
     url: url,
     size: SmartLinkSize.Small
-  }), showAiView ? /*#__PURE__*/React.createElement(AISummaryBlock, {
+  }), isAISummaryEnabled ? /*#__PURE__*/React.createElement(AISummaryBlock, {
     metadata: [{
       name: ElementName.Provider
     }],
-    actions: footerActions
+    actions: footerActions,
+    onAIActionChange: onAIActionChange
   }) : /*#__PURE__*/React.createElement(FooterBlock, {
     actions: footerActions,
     size: SmartLinkSize.Large,

package/dist/esm/view/HoverCard/styled.js

@@ -4,6 +4,8 @@ import { css } from '@emotion/react';
 import { loadingPlaceholderClassName } from '../../index';
 import { SmartLinkSize } from '../../constants';
 import { layers } from '@atlaskit/theme/constants';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+
 // Temporary fix for Confluence inline comment on editor mod has z-index of 500, Jira issue view has z-index of 510
 export var HOVER_CARD_Z_INDEX = layers.modal();
 export var flexibleUiOptions = {
@@ -14,12 +16,13 @@ export var flexibleUiOptions = {
   zIndex: HOVER_CARD_Z_INDEX + 1
 };
 export var CARD_WIDTH_REM = 24;
+export var NEW_CARD_WIDTH_REM = 28;
 // gap between mouse cursor and hover card
 export var CARD_GAP_PX = 10;
 var blockGap = '0.5rem';
 var elementGap = '0.5rem';
 export var separatorCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  [data-separator] + [data-separator]:before {\n    margin-right: ", ";\n  }\n"])), elementGap);
-export var HoverCardContainer = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  background: none;\n  border-width: 0;\n  box-sizing: border-box;\n  width: ", "rem;\n\n  .", " {\n    display: none;\n  }\n"])), CARD_WIDTH_REM, loadingPlaceholderClassName);
+export var HoverCardContainer = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  background: none;\n  border-width: 0;\n  box-sizing: border-box;\n  width: ", "rem;\n\n  .", " {\n    display: none;\n  }\n"])), getBooleanFF('platform.linking-platform.smart-card.hover-card-ai-summaries') ? NEW_CARD_WIDTH_REM : CARD_WIDTH_REM, loadingPlaceholderClassName);
 export var titleBlockCss = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  gap: ", ";\n\n  ", "\n\n  // title and subtitle element group\n  [data-smart-element-group] {\n    // gap between title and subtitle\n    gap: 0.06rem;\n    display: flex;\n    /* subtitle element group */\n    > [data-smart-element-group] {\n      > span {\n        margin-right: ", ";\n      }\n    }\n  }\n\n  [data-smart-element='Title'] {\n    font-weight: 600;\n  }\n"])), blockGap, separatorCss, elementGap);
 export var getTransitionStyles = function getTransitionStyles(snippetHeight) {
   return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  transition: height 300ms ease-in-out;\n  height: ", "px;\n"])), snippetHeight);

package/dist/esm/view/HoverCard/utils.js

@@ -198,4 +198,10 @@ export var getSimulatedBetterMetadata = function getSimulatedBetterMetadata() {
     default:
       return defaultMetadata;
   }
+};
+export var getIsAISummaryEnabled = function getIsAISummaryEnabled() {
+  var _response$meta;
+  var isAdminHubAIEnabled = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  var response = arguments.length > 1 ? arguments[1] : undefined;
+  return Boolean(getBooleanFF('platform.linking-platform.smart-card.hover-card-ai-summaries') && isAdminHubAIEnabled && (response === null || response === void 0 || (_response$meta = response.meta) === null || _response$meta === void 0 || (_response$meta = _response$meta.supportedFeatures) === null || _response$meta === void 0 ? void 0 : _response$meta.includes('AISummary')));
 };

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

@@ -10,7 +10,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.46.5",
+  packageVersion: "26.47.1",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/dist/esm/view/common/Icon.js

@@ -6,6 +6,12 @@ import React from 'react';
 import ImageLoader from 'react-render-image';
 import LinkIcon from '@atlaskit/icon/glyph/link';
 import { gs } from './utils';
+/**
+ * Class name for selecting non-flexible block card icon image
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 export var blockCardIconImageClassName = 'block-card-icon-image';
 var getImageStyles = function getImageStyles(isFlexibleUi) {
   if (isFlexibleUi) {

package/dist/types/utils/index.d.ts

@@ -16,7 +16,7 @@ export declare const isSpecialKey: (event: React.MouseEvent | React.KeyboardEven
 export declare const isSpecialClick: (event: React.MouseEvent) => boolean;
 export declare const getIconForFileType: (fileMimeType: string) => React.ReactNode | undefined;
 export declare const getLabelForFileType: (fileMimeType: string) => React.ReactNode | undefined;
-export declare const getIframeSandboxAttribute: (isTrusted: boolean) => string | undefined;
+export declare const getIframeSandboxAttribute: (isTrusted: boolean) => "allow-downloads allow-forms allow-popups allow-popups-to-escape-sandbox allow-presentation allow-same-origin allow-scripts" | undefined;
 export declare const handleOnClick: (handler: Function) => (e: React.BaseSyntheticEvent) => void;
 export declare const isIntersectionObserverSupported: () => boolean;
 export declare const sleep: (ms: number) => Promise<void>;

package/dist/types/view/BlockCard/components/Content.d.ts

@@ -5,5 +5,11 @@ export interface ContentProps {
     children: React.ReactNode;
     isCompact?: boolean;
 }
+/**
+ * Class name for selecting non-flexible block card content
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 export declare const blockCardContentClassName = "block-card-content";
 export declare const Content: ({ children, isCompact }: ContentProps) => jsx.JSX.Element;

package/dist/types/view/BlockCard/components/ContentHeader.d.ts

@@ -6,5 +6,11 @@ export interface ContentHeaderProps {
     link: string;
     children: React.ReactNode;
 }
+/**
+ * Class name for selecting non-flexible block card header
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 export declare const blockCardContentHeaderClassName = "block-card-content-header";
 export declare const ContentHeader: ({ onClick, link, children, }: ContentHeaderProps) => jsx.JSX.Element;

package/dist/types/view/BlockCard/components/Name.d.ts

@@ -8,5 +8,11 @@ export interface NameProps {
     children?: React.ReactNode;
     textColor?: string;
 }
+/**
+ * Class name for selecting non-flexible block card header name
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 export declare const blockCardContentHeaderNameClassName = "block-card-content-header-name";
 export declare const Name: ({ name, isLeftPadded, testId, textColor, }: NameProps) => jsx.JSX.Element;

package/dist/types/view/BlockCard/views/ErroredView.d.ts

@@ -10,5 +10,11 @@ export interface ErroredViewProps {
     testId?: string;
     inheritDimensions?: boolean;
 }
+/**
+ * Class name for selecting non-flexible errored block card
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 export declare const blockCardErroredViewClassName = "block-card-errored-view";
 export declare const ErroredView: ({ isSelected, testId, link, onClick, onRetry, inheritDimensions, }: ErroredViewProps) => jsx.JSX.Element;

package/dist/types/view/BlockCard/views/ForbiddenView.d.ts

@@ -19,6 +19,18 @@ export interface PermissionDeniedProps {
     actionOptions?: CardActionOptions;
     requestAccessContext?: RequestAccessContextProps;
 }
+/**
+ * Class name for selecting non-flexible forbidden block card
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 export declare const blockCardForbiddenViewClassName = "block-card-forbidden-view";
+/**
+ * Class name for selecting link inside non-flexible forbidden block card
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 export declare const blockCardForbiddenViewLinkClassName = "block-card-forbidden-view-link";
 export declare const ForbiddenView: ({ context, isSelected, actions, testId, link, onClick, requestAccessContext, actionOptions, }: PermissionDeniedProps) => jsx.JSX.Element;

package/dist/types/view/BlockCard/views/NotFoundView.d.ts

@@ -13,5 +13,11 @@ export interface NotFoundProps {
     icon: IconProps;
     testId?: string;
 }
+/**
+ * Class name for selecting non-flexible not-found block card
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 export declare const blockCardNotFoundViewClassName = "block-card-not-found-view";
 export declare const NotFoundView: ({ context, isSelected, testId, link, onClick, }: NotFoundProps) => jsx.JSX.Element;

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

@@ -30,6 +30,18 @@ export interface ResolvedViewProps {
     /** It determines whether a link source supports different design theme modes */
     isSupportTheming?: boolean;
 }
+/**
+ * Class name for selecting non-flexible resolved block card
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 export declare const blockCardResolvedViewClassName = "block-card-resolved-view";
+/**
+ * Class name for selecting non-flexible resolved byline
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 export declare const blockCardResolvedViewByClassName = "block-card-resolved-view-by";
 export declare const ResolvedView: ({ icon, actions, thumbnail, context, title, titleTextColor, titlePrefix, isSelected, users, handleAvatarClick, handleMoreAvatarsClick, onClick, link, byline, lozenge, details, testId, }: ResolvedViewProps) => jsx.JSX.Element;

package/dist/types/view/BlockCard/views/ResolvingView.d.ts

@@ -5,5 +5,11 @@ export interface ResolvingProps {
     testId?: string;
     inheritDimensions?: boolean;
 }
+/**
+ * Class name for selecting non-flexible resolving block card
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 export declare const blockCardResolvingViewClassName = "block-card-resolving-view";
 export declare const ResolvingView: ({ isSelected, testId, inheritDimensions, }: ResolvingProps) => jsx.JSX.Element;

package/dist/types/view/Card/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { CardAppearance, CardPlatform, CardProps } from './types';
 import { WrappedComponentProps } from 'react-intl-next';
-export declare const Card: React.ForwardRefExoticComponent<Pick<Omit<React.PropsWithChildren<import("react-intl-next").WithIntlProps<CardProps & WrappedComponentProps<"intl">>>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "url" | "children" | "data" | "key" | "id" | "placeholder" | "onError" | "onClick" | "appearance" | "container" | "testId" | "analyticsContext" | "isSelected" | "inheritDimensions" | "actionOptions" | "onResolve" | "ui" | "showHoverPreview" | "showAuthTooltip" | "platform" | "isHovered" | "isFrameVisible" | "frameStyle" | "importer" | "showActions" | "showServerActions" | "fallbackComponent" | "embedIframeRef" | "embedIframeUrlType" | "inlinePreloaderStyle" | "analyticsEvents" | "forwardedRef"> & React.RefAttributes<any>>;
+export declare const Card: React.ForwardRefExoticComponent<Pick<Omit<React.PropsWithChildren<import("react-intl-next").WithIntlProps<CardProps & WrappedComponentProps<"intl">>>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "url" | "children" | "data" | "key" | "id" | "placeholder" | "onError" | "onClick" | "appearance" | "container" | "testId" | "analyticsContext" | "isSelected" | "inheritDimensions" | "actionOptions" | "onResolve" | "ui" | "showHoverPreview" | "showAuthTooltip" | "platform" | "isHovered" | "isFrameVisible" | "frameStyle" | "importer" | "showActions" | "showServerActions" | "fallbackComponent" | "embedIframeRef" | "embedIframeUrlType" | "inlinePreloaderStyle" | "analyticsEvents" | "useLegacyBlockCard" | "forwardedRef"> & React.RefAttributes<any>>;
 export type { CardAppearance, CardProps, CardPlatform };

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

@@ -101,4 +101,10 @@ export interface CardProps extends WithAnalyticsEventsProps {
      */
     analyticsEvents?: AnalyticsFacade;
     placeholder?: string;
+    /**
+     * When enabled the legacy block card is always used, even if the enableFlexibleBlockCard flag is set to true.
+     * Usage is strongly discouraged. This should only be used if there is a specific reason you're
+     * unable to use the new flexible block cards.
+     */
+    useLegacyBlockCard?: boolean;
 }

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

@@ -47,4 +47,5 @@ export type CardWithUrlContentProps = {
     showAuthTooltip?: boolean;
     analyticsEvents?: AnalyticsFacade;
     placeholder?: string;
+    useLegacyBlockCard?: boolean;
 };

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ContentContainerProps } from '../types';
+declare const ContentContainer: React.FC<ContentContainerProps>;
+export default ContentContainer;

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

@@ -1,5 +1,10 @@
 /** @jsx jsx */
 import React from 'react';
 import { PopupComponentProps } from '@atlaskit/popup';
+/**
+ * The purpose of this component is to hide the default Popup border.
+ * HoverCard border implementation is in ContentContainer where it can
+ * change between the default border and prism border during runtime.
+ */
 declare const CustomPopupContainer: React.ForwardRefExoticComponent<Pick<PopupComponentProps, "children" | "style" | "id" | "tabIndex" | "data-testid" | "shouldRenderToParent" | "data-placement"> & React.RefAttributes<HTMLDivElement>>;
 export default CustomPopupContainer;

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

@@ -2,6 +2,7 @@ import { AnalyticsFacade } from '../../../../../state/analytics';
 import { LinkAction } from '../../../../../state/hooks-external/useSmartLinkActions';
 import { CardState } from '@atlaskit/linking-common';
 import { HoverCardLoadingViewProps } from '../resolving/types';
+import { AISummaryBlockProps } from '../../../../FlexibleCard/components/blocks/ai-summary-block/types';
 export type HoverCardResolvedProps = {
     extensionKey?: string;
     id?: string;
@@ -9,5 +10,7 @@ export type HoverCardResolvedProps = {
     analytics: AnalyticsFacade;
     cardActions?: LinkAction[];
     cardState: CardState;
+    isAISummaryEnabled?: boolean;
     onActionClick: (actionId: string) => void;
+    onAIActionChange?: AISummaryBlockProps['onAIActionChange'];
 } & HoverCardLoadingViewProps;

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

@@ -2,6 +2,7 @@ import { FlexibleUiOptions } from '../FlexibleCard/types';
 export declare const HOVER_CARD_Z_INDEX: 510;
 export declare const flexibleUiOptions: FlexibleUiOptions;
 export declare const CARD_WIDTH_REM = 24;
+export declare const NEW_CARD_WIDTH_REM = 28;
 export declare const CARD_GAP_PX = 10;
 export declare const separatorCss: import("@emotion/react").SerializedStyles;
 export declare const HoverCardContainer: import("@emotion/react").SerializedStyles;

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

@@ -99,6 +99,11 @@ export type HoverCardContentProps = {
     onMouseLeave?: MouseEventHandler;
     actionOptions?: CardActionOptions;
 };
+export type ContentContainerProps = React.HTMLAttributes<HTMLDivElement> & {
+    isAIEnabled?: boolean;
+    showPrism?: boolean;
+    testId?: string;
+};
 export type ImagePreviewProps = {
     data: JsonLd.Data.BaseData;
     fallbackElementHeight: number;

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

@@ -1,3 +1,4 @@
-import { JsonLd } from 'json-ld-types';
+import type { JsonLd } from 'json-ld-types';
 export declare const getSimulatedMetadata: (extensionKey: string | undefined, data: JsonLd.Data.BaseData) => JsonLd.Primitives.Property<any>;
 export declare const getSimulatedBetterMetadata: (extensionKey: string | undefined, data: JsonLd.Data.BaseData) => JsonLd.Primitives.Property<any>;
+export declare const getIsAISummaryEnabled: (isAdminHubAIEnabled?: boolean, response?: JsonLd.Response) => boolean;

package/dist/types/view/common/Icon.d.ts

@@ -8,5 +8,11 @@ export interface IconProps {
     testId?: string;
     isFlexibleUi?: boolean;
 }
+/**
+ * Class name for selecting non-flexible block card icon image
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 export declare const blockCardIconImageClassName = "block-card-icon-image";
 export declare const Icon: ({ url, icon, defaultIcon, testId, isFlexibleUi, }: IconProps) => jsx.JSX.Element;

package/dist/types-ts4.5/utils/index.d.ts

@@ -16,7 +16,7 @@ export declare const isSpecialKey: (event: React.MouseEvent | React.KeyboardEven
 export declare const isSpecialClick: (event: React.MouseEvent) => boolean;
 export declare const getIconForFileType: (fileMimeType: string) => React.ReactNode | undefined;
 export declare const getLabelForFileType: (fileMimeType: string) => React.ReactNode | undefined;
-export declare const getIframeSandboxAttribute: (isTrusted: boolean) => string | undefined;
+export declare const getIframeSandboxAttribute: (isTrusted: boolean) => "allow-downloads allow-forms allow-popups allow-popups-to-escape-sandbox allow-presentation allow-same-origin allow-scripts" | undefined;
 export declare const handleOnClick: (handler: Function) => (e: React.BaseSyntheticEvent) => void;
 export declare const isIntersectionObserverSupported: () => boolean;
 export declare const sleep: (ms: number) => Promise<void>;

package/dist/types-ts4.5/view/BlockCard/components/Content.d.ts

@@ -5,5 +5,11 @@ export interface ContentProps {
     children: React.ReactNode;
     isCompact?: boolean;
 }
+/**
+ * Class name for selecting non-flexible block card content
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 export declare const blockCardContentClassName = "block-card-content";
 export declare const Content: ({ children, isCompact }: ContentProps) => jsx.JSX.Element;

package/dist/types-ts4.5/view/BlockCard/components/ContentHeader.d.ts

@@ -6,5 +6,11 @@ export interface ContentHeaderProps {
     link: string;
     children: React.ReactNode;
 }
+/**
+ * Class name for selecting non-flexible block card header
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 export declare const blockCardContentHeaderClassName = "block-card-content-header";
 export declare const ContentHeader: ({ onClick, link, children, }: ContentHeaderProps) => jsx.JSX.Element;

package/dist/types-ts4.5/view/BlockCard/components/Name.d.ts

@@ -8,5 +8,11 @@ export interface NameProps {
     children?: React.ReactNode;
     textColor?: string;
 }
+/**
+ * Class name for selecting non-flexible block card header name
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 export declare const blockCardContentHeaderNameClassName = "block-card-content-header-name";
 export declare const Name: ({ name, isLeftPadded, testId, textColor, }: NameProps) => jsx.JSX.Element;

package/dist/types-ts4.5/view/BlockCard/views/ErroredView.d.ts

@@ -10,5 +10,11 @@ export interface ErroredViewProps {
     testId?: string;
     inheritDimensions?: boolean;
 }
+/**
+ * Class name for selecting non-flexible errored block card
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 export declare const blockCardErroredViewClassName = "block-card-errored-view";
 export declare const ErroredView: ({ isSelected, testId, link, onClick, onRetry, inheritDimensions, }: ErroredViewProps) => jsx.JSX.Element;

package/dist/types-ts4.5/view/BlockCard/views/ForbiddenView.d.ts

@@ -19,6 +19,18 @@ export interface PermissionDeniedProps {
     actionOptions?: CardActionOptions;
     requestAccessContext?: RequestAccessContextProps;
 }
+/**
+ * Class name for selecting non-flexible forbidden block card
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 export declare const blockCardForbiddenViewClassName = "block-card-forbidden-view";
+/**
+ * Class name for selecting link inside non-flexible forbidden block card
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 export declare const blockCardForbiddenViewLinkClassName = "block-card-forbidden-view-link";
 export declare const ForbiddenView: ({ context, isSelected, actions, testId, link, onClick, requestAccessContext, actionOptions, }: PermissionDeniedProps) => jsx.JSX.Element;

package/dist/types-ts4.5/view/BlockCard/views/NotFoundView.d.ts

@@ -13,5 +13,11 @@ export interface NotFoundProps {
     icon: IconProps;
     testId?: string;
 }
+/**
+ * Class name for selecting non-flexible not-found block card
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 export declare const blockCardNotFoundViewClassName = "block-card-not-found-view";
 export declare const NotFoundView: ({ context, isSelected, testId, link, onClick, }: NotFoundProps) => jsx.JSX.Element;

package/dist/types-ts4.5/view/BlockCard/views/ResolvedView.d.ts

@@ -30,6 +30,18 @@ export interface ResolvedViewProps {
     /** It determines whether a link source supports different design theme modes */
     isSupportTheming?: boolean;
 }
+/**
+ * Class name for selecting non-flexible resolved block card
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 export declare const blockCardResolvedViewClassName = "block-card-resolved-view";
+/**
+ * Class name for selecting non-flexible resolved byline
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 export declare const blockCardResolvedViewByClassName = "block-card-resolved-view-by";
 export declare const ResolvedView: ({ icon, actions, thumbnail, context, title, titleTextColor, titlePrefix, isSelected, users, handleAvatarClick, handleMoreAvatarsClick, onClick, link, byline, lozenge, details, testId, }: ResolvedViewProps) => jsx.JSX.Element;

package/dist/types-ts4.5/view/BlockCard/views/ResolvingView.d.ts

@@ -5,5 +5,11 @@ export interface ResolvingProps {
     testId?: string;
     inheritDimensions?: boolean;
 }
+/**
+ * Class name for selecting non-flexible resolving block card
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 export declare const blockCardResolvingViewClassName = "block-card-resolving-view";
 export declare const ResolvingView: ({ isSelected, testId, inheritDimensions, }: ResolvingProps) => jsx.JSX.Element;

package/dist/types-ts4.5/view/Card/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { CardAppearance, CardPlatform, CardProps } from './types';
 import { WrappedComponentProps } from 'react-intl-next';
-export declare const Card: React.ForwardRefExoticComponent<Pick<Omit<React.PropsWithChildren<import("react-intl-next").WithIntlProps<CardProps & WrappedComponentProps<"intl">>>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "url" | "children" | "data" | "key" | "id" | "placeholder" | "onError" | "onClick" | "appearance" | "container" | "testId" | "analyticsContext" | "isSelected" | "inheritDimensions" | "actionOptions" | "onResolve" | "ui" | "showHoverPreview" | "showAuthTooltip" | "platform" | "isHovered" | "isFrameVisible" | "frameStyle" | "importer" | "showActions" | "showServerActions" | "fallbackComponent" | "embedIframeRef" | "embedIframeUrlType" | "inlinePreloaderStyle" | "analyticsEvents" | "forwardedRef"> & React.RefAttributes<any>>;
+export declare const Card: React.ForwardRefExoticComponent<Pick<Omit<React.PropsWithChildren<import("react-intl-next").WithIntlProps<CardProps & WrappedComponentProps<"intl">>>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "url" | "children" | "data" | "key" | "id" | "placeholder" | "onError" | "onClick" | "appearance" | "container" | "testId" | "analyticsContext" | "isSelected" | "inheritDimensions" | "actionOptions" | "onResolve" | "ui" | "showHoverPreview" | "showAuthTooltip" | "platform" | "isHovered" | "isFrameVisible" | "frameStyle" | "importer" | "showActions" | "showServerActions" | "fallbackComponent" | "embedIframeRef" | "embedIframeUrlType" | "inlinePreloaderStyle" | "analyticsEvents" | "useLegacyBlockCard" | "forwardedRef"> & React.RefAttributes<any>>;
 export type { CardAppearance, CardProps, CardPlatform };

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

@@ -101,4 +101,10 @@ export interface CardProps extends WithAnalyticsEventsProps {
      */
     analyticsEvents?: AnalyticsFacade;
     placeholder?: string;
+    /**
+     * When enabled the legacy block card is always used, even if the enableFlexibleBlockCard flag is set to true.
+     * Usage is strongly discouraged. This should only be used if there is a specific reason you're
+     * unable to use the new flexible block cards.
+     */
+    useLegacyBlockCard?: boolean;
 }

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

@@ -47,4 +47,5 @@ export type CardWithUrlContentProps = {
     showAuthTooltip?: boolean;
     analyticsEvents?: AnalyticsFacade;
     placeholder?: string;
+    useLegacyBlockCard?: boolean;
 };

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ContentContainerProps } from '../types';
+declare const ContentContainer: React.FC<ContentContainerProps>;
+export default ContentContainer;

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

@@ -1,5 +1,10 @@
 /** @jsx jsx */
 import React from 'react';
 import { PopupComponentProps } from '@atlaskit/popup';
+/**
+ * The purpose of this component is to hide the default Popup border.
+ * HoverCard border implementation is in ContentContainer where it can
+ * change between the default border and prism border during runtime.
+ */
 declare const CustomPopupContainer: React.ForwardRefExoticComponent<Pick<PopupComponentProps, "children" | "style" | "id" | "tabIndex" | "data-testid" | "shouldRenderToParent" | "data-placement"> & React.RefAttributes<HTMLDivElement>>;
 export default CustomPopupContainer;