@atlaskit/smart-card 27.6.0 → 27.6.2

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';

package/dist/es2019/view/FlexibleCard/components/blocks/ai-summary-block/feature-discovery/styled.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, keyframes } from '@emotion/react';
 export const getPulseStyles = () => {
   const color = "var(--ds-border-discovery, #8270DB)";

package/dist/es2019/view/FlexibleCard/components/blocks/ai-summary-block/index.js

@@ -1,7 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import AISummaryBlockResolvedView from './resolved';
-import { SmartLinkStatus } from '../../../../../constants';
+import { InternalActionName, SmartLinkStatus } from '../../../../../constants';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
 
 /**
  * Represents an AISummaryBlock, designed to summarising link resource
@@ -15,11 +16,18 @@ const AISummaryBlock = ({
   testId = 'smart-ai-summary-block',
   ...props
 }) => {
+  var _context$actions;
+  const context = useFlexibleUiContext();
+  const actionData = context === null || context === void 0 ? void 0 : (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[InternalActionName.AISummaryAction];
   if (status !== SmartLinkStatus.Resolved) {
     return null;
   }
+  if (!(actionData !== null && actionData !== void 0 && actionData.url)) {
+    return null;
+  }
   return /*#__PURE__*/React.createElement(AISummaryBlockResolvedView, _extends({}, props, {
-    testId: testId
+    testId: testId,
+    url: actionData.url
   }));
 };
 export default AISummaryBlock;

package/dist/es2019/view/FlexibleCard/components/blocks/ai-summary-block/resolved/index.js

@@ -10,17 +10,16 @@ import MotionWrapper from '../../../common/motion-wrapper';
 import AIStateIndicator from '../ai-state-indicator';
 import { renderElementItems } from '../../utils';
 import { messages } from '../../../../../../messages';
-import { useAISummary } from '../../../../../../state/hooks/use-ai-summary';
+import useAISummaryAction from '../../../../../../state/hooks/use-ai-summary-action';
 import AIIcon from '../../../../../common/ai-icon';
 import AISummary from '../../../../../common/ai-summary';
 import { useAnalyticsEvents } from '../../../../../../common/analytics/generated/use-analytics-events';
 import AIEventSummaryViewed from '../ai-event-summary-viewed';
 import AIEventErrorViewed from '../../../common/ai-summary/ai-event-error-viewed';
 import { di } from 'react-magnetic-di';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import FeatureDiscovery from '../feature-discovery';
