@atlaskit/smart-card 26.46.0 → 26.46.2

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

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import React, { useCallback, useEffect, useMemo, useRef } from 'react';
-import { ActionName, CardDisplay, SmartLinkPosition, SmartLinkSize } from '../../../../../constants';
-import { FooterBlock, MetadataBlock, RelatedUrlsBlock, SnippetBlock, TitleBlock } from '../../../../FlexibleCard/components/blocks';
+import { ActionName, CardDisplay, ElementName, SmartLinkPosition, SmartLinkSize } from '../../../../../constants';
+import { FooterBlock, MetadataBlock, RelatedUrlsBlock, SnippetBlock, TitleBlock, AISummaryBlock } from '../../../../FlexibleCard/components/blocks';
 import { footerBlockCss, hiddenSnippetStyles, metadataBlockCss } from './styled';
 import FlexibleCard from '../../../../FlexibleCard';
 import { getSimulatedBetterMetadata } from '../../../utils';
@@ -12,6 +12,7 @@ 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,
@@ -47,7 +48,7 @@ export var toFooterActions = function toFooterActions(cardActions, onActionClick
   return [followAction].concat(_toConsumableArray(actions));
 };
 var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
-  var _cardState$details;
+  var _cardState$details, _cardState$details2;
   var flexibleCardProps = _ref.flexibleCardProps,
     titleBlockProps = _ref.titleBlockProps,
     analytics = _ref.analytics,
