@atlaskit/smart-card 26.46.0 → 26.46.1

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

@@ -0,0 +1,239 @@
+/** @jsx jsx */
+import { css, jsx } from '@emotion/react';
+import React, { useEffect, useRef } from 'react';
+import { GLOW_SIZE, OUTER_BORDER_RADIUS } from '../constants';
+var namespaceUUID = 0;
+var svgStyles = css({
+  position: 'absolute',
+  borderRadius: OUTER_BORDER_RADIUS
+});
+var blurredStyles = css({
+  width: "calc(100% - ".concat(GLOW_SIZE / 2, "px)"),
+  height: "calc(100% - ".concat(GLOW_SIZE / 2, "px)"),
+  top: GLOW_SIZE / 2,
+  left: GLOW_SIZE / 2,
+  filter: "blur(".concat(GLOW_SIZE, "px)"),
+  // for safari... : https://stackoverflow.com/a/71353198
+  backfaceVisibility: 'hidden',
+  transform: 'translate3d(0, 0, 0)'
+});
+var notBlurredStyles = css({
+  left: 0,
+  top: 0,
+  width: '100%',
+  height: '100%'
+});
+
+/**
+ * The bulk of this file is originally from
+ * https://bitbucket.org/atlassian/barrel/src/master/ui/platform/ui-kit/ai
+ * with modifications.
+ */
+var AnimatedSvgContainer = function AnimatedSvgContainer(_ref) {
+  var palette = _ref.palette,
+    isMoving = _ref.isMoving,
+    isGlowing = _ref.isGlowing,
+    additionalCss = _ref.additionalCss;
+  var svgRef = useRef(null);
+  var namespaceId = useRef();
+  if (namespaceId.current === undefined) {
+    namespaceId.current = namespaceUUID;
+    namespaceUUID += 1;
+  }
+  useEffect(function () {
+    if (isMoving) {
+      var svg = svgRef.current;
+
+      // Schedule animation to begin before next browser paint
+      var beginReq = requestAnimationFrame(function () {
+        svg === null || svg === void 0 || svg.querySelectorAll('animate').forEach(function (node) {
+          return node.beginElement();
+        });
+      });
+      return function () {
+        // Ensure any pending animation frame is cancelled as the element animation does not end properly if it
+        // begins in the same event tick, i.e. isLoading synchronously changes to true then false.
+        cancelAnimationFrame(beginReq);
+        requestAnimationFrame(function () {
+          svg === null || svg === void 0 || svg.querySelectorAll('animate').forEach(function (node) {
+            return node.endElement();
+          });
+        });
+      };
+    }
+    return undefined;
+  }, [isMoving]);
+  return jsx("svg", {
+    css: [svgStyles, isGlowing ? blurredStyles : notBlurredStyles, additionalCss],
+    ref: svgRef,
+    viewBox: "0 0 24 24",
+    preserveAspectRatio: "none"
+  }, jsx("defs", null, jsx("linearGradient", {
+    id: "".concat(namespaceId.current, "_lg1"),
+    gradientUnits: "userSpaceOnUse",
+    x1: "0%",
+    y1: "0",
+    x2: "400%",
+    y2: "0",
+    spreadMethod: "reflect"
+  }, jsx("animate", {
+    begin: "indefinite",
+    attributeName: "x1",
+    from: "0%",
+    to: "400%",
+    repeatCount: "indefinite",
+    dur: "3s"
+  }), jsx("animate", {
+    begin: "indefinite",
+    attributeName: "x2",
+    from: "400%",
+    to: "800%",
+    repeatCount: "indefinite",
+    dur: "3s"
+  }), jsx("stop", {
+    offset: "0",
+    stopColor: palette.blue
+  }), jsx("stop", {
+    offset: "0.25",
+    stopColor: palette.teal
+  }), jsx("stop", {
+    offset: "0.5",
+    stopColor: palette.yellow
+  }), jsx("stop", {
+    offset: "0.75",
+    stopColor: palette.teal
+  }), jsx("stop", {
+    offset: "1",
+    stopColor: palette.blue
+  })), jsx("linearGradient", {
+    id: "".concat(namespaceId.current, "_lg2"),
+    gradientUnits: "userSpaceOnUse",
+    x1: "0",
+    y1: "-100%",
+    x2: "0",
+    y2: "300%",
+    spreadMethod: "reflect"
+  }, jsx("animate", {
+    begin: "indefinite",
+    attributeName: "y1",
+    from: "-100%",
+    to: "300%",
+    repeatCount: "indefinite",
+    dur: "3s"
+  }), jsx("animate", {
+    begin: "indefinite",
+    attributeName: "y2",
+    from: "300%",
+    to: "700%",
+    repeatCount: "indefinite",
+    dur: "3s"
+  }), jsx("stop", {
+    offset: "0",
+    stopColor: palette.blue
+  }), jsx("stop", {
+    offset: "0.25",
+    stopColor: palette.teal
+  }), jsx("stop", {
+    offset: "0.5",
+    stopColor: palette.yellow
+  }), jsx("stop", {
+    offset: "0.75",
+    stopColor: palette.teal
+  }), jsx("stop", {
+    offset: "1",
+    stopColor: palette.blue
+  })), jsx("linearGradient", {
+    id: "".concat(namespaceId.current, "_lg3"),
+    gradientUnits: "userSpaceOnUse",
+    x1: "300%",
+    y1: "0",
+    x2: "700%",
+    y2: "0",
+    spreadMethod: "reflect"
+  }, jsx("animate", {
+    begin: "indefinite",
+    attributeName: "x1",
+    from: "300%",
+    to: "-100%",
+    repeatCount: "indefinite",
+    dur: "3s"
+  }), jsx("animate", {
+    begin: "indefinite",
+    attributeName: "x2",
+    from: "700%",
+    to: "300%",
+    repeatCount: "indefinite",
+    dur: "3s"
+  }), jsx("stop", {
+    offset: "0",
+    stopColor: palette.blue
+  }), jsx("stop", {
+    offset: "0.25",
+    stopColor: palette.teal
+  }), jsx("stop", {
+    offset: "0.5",
+    stopColor: palette.yellow
+  }), jsx("stop", {
+    offset: "0.75",
+    stopColor: palette.teal
+  }), jsx("stop", {
+    offset: "1",
+    stopColor: palette.blue
+  })), jsx("linearGradient", {
+    id: "".concat(namespaceId.current, "_lg4"),
+    gradientUnits: "userSpaceOnUse",
+    x1: "0",
+    y1: "0",
+    x2: "0",
+    y2: "400%",
+    spreadMethod: "reflect"
+  }, jsx("animate", {
+    begin: "indefinite",
+    attributeName: "y1",
+    from: "0%",
+    to: "-400%",
+    repeatCount: "indefinite",
+    dur: "3s"
+  }), jsx("animate", {
+    begin: "indefinite",
+    attributeName: "y2",
+    from: "400%",
+    to: "0%",
+    repeatCount: "indefinite",
+    dur: "3s"
+  }), jsx("stop", {
+    offset: "0",
+    stopColor: palette.blue
+  }), jsx("stop", {
+    offset: "0.25",
+    stopColor: palette.teal
+  }), jsx("stop", {
+    offset: "0.5",
+    stopColor: palette.yellow
+  }), jsx("stop", {
+    offset: "0.75",
+    stopColor: palette.teal
+  }), jsx("stop", {
+    offset: "1",
+    stopColor: palette.blue
+  }))), jsx("g", {
+    strokeWidth: "8"
+  }, jsx("path", {
+    stroke: "url(#".concat(namespaceId.current, "_lg1)"),
+    d: "M0 0h24",
+    vectorEffect: "non-scaling-stroke"
+  }), jsx("path", {
+    stroke: "url(#".concat(namespaceId.current, "_lg2)"),
+    d: "M24 0v24",
+    vectorEffect: "non-scaling-stroke"
+  }), jsx("path", {
+    stroke: "url(#".concat(namespaceId.current, "_lg3)"),
+    d: "M24 24H0",
+    vectorEffect: "non-scaling-stroke"
+  }), jsx("path", {
+    stroke: "url(#".concat(namespaceId.current, "_lg4)"),
+    d: "M0 24V0",
+    vectorEffect: "non-scaling-stroke"
+  })));
+};
+export default AnimatedSvgContainer;

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

