@atlaskit/smart-card 26.59.1 → 26.60.0

package/dist/types/view/FlexibleCard/components/actions/action/types.d.ts

@@ -3,7 +3,13 @@ import type { Space, XCSS } from '@atlaskit/primitives';
 import type { SerializedStyles } from '@emotion/react';
 import type { ReactChild, ReactNode } from 'react';
 import type { SmartLinkSize } from '../../../../../constants';
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
+export type ActionMessageAppearance = 'error';
+export type ActionMessage = {
+    appearance?: ActionMessageAppearance;
+    icon?: ReactNode;
+    title: ReactNode;
+};
 export type ActionProps = {
     /**
      * Determines the appearance of the action.
@@ -25,6 +31,10 @@ export type ActionProps = {
      * Determines the onClick behaviour of the Action.
      */
     onClick: () => any;
+    /**
+     * Error callback - each action is to provide its own implementation.
+     */
+    onError?: (error: ActionMessage) => void;
     /**
      * Determines the icon rendered within the Action.
      */

package/dist/types/view/FlexibleCard/components/actions/ai-summary-action/ai-summary-action-component.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { AISummaryActionData } from '../../../../../state/flexible-ui-context/types';
-import { AISummaryActionProps } from './types';
-export declare const AISummaryActionComponent: ({ onClick: onClickCallback, url, ari, product, ...props }: AISummaryActionProps & AISummaryActionData) => JSX.Element | null;
+import { type AISummaryActionData } from '../../../../../state/flexible-ui-context/types';
+import { type AISummaryActionProps } from './types';
+export declare const AISummaryActionComponent: ({ onClick: onClickCallback, onError: onErrorCallback, url, ari, product, ...props }: AISummaryActionProps & AISummaryActionData) => JSX.Element | null;

package/dist/types/view/FlexibleCard/components/actions/ai-summary-action/utils.d.ts

@@ -0,0 +1,3 @@
+import { type ErrorMessage } from '../../../../../state/hooks/use-ai-summary/ai-summary-service/types';
+import type { ActionMessage } from '../action/types';
+export declare const getErrorMessage: (error?: ErrorMessage) => ActionMessage;

package/dist/types/view/FlexibleCard/components/blocks/action-block/action-footer/index.d.ts

@@ -0,0 +1,3 @@
+import { type FC } from 'react';
+import { type ActionFooterProps } from './types';
+export declare const ActionFooter: FC<ActionFooterProps>;

package/dist/types/view/FlexibleCard/components/blocks/action-block/action-footer/types.d.ts

@@ -0,0 +1,8 @@
+import type { Space } from '@atlaskit/primitives';
+import type { ActionMessage } from '../../../actions/action/types';
+export type ActionFooterProps = {
+    message?: ActionMessage;
+    paddingInline?: Space;
+    spaceInline?: Space;
+    testId?: string;
+};

package/dist/types/view/FlexibleCard/components/blocks/action-block/index.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
-import { type ActionBlockProps } from './types';
+import type { ActionBlockProps } from './types';
 declare const ActionBlock: ({ blockRef, onClick: onClickCallback, size, spaceInline, testId, }: ActionBlockProps) => jsx.JSX.Element | null;
 export default ActionBlock;

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

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

package/dist/types/view/FlexibleCard/components/common/motion-wrapper/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { MotionWrapperProps } from './types';
+export declare const MotionWrapper: ({ children, isFadeIn, minHeight, show, showTransition, }: MotionWrapperProps) => JSX.Element | null;
+export default MotionWrapper;

package/dist/types/view/FlexibleCard/components/{blocks/ai-summary-block/ai-motion-wrapper → common/motion-wrapper}/types.d.ts

@@ -1,5 +1,5 @@
 import type { PropsWithChildren } from 'react';
-export type AIMotionWrapperProps = PropsWithChildren<{
+export type MotionWrapperProps = PropsWithChildren<{
     isFadeIn?: boolean;
     minHeight?: number;
     show: boolean;

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

@@ -1,6 +1,6 @@
 import { jsx } from '@emotion/react';
-import { ActionItem } from '../../FlexibleCard/components/blocks/types';
-import { HoverCardContentProps } from '../types';
+import { type ActionItem } from '../../FlexibleCard/components/blocks/types';
+import { type HoverCardContentProps } from '../types';
 export declare const hoverCardClassName = "smart-links-hover-preview";
 export declare const getCopyAction: (url: string) => ActionItem;
 declare const HoverCardContent: ({ id, analytics: _analytics, cardActions, cardState, onActionClick, onResolve, renderers, url, onMouseEnter, onMouseLeave, actionOptions, }: HoverCardContentProps) => jsx.JSX.Element | null;

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import { ActionItem } from '../../../../FlexibleCard/components/blocks/types';
-import { LinkAction } from '../../../../../state/hooks-external/useSmartLinkActions';
-import { HoverCardResolvedProps } from './types';
+import { type ActionItem } from '../../../../FlexibleCard/components/blocks/types';
+import { type LinkAction } from '../../../../../state/hooks-external/useSmartLinkActions';
+import { type HoverCardResolvedProps } from './types';
 export declare const toFooterActions: (cardActions: LinkAction[], onActionClick?: ((actionId: string) => void) | undefined) => ActionItem[];
 declare const HoverCardResolvedView: React.FC<HoverCardResolvedProps>;
 export default HoverCardResolvedView;

package/dist/types-ts4.5/extractors/flexible/actions/extract-ai-summary-action.d.ts

@@ -1,5 +1,5 @@
-import { JsonLd } from 'json-ld-types';
+import { type JsonLd } from 'json-ld-types';
 import { type CardActionOptions } from '../../../view/Card/types';
-import { AISummaryActionData } from '../../../state/flexible-ui-context/types';
-import { AISummaryConfig } from '../../../state/hooks/use-ai-summary-config/types';
+import { type AISummaryActionData } from '../../../state/flexible-ui-context/types';
+import { type AISummaryConfig } from '../../../state/hooks/use-ai-summary-config/types';
 export declare const extractAISummaryAction: (response: JsonLd.Response, url?: string, actionOptions?: CardActionOptions, aiSummaryConfig?: AISummaryConfig) => AISummaryActionData | undefined;

package/dist/types-ts4.5/state/hooks/use-ai-summary/ai-summary-service/index.d.ts

@@ -10,7 +10,7 @@ export declare class AISummaryService implements AISummaryServiceInt {
     private onError?;
     constructor(props: AISummaryServiceProps);
     private fetchStream;
-    summariseUrl(): Promise<void>;
+    summariseUrl(): Promise<AISummaryState>;
     private isExpectedError;
     subscribe(stateSetter: StateSetter): () => void;
 }

package/dist/types-ts4.5/state/hooks/use-ai-summary/ai-summary-service/types.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="filesystem" />
 import type { ProductType } from '@atlaskit/linking-common';
 export interface AISummaryServiceInt {
-    summariseUrl: () => Promise<void>;
+    summariseUrl: () => Promise<AISummaryState>;
     state: AISummaryState;
     subscribe: (stateSetter: StateSetter) => () => void;
 }

package/dist/types-ts4.5/state/hooks/use-ai-summary/index.d.ts

@@ -1,5 +1,5 @@
 import type { AISummaryServiceProps, AISummaryState } from './ai-summary-service/types';
 export declare const useAISummary: (props: AISummaryServiceProps) => {
-    summariseUrl: () => Promise<void> | undefined;
+    summariseUrl: () => Promise<AISummaryState> | undefined;
     state: AISummaryState;
 };

package/dist/types-ts4.5/utils/ai-summary.d.ts

@@ -0,0 +1,8 @@
+import type { JsonLd } from 'json-ld-types';
+import type { MessageDescriptor } from 'react-intl-next';
+import type { ErrorMessage } from '../state/hooks/use-ai-summary/ai-summary-service/types';
+export declare const getIsAISummaryEnabled: (isAdminHubAIEnabled?: boolean, response?: JsonLd.Response) => boolean;
+export declare const getAISummaryErrorMessage: (error?: ErrorMessage) => {
+    message: MessageDescriptor;
+    url?: string;
+};

package/dist/types-ts4.5/view/BlockCard/views/flexible/utils/index.d.ts

@@ -1,9 +1,9 @@
-import { JsonLd } from 'json-ld-types';
+import type { JsonLd } from 'json-ld-types';
 import type { FlexibleUiOptions } from '../../../../FlexibleCard/types';
 import type { FooterBlockProps } from '../../../../FlexibleCard/components/blocks/footer-block/types';
 import type { PreviewBlockProps } from '../../../../FlexibleCard/components/blocks/preview-block/types';
 import type { TitleBlockProps } from '../../../../FlexibleCard/components/blocks/title-block/types';
-import { ElementItem } from '../../../../FlexibleCard/components/blocks/types';
+import type { ElementItem } from '../../../../FlexibleCard/components/blocks/types';
 export declare const getSimulatedBetterMetadata: (cardDetails?: JsonLd.Response) => SimulatedMetadata;
 type SimulatedMetadata = {
     titleMetadata: ElementItem[];

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

@@ -1,6 +1,3 @@
 /// <reference types="react" />
 import { CardWithUrlContentProps } from '../types';
-declare function LazyIntersectionObserverCardLegacy(props: CardWithUrlContentProps): JSX.Element;
-declare function LazyIntersectionObserverCardNext(props: CardWithUrlContentProps): JSX.Element;
-export declare const LazyIntersectionObserverCard: typeof LazyIntersectionObserverCardNext | typeof LazyIntersectionObserverCardLegacy;
-export {};
+export declare function LazyIntersectionObserverCard(props: CardWithUrlContentProps): JSX.Element;

package/dist/types-ts4.5/view/EmbedCard/components/ExpandedFrame.d.ts

@@ -1,5 +1,5 @@
-import React, { FC } from 'react';
-import { FrameStyle } from '../types';
+import React, { type FC } from 'react';
+import { type FrameStyle } from '../types';
 export interface ExpandedFrameProps {
     isPlaceholder?: boolean;
     href?: string;

package/dist/types-ts4.5/view/EmbedCard/components/styled.d.ts

@@ -46,6 +46,7 @@ export declare const TooltipWrapper: import("@emotion/styled").StyledComponent<{
 export interface ContentProps {
     isInteractive: boolean;
     allowScrollBar: boolean;
+    removeOverflow?: boolean;
     frameStyle?: FrameStyle;
 }
 export declare const Content: import("@emotion/styled").StyledComponent<{

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ContextViewModel, FrameStyle } from '../types';
+import { type ContextViewModel, type FrameStyle } from '../types';
 export interface EmbedCardResolvedViewProps {
     /** The title of the link */
     title?: string;

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

@@ -3,7 +3,13 @@ import type { Space, XCSS } from '@atlaskit/primitives';
 import type { SerializedStyles } from '@emotion/react';
 import type { ReactChild, ReactNode } from 'react';
 import type { SmartLinkSize } from '../../../../../constants';
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
+export type ActionMessageAppearance = 'error';
+export type ActionMessage = {
+    appearance?: ActionMessageAppearance;
+    icon?: ReactNode;
+    title: ReactNode;
+};
 export type ActionProps = {
     /**
      * Determines the appearance of the action.
@@ -25,6 +31,10 @@ export type ActionProps = {
      * Determines the onClick behaviour of the Action.
      */
     onClick: () => any;
+    /**
+     * Error callback - each action is to provide its own implementation.
+     */
+    onError?: (error: ActionMessage) => void;
     /**
      * Determines the icon rendered within the Action.
      */

package/dist/types-ts4.5/view/FlexibleCard/components/actions/ai-summary-action/ai-summary-action-component.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { AISummaryActionData } from '../../../../../state/flexible-ui-context/types';
-import { AISummaryActionProps } from './types';
-export declare const AISummaryActionComponent: ({ onClick: onClickCallback, url, ari, product, ...props }: AISummaryActionProps & AISummaryActionData) => JSX.Element | null;
+import { type AISummaryActionData } from '../../../../../state/flexible-ui-context/types';
+import { type AISummaryActionProps } from './types';
+export declare const AISummaryActionComponent: ({ onClick: onClickCallback, onError: onErrorCallback, url, ari, product, ...props }: AISummaryActionProps & AISummaryActionData) => JSX.Element | null;

package/dist/types-ts4.5/view/FlexibleCard/components/actions/ai-summary-action/utils.d.ts

@@ -0,0 +1,3 @@
+import { type ErrorMessage } from '../../../../../state/hooks/use-ai-summary/ai-summary-service/types';
+import type { ActionMessage } from '../action/types';
+export declare const getErrorMessage: (error?: ErrorMessage) => ActionMessage;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/action-block/action-footer/index.d.ts

@@ -0,0 +1,3 @@
+import { type FC } from 'react';
+import { type ActionFooterProps } from './types';
+export declare const ActionFooter: FC<ActionFooterProps>;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/action-block/action-footer/types.d.ts

@@ -0,0 +1,8 @@
+import type { Space } from '@atlaskit/primitives';
+import type { ActionMessage } from '../../../actions/action/types';
+export type ActionFooterProps = {
+    message?: ActionMessage;
+    paddingInline?: Space;
+    spaceInline?: Space;
+    testId?: string;
+};

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/action-block/index.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
-import { type ActionBlockProps } from './types';
+import type { ActionBlockProps } from './types';
 declare const ActionBlock: ({ blockRef, onClick: onClickCallback, size, spaceInline, testId, }: ActionBlockProps) => jsx.JSX.Element | null;
 export default ActionBlock;

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

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

package/dist/types-ts4.5/view/FlexibleCard/components/common/motion-wrapper/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { MotionWrapperProps } from './types';
+export declare const MotionWrapper: ({ children, isFadeIn, minHeight, show, showTransition, }: MotionWrapperProps) => JSX.Element | null;
+export default MotionWrapper;

package/dist/types-ts4.5/view/FlexibleCard/components/{blocks/ai-summary-block/ai-motion-wrapper → common/motion-wrapper}/types.d.ts

@@ -1,5 +1,5 @@
 import type { PropsWithChildren } from 'react';
-export type AIMotionWrapperProps = PropsWithChildren<{
+export type MotionWrapperProps = PropsWithChildren<{
     isFadeIn?: boolean;
     minHeight?: number;
     show: boolean;

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

@@ -1,6 +1,6 @@
 import { jsx } from '@emotion/react';
-import { ActionItem } from '../../FlexibleCard/components/blocks/types';
-import { HoverCardContentProps } from '../types';
+import { type ActionItem } from '../../FlexibleCard/components/blocks/types';
+import { type HoverCardContentProps } from '../types';
 export declare const hoverCardClassName = "smart-links-hover-preview";
 export declare const getCopyAction: (url: string) => ActionItem;
 declare const HoverCardContent: ({ id, analytics: _analytics, cardActions, cardState, onActionClick, onResolve, renderers, url, onMouseEnter, onMouseLeave, actionOptions, }: HoverCardContentProps) => jsx.JSX.Element | null;

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import { ActionItem } from '../../../../FlexibleCard/components/blocks/types';
-import { LinkAction } from '../../../../../state/hooks-external/useSmartLinkActions';
-import { HoverCardResolvedProps } from './types';
+import { type ActionItem } from '../../../../FlexibleCard/components/blocks/types';
+import { type LinkAction } from '../../../../../state/hooks-external/useSmartLinkActions';
+import { type HoverCardResolvedProps } from './types';
 export declare const toFooterActions: (cardActions: LinkAction[], onActionClick?: ((actionId: string) => void) | undefined) => ActionItem[];
 declare const HoverCardResolvedView: React.FC<HoverCardResolvedProps>;
 export default HoverCardResolvedView;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.59.1",
+  "version": "26.60.0",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -52,7 +52,7 @@
     "@atlaskit/outbound-auth-flow-client": "^3.4.0",
     "@atlaskit/platform-feature-flags": "^0.2.1",
     "@atlaskit/popup": "^1.17.0",
-    "@atlaskit/primitives": "^6.0.0",
+    "@atlaskit/primitives": "^6.1.0",
     "@atlaskit/spinner": "^16.1.0",
     "@atlaskit/theme": "^12.7.0",
     "@atlaskit/tokens": "^1.45.0",
@@ -162,9 +162,6 @@
     "platform.linking-platform.smart-card.hover-card-ai-summaries-release-stable": {
       "type": "boolean"
     },
-    "platform.linking-platform.smart-card.fix-intersection-observer": {
-      "type": "boolean"
-    },
     "platform.linking-platform.smart-card.enable-embed-card-header-tooltip_g9saw": {
       "type": "boolean"
     },
@@ -176,6 +173,9 @@
     },
     "platform.linking-platform.smart-card.standardise-smart-link-icon-behaviour": {
       "type": "boolean"
+    },
+    "platform.linking-platform.smart-card.fix-embed-card-blurring": {
+      "type": "boolean"
     }
   },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"

package/dist/es2019/utils/get-is-ai-summary-enabled.js

@@ -1,5 +0,0 @@
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
-export const getIsAISummaryEnabled = (isAdminHubAIEnabled = false, response) => {
-  var _response$meta, _response$meta$suppor;
-  return Boolean(getBooleanFF('platform.linking-platform.smart-card.hover-card-ai-summaries') && isAdminHubAIEnabled && (response === null || response === void 0 ? void 0 : (_response$meta = response.meta) === null || _response$meta === void 0 ? void 0 : (_response$meta$suppor = _response$meta.supportedFeature) === null || _response$meta$suppor === void 0 ? void 0 : _response$meta$suppor.includes('AISummary')));
-};

package/dist/types/utils/get-is-ai-summary-enabled.d.ts

@@ -1,2 +0,0 @@
-import { JsonLd } from 'json-ld-types';
-export declare const getIsAISummaryEnabled: (isAdminHubAIEnabled?: boolean, response?: JsonLd.Response) => boolean;

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

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import type { AIMotionWrapperProps } from './types';
-export declare const AIMotionWrapper: ({ children, isFadeIn, minHeight, show, showTransition, }: AIMotionWrapperProps) => JSX.Element | null;
-export default AIMotionWrapper;

package/dist/types-ts4.5/utils/get-is-ai-summary-enabled.d.ts

@@ -1,2 +0,0 @@
-import { JsonLd } from 'json-ld-types';
-export declare const getIsAISummaryEnabled: (isAdminHubAIEnabled?: boolean, response?: JsonLd.Response) => boolean;

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

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import type { AIMotionWrapperProps } from './types';
-export declare const AIMotionWrapper: ({ children, isFadeIn, minHeight, show, showTransition, }: AIMotionWrapperProps) => JSX.Element | null;
-export default AIMotionWrapper;