@@ -92,6 +93,9 @@ 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, {
@@ -113,7 +117,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
-  }), /*#__PURE__*/React.createElement(FooterBlock, {
+  }), showAiView ? /*#__PURE__*/React.createElement(AISummaryBlock, {
+    metadata: [{
+      name: ElementName.Provider
+    }],
+    actions: footerActions
+  }) : /*#__PURE__*/React.createElement(FooterBlock, {
     actions: footerActions,
     size: SmartLinkSize.Large,
     overrideCss: footerBlockCss

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.0",
+  packageVersion: "26.46.2",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

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

@@ -0,0 +1,110 @@
+import React from 'react';
+import SVG from '@atlaskit/icon/svg';
+import { B200, B400 } from '@atlaskit/theme/colors';
+/**
+ * The bulk of this file is originally from
+ * https://bitbucket.org/atlassian/barrel/src/master/ui/platform/ui-kit/ai
+ * with modifications
+ */
+var AiIcon = function AiIcon(props) {
+  return /*#__PURE__*/React.createElement(SVG, props, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+    id: "ai_icon_lg0",
+    x1: "21",
+    y1: "12",
+    x2: "17.5",
+    y2: "12",
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement("stop", {
+    offset: "0.270833",
+    stopColor: "var(--ds-icon-accent-blue, ".concat(B200, ")"),
+    color: "var(--ds-icon-accent-blue, ".concat(B200, ")")
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: "1",
+    stopColor: "var(--ds-text-accent-blue, ".concat(B400, ")"),
+    color: "var(--ds-text-accent-blue, ".concat(B400, ")")
+  })), /*#__PURE__*/React.createElement("linearGradient", {
+    id: "ai_icon_lg1",
+    x1: "12.5",
+    y1: "3",
+    x2: "12.5",
+    y2: "6.5",
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement("stop", {
+    offset: "0.1875",
+    stopColor: "var(--ds-icon-accent-blue, ".concat(B200, ")"),
+    color: "var(--ds-icon-accent-blue, ".concat(B200, ")")
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: "1",
+    stopColor: "var(--ds-text-accent-blue, ".concat(B400, ")"),
+    color: "var(--ds-text-accent-blue, ".concat(B400, ")")
+  })), /*#__PURE__*/React.createElement("linearGradient", {
+    id: "ai_icon_lg2",
+    x1: "6.82996",
+    y1: "12",
+    x2: "3.32996",
+    y2: "12",
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement("stop", {
+    stopColor: "var(--ds-text-accent-blue, ".concat(B400, ")"),
+    color: "var(--ds-text-accent-blue, ".concat(B400, ")")
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: "0.791667",
+    stopColor: "var(--ds-icon-accent-blue, ".concat(B200, ")"),
+    color: "var(--ds-icon-accent-blue, ".concat(B200, ")")
+  })), /*#__PURE__*/React.createElement("linearGradient", {
+    id: "ai_icon_lg3",
+    x1: "12.5",
+    y1: "17",
+    x2: "12.5",
+    y2: "21",
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement("stop", {
+    stopColor: "var(--ds-text-accent-blue, ".concat(B400, ")"),
+    color: "var(--ds-text-accent-blue, ".concat(B400, ")")
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: "0.802083",
+    stopColor: "var(--ds-icon-accent-blue, ".concat(B200, ")"),
+    color: "var(--ds-icon-accent-blue, ".concat(B200, ")")
+  }))), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M17.17 12C17.17 11.4477 17.6177 11 18.17 11H20C20.5523 11 21 11.4477 21 12C21 12.5523 20.5523 13 20 13H18.17C17.6177 13 17.17 12.5523 17.17 12Z",
+    fill: "url(#ai_icon_lg0)"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12 3C12.5523 3 13 3.44772 13 4V5.83C13 6.38228 12.5523 6.83 12 6.83C11.4477 6.83 11 6.38228 11 5.83V4C11 3.44772 11.4477 3 12 3Z",
+    fill: "url(#ai_icon_lg1)"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M3 12C3 11.4477 3.44772 11 4 11H5.83C6.38228 11 6.83 11.4477 6.83 12C6.83 12.5523 6.38228 13 5.83 13H4C3.44772 13 3 12.5523 3 12Z",
+    fill: "url(#ai_icon_lg2)"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12 17.17C12.5523 17.17 13 17.6177 13 18.17V20C13 20.5523 12.5523 21 12 21C11.4477 21 11 20.5523 11 20V18.17C11 17.6177 11.4477 17.17 12 17.17Z",
+    fill: "url(#ai_icon_lg3)"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M14.2929 14.2929C14.6835 13.9024 15.3166 13.9024 15.7071 14.2929L19.7071 18.2929C20.0977 18.6834 20.0977 19.3166 19.7071 19.7071C19.3166 20.0976 18.6835 20.0976 18.2929 19.7071L14.2929 15.7071C13.9024 15.3166 13.9024 14.6834 14.2929 14.2929Z",
+    fill: "var(--ds-icon-accent-blue, ".concat(B200, ")")
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M19.7071 4.29289C20.0977 4.68342 20.0977 5.31658 19.7071 5.70711L15.7071 9.70711C15.3166 10.0976 14.6835 10.0976 14.2929 9.70711C13.9024 9.31658 13.9024 8.68342 14.2929 8.29289L18.2929 4.29289C18.6835 3.90237 19.3166 3.90237 19.7071 4.29289Z",
+    fill: "var(--ds-icon-accent-blue, ".concat(B200, ")")
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M4.29289 4.29289C4.68342 3.90237 5.31658 3.90237 5.70711 4.29289L9.70711 8.29289C10.0976 8.68342 10.0976 9.31658 9.70711 9.70711C9.31658 10.0976 8.68342 10.0976 8.29289 9.70711L4.29289 5.70711C3.90237 5.31658 3.90237 4.68342 4.29289 4.29289Z",
+    fill: "var(--ds-icon-accent-blue, ".concat(B200, ")")
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M9.70711 14.2929C10.0976 14.6834 10.0976 15.3166 9.70711 15.7071L5.70711 19.7071C5.31658 20.0976 4.68342 20.0976 4.29289 19.7071C3.90237 19.3166 3.90237 18.6834 4.29289 18.2929L8.29289 14.2929C8.68342 13.9024 9.31658 13.9024 9.70711 14.2929Z",
+    fill: "var(--ds-icon-accent-blue, ".concat(B200, ")")
+  })));
+};
+export default AiIcon;

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/__fixtures__/atlas-project-with-ai-summary.d.ts

@@ -0,0 +1,2 @@
+declare const mockAtlasProjectWithAISummary: any;
+export default mockAtlasProjectWithAISummary;

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;