@@ -0,0 +1,47 @@
+/** @jsx jsx */
+import { css, jsx } from '@emotion/react';
+import React from 'react';
+import AnimatedSvgContainer from './animated-svg-container';
+import { INNER_BORDER_RADIUS } from '../constants';
+var borderContainerStyles = css({
+  display: 'flex',
+  position: 'relative',
+  padding: "var(--ds-space-025, 2px)",
+  width: 'fit-content'
+});
+export var borderContentStyles = css({
+  borderRadius: INNER_BORDER_RADIUS,
+  flexGrow: 1,
+  zIndex: 1 // needs to be more than the svg container at least
+});
+
+/**
+ * The bulk of this file is originally from
+ * https://bitbucket.org/atlassian/barrel/src/master/ui/platform/ui-kit/ai
+ * with modifications.
+ */
+var AIGlowingBorder = function AIGlowingBorder(_ref) {
+  var children = _ref.children,
+    palette = _ref.palette,
+    _ref$isMoving = _ref.isMoving,
+    isMoving = _ref$isMoving === void 0 ? true : _ref$isMoving,
+    isGlowing = _ref.isGlowing,
+    testId = _ref.testId,
+    additionalCss = _ref.additionalCss;
+  return jsx("div", {
+    css: [borderContainerStyles, additionalCss === null || additionalCss === void 0 ? void 0 : additionalCss.container],
+    "data-testid": testId
+  }, jsx(AnimatedSvgContainer, {
+    palette: palette,
+    isMoving: isMoving,
+    additionalCss: additionalCss === null || additionalCss === void 0 ? void 0 : additionalCss.animatedSvgContainer
+  }), isGlowing && jsx(AnimatedSvgContainer, {
+    palette: palette,
+    isMoving: isMoving,
+    isGlowing: true,
+    additionalCss: additionalCss === null || additionalCss === void 0 ? void 0 : additionalCss.animatedSvgContainer
+  }), jsx("div", {
+    css: borderContentStyles
+  }, children, " "));
+};
+export default AIGlowingBorder;

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,47 @@
+/**
+ * The bulk of this file is originally from
+ * https://bitbucket.org/atlassian/barrel/src/master/ui/platform/ui-kit/ai
+ * with modifications.
+ */
+
+export var GLOW_SIZE = 8;
+export var INNER_BORDER_RADIUS = 8;
+export var OUTER_BORDER_RADIUS = 10;
+
+// We don't yet have design system tokens representing the AI prism colour palette. We should replace this with
+// equivalent tokens when available
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+export var aiThemeTokens = {
+  blueUniqueGradientLight: '#00ACF8',
+  blueUniqueGradientDark: '#008BD2',
+  blue1000: '#092957',
+  blue800: '#0055CC',
+  blue700: '#0C66E4',
+  blue600: '#1D7AFC',
+  blue500: '#388BFF',
+  blue300: '#85B8FF',
+  blue200: '#CCE0FF',
+  blue100: '#E9F2FF',
+  teal500: '#37B4C3',
+  teal300: '#8BDBE5',
+  yellow500: '#CF9F02',
+  yellow200: '#F8E6A0',
+  red800: '#AE2A19',
+  red600: '#E34935',
+  orange500: '#F18D13',
+  orange300: '#FEC57B'
+};
+/* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
+
+export var AI_BORDER_PALETTE = {
+  dark: {
+    blue: aiThemeTokens.blue800,
+    teal: aiThemeTokens.teal500,
+    yellow: aiThemeTokens.yellow500
+  },
+  light: {
+    blue: aiThemeTokens.blue600,
+    teal: aiThemeTokens.teal300,
+    yellow: aiThemeTokens.yellow200
+  }
+};

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

@@ -0,0 +1,37 @@
+/** @jsx jsx */
+import { css, jsx } from '@emotion/react';
+import React from 'react';
+import { useThemeObserver } from '@atlaskit/tokens';
+import { AI_BORDER_PALETTE, INNER_BORDER_RADIUS } from './constants';
+import AIGlowingBorder from './ai-glowing-border';
+var contentStyles = css({
+  backgroundColor: "var(--ds-surface-raised, white)",
+  borderRadius: INNER_BORDER_RADIUS
+});
+var AIPrism = function AIPrism(_ref) {
+  var _AI_BORDER_PALETTE$co;
+  var children = _ref.children,
+    _ref$isGlowing = _ref.isGlowing,
+    isGlowing = _ref$isGlowing === void 0 ? true : _ref$isGlowing,
+    _ref$isMoving = _ref.isMoving,
+    isMoving = _ref$isMoving === void 0 ? true : _ref$isMoving,
+    isVisible = _ref.isVisible,
+    testId = _ref.testId;
+  var _useThemeObserver = useThemeObserver(),
+    _useThemeObserver$col = _useThemeObserver.colorMode,
+    colorMode = _useThemeObserver$col === void 0 ? 'light' : _useThemeObserver$col;
+  return jsx(AIGlowingBorder, {
+    additionalCss: {
+      animatedSvgContainer: css({
+        opacity: isVisible ? 1 : 0
+      })
+    },
+    palette: (_AI_BORDER_PALETTE$co = AI_BORDER_PALETTE[colorMode]) !== null && _AI_BORDER_PALETTE$co !== void 0 ? _AI_BORDER_PALETTE$co : AI_BORDER_PALETTE.light,
+    isGlowing: isGlowing,
+    isMoving: isMoving,
+    testId: testId
+  }, jsx("div", {
+    css: contentStyles
+  }, children));
+};
+export default AIPrism;

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

