@atlaskit/smart-card 27.6.0 → 27.6.1

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

@@ -48,8 +48,7 @@ export class AISummaryService {
       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
+        'x-product': ((_getXProductHeaderVal = getXProductHeaderValue(props.product)) === null || _getXProductHeaderVal === void 0 ? void 0 : _getXProductHeaderVal.toLowerCase()) || 'confluence'
       }
     };
     this.url = props.url;

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

@@ -1,46 +1,26 @@
-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';
-const 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 const useAISummary = props => {
   var _AISummariesStore$get;
   const {
     url,
     baseUrl,
-    headers,
     product,
     ari,
-    envKey
+    envKey,
+    onError,
+    onStart,
+    onSuccess
   } = props;
   const [state, setState] = useState(((_AISummariesStore$get = AISummariesStore.get(url)) === null || _AISummariesStore$get === void 0 ? void 0 : _AISummariesStore$get.state) || {
     status: 'ready',
     content: ''
   });
-  const {
-    fireEvent
-  } = useAnalyticsEvents();
-  const onStart = useCallback(id => {
-    startUfoExperience(EXPERIENCE_NAME, id);
-  }, []);
-  const onSuccess = useCallback(id => {
-    fireEvent('operational.summary.success', {});
-    succeedUfoExperience(EXPERIENCE_NAME, id);
-  }, [fireEvent]);
-  const onError = useCallback((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.
-     */
-
-    const isSloError = reason === undefined ? true : !['ACCEPTABLE_USE_VIOLATIONS', 'HIPAA_CONTENT_DETECTED', 'EXCEEDING_CONTEXT_LENGTH_ERROR'].includes(reason);
-    fireEvent('operational.summary.failed', {
-      reason: reason || null,
-      isSloError
-    });
-    failUfoExperience(EXPERIENCE_NAME, id);
-  }, [fireEvent]);
   useEffect(() => {
     var _AISummariesStore$get2;
     //do not create a service for the empty URL string when the link data is not yet available,
@@ -50,18 +30,17 @@ export const useAISummary = props => {
         url,
         ari,
         baseUrl,
-        headers,
+        product,
+        envKey,
         onError,
         onStart,
-        onSuccess,
-        product,
-        envKey
+        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]);
   const summariseUrl = () => {
     var _AISummariesStore$get3;
     return (_AISummariesStore$get3 = AISummariesStore.get(url)) === null || _AISummariesStore$get3 === void 0 ? void 0 : _AISummariesStore$get3.summariseUrl();

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

@@ -0,0 +1,54 @@
+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';
+const EXPERIENCE_NAME = 'smart-link-ai-summary';
+const useAISummaryAction = url => {
+  var _cardState$details;
+  const {
+    baseUrl,
+    envKey,
+    product
+  } = useAISummaryConfig();
+  const cardState = useSmartCardState(url);
+  const {
+    fireEvent
+  } = useAnalyticsEvents();
+  const data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
+  const ari = data && extractAri(data);
+  const dataUrl = data && extractLink(data) || '';
+  const onStart = useCallback(id => {
+    startUfoExperience(EXPERIENCE_NAME, id);
+  }, []);
+  const onSuccess = useCallback(id => {
+    fireEvent('operational.summary.success', {});
+    succeedUfoExperience(EXPERIENCE_NAME, id);
+  }, [fireEvent]);
+  const onError = useCallback((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.
+     */
+
+    const isSloError = reason === undefined ? true : !['ACCEPTABLE_USE_VIOLATIONS', 'HIPAA_CONTENT_DETECTED', 'EXCEEDING_CONTEXT_LENGTH_ERROR'].includes(reason);
+    fireEvent('operational.summary.failed', {
+      reason: reason || null,
+      isSloError
+    });
+    failUfoExperience(EXPERIENCE_NAME, id);
+  }, [fireEvent]);
+  return useAISummary({
+    url: dataUrl,
+    ari,
+    product,
+    envKey,
+    baseUrl,
+    onStart,
+    onSuccess,
+    onError
+  });
+};
+export default useAISummaryAction;

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

@@ -2,11 +2,14 @@ import { useSmartLinkContext } from '@atlaskit/link-provider';
 import { useMemo } from 'react';
 export const useAISummaryConfig = () => {
   const {
+    connections,
     product,
     isAdminHubAIEnabled
   } = useSmartLinkContext();
   return useMemo(() => ({
+    baseUrl: connections.client.baseUrlOverride,
+    envKey: connections.client.envKey,
     product,
     isAdminHubAIEnabled
-  }), [product, isAdminHubAIEnabled]);
+  }), [connections.client.baseUrlOverride, connections.client.envKey, product, isAdminHubAIEnabled]);
 };

