@atlaskit/smart-card 27.6.0 → 27.6.2

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

@@ -10,9 +10,7 @@ import { messages } from '../../../../../messages';
 import { FormattedMessage } from 'react-intl-next';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { getCanBeDatasource } from '../../../../../state/helpers';
-import { useAISummary } from '../../../../../state/hooks/use-ai-summary';
-import { extractAri, extractLink } from '@atlaskit/link-extractors';
-import { useSmartLinkContext } from '@atlaskit/link-provider';
+import useAISummaryAction from '../../../../../state/hooks/use-ai-summary-action';
 import { SmartLinkStatus } from '../../../../../constants';
 import { di } from 'react-magnetic-di';
 export const toFooterActions = (cardActions, onActionClick) => {
@@ -50,30 +48,18 @@ export const toFooterActions = (cardActions, onActionClick) => {
   return [followAction, ...actions];
 };
 
-//This component encapsulates useAISummary hook under the AI Summary FF 'platform.linking-platform.smart-card.hover-card-ai-summaries'
+//This component encapsulates useAISummarySmartLink hook under the AI Summary FF 'platform.linking-platform.smart-card.hover-card-ai-summaries'
 const ConnectedAIBlock = ({
   bottomPrimary,
   imagePreview,
-  data
+  url
 }) => {
-  const dataUrl = data ? extractLink(data) : null;
-  const dataAri = data ? extractAri(data) : null;
-  const {
-    product,
-    connections
-  } = useSmartLinkContext();
   const {
     state: {
       status,
       content
     }
-  } = useAISummary({
-    url: dataUrl || '',
-    ari: dataAri || '',
-    product,
-    envKey: connections.client.envKey,
-    baseUrl: connections.client.baseUrlOverride
-  });
+  } = useAISummaryAction(url);
   const showData = status === 'ready' || status === 'error' ||
   // Description & bottom metadata should only disappear when we start getting summary content
   !content && status === 'loading';
@@ -157,7 +143,7 @@ const HoverCardResolvedView = ({
   }, /*#__PURE__*/React.createElement(ConnectedAIBlock, {
     imagePreview: !!imagePreview,
     bottomPrimary: tertiary,
-    data: data
+    url: url
   })), !isAISummaryEnabled && !imagePreview && /*#__PURE__*/React.createElement(SnippetBlock, {
     status: SmartLinkStatus.Resolved
   }), /*#__PURE__*/React.createElement(SnippetBlock, {

package/dist/es2019/view/HoverCard/components/views/resolved/styled.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { separatorCss } from '../../../styled';
 const elementGap = '0.5rem';

package/dist/es2019/view/HoverCard/components/views/resolving/index.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import React from 'react';
 import LoadingSkeleton from '../../../../FlexibleCard/components/common/loading-skeleton';

package/dist/es2019/view/HoverCard/components/views/resolving/styled.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766

package/dist/es2019/view/HoverCard/components/views/unauthorised/styled.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 const blockGap = '0.5rem';
 const iconGap = '0.5rem';

package/dist/es2019/view/HoverCard/index.js

@@ -1,5 +1,6 @@
 /** @jsx jsx */
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { useCallback } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';

package/dist/es2019/view/HoverCard/styled.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { loadingPlaceholderClassName } from '../../index';
 import { SmartLinkSize } from '../../constants';

package/dist/es2019/view/InlineCard/Frame/styled.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
 import { B50, B100, B200, B400, N40 } from '@atlaskit/theme/colors';
 const selectedStyles = {

package/dist/es2019/view/InlineCard/Icon.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
 import { Skeleton } from '@atlaskit/linking-common';
 import React from 'react';

package/dist/es2019/view/InlineCard/IconAndTitleLayout/styled.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
 // TODO: remove this override behaviour for @atlaskit/icon-object
 export const IconObjectOverrides = `

package/dist/es2019/view/InlineCard/ResolvingView/styled.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
 import { IconTitleWrapper } from '../IconAndTitleLayout/styled';
 

package/dist/es2019/view/InlineCard/styled.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
 import { B400, N200 } from '@atlaskit/theme/colors';
 // By default buttons will hide overflow and ellipsis content instead of wrapping.

package/dist/es2019/view/LinkUrl/LinkWarningModal/index.js

@@ -5,6 +5,7 @@ import Button from '@atlaskit/button/standard-button';
 import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
 import { FormattedMessage, IntlProvider, injectIntl } from 'react-intl-next';
 import { breakWordsCss } from './styled';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { messages } from '../../../messages';
 const WarningModal = props => {

package/dist/es2019/view/LinkUrl/LinkWarningModal/styled.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766

package/dist/es2019/view/LinkUrl/index.js

@@ -7,7 +7,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "27.6.0",
+  packageVersion: "27.6.2",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');

package/dist/es2019/view/RelatedLinksModal/components/RelatedLinksBaseModal.js

@@ -1,6 +1,7 @@
 /** @jsx jsx */
 
 import { useCallback } from 'react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import Button from '@atlaskit/button/new';

package/dist/es2019/view/RelatedLinksModal/components/related-link-item/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 { Box, xcss } from '@atlaskit/primitives';
 import { Card, ElementName, SmartLinkPosition, SmartLinkSize, SmartLinkTheme, TitleBlock } from '../../../../index';

package/dist/es2019/view/RelatedLinksModal/components/related-links-list/index.js

@@ -1,5 +1,6 @@
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { Box, Stack, xcss } from '@atlaskit/primitives';

package/dist/es2019/view/RelatedLinksModal/views/errored/error-svg/index.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 const errorStyles = css({
   width: '80px',

package/dist/es2019/view/RelatedLinksModal/views/resolved/index.js

@@ -1,5 +1,6 @@
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { messages } from '../../../../messages';
 import RelatedLinksList from '../../components/related-links-list';

package/dist/es2019/view/RelatedLinksModal/views/unavailable/unavailable-svg/index.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 const unavailableStyles = css({
   width: '130px',

package/dist/es2019/view/common/Byline.js

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { N300 } from '@atlaskit/theme/colors';
 import { gs, mq } from './utils';

package/dist/es2019/view/common/Icon.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 ImageLoader from 'react-render-image';

package/dist/es2019/view/common/Metadata.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 Tooltip from '@atlaskit/tooltip';
 import { N300 } from '@atlaskit/theme/colors';

package/dist/es2019/view/common/MetadataList.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { Metadata } from './Metadata';
 import { gs } from './utils';

package/dist/es2019/view/common/ai-icon-loading/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, keyframes } from '@emotion/react';
 import SVG from '@atlaskit/icon/svg';
 import { aiThemeTokens } from '../ai-prism/constants';

package/dist/es2019/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/es2019/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/es2019/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/es2019/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/es2019/view/common/ai-summary/ulist.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @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';
 const listStyles = css({
   paddingLeft: "var(--ds-space-250, 20px)",

package/dist/esm/extractors/flexible/actions/extract-ai-summary-action.js

@@ -1,14 +1,11 @@
 import { CardAction } from '../../../view/Card/types';
 import { canShowAction } from '../../../utils/actions/can-show-action';
 import { getIsAISummaryEnabled } from '../../../utils/ai-summary';
-import { extractAri } from '@atlaskit/link-extractors';
 export var extractAISummaryAction = function extractAISummaryAction(response, url, actionOptions, aiSummaryConfig) {
-  if (!canShowAction(CardAction.AISummaryAction, actionOptions) || !getIsAISummaryEnabled(aiSummaryConfig === null || aiSummaryConfig === void 0 ? void 0 : aiSummaryConfig.isAdminHubAIEnabled, response) || !(aiSummaryConfig !== null && aiSummaryConfig !== void 0 && aiSummaryConfig.product) || !url) {
+  if (!canShowAction(CardAction.AISummaryAction, actionOptions) || !getIsAISummaryEnabled(aiSummaryConfig === null || aiSummaryConfig === void 0 ? void 0 : aiSummaryConfig.isAdminHubAIEnabled, response) || !url) {
     return;
   }
   return {
-    url: url,
-    ari: extractAri(response.data),
-    product: aiSummaryConfig === null || aiSummaryConfig === void 0 ? void 0 : aiSummaryConfig.product
+    url: url
   };
 };

package/dist/esm/extractors/flexible/index.js

@@ -1,3 +1,5 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["id", "renderers", "actionOptions", "response", "aiSummaryConfig"];
 import { extractSummary } from '../common/primitives';
 import extractActions from './actions';
 import { extractLinkIcon } from './icon';
@@ -11,19 +13,21 @@ import extractState from './extract-state';
 import { extractLatestCommit } from './latest-commit';
 import { extractViewAction } from './actions/extract-view-action';
 var extractFlexibleUiContext = function extractFlexibleUiContext() {
-  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-    id = _ref.id,
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var id = _ref.id,
     renderers = _ref.renderers,
     actionOptions = _ref.actionOptions,
     response = _ref.response,
-    aiSummaryConfig = _ref.aiSummaryConfig;
+    aiSummaryConfig = _ref.aiSummaryConfig,
+    props = _objectWithoutProperties(_ref, _excluded);
   if (!response) {
     return undefined;
   }
   var data = response.data;
   var url = extractLink(data);
   return {
-    actions: extractActions(response, url, actionOptions, id, aiSummaryConfig),
+    // Use the original URL in edge cases, such as short links for AI summary and copy link actions.
+    actions: extractActions(response, props.url, actionOptions, id, aiSummaryConfig),
     assignedToGroup: extractPersonAssignedToAsArray(data),
     attachmentCount: extractAttachmentCount(data),
     authorGroup: extractPersonCreatedBy(data),

package/dist/esm/state/hooks/use-ai-summary/ai-summary-service/index.js

@@ -2,11 +2,11 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 function _asyncIterator(r) { var n, t, o, e = 2; for ("undefined" != typeof Symbol && (t = Symbol.asyncIterator, o = Symbol.iterator); e--;) { if (t && null != (n = r[t])) return n.call(r); if (o && null != (n = r[o])) return new AsyncFromSyncIterator(n.call(r)); t = "@@asyncIterator", o = "@@iterator"; } throw new TypeError("Object is not async iterable"); }
 function AsyncFromSyncIterator(r) { function AsyncFromSyncIteratorContinuation(r) { if (Object(r) !== r) return Promise.reject(new TypeError(r + " is not an object.")); var n = r.done; return Promise.resolve(r.value).then(function (r) { return { value: r, done: n }; }); } return AsyncFromSyncIterator = function AsyncFromSyncIterator(r) { this.s = r, this.n = r.next; }, AsyncFromSyncIterator.prototype = { s: null, n: null, next: function next() { return AsyncFromSyncIteratorContinuation(this.n.apply(this.s, arguments)); }, return: function _return(r) { var n = this.s.return; return void 0 === n ? Promise.resolve({ value: r, done: !0 }) : AsyncFromSyncIteratorContinuation(n.apply(this.s, arguments)); }, throw: function _throw(r) { var n = this.s.return; return void 0 === n ? Promise.reject(r) : AsyncFromSyncIteratorContinuation(n.apply(this.s, arguments)); } }, new AsyncFromSyncIterator(r); }
@@ -72,11 +72,11 @@ export var AISummaryService = /*#__PURE__*/function () {
     })));
     this.config = {
       requestUrl: this.getRequestUrl(props.envKey, props.baseUrl),
-      headers: _objectSpread({
+      headers: {
         'Content-Type': 'application/json;charset=UTF-8',
         'x-experience-id': 'smart-link',
         'x-product': ((_getXProductHeaderVal = getXProductHeaderValue(props.product)) === null || _getXProductHeaderVal === void 0 ? void 0 : _getXProductHeaderVal.toLowerCase()) || 'confluence'
-      }, props.headers)
+      }
     };
     this.url = props.url;
     this.ari = props.ari;

package/dist/esm/state/hooks/use-ai-summary/index.js

@@ -1,18 +1,21 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { useCallback, useState, useEffect } from 'react';
+import { useState, useEffect } from 'react';
 import { AISummariesStore } from './ai-summary-service/store';
 import { AISummaryService } from './ai-summary-service';
-import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
-import { failUfoExperience, startUfoExperience, succeedUfoExperience } from '../../analytics';
-var EXPERIENCE_NAME = 'smart-link-ai-summary';
+/**
+ * Stream AI summary for an url.
+ * For hook specific to AI summary on as a smart link, please see useAISummaryAction.
+ */
 export var useAISummary = function useAISummary(props) {
   var _AISummariesStore$get;
   var url = props.url,
     baseUrl = props.baseUrl,
-    headers = props.headers,
     product = props.product,
     ari = props.ari,
-    envKey = props.envKey;
+    envKey = props.envKey,
+    onError = props.onError,
+    onStart = props.onStart,
+    onSuccess = props.onSuccess;
   var _useState = useState(((_AISummariesStore$get = AISummariesStore.get(url)) === null || _AISummariesStore$get === void 0 ? void 0 : _AISummariesStore$get.state) || {
       status: 'ready',
       content: ''
@@ -20,28 +23,6 @@ export var useAISummary = function useAISummary(props) {
     _useState2 = _slicedToArray(_useState, 2),
     state = _useState2[0],
     setState = _useState2[1];
-  var _useAnalyticsEvents = useAnalyticsEvents(),
-    fireEvent = _useAnalyticsEvents.fireEvent;
-  var onStart = useCallback(function (id) {
-    startUfoExperience(EXPERIENCE_NAME, id);
-  }, []);
-  var onSuccess = useCallback(function (id) {
-    fireEvent('operational.summary.success', {});
-    succeedUfoExperience(EXPERIENCE_NAME, id);
-  }, [fireEvent]);
-  var onError = useCallback(function (id, reason) {
-    /**
-     * Errors should only be counted to the SLO if they are not due to acceptable use violations
-     * HIPAA content detected or exceeding context length.
-     */
-
-    var isSloError = reason === undefined ? true : !['ACCEPTABLE_USE_VIOLATIONS', 'HIPAA_CONTENT_DETECTED', 'EXCEEDING_CONTEXT_LENGTH_ERROR'].includes(reason);
-    fireEvent('operational.summary.failed', {
-      reason: reason || null,
-      isSloError: isSloError
-    });
-    failUfoExperience(EXPERIENCE_NAME, id);
-  }, [fireEvent]);
   useEffect(function () {
     var _AISummariesStore$get2;
     //do not create a service for the empty URL string when the link data is not yet available,
@@ -51,18 +32,17 @@ export var useAISummary = function useAISummary(props) {
         url: url,
         ari: ari,
         baseUrl: baseUrl,
-        headers: headers,
+        product: product,
+        envKey: envKey,
         onError: onError,
         onStart: onStart,
-        onSuccess: onSuccess,
-        product: product,
-        envKey: envKey
+        onSuccess: onSuccess
       }));
     }
 
     //returns function that calls unsubscribe method
     return (_AISummariesStore$get2 = AISummariesStore.get(url)) === null || _AISummariesStore$get2 === void 0 ? void 0 : _AISummariesStore$get2.subscribe(setState);
-  }, [url, baseUrl, headers, onError, onStart, onSuccess, product, ari, envKey]);
+  }, [url, baseUrl, onError, onStart, onSuccess, product, ari, envKey]);
   var summariseUrl = function summariseUrl() {
     var _AISummariesStore$get3;
     return (_AISummariesStore$get3 = AISummariesStore.get(url)) === null || _AISummariesStore$get3 === void 0 ? void 0 : _AISummariesStore$get3.summariseUrl();

package/dist/esm/state/hooks/use-ai-summary-action/index.js

@@ -0,0 +1,52 @@
+import { extractAri, extractLink } from '@atlaskit/link-extractors';
+import { useCallback } from 'react';
+import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
+import { failUfoExperience, startUfoExperience, succeedUfoExperience } from '../../analytics';
+import { useSmartCardState } from '../../store';
+import { useAISummary } from '../use-ai-summary';
+import { useAISummaryConfig } from '../use-ai-summary-config';
+var EXPERIENCE_NAME = 'smart-link-ai-summary';
+var useAISummaryAction = function useAISummaryAction(url) {
+  var _cardState$details;
+  var _useAISummaryConfig = useAISummaryConfig(),
+    baseUrl = _useAISummaryConfig.baseUrl,
+    envKey = _useAISummaryConfig.envKey,
+    product = _useAISummaryConfig.product;
+  var cardState = useSmartCardState(url);
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
+  var data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
+  var ari = data && extractAri(data);
+  var dataUrl = data && extractLink(data) || '';
+  var onStart = useCallback(function (id) {
+    startUfoExperience(EXPERIENCE_NAME, id);
+  }, []);
+  var onSuccess = useCallback(function (id) {
+    fireEvent('operational.summary.success', {});
+    succeedUfoExperience(EXPERIENCE_NAME, id);
+  }, [fireEvent]);
+  var onError = useCallback(function (id, reason) {
+    /**
+     * Errors should only be counted to the SLO if they are not due to acceptable use violations
+     * HIPAA content detected or exceeding context length.
+     */
+
+    var isSloError = reason === undefined ? true : !['ACCEPTABLE_USE_VIOLATIONS', 'HIPAA_CONTENT_DETECTED', 'EXCEEDING_CONTEXT_LENGTH_ERROR'].includes(reason);
+    fireEvent('operational.summary.failed', {
+      reason: reason || null,
+      isSloError: isSloError
+    });
+    failUfoExperience(EXPERIENCE_NAME, id);
+  }, [fireEvent]);
+  return useAISummary({
+    url: dataUrl,
+    ari: ari,
+    product: product,
+    envKey: envKey,
+    baseUrl: baseUrl,
+    onStart: onStart,
+    onSuccess: onSuccess,
+    onError: onError
+  });
+};
+export default useAISummaryAction;

package/dist/esm/state/hooks/use-ai-summary-config/index.js

@@ -2,12 +2,15 @@ import { useSmartLinkContext } from '@atlaskit/link-provider';
 import { useMemo } from 'react';
 export var useAISummaryConfig = function useAISummaryConfig() {
   var _useSmartLinkContext = useSmartLinkContext(),
+    connections = _useSmartLinkContext.connections,
     product = _useSmartLinkContext.product,
     isAdminHubAIEnabled = _useSmartLinkContext.isAdminHubAIEnabled;
   return useMemo(function () {
     return {
+      baseUrl: connections.client.baseUrlOverride,
+      envKey: connections.client.envKey,
       product: product,
       isAdminHubAIEnabled: isAdminHubAIEnabled
     };
-  }, [product, isAdminHubAIEnabled]);
+  }, [connections.client.baseUrlOverride, connections.client.envKey, product, isAdminHubAIEnabled]);
 };

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: "27.6.0"
+  packageVersion: "27.6.2"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/utils/mocks.js

@@ -159,6 +159,9 @@ export var mocks = {
     status: 'resolved',
     details: {
       meta: {
+        visibility: 'public',
+        access: 'granted',
+        auth: [],
         definitionId: 'spaghetti-id',
         key: 'spaghetti-key',
         resourceType: 'spaghetti-resource',

package/dist/esm/view/BlockCard/components/Action.js

@@ -1,5 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { useState } from 'react';
 import Button from '@atlaskit/button/custom-theme-button';

package/dist/esm/view/BlockCard/components/ActionList.js

@@ -2,6 +2,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 import _extends from "@babel/runtime/helpers/extends";
 var _excluded = ["triggerRef"];
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import ButtonGroup from '@atlaskit/button/button-group';
 import Button from '@atlaskit/button/standard-button';

package/dist/esm/view/BlockCard/components/CollaboratorList.js

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import AvatarGroup from '@atlaskit/avatar-group';
 import { mq } from '../../common/utils';

package/dist/esm/view/BlockCard/components/Content.js

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { gs, mq } from '../../common/utils';
 /**

package/dist/esm/view/BlockCard/components/ContentFooter.js

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { gs, mq } from '../../common/utils';
 export var contentFooterClassName = 'smart-link-content-footer';

package/dist/esm/view/BlockCard/components/ContentHeader.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 { useMouseDownEvent } from '../../../state/analytics/useLinkClicked';
 /**

package/dist/esm/view/BlockCard/components/Emoji.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 { gs } from '../../common/utils';

package/dist/esm/view/BlockCard/components/Frame.js

@@ -2,6 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import React from 'react';
 import { N20A, N30A, B200, N40A, N50A } from '@atlaskit/theme/colors';

package/dist/esm/view/BlockCard/components/Link.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 { B400 } from '@atlaskit/theme/colors';
 var styles = css({

package/dist/esm/view/BlockCard/components/Name.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 { fontSize } from '@atlaskit/theme/constants';
 import { gs } from '../../common/utils';