@@ -0,0 +1 @@
+export {};

package/dist/types/messages.d.ts

@@ -1,6 +1,6 @@
 import { MessageDescriptor } from 'react-intl-next';
 export type RequestAccessMessageKey = 'click_to_join' | 'click_to_join_description' | 'forbidden_description' | 'request_access' | 'request_access_description' | 'request_access_pending' | 'request_access_pending_description' | 'request_denied_description' | 'default_no_access_title_crossjoin' | 'direct_access_title_crossjoin' | 'direct_access_description_crossjoin' | 'direct_access_crossjoin' | 'request_access_description_crossjoin' | 'request_access_crossjoin' | 'request_access_pending_title_crossjoin' | 'request_access_pending_description_crossjoin' | 'request_access_pending_crossjoin' | 'request_denied_description_crossjoin' | 'access_exists_description_crossjoin' | 'not_found_description_crossjoin' | 'not_found_title_crossjoin';
-export type MessageKey = 'assigned_to' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'could_not_load_link' | 'download' | 'follow' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'learn_more_about_connecting_account' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'unfollow' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related_work_items_not_found' | 'last_mentioned_in' | 'related' | 'generic_error_message';
+export type MessageKey = 'assigned_to' | 'ai_summarize' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'could_not_load_link' | 'download' | 'follow' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'learn_more_about_connecting_account' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'unfollow' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related_work_items_not_found' | 'last_mentioned_in' | 'related' | 'generic_error_message';
 type Messages = {
     [K in MessageKey]: MessageDescriptor;
 };

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { AISummaryBlockProps } from './types';
+/**
+ * Represents an AISummaryBlock, designed to summarising link resource
+ * content using AI.
+ * @public
+ * @param {AISummaryBlockProps} AISummaryBlock
+ * @see Block
+ */
+declare const AISummaryBlock: React.FC<AISummaryBlockProps>;
+export default AISummaryBlock;

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

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

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

