@atlaskit/smart-card 27.6.0 → 27.6.2

package/dist/esm/view/common/ai-prism/ai-glowing-border/animated-svg-container.js

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import React, { useEffect, useRef } from 'react';
 import { OUTER_BORDER_RADIUS } from '../constants';

package/dist/esm/view/common/ai-prism/ai-glowing-border/index.js

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import React from 'react';
 import AnimatedSvgContainer from './animated-svg-container';

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

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { AI_BORDER_PALETTE } from './constants';

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

@@ -1,6 +1,7 @@
 /** @jsx jsx */
 import React from 'react';
 import Markdown from 'markdown-to-jsx';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import AIStateIndicator from '../../FlexibleCard/components/blocks/ai-summary-block/ai-state-indicator';
 import UList from './ulist';

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

@@ -3,6 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["children"];
 /** @jsx jsx */
 import React from 'react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 var listStyles = css({
   paddingLeft: "var(--ds-space-250, 20px)",

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

@@ -2,4 +2,4 @@ import { type JsonLd } from 'json-ld-types';
 import { type CardActionOptions } from '../../../view/Card/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;
+export declare const extractAISummaryAction: (response: JsonLd.Response, url?: string, actionOptions?: CardActionOptions, aiSummaryConfig?: Pick<AISummaryConfig, 'isAdminHubAIEnabled'>) => AISummaryActionData | undefined;

package/dist/types/extractors/flexible/index.d.ts

@@ -1,4 +1,4 @@
 import { type FlexibleUiDataContext } from '../../state/flexible-ui-context/types';
 import { type ExtractFlexibleUiDataContextParams } from '../../view/FlexibleCard/types';
-declare const extractFlexibleUiContext: ({ id, renderers, actionOptions, response, aiSummaryConfig, }?: Partial<ExtractFlexibleUiDataContextParams>) => FlexibleUiDataContext | undefined;
+declare const extractFlexibleUiContext: ({ id, renderers, actionOptions, response, aiSummaryConfig, ...props }?: Partial<ExtractFlexibleUiDataContextParams>) => FlexibleUiDataContext | undefined;
 export default extractFlexibleUiContext;

package/dist/types/state/flexible-ui-context/types.d.ts

