@atlaskit/smart-card 27.6.0 → 27.6.2

package/dist/esm/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/esm/view/BlockCard/components/Thumbnail.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 { css, jsx } from '@emotion/react';
 import { gs, mq } from '../../common/utils';
 export var Thumbnail = function Thumbnail(props) {

package/dist/esm/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';
 var styles = css({
   display: 'flex',

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

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

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 /** @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/esm/view/BlockCard/views/NotFoundView.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 { FormattedMessage } from 'react-intl-next';

package/dist/esm/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/esm/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/esm/view/BlockCard/views/UnauthorizedView.js

@@ -3,6 +3,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 { FormattedMessage } from 'react-intl-next';
 import { Frame } from '../components/Frame';

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

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["testId"];
 /** @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/esm/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/esm/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';
 var customBlockStyles = css({
   alignItems: 'flex-start'

package/dist/esm/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 var withFlexibleUIBlockCardStyle = function withFlexibleUIBlockCardStyle(FlexibleBlockCardView) {

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

package/dist/esm/view/EmbedCard/components/styled.js

@@ -1,5 +1,6 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject, _templateObject2;
+// 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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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 var containerStyles = css({

package/dist/esm/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/esm/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/esm/view/FlexibleCard/components/actions/action/action-stack-item/action-button.js

@@ -1,27 +1,14 @@
 import _extends from "@babel/runtime/helpers/extends";
 import { xcss } from '@atlaskit/primitives';
-import { Box, Inline } from '@atlaskit/primitives';
+import { Box, Inline, Pressable } from '@atlaskit/primitives';
 import Spinner from '@atlaskit/spinner';
 import React, { useCallback } from 'react';
 import { getPrimitivesInlineSpaceBySize } from '../../../utils';
 import ActionIcon from '../action-icon';
 var buttonStyles = xcss({
   all: 'unset',
-  cursor: 'pointer',
   padding: 'space.050',
   width: '100%',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-  ':focus:not(:focus-visible)': {
-    outline: 'none'
-  },
-  ':focus': {
-    outlineColor: 'color.border.focused',
-    // xcss outlineOffset does not support space.negative.025
-    // @ts-ignore-next-line TS2322: Type "var(--ds-space-negative-025)" is not assignable to type
-    outlineOffset: "var(--ds-space-negative-025, -2px)",
-    outlineStyle: 'solid',
-    outlineWidth: 'border.width.outline'
-  },
   ':hover': {
     backgroundColor: 'color.background.neutral.subtle.hovered'
   },
@@ -62,8 +49,7 @@ var ActionButton = function ActionButton(_ref) {
     }),
     size: size
   }) : iconOption;
-  return /*#__PURE__*/React.createElement(Box, _extends({
-    as: "button",
+  return /*#__PURE__*/React.createElement(Pressable, _extends({
     xcss: [buttonStyles, xcss]
   }, tooltipProps, {
     onClick: onClick,

package/dist/esm/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/esm/view/FlexibleCard/components/actions/ai-summary-action/ai-summarise-action.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["url", "ari", "product", "onClick", "onError", "testId", "status", "summariseUrl"];
+var _excluded = ["url", "onClick", "onError", "testId", "status", "summariseUrl"];
 import React, { useCallback } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import Action from '../action';
@@ -10,8 +10,6 @@ import { useAnalyticsEvents } from '../../../../../common/analytics/generated/us
 import { getErrorMessage } from './utils';
 export function AISummariseAction(_ref) {
   var url = _ref.url,
-    ari = _ref.ari,
-    product = _ref.product,
     onClickCallback = _ref.onClick,
     onErrorCallback = _ref.onError,
     testId = _ref.testId,

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

@@ -1,25 +1,19 @@
 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 var AISummaryActionComponent = function AISummaryActionComponent(props) {
   var url = props.url,
-    ari = props.ari,
-    product = props.product,
     onLoadingChange = props.onLoadingChange,
     _props$testId = props.testId,
     testId = _props$testId === void 0 ? 'smart-action-ai-summary-action' : _props$testId;
-  var _useAISummary = useAISummary({
-      url: url,
-      ari: ari,
-      product: product
-    }),
-    _useAISummary$state = _useAISummary.state,
-    status = _useAISummary$state.status,
-    content = _useAISummary$state.content,
-    summariseUrl = _useAISummary.summariseUrl;
+  var _useAISummaryAction = useAISummaryAction(url),
+    _useAISummaryAction$s = _useAISummaryAction.state,
+    status = _useAISummaryAction$s.status,
+    content = _useAISummaryAction$s.content,
+    summariseUrl = _useAISummaryAction.summariseUrl;
   useEffect(function () {
     onLoadingChange === null || onLoadingChange === void 0 || onLoadingChange(status === 'loading');
   }, [onLoadingChange, status]);

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

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["url", "ari", "product", "onClick", "testId", "content"];
+var _excluded = ["url", "onClick", "testId", "content"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useCallback, useState } from 'react';
 import CopyIcon from '@atlaskit/icon/glyph/copy';
@@ -12,8 +12,6 @@ import { messages } from '../../../../../messages';
 import { useAnalyticsEvents } from '../../../../../common/analytics/generated/use-analytics-events';
 export function CopySummaryAction(_ref) {
   var url = _ref.url,
-    ari = _ref.ari,
-    product = _ref.product,
     onClickCallback = _ref.onClick,
     testId = _ref.testId,
     content = _ref.content,

package/dist/esm/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';
 var AutomationSkeletonContainer = css({

package/dist/esm/view/FlexibleCard/components/actions/view-related-links-action/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["onClick"];
 /** @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/esm/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';
 var rotateSvg = css({

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

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

@@ -5,6 +5,7 @@ var _excluded = ["name", "hideContent", "hideIcon", "onClick", "isDisabled"];
 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, { useCallback } from 'react';
 import * as Actions from '../../../actions';

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

@@ -6,6 +6,7 @@ var _excluded = ["triggerRef"];
 
 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/esm/view/FlexibleCard/components/blocks/ai-footer-block/resolved/ai-footer-metadata.js

@@ -6,18 +6,12 @@ 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 var AIFooterMetadata = function AIFooterMetadata(_ref) {
   var testId = _ref.testId,
-    url = _ref.url,
-    ari = _ref.ari,
-    product = _ref.product;
-  var _useAISummary = useAISummary({
-      url: url,
-      ari: ari,
-      product: product
-    }),
-    status = _useAISummary.state.status;
+    url = _ref.url;
+  var _useAISummaryAction = useAISummaryAction(url),
+    status = _useAISummaryAction.state.status;
   if (status !== 'done') {
     return null;
   }

package/dist/esm/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/esm/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/esm/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/esm/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/esm/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 var getPulseStyles = function getPulseStyles() {
   var color = "var(--ds-border-discovery, #8270DB)";

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

@@ -3,7 +3,8 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["status", "testId"];
 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
@@ -13,15 +14,22 @@ import { SmartLinkStatus } from '../../../../../constants';
  * @see Block
  */
 var AISummaryBlock = function AISummaryBlock(_ref) {
+  var _context$actions;
   var status = _ref.status,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-ai-summary-block' : _ref$testId,
     props = _objectWithoutProperties(_ref, _excluded);
+  var context = useFlexibleUiContext();
+  var actionData = context === null || context === 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/esm/view/FlexibleCard/components/blocks/ai-summary-block/resolved/index.js

@@ -11,17 +11,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 var AISummaryBlockErrorIndicator = function AISummaryBlockErrorIndicator(_ref) {
   var showErrorIndicator = _ref.showErrorIndicator,
@@ -64,27 +63,16 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
     _props$aiSummaryMinHe = props.aiSummaryMinHeight,
     aiSummaryMinHeight = _props$aiSummaryMinHe === void 0 ? 0 : _props$aiSummaryMinHe,
     metadata = props.metadata,
-    placeholder = props.placeholder;
+    placeholder = props.placeholder,
+    url = props.url;
   var _useAnalyticsEvents = useAnalyticsEvents(),
     fireEvent = _useAnalyticsEvents.fireEvent;
-  var context = useFlexibleUiContext();
-  var url = (context === null || context === void 0 ? void 0 : context.url) || '';
-  var ari = (context === null || context === void 0 ? void 0 : context.ari) || '';
-  var _useSmartLinkContext = useSmartLinkContext(),
-    product = _useSmartLinkContext.product,
-    connections = _useSmartLinkContext.connections;
-  var _useAISummary = useAISummary({
-      url: url,
-      ari: ari,
-      product: product,
-      envKey: connections.client.envKey,
-      baseUrl: connections.client.baseUrlOverride
-    }),
-    summariseUrl = _useAISummary.summariseUrl,
-    _useAISummary$state = _useAISummary.state,
-    content = _useAISummary$state.content,
-    status = _useAISummary$state.status,
-    error = _useAISummary$state.error;
+  var _useAISummaryAction = useAISummaryAction(url),
+    summariseUrl = _useAISummaryAction.summariseUrl,
+    _useAISummaryAction$s = _useAISummaryAction.state,
+    content = _useAISummaryAction$s.content,
+    status = _useAISummaryAction$s.status,
+    error = _useAISummaryAction$s.error;
   var 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/esm/view/FlexibleCard/components/blocks/block/index.js

@@ -2,6 +2,8 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject;
 /** @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/esm/view/FlexibleCard/components/blocks/element-group/index.js

@@ -1,6 +1,7 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
 /** @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/esm/view/FlexibleCard/components/blocks/metadata-block/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["maxLines", "status", "testId", "primary", "secondary"];
 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/esm/view/FlexibleCard/components/blocks/preview-block/index.js

@@ -3,6 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["status", "testId", "overrideUrl"];
 /** @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/esm/view/FlexibleCard/components/blocks/preview-block/resolved/index.js

@@ -6,6 +6,7 @@ var _excluded = ["ignoreContainerPadding", "onError", "overrideCss", "placement"
 var _templateObject;
 /** @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/esm/view/FlexibleCard/components/blocks/related-urls-block/index.js

@@ -6,6 +6,7 @@ var _excluded = ["testId", "url", "renderers"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 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';