@@ -0,0 +1,23 @@
+import { ActionItem, BlockProps, ElementItem } from '../types';
+import { OnActionMenuOpenChangeOptions } from '../types';
+export type AISummaryBlockProps = {
+    /**
+     * An array of actions to be displayed on the right
+     * after AI Summary button.
+     * @see ActionItem
+     */
+    actions?: ActionItem[];
+    /**
+     * An array of metadata elements to display on the left.
+     * @see ElementItem
+     */
+    metadata?: ElementItem[];
+    /**
+     * Function to be called when footer action dropdown open state is changed.
+     */
+    onActionMenuOpenChange?: (options: OnActionMenuOpenChangeOptions) => void;
+    /**
+     * Function to be called when AI Summary state changed.
+     */
+    onAIActionChange?: () => void;
+} & BlockProps;

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

@@ -6,3 +6,4 @@ export { default as TitleBlock } from './title-block';
 export { default as CustomBlock } from './block';
 export { default as InternalFooterBlock } from './footer-block/resolved';
 export { default as RelatedUrlsBlock } from './related-urls-block';
+export { default as AISummaryBlock } from './ai-summary-block';

package/dist/types/view/FlexibleCard/components/blocks/utils.d.ts

@@ -9,6 +9,7 @@ export declare const getGapSize: (size: SmartLinkSize) => number;
 export declare const getBaseStyles: (direction: SmartLinkDirection, size: SmartLinkSize) => SerializedStyles;
 export declare const highlightRemoveStyles: SerializedStyles;
 export declare const isJSXElementNull: (children: JSX.Element) => boolean;
