@atlaskit/smart-card 26.46.2 → 26.46.4

package/dist/es2019/view/common/ai-icon-loading/index.js

@@ -0,0 +1,64 @@
+/** @jsx jsx */
+import { css, jsx, keyframes } from '@emotion/react';
+import SVG from '@atlaskit/icon/svg';
+import { aiThemeTokens } from '../ai-prism/constants';
+
+/**
+ * The bulk of this file is originally from
+ * https://bitbucket.org/atlassian/barrel/src/master/ui/platform/ui-kit/ai
+ * with modifications
+ */
+
+const bounce = keyframes`
+  from {
+    transform: translateY(0);
+  }
+
+  // 200ms of 1200ms = 16.67%
+  16.67% {
+    transform: translateY(-2px);
+  }
+
+  // 400ms of 1200ms = 33.33%
+  33.33% {
+    transform: translateY(0px);
+  }
+`;
+const BASE_DELAY = 400;
+const QUEUE_DELAY = 200;
+const animationStyles = css({
+  animation: `${bounce} 1.2s linear infinite normal`
+});
+const firstDelayStyles = css({
+  animationDelay: `${BASE_DELAY + QUEUE_DELAY}ms`
+});
+const secondDelayStyles = css({
+  animationDelay: `${BASE_DELAY + QUEUE_DELAY * 2}ms`
+});
+const thirdDelayStyles = css({
+  animationDelay: `${BASE_DELAY + QUEUE_DELAY * 3}ms`
+});
+
+/**
+ * this icon is theme agnostic, no need for tokens
+ */
+const AIIconLoading = props => jsx(SVG, props, jsx("circle", {
+  css: [animationStyles, firstDelayStyles],
+  cx: "6",
+  cy: "12",
+  r: "1.5",
+  fill: aiThemeTokens.blue700
+}), jsx("circle", {
+  css: [animationStyles, secondDelayStyles],
+  cx: "12",
+  cy: "12",
+  r: "1.5",
+  fill: aiThemeTokens.blue600
+}), jsx("circle", {
+  css: [animationStyles, thirdDelayStyles],
+  cx: "17.5",
+  cy: "12",
+  r: "1.5",
+  fill: aiThemeTokens.blue500
+}));
+export default AIIconLoading;

package/dist/esm/constants.js

@@ -1,6 +1,6 @@
 export var CONTENT_URL_SECURITY_AND_PERMISSIONS = 'https://support.atlassian.com/confluence-cloud/docs/insert-links-and-anchors/#Smart-links';
 export var CONTENT_URL_3P_ACCOUNT_AUTH = 'https://support.atlassian.com/confluence-cloud/docs/what-data-is-sent-and-received-when-pasting-a-smart-link/';
-
+export var CONTENT_URL_AI = 'https://www.atlassian.com/trust/atlassian-intelligence';
 /**
  * The alignment of Flexible UI component.
  */

package/dist/esm/extractors/common/context/extractAccessContext.js