-import { useFlexibleUiContext } from '../../../../../../state/flexible-ui-context';
-import { useSmartLinkContext } from '@atlaskit/link-provider';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 export const AISummaryBlockErrorIndicator = ({
   showErrorIndicator,
@@ -61,18 +60,12 @@ const AISummaryBlockResolvedView = props => {
     testId,
     aiSummaryMinHeight = 0,
     metadata,
-    placeholder
+    placeholder,
+    url
   } = props;
   const {
     fireEvent
   } = useAnalyticsEvents();
-  const context = useFlexibleUiContext();
-  const url = (context === null || context === void 0 ? void 0 : context.url) || '';
-  const ari = (context === null || context === void 0 ? void 0 : context.ari) || '';
-  const {
-    product,
-    connections
-  } = useSmartLinkContext();
   const {
     summariseUrl,
     state: {
@@ -80,13 +73,7 @@ const AISummaryBlockResolvedView = props => {
       status,
       error
     }
-  } = useAISummary({
-    url,
-    ari,
-    product,
-    envKey: connections.client.envKey,
-    baseUrl: connections.client.baseUrlOverride
-  });
+  } = useAISummaryAction(url);
   const showAISummary = status === 'done' ||
   // We want to display the AI Summary component only when there is content available during the loading process.
   status === 'loading' && !!content;

package/dist/es2019/view/FlexibleCard/components/blocks/block/index.js

@@ -1,5 +1,7 @@
 /** @jsx jsx */
 import { useEffect } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { ElementName, SmartLinkDirection, SmartLinkSize } from '../../../../../constants';
 import { getBaseStyles, getGapSize, highlightRemoveStyles, renderChildren } from '../utils';

package/dist/es2019/view/FlexibleCard/components/blocks/element-group/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 { SmartLinkAlignment, SmartLinkDirection, SmartLinkPosition, SmartLinkSize, SmartLinkWidth } from '../../../../../constants';
 import { getBaseStyles, getGapSize, renderChildren } from '../utils';

package/dist/es2019/view/FlexibleCard/components/blocks/metadata-block/index.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 { css } from '@emotion/react';
 import { SmartLinkAlignment, SmartLinkDirection, SmartLinkSize, SmartLinkStatus, SmartLinkWidth } from '../../../../../constants';
 import { renderElementItems } from '../utils';

package/dist/es2019/view/FlexibleCard/components/blocks/preview-block/index.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 { jsx } from '@emotion/react';
 import { SmartLinkStatus } from '../../../../../constants';
 import PreviewBlockResolvedView from './resolved';

package/dist/es2019/view/FlexibleCard/components/blocks/preview-block/resolved/index.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import React, { useCallback, useEffect, useState } from 'react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { MediaPlacement } from '../../../../../../constants';
 import Block from '../../block';

package/dist/es2019/view/FlexibleCard/components/blocks/related-urls-block/index.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect, useState } from 'react';
 import { di } from 'react-magnetic-di';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import useRelatedUrls from '../../../../../state/hooks/use-related-urls';

package/dist/es2019/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/index.js

@@ -2,7 +2,8 @@ import React, { useCallback, useState } from 'react';
 import { useIntl } from 'react-intl-next';
 import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
 import ChevronUpIcon from '@atlaskit/icon/glyph/chevron-up';
-import { Box, Inline, Stack, xcss } from '@atlaskit/primitives';
+import { Inline, Pressable, Stack, xcss } from '@atlaskit/primitives';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { messages } from '../../../../../../../messages';
 import { getFormattedMessageAsString } from '../../../../../components/utils';
@@ -24,10 +25,9 @@ const RelatedUrlList = ({
     xcss: xcss({
       width: '100%'
     })
-  }, /*#__PURE__*/React.createElement(Box, {
+  }, /*#__PURE__*/React.createElement(Pressable, {
     onClick: chevronClickHandler,
     testId: `${testId}-expand-title`,
-    as: "button",
     backgroundColor: "color.background.neutral.subtle",
     "aria-expanded": !!isOpen,
     padding: "space.0"

package/dist/es2019/view/FlexibleCard/components/blocks/title-block/errored/index.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 { LinkIcon } from '../../../elements';
 import Block from '../../block';

package/dist/es2019/view/FlexibleCard/components/blocks/title-block/index.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useState } from 'react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { useMouseDownEvent } from '../../../../../state/analytics/useLinkClicked';
 import { SmartLinkStatus } from '../../../../../constants';

package/dist/es2019/view/FlexibleCard/components/blocks/title-block/resolved/index.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 { css } from '@emotion/react';
 import { LinkIcon } from '../../../elements';
 import Block from '../../block';

package/dist/es2019/view/FlexibleCard/components/blocks/title-block/resolving/index.js

@@ -1,6 +1,8 @@
 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 { jsx } from '@emotion/react';
 import Block from '../../block';
 import { SmartLinkSize } from '../../../../../../constants';

package/dist/es2019/view/FlexibleCard/components/blocks/utils.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 { css } from '@emotion/react';
 import { ActionName, ElementName, SmartLinkDirection, SmartLinkSize } from '../../../../constants';
 import * as Elements from '../elements';

package/dist/es2019/view/FlexibleCard/components/common/image-icon/index.js

@@ -1,5 +1,7 @@
 /** @jsx jsx */
 import React from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import ImageLoader from 'react-render-image';
 import LoadingSkeleton from '../loading-skeleton';

package/dist/es2019/view/FlexibleCard/components/common/loading-skeleton/index.js

@@ -1,5 +1,7 @@
 /** @jsx jsx */
 import React from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx, keyframes } from '@emotion/react';
 const LoadingSkeleton = ({
   testId,

package/dist/es2019/view/FlexibleCard/components/container/index.js

@@ -1,5 +1,6 @@
 /** @jsx jsx */
 import React, { useContext } from 'react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { MediaPlacement, SmartLinkSize, SmartLinkTheme } from '../../../../constants';
 import { isFlexibleUiBlock, isFlexibleUiPreviewBlock, isFlexibleUiTitleBlock } from '../../../../utils/flexible';

package/dist/es2019/view/FlexibleCard/components/container/layered-link/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 { jsx, css } from '@emotion/react';
 import { useMouseDownEvent } from '../../../../../state/analytics/useLinkClicked';
 const styles = css({

package/dist/es2019/view/FlexibleCard/components/elements/atlaskit-badge/index.js

@@ -1,6 +1,7 @@
 /** @jsx jsx */
 import React from 'react';
 import AKBadge from '@atlaskit/badge';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 const badgeStyles = css({
   alignItems: 'center',

package/dist/es2019/view/FlexibleCard/components/elements/avatar-group/index.js

@@ -1,6 +1,7 @@
 /** @jsx jsx */
 
 import React, { useMemo } from 'react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import AtlaskitAvatarGroup from '@atlaskit/avatar-group';
 import { SmartLinkSize } from '../../../../../constants';

package/dist/es2019/view/FlexibleCard/components/elements/badge/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 { getFormattedMessage, getIconSizeStyles } from '../../utils';
 import { IconType } from '../../../../../constants';

package/dist/es2019/view/FlexibleCard/components/elements/date-time/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import React from 'react';
 import { useIntl, 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 { getTruncateStyles } from '../../utils';
 import { selectUnit } from '@formatjs/intl-utils';

package/dist/es2019/view/FlexibleCard/components/elements/icon/index.js

@@ -1,6 +1,7 @@
 /** @jsx jsx */
 import React, { useMemo } from 'react';
 import LinkIcon from '@atlaskit/icon/glyph/link';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { SmartLinkPosition, SmartLinkSize } from '../../../../../constants';
 import AtlaskitIcon from '../../common/atlaskit-icon';

package/dist/es2019/view/FlexibleCard/components/elements/link/index.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import React, { useMemo } from 'react';
+// 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 { SmartLinkInternalTheme, SmartLinkSize, SmartLinkTheme } from '../../../../../constants';

package/dist/es2019/view/FlexibleCard/components/elements/lozenge/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 AtlaskitLozenge from '@atlaskit/lozenge';
 import LozengeAction from './lozenge-action';

package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-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 { useCallback, useEffect, useMemo, useState } from 'react';
 import DropdownMenu from '@atlaskit/dropdown-menu';

package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-error/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 { Fragment, useMemo, useCallback } from 'react';
 import { FormattedMessage } from 'react-intl-next';

package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-error/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 { N800 } from '@atlaskit/theme/colors';
 import { getTruncateStyles } from '../../../../utils';

package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-items-group/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 LozengeActionItem from '../lozenge-action-item';
 import { dropdownItemGroupStyles } from '../styled';

package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-trigger/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 { useCallback, useMemo, useState } from 'react';
 import Lozenge from '@atlaskit/lozenge';

package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/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 triggerButtonStyles = css({

package/dist/es2019/view/FlexibleCard/components/elements/media/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 ImageIcon from '../../common/image-icon';
 /**

package/dist/es2019/view/FlexibleCard/components/elements/preview/index.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import React, { useContext } from 'react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { FlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import { MediaType } from '../../../../../constants';

package/dist/es2019/view/FlexibleCard/components/elements/snippet-element/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';
 import React, { useContext } from 'react';
 import { FlexibleUiContext } from '../../../../../state/flexible-ui-context';

package/dist/es2019/view/FlexibleCard/components/elements/text/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 { getFormattedMessage, getTruncateStyles } from '../../utils';
 const getStyles = maxLines => css({

package/dist/es2019/view/FlexibleCard/components/utils.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 { css } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { SmartLinkSize } from '../../../constants';

package/dist/es2019/view/HoverCard/components/ContentContainer.js

@@ -1,15 +1,13 @@
 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 { useState, useEffect } from 'react';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { HoverCardContainer, popupContainerStyles } from '../styled';
 import AIPrism from '../../common/ai-prism';
 import { hoverCardClassName } from './HoverCardContent';
-import { useAISummary } from '../../../state/hooks/use-ai-summary';
-import { useSmartCardState } from '../../../state/store';
-import { useSmartLinkContext } from '@atlaskit/link-provider';
-import { extractAri, extractLink } from '@atlaskit/link-extractors';
+import useAISummaryAction from '../../../state/hooks/use-ai-summary-action';
 import { di } from 'react-magnetic-di';
 const ConnectedAIPrismContainer = ({
   children,
@@ -18,28 +16,11 @@ const ConnectedAIPrismContainer = ({
   url,
   ...props
 }) => {
-  var _cardState$details;
-  const cardState = useSmartCardState(url);
-  const data = cardState === null || cardState === void 0 ? void 0 : (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
-
-  //The data is undefined while the link is resolving.
-  const dataUrl = data ? extractLink(data) : null;
-  const dataAri = data ? extractAri(data) : null;
-  const {
-    product,
-    connections
-  } = useSmartLinkContext();
   const {
     state: {
       status
     }
-  } = useAISummary({
-    url: dataUrl || '',
-    ari: dataAri || '',
-    product: product,
-    envKey: connections.client.envKey,
-    baseUrl: connections.client.baseUrlOverride
-  });
+  } = useAISummaryAction(url);
   const [showPrism, setShowPrism] = useState(status === 'loading');
   useEffect(() => {
     setShowPrism(status === 'loading');

package/dist/es2019/view/HoverCard/components/CustomPopupContainer.js

@@ -3,6 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { popupContainerStyles } from '../styled';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 
 /**

package/dist/es2019/view/HoverCard/components/HoverCardComponent.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import Popup from '@atlaskit/popup';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import React, { useCallback, useMemo, useRef, useEffect } from 'react';
 import { useSmartLinkActions } from '../../../state/hooks-external/useSmartLinkActions';

package/dist/es2019/view/HoverCard/components/HoverCardContent.js

@@ -1,5 +1,6 @@
 /** @jsx jsx */
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import CopyIcon from '@atlaskit/icon/glyph/copy';

package/dist/es2019/view/HoverCard/components/ImagePreview.js

@@ -1,4 +1,6 @@
 import React, { useCallback, useState, useRef } from 'react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 import extractPreview from '../../../extractors/flexible/extract-preview';
 import { PreviewBlock } from '../../FlexibleCard/components/blocks';
 import { getTransitionStyles, getPreviewBlockStyles } from '../styled';

package/dist/es2019/view/HoverCard/components/views/forbidden/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 titleFontWeight = '600';