+export declare const getActionGroupStyles: (size: SmartLinkSize) => SerializedStyles | undefined;
 export declare const filterActionItems: (items?: ActionItem[], context?: FlexibleUiDataContext) => ActionItem[];
 export declare const renderChildren: (children: React.ReactNode, size: SmartLinkSize) => React.ReactNode;
 export declare const renderElementItems: (items?: ElementItem[], display?: ElementDisplaySchemaType) => React.ReactNode | undefined;

package/dist/types/view/common/ai-icon/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { SVGProps } from '@atlaskit/icon/types';
+/**
+ * The bulk of this file is originally from
+ * https://bitbucket.org/atlassian/barrel/src/master/ui/platform/ui-kit/ai
+ * with modifications
+ */
+declare const AiIcon: (props: SVGProps) => JSX.Element;
+export default AiIcon;

package/dist/types/view/common/ai-prism/ai-glowing-border/animated-svg-container.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { AnimatedSvgContainerProps } from './types';
+/**
+ * The bulk of this file is originally from
+ * https://bitbucket.org/atlassian/barrel/src/master/ui/platform/ui-kit/ai
+ * with modifications.
+ */
+declare const AnimatedSvgContainer: React.FC<AnimatedSvgContainerProps>;
+export default AnimatedSvgContainer;

package/dist/types/view/common/ai-prism/ai-glowing-border/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { AIGlowingBorderProps } from './types';
+export declare const borderContentStyles: import("@emotion/react").SerializedStyles;
+/**
+ * The bulk of this file is originally from
+ * https://bitbucket.org/atlassian/barrel/src/master/ui/platform/ui-kit/ai
+ * with modifications.
+ */
+declare const AIGlowingBorder: React.FC<AIGlowingBorderProps>;
+export default AIGlowingBorder;

package/dist/types/view/common/ai-prism/ai-glowing-border/types.d.ts

@@ -0,0 +1,25 @@
+import type { ReactNode } from 'react';
+import type { SerializedStyles } from '@emotion/react';
+import type { AIBorderPalette } from '../types';
+/**
+ * The bulk of this file is originally from
+ * https://bitbucket.org/atlassian/barrel/src/master/ui/platform/ui-kit/ai
+ * with modifications.
+ */
+export type AIGlowingBorderProps = {
+    children: ReactNode;
+    palette: AIBorderPalette;
+    isMoving?: boolean;
+    isGlowing?: boolean;
+    testId?: string;
+    additionalCss?: {
+        container?: SerializedStyles;
+        animatedSvgContainer?: SerializedStyles;
+    };
+};
+export type AnimatedSvgContainerProps = {
+    palette: AIBorderPalette;
+    isMoving?: boolean;
+    isGlowing?: boolean;
+    additionalCss?: SerializedStyles;
+};

package/dist/types/view/common/ai-prism/constants.d.ts

@@ -0,0 +1,30 @@
+import { AIThemeBorderPalette } from './types';
+/**
+ * The bulk of this file is originally from
+ * https://bitbucket.org/atlassian/barrel/src/master/ui/platform/ui-kit/ai
+ * with modifications.
+ */
+export declare const GLOW_SIZE = 8;
+export declare const INNER_BORDER_RADIUS = 8;
+export declare const OUTER_BORDER_RADIUS = 10;
+export declare const aiThemeTokens: {
+    blueUniqueGradientLight: string;
+    blueUniqueGradientDark: string;
+    blue1000: string;
+    blue800: string;
+    blue700: string;
+    blue600: string;
+    blue500: string;
+    blue300: string;
+    blue200: string;
+    blue100: string;
+    teal500: string;
+    teal300: string;
+    yellow500: string;
+    yellow200: string;
+    red800: string;
+    red600: string;
+    orange500: string;
+    orange300: string;
+};
+export declare const AI_BORDER_PALETTE: AIThemeBorderPalette;

package/dist/types/view/common/ai-prism/index.d.ts

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

package/dist/types/view/common/ai-prism/types.d.ts

@@ -0,0 +1,13 @@
+import { AIGlowingBorderProps } from './ai-glowing-border/types';
+export type AIPrismProps = Pick<AIGlowingBorderProps, 'isMoving' | 'isGlowing' | 'testId'> & {
+    isVisible?: boolean;
+};
+export type AIBorderPalette = {
+    blue: string;
+    yellow: string;
+    teal: string;
+};
+export type AIThemeBorderPalette = {
+    dark: AIBorderPalette;
+    light: AIBorderPalette;
+};