package/dist/es2019/utils/analytics/analytics.js

@@ -4,7 +4,7 @@ export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "27.6.0"
+  packageVersion: "27.6.1"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/utils/mocks.js

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

package/dist/es2019/view/BlockCard/components/Action.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 { useState } from 'react';
 import Button from '@atlaskit/button/custom-theme-button';

package/dist/es2019/view/BlockCard/components/ActionList.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 ButtonGroup from '@atlaskit/button/button-group';
 import Button from '@atlaskit/button/standard-button';

package/dist/es2019/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/es2019/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/es2019/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 const contentFooterClassName = 'smart-link-content-footer';

package/dist/es2019/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/es2019/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/es2019/view/BlockCard/components/Frame.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 React from 'react';
 import { N20A, N30A, B200, N40A, N50A } from '@atlaskit/theme/colors';

package/dist/es2019/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';
 const styles = css({

package/dist/es2019/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';

package/dist/es2019/view/BlockCard/components/Provider.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 { N300 } from '@atlaskit/theme/colors';
 import { gs } from '../../common/utils';

package/dist/es2019/view/BlockCard/components/Thumbnail.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 { gs, mq } from '../../common/utils';
 export const Thumbnail = props => {

package/dist/es2019/view/BlockCard/components/UnresolvedText.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';
 const styles = css({
   display: 'flex',

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

@@ -20,6 +20,7 @@ import FlexibleUnauthorisedView from './views/flexible/FlexibleUnauthorisedView'
 import FlexibleNotFoundView from './views/flexible/FlexibleNotFoundView';
 import FlexibleForbiddenView from './views/flexible/FlexibleForbiddenView';
 import FlexibleErroredView from './views/flexible/FlexibleErroredView';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { handleClickCommon } from './utils/handlers';
 export { default as PreviewAction } from './actions/PreviewAction';

package/dist/es2019/view/BlockCard/views/ErroredView.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 { FormattedMessage } from 'react-intl-next';
 import { useMemo } from 'react';

package/dist/es2019/view/BlockCard/views/ForbiddenView.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 { FormattedMessage } from 'react-intl-next';
 import { R300 } from '@atlaskit/theme/colors';

package/dist/es2019/view/BlockCard/views/NotFoundView.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 React from 'react';
 import { FormattedMessage } from 'react-intl-next';

package/dist/es2019/view/BlockCard/views/ResolvedView.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, css } from '@emotion/react';
 import Lozenge from '@atlaskit/lozenge';
 import { Frame } from '../components/Frame';

package/dist/es2019/view/BlockCard/views/ResolvingView.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 DocumentFilledIcon from '@atlaskit/icon/glyph/document-filled';
 import { N50, N90 } from '@atlaskit/theme/colors';

package/dist/es2019/view/BlockCard/views/UnauthorizedView.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 { FormattedMessage } from 'react-intl-next';
 import { Frame } from '../components/Frame';

package/dist/es2019/view/BlockCard/views/flexible/FlexibleUnauthorisedView.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 { useCallback, useMemo } from 'react';
 import { FormattedMessage } from 'react-intl-next';

package/dist/es2019/view/BlockCard/views/flexible/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 { N40 } from '@atlaskit/theme/colors';
 

package/dist/es2019/view/BlockCard/views/flexible/unresolved-view/index.js

@@ -4,6 +4,7 @@ import React from 'react';
 import FlexibleCard from '../../../../FlexibleCard';
 import { InternalFooterBlock } from '../../../../FlexibleCard/components/blocks';
 import { FlexibleCardUiOptions, PreviewBlockOptions, titleBlockOptions, FooterBlockOptions } from '../utils';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 const customBlockStyles = css({
   alignItems: 'flex-start'

package/dist/es2019/view/BlockCard/views/flexible/utils/withFlexibleUIBlockCardStyle.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 { flexibleBlockCardStyle } from '../styled';
 export const withFlexibleUIBlockCardStyle = FlexibleBlockCardView => props => {

package/dist/es2019/view/BlockCard/views/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: Replace overrides with proper AtlasKit solution.
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766

package/dist/es2019/view/EmbedCard/components/Frame.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, useState, useRef } from 'react';
 import { di } from 'react-magnetic-di';

package/dist/es2019/view/EmbedCard/components/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 { fontFamily } from '@atlaskit/theme/constants';
 import * as colors from '@atlaskit/theme/colors';

package/dist/es2019/view/EmbedCard/views/ErroredView.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 Button from '@atlaskit/button/custom-theme-button';
 import ErrorIcon from '@atlaskit/icon/glyph/error';

package/dist/es2019/view/EmbedCard/views/ResolvedView.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 React from 'react';
 import LinkGlyph from '@atlaskit/icon/glyph/link';

package/dist/es2019/view/EmbedCard/views/unresolved-view/index.js

@@ -1,5 +1,6 @@
 /** @jsx jsx */
 import LinkGlyph from '@atlaskit/icon/glyph/link';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import React, { useMemo } from 'react';
 import { ExpandedFrame } from '../../components/ExpandedFrame';

package/dist/es2019/view/EmbedCard/views/unresolved-view/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 { gs } from '../../../common/utils';
 

package/dist/es2019/view/EmbedModal/components/embed-content/index.js

@@ -1,6 +1,7 @@
 /** @jsx jsx */
 
 import { di } from 'react-magnetic-di';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { getIframeSandboxAttribute } from '../../../../utils';
 import { IFrame } from '../../../EmbedCard/components/IFrame';

package/dist/es2019/view/EmbedModal/components/link-info/index.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 React, { useMemo } from 'react';
 import { FormattedMessage } from 'react-intl-next';

package/dist/es2019/view/EmbedModal/components/link-info/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
 export const containerStyles = css({

package/dist/es2019/view/FlexibleCard/components/actions/action/action-button/index.js

@@ -1,5 +1,6 @@
 /** @jsx jsx */
 import React, { useCallback } from 'react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { LoadingButton } from '@atlaskit/button';
 import Tooltip from '@atlaskit/tooltip';

package/dist/es2019/view/FlexibleCard/components/actions/action/action-icon/index.js

@@ -1,5 +1,6 @@
 /** @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';
 import { SmartLinkSize } from '../../../../../../constants';
 import { getIconSizeStyles } from '../../../utils';

package/dist/es2019/view/FlexibleCard/components/actions/action/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 { SmartLinkSize } from '../../../../../constants';
 import ActionStackItem from './action-stack-item';

package/dist/es2019/view/FlexibleCard/components/actions/ai-summary-action/ai-summarise-action.js

@@ -8,8 +8,6 @@ import { useAnalyticsEvents } from '../../../../../common/analytics/generated/us
 import { getErrorMessage } from './utils';
 export function AISummariseAction({
   url,
-  ari,
-  product,
   onClick: onClickCallback,
   onError: onErrorCallback,
   testId,

package/dist/es2019/view/FlexibleCard/components/actions/ai-summary-action/ai-summary-action-component.js

@@ -1,14 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect } from 'react';
 import { di } from 'react-magnetic-di';
-import { useAISummary } from '../../../../../state/hooks/use-ai-summary';
+import useAISummaryAction from '../../../../../state/hooks/use-ai-summary-action';
 import { CopySummaryAction } from './copy-summary-action';
 import { AISummariseAction } from './ai-summarise-action';
 export const AISummaryActionComponent = props => {
   const {
     url,
-    ari,
-    product,
     onLoadingChange,
     testId = 'smart-action-ai-summary-action'
   } = props;
@@ -18,11 +16,7 @@ export const AISummaryActionComponent = props => {
       content
     },
     summariseUrl
-  } = useAISummary({
-    url,
-    ari,
-    product
-  });
+  } = useAISummaryAction(url);
   useEffect(() => {
     onLoadingChange === null || onLoadingChange === void 0 ? void 0 : onLoadingChange(status === 'loading');
   }, [onLoadingChange, status]);

package/dist/es2019/view/FlexibleCard/components/actions/ai-summary-action/copy-summary-action.js

@@ -7,8 +7,6 @@ import { messages } from '../../../../../messages';
 import { useAnalyticsEvents } from '../../../../../common/analytics/generated/use-analytics-events';
 export function CopySummaryAction({
   url,
-  ari,
-  product,
   onClick: onClickCallback,
   testId,
   content,

package/dist/es2019/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/skeleton/main.js

@@ -1,5 +1,8 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { keyframes, css } from '@emotion/react';
 import { N20, N30 } from '@atlaskit/theme/colors';
 const AutomationSkeletonContainer = css({

package/dist/es2019/view/FlexibleCard/components/actions/view-related-links-action/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 Action from '../action';
 import { FormattedMessage } from 'react-intl-next';

package/dist/es2019/view/FlexibleCard/components/actions/view-related-links-action/related-links-action-icon/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 ChildIssuesIcon from '@atlaskit/icon/glyph/child-issues';
 const rotateSvg = css({

package/dist/es2019/view/FlexibleCard/components/blocks/action-block/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 { xcss } from '@atlaskit/primitives';
 import { useCallback, useMemo, useState } from 'react';

package/dist/es2019/view/FlexibleCard/components/blocks/action-group/action-group-item/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, { useCallback } from 'react';
 import * as Actions from '../../../actions';

package/dist/es2019/view/FlexibleCard/components/blocks/action-group/index.js

@@ -3,6 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
 
 import { useCallback, useMemo, useState } from 'react';
 import { FormattedMessage } from 'react-intl-next';
+// 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 Tooltip from '@atlaskit/tooltip';

package/dist/es2019/view/FlexibleCard/components/blocks/ai-footer-block/resolved/ai-footer-metadata.js

@@ -6,22 +6,16 @@ import { Box, Inline } from '@atlaskit/primitives';
 import AIIcon from '../../../../../common/ai-icon';
 import { InfoIcon } from '../icons/info';
 import { messages } from '../../../../../../messages';
-import { useAISummary } from '../../../../../../state/hooks/use-ai-summary';
+import useAISummaryAction from '../../../../../../state/hooks/use-ai-summary-action';
 export const AIFooterMetadata = ({
   testId,
-  url,
-  ari,
-  product
+  url
 }) => {
   const {
     state: {
       status
     }
-  } = useAISummary({
-    url,
-    ari,
-    product
-  });
+  } = useAISummaryAction(url);
   if (status !== 'done') {
     return null;
   }

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

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
 import Tooltip, { TooltipPrimitive } from '@atlaskit/tooltip';
 import { Box, xcss } from '@atlaskit/primitives';

package/dist/es2019/view/FlexibleCard/components/blocks/ai-summary-block/ai-state-indicator/ai-state-done.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import EditorPanelIcon from '@atlaskit/icon/glyph/editor/panel';
 import Lozenge from '@atlaskit/lozenge';

package/dist/es2019/view/FlexibleCard/components/blocks/ai-summary-block/ai-state-indicator/index.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 React from 'react';
 import AIStateLoading from './ai-state-loading';

package/dist/es2019/view/FlexibleCard/components/blocks/ai-summary-block/feature-discovery/index.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 { useEffect, useMemo, useRef } from 'react';
 import { StorageClient } from '@atlaskit/frontend-utilities/storage-client';