@@ -9,42 +9,45 @@ export var extractRequestAccessContext = function extractRequestAccessContext(_r
   var _jsonLd$requestAccess;
   var jsonLd = _ref.jsonLd,
     url = _ref.url,
-    context = _ref.context;
+    product = _ref.product;
+  var requestAccess = jsonLd !== null && jsonLd !== void 0 && jsonLd.requestAccess ? _objectSpread(_objectSpread({}, jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess), {}, {
+    hostname: extractHostname(url)
+  }) : undefined;
   switch (jsonLd === null || jsonLd === void 0 || (_jsonLd$requestAccess = jsonLd.requestAccess) === null || _jsonLd$requestAccess === void 0 ? void 0 : _jsonLd$requestAccess.accessType) {
     case 'DIRECT_ACCESS':
-      return _objectSpread(_objectSpread({}, jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess), {}, {
+      return _objectSpread(_objectSpread({}, requestAccess), {}, {
         callToActionMessageKey: 'click_to_join',
         descriptiveMessageKey: 'click_to_join_description',
         action: ForbiddenAction(function () {
           return window.open(url);
         }, 'click_to_join', messages.click_to_join, {
-          context: context
+          context: product
         })
       });
     case 'REQUEST_ACCESS':
-      return _objectSpread(_objectSpread({}, jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess), {}, {
+      return _objectSpread(_objectSpread({}, requestAccess), {}, {
         callToActionMessageKey: 'request_access',
         descriptiveMessageKey: 'request_access_description',
         action: ForbiddenAction(function () {
           return window.open(url);
         }, 'request_access', messages.request_access, {
-          context: context
+          product: product
         })
       });
     case 'PENDING_REQUEST_EXISTS':
-      return _objectSpread(_objectSpread({}, jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess), {}, {
+      return _objectSpread(_objectSpread({}, requestAccess), {}, {
         descriptiveMessageKey: 'request_access_pending_description'
       });
     case 'FORBIDDEN':
-      return _objectSpread(_objectSpread({}, jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess), {}, {
+      return _objectSpread(_objectSpread({}, requestAccess), {}, {
         descriptiveMessageKey: 'forbidden_description'
       });
     case 'DENIED_REQUEST_EXISTS':
-      return _objectSpread(_objectSpread({}, jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess), {}, {
+      return _objectSpread(_objectSpread({}, requestAccess), {}, {
         descriptiveMessageKey: 'request_denied_description'
       });
     default:
-      return jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess;
+      return requestAccess;
   }
 };
 export var extractRequestAccessContextImproved = function extractRequestAccessContextImproved(_ref2) {
@@ -59,9 +62,9 @@ export var extractRequestAccessContextImproved = function extractRequestAccessCo
   switch (jsonLd === null || jsonLd === void 0 || (_jsonLd$requestAccess2 = jsonLd.requestAccess) === null || _jsonLd$requestAccess2 === void 0 ? void 0 : _jsonLd$requestAccess2.accessType) {
     case 'DIRECT_ACCESS':
       return _objectSpread(_objectSpread({}, requestAccess), {}, {
-        titleMessageKey: 'direct_access_title_crossjoin',
-        descriptiveMessageKey: 'direct_access_description_crossjoin',
-        callToActionMessageKey: 'direct_access_crossjoin',
+        titleMessageKey: 'direct_access_title',
+        descriptiveMessageKey: 'direct_access_description',
+        callToActionMessageKey: 'direct_access',
         action: ForbiddenAction(function () {
           createAnalyticsEvent({
             action: 'clicked',
@@ -70,15 +73,15 @@ export var extractRequestAccessContextImproved = function extractRequestAccessCo
             eventType: 'ui'
           }).fire(ANALYTICS_CHANNEL);
           window.open(url);
-        }, 'direct_access', messages.direct_access_crossjoin, {
+        }, 'direct_access', messages.direct_access, {
           product: product
         })
       });
     case 'REQUEST_ACCESS':
       return _objectSpread(_objectSpread({}, requestAccess), {}, {
-        titleMessageKey: 'default_no_access_title_crossjoin',
-        descriptiveMessageKey: 'request_access_description_crossjoin',
-        callToActionMessageKey: 'request_access_crossjoin',
+        titleMessageKey: 'default_no_access_title',
+        descriptiveMessageKey: 'request_access_description',
+        callToActionMessageKey: 'request_access',
         action: ForbiddenAction(function () {
           createAnalyticsEvent({
             action: 'clicked',
@@ -87,34 +90,34 @@ export var extractRequestAccessContextImproved = function extractRequestAccessCo
             eventType: 'ui'
           }).fire(ANALYTICS_CHANNEL);
           window.open(url);
-        }, 'request_access', messages.request_access_crossjoin)
+        }, 'request_access', messages.request_access)
       });
     case 'PENDING_REQUEST_EXISTS':
       return _objectSpread(_objectSpread({}, requestAccess), {}, {
-        titleMessageKey: 'request_access_pending_title_crossjoin',
-        descriptiveMessageKey: 'request_access_pending_description_crossjoin',
-        callToActionMessageKey: 'request_access_pending_crossjoin',
+        titleMessageKey: 'request_access_pending_title',
+        descriptiveMessageKey: 'request_access_pending_description',
+        callToActionMessageKey: 'request_access_pending',
         action: ForbiddenAction(function () {
           return window.open(url);
-        }, 'request_access_pending', messages.request_access_pending_crossjoin),
+        }, 'request_access_pending', messages.request_access_pending),
         buttonDisabled: true
       });
     case 'DENIED_REQUEST_EXISTS':
       return _objectSpread(_objectSpread({}, requestAccess), {}, {
-        titleMessageKey: 'forbidden_title_crossjoin',
-        descriptiveMessageKey: 'request_denied_description_crossjoin'
+        titleMessageKey: 'forbidden_title',
+        descriptiveMessageKey: 'request_denied_description'
       });
     case 'ACCESS_EXISTS':
       if ((jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.visibility) === 'not_found') {
         return _objectSpread(_objectSpread({}, requestAccess), {}, {
-          titleMessageKey: 'not_found_title_crossjoin',
-          descriptiveMessageKey: 'not_found_description_crossjoin'
+          titleMessageKey: 'not_found_title',
+          descriptiveMessageKey: 'not_found_description'
         });
       }
       return _objectSpread(_objectSpread({}, requestAccess), {}, {
-        titleMessageKey: 'forbidden_title_crossjoin',
-        descriptiveMessageKey: 'access_exists_description_crossjoin',
-        callToActionMessageKey: 'request_access_crossjoin',
+        titleMessageKey: 'forbidden_title',
+        descriptiveMessageKey: 'access_exists_description',
+        callToActionMessageKey: 'request_access',
         action: ForbiddenAction(function () {
           createAnalyticsEvent({
             action: 'clicked',
@@ -123,12 +126,12 @@ export var extractRequestAccessContextImproved = function extractRequestAccessCo
             eventType: 'ui'
           }).fire(ANALYTICS_CHANNEL);
           window.open(url);
-        }, 'access_exists', messages.request_access_crossjoin)
+        }, 'access_exists', messages.request_access)
       });
     case 'FORBIDDEN':
       return _objectSpread(_objectSpread({}, requestAccess), {}, {
-        titleMessageKey: 'forbidden_title_crossjoin',
-        descriptiveMessageKey: 'forbidden_description_crossjoin'
+        titleMessageKey: 'forbidden_title',
+        descriptiveMessageKey: 'forbidden_description'
       });
     default:
       return requestAccess;

package/dist/esm/messages.js

@@ -1,7 +1,4 @@
 import { defineMessages } from 'react-intl-next';
-
-// | 'forbidden_access_crossjoin'
-// | 'forbidden_description_crossjoin';
 export var messages = defineMessages({
   actions: {
     id: 'fabric.linking.actions',
@@ -18,6 +15,21 @@ export var messages = defineMessages({
     defaultMessage: 'Summarize',
     description: 'Action to summarize link resource content with AI'
   },
+  ai_summarized: {
+    id: 'fabric.linking.ai_summarized',
+    defaultMessage: 'Summarized by Atlassian Intelligence',
+    description: 'Shown with the content summarised by AI.'
+  },
+  ai_summarized_info: {
+    id: 'fabric.linking.ai_summarized_info',
+    defaultMessage: 'Information quality may vary. <a>Learn more</a>',
+    description: 'Additional info about the content summarised by AI.'
+  },
+  ai_summarizing: {
+    id: 'fabric.linking.ai_summarizing',
+    defaultMessage: 'Atlassian Intelligence is working...',
+    description: 'Shown when AI summary is summarising the link resource content.'
+  },
   assigned_to: {
     id: 'fabric.linking.assigned_to',
     defaultMessage: 'Assigned to {context}',
@@ -153,11 +165,6 @@ export var messages = defineMessages({
     defaultMessage: 'Follow',
     description: 'Click to follow a project.'
   },
-  forbidden_description: {
-    id: 'fabric.linking.forbidden_description',
-    defaultMessage: 'You don’t have access to this preview. Contact the site admin if you need access.',
-    description: 'Informs the user that they cannot view this content.'
-  },
   go_back: {
     id: 'fabric.linking.go_back',
     defaultMessage: 'Go back',
@@ -213,16 +220,6 @@ export var messages = defineMessages({
     defaultMessage: 'More actions',
     description: 'Allows the users to see more link actions'
   },
-  not_found_description: {
-    id: 'fabric.linking.not_found_description',
-    defaultMessage: "We couldn't find the link. Check the url and try editing or paste again.",
-    description: 'Error case for when a provided item is not found within the list of items'
-  },
-  not_found_title: {
-    id: 'fabric.linking.not_found_title',
-    defaultMessage: "Uh oh. We can't find this link!",
-    description: 'Error case for when a provided link is not found'
-  },
   open_issue_in_jira: {
     id: 'fabric.linking.open_issue_in_jira',
     defaultMessage: 'Open issue in Jira',
@@ -333,26 +330,6 @@ export var messages = defineMessages({
     defaultMessage: 'Restricted link, try another account',
     description: 'Message shown when a user does not have permissions to view an item'
   },
-  request_access: {
-    id: 'fabric.linking.request_access',
-    defaultMessage: 'Request access',
-    description: 'Allows the user to request access to a product or service'
-  },
-  request_access_description: {
-    id: 'fabric.linking.request_access_description',
-    defaultMessage: 'Request access to {context} view this preview.',
-    description: 'Allows the user to request access to a product'
-  },
-  request_access_pending: {
-    id: 'fabric.linking.request_access_pending',
-    defaultMessage: 'Access pending',
-    description: 'Allows the user to try an action again with their current account'
-  },
-  request_access_pending_description: {
-    id: 'fabric.linking.request_access_pending_description',
-    defaultMessage: 'Your access request is pending.',
-    description: 'Informs the user that their request to view this content is pending'
-  },
   request_access_to_view: {
     id: 'fabric.linking.request_access_to_view',
     defaultMessage: 'Request access to {context} to view this issue',
@@ -363,11 +340,6 @@ export var messages = defineMessages({
     defaultMessage: 'Your access request was denied',
     description: 'The user had request access but the request was denied by a product or service'
   },
-  request_denied_description: {
-    id: 'fabric.linking.request_denied_description',
-    defaultMessage: 'Your access request was denied. Contact the site admin if you still need access.',
-    description: 'Informs the user that their request to view this content was denied'
-  },
   retry: {
     id: 'fabric.linking.retry',
     defaultMessage: 'Retry',
@@ -468,82 +440,78 @@ export var messages = defineMessages({
     defaultMessage: 'View Original',
     description: "We have a link in our preview modals to the original document. This is for when we don't know the provider name"
   },
-  /**
-   * Temp messages to put behind a feature flag for the cross join stream, replace the messages with the message of the same
-   * title (without _crossjoin) during cleanup in EDM-7977 [https://product-fabric.atlassian.net/browse/EDM-7977].
-   */
-  default_no_access_title_crossjoin: {
-    id: 'fabric.linking.no_access_title_crossjoin',
+  default_no_access_title: {
+    id: 'fabric.linking.no_access_title',
     defaultMessage: 'Join {product} to view this content',
     description: 'Informs the user that they dont have access to certain content'
   },
-  direct_access_title_crossjoin: {
-    id: 'fabric.linking.direct_access_title_crossjoin',
+  direct_access_title: {
+    id: 'fabric.linking.direct_access_title',
     defaultMessage: 'Join {product} to view this content',
     description: 'Informs the user that they have access to this product, and can sign up or join right away.'
   },
-  direct_access_description_crossjoin: {
-    id: 'fabric.linking.direct_access_description_crossjoin',
+  direct_access_description: {
+    id: 'fabric.linking.direct_access_description',
     defaultMessage: 'Your team uses {product} to collaborate and you can start using it right away!',
     description: 'Informs the user that they have access to this product, and can sign up or join right away.'
   },
-  direct_access_crossjoin: {
-    id: 'fabric.linking.direct_access_crossjoin',
+  direct_access: {
+    id: 'fabric.linking.direct_access',
     defaultMessage: 'Join now',
     description: 'Allows the user join the product or service immediately'
   },
-  request_access_description_crossjoin: {
-    id: 'fabric.linking.request_access_description_crossjoin',
+  request_access_description: {
+    id: 'fabric.linking.request_access_description',
     defaultMessage: 'Your team uses {product} to collaborate. Send your admin a request for access.',
     description: 'Informs the user to request access to a product by talking to the website administrator'
   },
-  request_access_crossjoin: {
-    id: 'fabric.linking.request_access_crossjoin',
+  request_access: {
+    id: 'fabric.linking.request_access',
     defaultMessage: 'Request access',
     description: 'Allows the user to request access to a product or service'
   },
-  request_access_pending_title_crossjoin: {
-    id: 'fabric.linking.request_access_pending_title_crossjoin',
+  request_access_pending_title: {
+    id: 'fabric.linking.request_access_pending_title',
     defaultMessage: 'Access to {product} is pending',
     description: 'Informs the user that their request to view this content is pending'
   },
-  request_access_pending_description_crossjoin: {
-    id: 'fabric.linking.request_access_pending_description_crossjoin',
+  request_access_pending_description: {
+    id: 'fabric.linking.request_access_pending_description',
     defaultMessage: 'Your request to access {hostname} is awaiting admin approval.',
     description: 'Informs the user that their request to view this content is pending website administrator approval'
   },
-  request_access_pending_crossjoin: {
-    id: 'fabric.linking.request_access_pending_crossjoin',
+  request_access_pending: {
+    id: 'fabric.linking.request_access_pending',
     defaultMessage: 'Pending approval',
     description: 'Informs the user that their request to view this content is pending'
   },
-  request_denied_description_crossjoin: {
-    id: 'fabric.linking.request_denied_description_crossjoin',
+  request_denied_description: {
+    id: 'fabric.linking.request_denied_description',
     defaultMessage: "Your admin didn't approve your request to view {product} pages from {hostname}.",
     description: 'Informs the user that their request to view this content was denied'
   },
-  access_exists_description_crossjoin: {
+  access_exists_description: {
     id: 'fabric.linking.access_exists_description',
     defaultMessage: 'Request access to view this content from {hostname}.',
     description: 'Informs the user to contact the website administrator to request access to a product'
   },
-  not_found_description_crossjoin: {
-    id: 'fabric.linking.not_found_description_crossjoin',
+  not_found_description: {
+    id: 'fabric.linking.not_found_description',
     defaultMessage: "The page doesn't exist or it may have changed after this link was added.",
     description: 'Error case for when a provided item is not found within the list of items'
   },
-  not_found_title_crossjoin: {
-    id: 'fabric.linking.not_found_title_crossjoin',
+  not_found_title: {
+    id: 'fabric.linking.not_found_title',
     defaultMessage: "We can't show you this {product} page",
     description: 'Error case for when a provided link is not found'
   },
-  forbidden_title_crossjoin: {
-    id: 'fabric.linking.forbidden_title_crossjoin',
+  forbidden_title: {
+    id: 'fabric.linking.forbidden_title',
     defaultMessage: "You don't have access to this content",
     description: 'Informs the user that they do not have access to the linked content.'
   },
-  forbidden_description_crossjoin: {
-    id: 'fabric.linking.forbidden_description_crossjoin',
+  forbidden_description: {
+    id: 'fabric.linking.forbidden_description',
     defaultMessage: 'Contact your admin to request access to {hostname}.',
     description: 'Informs the user that they must contact the site administrator for access.'
   },

package/dist/esm/utils/analytics/analytics.js

@@ -15,7 +15,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.46.2"
+  packageVersion: "26.46.4"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -158,7 +158,7 @@ export var BlockCard = function BlockCard(_ref) {
       var requestAccessContext = extractRequestAccessContext({
         jsonLd: cardMetadata,
         url: url,
-        context: (_forbiddenViewProps$c = forbiddenViewProps.context) === null || _forbiddenViewProps$c === void 0 ? void 0 : _forbiddenViewProps$c.text
+        product: (_forbiddenViewProps$c = forbiddenViewProps.context) === null || _forbiddenViewProps$c === void 0 ? void 0 : _forbiddenViewProps$c.text
       });
       return jsx(BlockCardForbiddenView, _extends({}, forbiddenViewProps, {
         isSelected: isSelected,

package/dist/esm/view/BlockCard/views/ForbiddenView.js

@@ -41,7 +41,9 @@ export var ForbiddenView = function ForbiddenView(_ref) {
   };
   var action = requestAccessContext.action,
     _requestAccessContext = requestAccessContext.descriptiveMessageKey,
-    descriptiveMessageKey = _requestAccessContext === void 0 ? 'invalid_permissions_description' : _requestAccessContext;
+    descriptiveMessageKey = _requestAccessContext === void 0 ? 'invalid_permissions_description' : _requestAccessContext,
+    _requestAccessContext2 = requestAccessContext.hostname,
+    hostname = _requestAccessContext2 === void 0 ? '' : _requestAccessContext2;
   var items = action ? [].concat(_toConsumableArray(actions), [action]) : actions;
   return jsx(Frame, {
     isSelected: isSelected,
@@ -66,7 +68,9 @@ export var ForbiddenView = function ForbiddenView(_ref) {
     }),
     text: jsx(FormattedMessage, _extends({}, messages[descriptiveMessageKey], {
       values: {
-        context: context.text
+        product: context.text,
+        context: context.text,
+        hostname: hostname
       }
     }))
   }))), jsx(ContentFooter, null, jsx(Provider, {

package/dist/esm/view/BlockCard/views/flexible/FlexibleNotFoundView.js

@@ -30,13 +30,13 @@ var FlexibleNotFoundView = function FlexibleNotFoundView(_ref) {
     return (_provider$text = provider === null || provider === void 0 ? void 0 : provider.text) !== null && _provider$text !== void 0 ? _provider$text : '';
   }, [cardState === null || cardState === void 0 || (_cardState$details2 = cardState.details) === null || _cardState$details2 === void 0 ? void 0 : _cardState$details2.data]);
   var title = useMemo(function () {
-    return intl.formatMessage(messages.not_found_title_crossjoin, {
+    return intl.formatMessage(messages.not_found_title, {
       product: product
     });
   }, [intl, product]);
   var description = useMemo(function () {
     return {
-      descriptor: messages.not_found_description_crossjoin
+      descriptor: messages.not_found_description
     };
   }, []);
   return /*#__PURE__*/React.createElement(UnresolvedView, _extends({}, props, {

package/dist/esm/view/FlexibleCard/components/blocks/ai-summary-block/ai-state-indicator/ai-indicator-container.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { Inline, xcss } from '@atlaskit/primitives';
+var contentStyles = xcss({
+  color: 'color.text.subtle',
+  fontSize: '12px',
+  fontWeight: '400',
+  lineHeight: '16px'
+});
+var AIIndicatorContainer = function AIIndicatorContainer(_ref) {
+  var icon = _ref.icon,
+    content = _ref.content,
+    testId = _ref.testId;
+  return /*#__PURE__*/React.createElement(Inline, {
+    alignBlock: "center",
+    alignInline: "start",
+    space: "space.050",
+    xcss: contentStyles,
+    testId: testId
+  }, icon, content);
+};
+export default AIIndicatorContainer;

package/dist/esm/view/FlexibleCard/components/blocks/ai-summary-block/ai-state-indicator/ai-indicator-tooltip.js

@@ -0,0 +1,25 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _templateObject;
+import React from 'react';
+import styled from '@emotion/styled';
+import Tooltip, { TooltipPrimitive } from '@atlaskit/tooltip';
+import { Box, xcss } from '@atlaskit/primitives';
+var AIIndicatorTooltipPrimitive = styled(TooltipPrimitive)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  border-radius: ", ";\n  background-color: ", ";\n  box-shadow: ", ";\n  box-sizing: content-box;\n  padding: ", ";\n  max-width: 350px;\n"])), "var(--ds-border-radius, 3px)", "var(--ds-surface-raised, white)", "var(--ds-shadow-overlay, 0px 8px 12px rgba(9, 30, 66, 0.15),0px 0px 1px rgba(9, 30, 66, 0.31))", "var(--ds-space-200, 16px)");
+var triggerStyles = xcss({
+  display: 'inline-flex'
+});
+var AIIndicatorTooltip = function AIIndicatorTooltip(_ref) {
+  var content = _ref.content,
+    trigger = _ref.trigger;
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    component: AIIndicatorTooltipPrimitive,
+    content: content,
+    tag: "span"
+  }, function (tooltipProps) {
+    return /*#__PURE__*/React.createElement(Box, _extends({
+      xcss: triggerStyles
+    }, tooltipProps), trigger);
+  });
+};
+export default AIIndicatorTooltip;

package/dist/esm/view/FlexibleCard/components/blocks/ai-summary-block/ai-state-indicator/ai-learn-more-anchor.js

@@ -0,0 +1,15 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children"];
+import React from 'react';
+import { CONTENT_URL_AI } from '../../../../../../constants';
+var AILearnMoreAnchor = function AILearnMoreAnchor(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("a", _extends({
+    href: CONTENT_URL_AI,
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, props), children);
+};
+export default AILearnMoreAnchor;