package/dist/types-ts4.5/messages.d.ts

@@ -1,6 +1,6 @@
 import { MessageDescriptor } from 'react-intl-next';
 export type RequestAccessMessageKey = 'click_to_join' | 'click_to_join_description' | 'forbidden_description' | 'request_access' | 'request_access_description' | 'request_access_pending' | 'request_access_pending_description' | 'request_denied_description' | 'default_no_access_title_crossjoin' | 'direct_access_title_crossjoin' | 'direct_access_description_crossjoin' | 'direct_access_crossjoin' | 'request_access_description_crossjoin' | 'request_access_crossjoin' | 'request_access_pending_title_crossjoin' | 'request_access_pending_description_crossjoin' | 'request_access_pending_crossjoin' | 'request_denied_description_crossjoin' | 'access_exists_description_crossjoin' | 'not_found_description_crossjoin' | 'not_found_title_crossjoin';
-export type MessageKey = 'assigned_to' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'could_not_load_link' | 'download' | 'follow' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'learn_more_about_connecting_account' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'unfollow' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related_work_items_not_found' | 'last_mentioned_in' | 'related' | 'generic_error_message';
+export type MessageKey = 'assigned_to' | 'ai_summarize' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'could_not_load_link' | 'download' | 'follow' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'learn_more_about_connecting_account' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'unfollow' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related_work_items_not_found' | 'last_mentioned_in' | 'related' | 'generic_error_message';
 type Messages = {
     [K in MessageKey]: MessageDescriptor;
 };

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { AISummaryBlockProps } from './types';
+/**
+ * Represents an AISummaryBlock, designed to summarising link resource
+ * content using AI.
+ * @public
+ * @param {AISummaryBlockProps} AISummaryBlock
+ * @see Block
+ */
+declare const AISummaryBlock: React.FC<AISummaryBlockProps>;
+export default AISummaryBlock;

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

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

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

@@ -0,0 +1,23 @@
+import { ActionItem, BlockProps, ElementItem } from '../types';
+import { OnActionMenuOpenChangeOptions } from '../types';
+export type AISummaryBlockProps = {
+    /**
+     * An array of actions to be displayed on the right
+     * after AI Summary button.
+     * @see ActionItem
+     */
+    actions?: ActionItem[];
+    /**
+     * An array of metadata elements to display on the left.
+     * @see ElementItem
+     */
+    metadata?: ElementItem[];
+    /**
+     * Function to be called when footer action dropdown open state is changed.
+     */
+    onActionMenuOpenChange?: (options: OnActionMenuOpenChangeOptions) => void;
+    /**
+     * Function to be called when AI Summary state changed.
+     */
+    onAIActionChange?: () => void;
+} & BlockProps;

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

@@ -6,3 +6,4 @@ export { default as TitleBlock } from './title-block';
 export { default as CustomBlock } from './block';
 export { default as InternalFooterBlock } from './footer-block/resolved';
 export { default as RelatedUrlsBlock } from './related-urls-block';
+export { default as AISummaryBlock } from './ai-summary-block';

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/utils.d.ts

@@ -9,6 +9,7 @@ export declare const getGapSize: (size: SmartLinkSize) => number;
 export declare const getBaseStyles: (direction: SmartLinkDirection, size: SmartLinkSize) => SerializedStyles;
 export declare const highlightRemoveStyles: SerializedStyles;
 export declare const isJSXElementNull: (children: JSX.Element) => boolean;
+export declare const getActionGroupStyles: (size: SmartLinkSize) => SerializedStyles | undefined;
 export declare const filterActionItems: (items?: ActionItem[], context?: FlexibleUiDataContext) => ActionItem[];
 export declare const renderChildren: (children: React.ReactNode, size: SmartLinkSize) => React.ReactNode;
 export declare const renderElementItems: (items?: ElementItem[], display?: ElementDisplaySchemaType) => React.ReactNode | undefined;

package/dist/types-ts4.5/view/common/ai-icon/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { SVGProps } from '@atlaskit/icon/types';
+/**
+ * The bulk of this file is originally from
+ * https://bitbucket.org/atlassian/barrel/src/master/ui/platform/ui-kit/ai
+ * with modifications
+ */
+declare const AiIcon: (props: SVGProps) => JSX.Element;
+export default AiIcon;