@@ -4,7 +4,6 @@ import { type ActionName, type IconType, type InternalActionName, type MediaType
 import { type InvokeRequestWithCardDetails } from '../hooks/use-invoke/types';
 import type { CardInnerAppearance } from '../../view/Card/types';
 import type { AnalyticsFacade } from '../analytics';
-import type { ProductType } from '@atlaskit/linking-common';
 /**
  * This provides the data that will be used by Smart Links Flexible UI to populate it's
  * underlying elements.
@@ -269,8 +268,6 @@ export type CopyLinkActionData = {
     url: string;
 };
 export type AISummaryActionData = {
-    ari?: string;
-    product: ProductType;
     url: string;
 };
 export type AutomationActionData = {

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

@@ -7,7 +7,6 @@ export interface AISummaryServiceInt {
 }
 export type AISummaryServiceProps = {
     baseUrl?: string;
-    headers?: Record<string, string>;
     onError?: (id: string, reason?: string) => void;
     onStart?: (id: string) => void;
     onSuccess?: (id: string) => void;

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

@@ -1,4 +1,8 @@
 import type { AISummaryServiceProps, AISummaryState } from './ai-summary-service/types';
+/**
+ * Stream AI summary for an url.
+ * For hook specific to AI summary on as a smart link, please see useAISummaryAction.
+ */
 export declare const useAISummary: (props: AISummaryServiceProps) => {
     summariseUrl: () => Promise<AISummaryState> | undefined;
     state: AISummaryState;

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

@@ -0,0 +1,5 @@
+declare const useAISummaryAction: (url: string) => {
+    summariseUrl: () => Promise<import("../use-ai-summary/ai-summary-service/types").AISummaryState> | undefined;
+    state: import("../use-ai-summary/ai-summary-service/types").AISummaryState;
+};
+export default useAISummaryAction;

package/dist/types/state/hooks/use-ai-summary-config/types.d.ts

@@ -1,5 +1,7 @@
-import { type ProductType } from '@atlaskit/linking-common';
+import { type EnvironmentsKeys, type ProductType } from '@atlaskit/linking-common';
 export type AISummaryConfig = {
+    baseUrl?: string;
+    envKey?: EnvironmentsKeys;
     product?: ProductType;
     isAdminHubAIEnabled?: boolean;
 };

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

@@ -29,9 +29,12 @@ export declare const mocks: {
         };
     };
     analytics: {
-        status: string;
+        status: "resolved";
         details: {
             meta: {
+                visibility: "public";
+                access: "granted";
+                auth: never[];
                 definitionId: string;
                 key: string;
                 resourceType: string;

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

@@ -2,7 +2,7 @@
 import type { AISummaryState, AISummaryStatus } from '../../../../../state/hooks/use-ai-summary/ai-summary-service/types';
 import type { AISummaryActionData } from '../../../../../state/flexible-ui-context/types';
 import type { AISummaryActionProps } from './types';
-export declare function AISummariseAction({ url, ari, product, onClick: onClickCallback, onError: onErrorCallback, testId, status, summariseUrl, ...props }: AISummaryActionProps & AISummaryActionData & {
+export declare function AISummariseAction({ url, onClick: onClickCallback, onError: onErrorCallback, testId, status, summariseUrl, ...props }: AISummaryActionProps & AISummaryActionData & {
     status: AISummaryStatus;
     summariseUrl: () => Promise<AISummaryState> | undefined;
 }): JSX.Element;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { AISummaryActionData } from '../../../../../state/flexible-ui-context/types';
 import type { AISummaryActionProps } from './types';
-export declare function CopySummaryAction({ url, ari, product, onClick: onClickCallback, testId, content, ...props }: AISummaryActionProps & AISummaryActionData & {
+export declare function CopySummaryAction({ url, onClick: onClickCallback, testId, content, ...props }: AISummaryActionProps & AISummaryActionData & {
     content: string;
 }): JSX.Element;

package/dist/types/view/FlexibleCard/components/blocks/ai-footer-block/resolved/ai-footer-metadata.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import type { AISummaryActionData } from '../../../../../../state/flexible-ui-context/types';
-export declare const AIFooterMetadata: ({ testId, url, ari, product, }: AISummaryActionData & {
+export declare const AIFooterMetadata: ({ testId, url }: AISummaryActionData & {
     testId?: string | undefined;
 }) => JSX.Element | null;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { type AISummaryBlockProps } from './types';
 /**
  * Represents an AISummaryBlock, designed to summarising link resource
@@ -7,5 +7,5 @@ import { type AISummaryBlockProps } from './types';
  * @param {AISummaryBlockProps} AISummaryBlock
  * @see Block
  */
-declare const AISummaryBlock: React.FC<AISummaryBlockProps>;
+declare const AISummaryBlock: ({ status, testId, ...props }: AISummaryBlockProps) => JSX.Element | null;
 export default AISummaryBlock;

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

@@ -10,5 +10,11 @@ export declare const AISummaryBlockStatusIndicator: ({ showStatusIndicator, meta
     showStatusIndicator: boolean;
     status: AISummaryStatus;
 } & Pick<AISummaryBlockProps, "metadata" | "testId">) => JSX.Element;
-declare const AISummaryBlockResolvedView: (props: AISummaryBlockProps) => JSX.Element;
+type AISummaryBlockResolvedViewProps = AISummaryBlockProps & {
+    /**
+     * URL to be summarised
+     */
+    url: string;
+};
+declare const AISummaryBlockResolvedView: (props: AISummaryBlockResolvedViewProps) => JSX.Element;
 export default AISummaryBlockResolvedView;

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

@@ -6,5 +6,5 @@ import { type PopupComponentProps } from '@atlaskit/popup';
  * 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" | "role" | "data-testid" | "shouldRenderToParent" | "data-placement"> & React.RefAttributes<HTMLDivElement>>;
+declare const CustomPopupContainer: React.ForwardRefExoticComponent<Pick<PopupComponentProps, "children" | "style" | "id" | "tabIndex" | "role" | "data-testid" | "shouldFitContainer" | "shouldRenderToParent" | "data-placement"> & React.RefAttributes<HTMLDivElement>>;
 export default CustomPopupContainer;

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

@@ -2,4 +2,4 @@ import { type JsonLd } from 'json-ld-types';
 import { type CardActionOptions } from '../../../view/Card/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;
+export declare const extractAISummaryAction: (response: JsonLd.Response, url?: string, actionOptions?: CardActionOptions, aiSummaryConfig?: Pick<AISummaryConfig, 'isAdminHubAIEnabled'>) => AISummaryActionData | undefined;

package/dist/types-ts4.5/extractors/flexible/index.d.ts

@@ -1,4 +1,4 @@
 import { type FlexibleUiDataContext } from '../../state/flexible-ui-context/types';
 import { type ExtractFlexibleUiDataContextParams } from '../../view/FlexibleCard/types';
-declare const extractFlexibleUiContext: ({ id, renderers, actionOptions, response, aiSummaryConfig, }?: Partial<ExtractFlexibleUiDataContextParams>) => FlexibleUiDataContext | undefined;
+declare const extractFlexibleUiContext: ({ id, renderers, actionOptions, response, aiSummaryConfig, ...props }?: Partial<ExtractFlexibleUiDataContextParams>) => FlexibleUiDataContext | undefined;
 export default extractFlexibleUiContext;

package/dist/types-ts4.5/state/flexible-ui-context/types.d.ts

@@ -4,7 +4,6 @@ import { type ActionName, type IconType, type InternalActionName, type MediaType
 import { type InvokeRequestWithCardDetails } from '../hooks/use-invoke/types';
 import type { CardInnerAppearance } from '../../view/Card/types';
 import type { AnalyticsFacade } from '../analytics';
-import type { ProductType } from '@atlaskit/linking-common';
 /**
  * This provides the data that will be used by Smart Links Flexible UI to populate it's
  * underlying elements.
@@ -269,8 +268,6 @@ export type CopyLinkActionData = {
     url: string;
 };
 export type AISummaryActionData = {
-    ari?: string;
-    product: ProductType;
     url: string;
 };
 export type AutomationActionData = {

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

@@ -7,7 +7,6 @@ export interface AISummaryServiceInt {
 }
 export type AISummaryServiceProps = {
     baseUrl?: string;
-    headers?: Record<string, string>;
     onError?: (id: string, reason?: string) => void;
     onStart?: (id: string) => void;
     onSuccess?: (id: string) => void;

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

@@ -1,4 +1,8 @@
 import type { AISummaryServiceProps, AISummaryState } from './ai-summary-service/types';
+/**
+ * Stream AI summary for an url.
+ * For hook specific to AI summary on as a smart link, please see useAISummaryAction.
+ */
 export declare const useAISummary: (props: AISummaryServiceProps) => {
     summariseUrl: () => Promise<AISummaryState> | undefined;
     state: AISummaryState;

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

@@ -0,0 +1,5 @@
+declare const useAISummaryAction: (url: string) => {
+    summariseUrl: () => Promise<import("../use-ai-summary/ai-summary-service/types").AISummaryState> | undefined;
+    state: import("../use-ai-summary/ai-summary-service/types").AISummaryState;
+};
+export default useAISummaryAction;

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

@@ -1,5 +1,7 @@
-import { type ProductType } from '@atlaskit/linking-common';
+import { type EnvironmentsKeys, type ProductType } from '@atlaskit/linking-common';
 export type AISummaryConfig = {
+    baseUrl?: string;
+    envKey?: EnvironmentsKeys;
     product?: ProductType;
     isAdminHubAIEnabled?: boolean;
 };

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

@@ -29,9 +29,12 @@ export declare const mocks: {
         };
     };
     analytics: {
-        status: string;
+        status: "resolved";
         details: {
             meta: {
+                visibility: "public";
+                access: "granted";
+                auth: never[];
                 definitionId: string;
                 key: string;
                 resourceType: string;

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

@@ -2,7 +2,7 @@
 import type { AISummaryState, AISummaryStatus } from '../../../../../state/hooks/use-ai-summary/ai-summary-service/types';
 import type { AISummaryActionData } from '../../../../../state/flexible-ui-context/types';
 import type { AISummaryActionProps } from './types';
-export declare function AISummariseAction({ url, ari, product, onClick: onClickCallback, onError: onErrorCallback, testId, status, summariseUrl, ...props }: AISummaryActionProps & AISummaryActionData & {
+export declare function AISummariseAction({ url, onClick: onClickCallback, onError: onErrorCallback, testId, status, summariseUrl, ...props }: AISummaryActionProps & AISummaryActionData & {
     status: AISummaryStatus;
     summariseUrl: () => Promise<AISummaryState> | undefined;
 }): JSX.Element;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { AISummaryActionData } from '../../../../../state/flexible-ui-context/types';
 import type { AISummaryActionProps } from './types';
-export declare function CopySummaryAction({ url, ari, product, onClick: onClickCallback, testId, content, ...props }: AISummaryActionProps & AISummaryActionData & {
+export declare function CopySummaryAction({ url, onClick: onClickCallback, testId, content, ...props }: AISummaryActionProps & AISummaryActionData & {
     content: string;
 }): JSX.Element;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import type { AISummaryActionData } from '../../../../../../state/flexible-ui-context/types';
-export declare const AIFooterMetadata: ({ testId, url, ari, product, }: AISummaryActionData & {
+export declare const AIFooterMetadata: ({ testId, url }: AISummaryActionData & {
     testId?: string | undefined;
 }) => JSX.Element | null;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { type AISummaryBlockProps } from './types';
 /**
  * Represents an AISummaryBlock, designed to summarising link resource
@@ -7,5 +7,5 @@ import { type AISummaryBlockProps } from './types';
  * @param {AISummaryBlockProps} AISummaryBlock
  * @see Block
  */
-declare const AISummaryBlock: React.FC<AISummaryBlockProps>;
+declare const AISummaryBlock: ({ status, testId, ...props }: AISummaryBlockProps) => JSX.Element | null;
 export default AISummaryBlock;

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

@@ -10,5 +10,11 @@ export declare const AISummaryBlockStatusIndicator: ({ showStatusIndicator, meta
     showStatusIndicator: boolean;
     status: AISummaryStatus;
 } & Pick<AISummaryBlockProps, "metadata" | "testId">) => JSX.Element;
-declare const AISummaryBlockResolvedView: (props: AISummaryBlockProps) => JSX.Element;
+type AISummaryBlockResolvedViewProps = AISummaryBlockProps & {
+    /**
+     * URL to be summarised
+     */
+    url: string;
+};
+declare const AISummaryBlockResolvedView: (props: AISummaryBlockResolvedViewProps) => JSX.Element;
 export default AISummaryBlockResolvedView;

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

@@ -6,5 +6,5 @@ import { type PopupComponentProps } from '@atlaskit/popup';
  * 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" | "role" | "data-testid" | "shouldRenderToParent" | "data-placement"> & React.RefAttributes<HTMLDivElement>>;
+declare const CustomPopupContainer: React.ForwardRefExoticComponent<Pick<PopupComponentProps, "children" | "style" | "id" | "tabIndex" | "role" | "data-testid" | "shouldFitContainer" | "shouldRenderToParent" | "data-placement"> & React.RefAttributes<HTMLDivElement>>;
 export default CustomPopupContainer;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "27.6.0",
+	"version": "27.6.2",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -17,7 +17,9 @@
 	"atlassian": {
 		"team": "Linking Platform",
 		"releaseModel": "continuous",
-		"productPushConsumption": ["jira"],
+		"productPushConsumption": [
+			"jira"
+		],
 		"website": {
 			"name": "Smart Card"
 		}
@@ -28,16 +30,16 @@
 	"dependencies": {
 		"@atlaskit/analytics-gas-types": "^5.1.0",
 		"@atlaskit/analytics-next": "^9.3.0",
-		"@atlaskit/avatar": "^21.9.0",
-		"@atlaskit/avatar-group": "^9.6.0",
-		"@atlaskit/badge": "^16.1.0",
-		"@atlaskit/button": "^17.17.0",
-		"@atlaskit/checkbox": "^13.4.0",
-		"@atlaskit/dropdown-menu": "^12.11.0",
-		"@atlaskit/form": "^10.3.0",
+		"@atlaskit/avatar": "^21.10.0",
+		"@atlaskit/avatar-group": "^9.7.0",
+		"@atlaskit/badge": "^16.2.0",
+		"@atlaskit/button": "^17.19.0",
+		"@atlaskit/checkbox": "^13.5.0",
+		"@atlaskit/dropdown-menu": "^12.13.0",
+		"@atlaskit/form": "^10.4.0",
 		"@atlaskit/frontend-utilities": "^2.7.0",
-		"@atlaskit/heading": "^2.3.0",
-		"@atlaskit/icon": "^22.3.0",
+		"@atlaskit/heading": "^2.4.0",
+		"@atlaskit/icon": "^22.4.0",
 		"@atlaskit/icon-file-type": "^6.4.0",
 		"@atlaskit/icon-object": "^6.4.0",
 		"@atlaskit/icon-priority": "^6.3.0",
@@ -46,22 +48,22 @@
 		"@atlaskit/link-extractors": "^1.5.0",
 		"@atlaskit/linking-common": "^5.7.0",
 		"@atlaskit/linking-types": "^8.9.0",
-		"@atlaskit/logo": "^14.0.0",
-		"@atlaskit/lozenge": "^11.7.0",
-		"@atlaskit/menu": "^2.4.0",
-		"@atlaskit/modal-dialog": "^12.13.0",
+		"@atlaskit/logo": "^14.1.0",
+		"@atlaskit/lozenge": "^11.8.0",
+		"@atlaskit/menu": "^2.5.0",
+		"@atlaskit/modal-dialog": "^12.14.0",
 		"@atlaskit/outbound-auth-flow-client": "^3.4.0",
 		"@atlaskit/platform-feature-flags": "^0.2.1",
-		"@atlaskit/popup": "^1.17.0",
-		"@atlaskit/primitives": "^7.2.0",
+		"@atlaskit/popup": "^1.19.0",
+		"@atlaskit/primitives": "^7.4.0",
 		"@atlaskit/section-message": "^6.5.0",
-		"@atlaskit/select": "^17.10.0",
-		"@atlaskit/spinner": "^16.1.0",
-		"@atlaskit/textarea": "^5.4.0",
-		"@atlaskit/textfield": "^6.3.0",
-		"@atlaskit/theme": "^12.9.0",
-		"@atlaskit/tokens": "^1.50.0",
-		"@atlaskit/tooltip": "^18.4.0",
+		"@atlaskit/select": "^17.11.0",
+		"@atlaskit/spinner": "^16.2.0",
+		"@atlaskit/textarea": "^5.5.0",
+		"@atlaskit/textfield": "^6.4.0",
+		"@atlaskit/theme": "^12.10.0",
+		"@atlaskit/tokens": "^1.51.0",
+		"@atlaskit/tooltip": "^18.5.0",
 		"@atlaskit/ufo": "^0.2.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -126,12 +128,18 @@
 	},
 	"techstack": {
 		"@repo/internal": {
-			"design-tokens": ["color", "spacing"]
+			"design-tokens": [
+				"color",
+				"spacing"
+			]
 		}
 	},
 	"typesVersions": {
 		">=4.5 <4.9": {
-			"*": ["dist/types-ts4.5/*", "dist/types-ts4.5/index.d.ts"]
+			"*": [
+				"dist/types-ts4.5/*",
+				"dist/types-ts4.5/index.d.ts"
+			]
 		}
 	},
 	"af:exports": {