@atlaskit/smart-card 26.59.1 → 26.60.0

package/dist/esm/view/BlockCard/views/flexible/utils/index.js

@@ -106,6 +106,14 @@ export var getSimulatedBetterMetadata = function getSimulatedBetterMetadata(card
           name: ElementName.CommentCount
         }]
       };
+    case 'trello-object-provider':
+      return {
+        titleMetadata: defaultTitleMetadata,
+        topMetadata: [{
+          name: ElementName.CollaboratorGroup
+        }].concat(baseTopMetadata),
+        bottomMetadata: defaultBottomMetadata
+      };
     default:
       return {
         titleMetadata: defaultTitleMetadata,

package/dist/esm/view/CardWithUrl/component-lazy/LazyIntersectionObserverCard.js

@@ -1,6 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { usePrefetch } from '../../../state';
 import { CardWithUrlContent } from '../component';
 import { LoadingCardLink } from './LoadingCardLink';
@@ -11,7 +10,8 @@ import { startUfoExperience } from '../../../state/analytics/ufoExperiences';
 // being compared to. Since the default container is the `document`, we set this
 // up to check once a Smart Link is within `X` px from the bottom of the viewport.
 var ROOT_MARGIN_VERTICAL = '360px';
-function LazyIntersectionObserverCardLegacy(props) {
+export function LazyIntersectionObserverCard(props) {
+  var ref = useRef(null);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isIntersecting = _useState2[0],
@@ -34,49 +34,6 @@ function LazyIntersectionObserverCardLegacy(props) {
       prefetch();
     }
   }, [prefetch, id]);
-  var onRef = useCallback(function (element) {
-    if (!element) {
-      return;
-    }
-    var intersectionObserver = new IntersectionObserver(onIntersection, {
-      rootMargin: "".concat(ROOT_MARGIN_VERTICAL, " 0px ").concat(ROOT_MARGIN_VERTICAL, " 0px")
-    });
-    intersectionObserver.observe(element);
-    return function () {
-      return intersectionObserver.disconnect();
-    };
-  }, [onIntersection]);
-  var content = isIntersecting ? /*#__PURE__*/React.createElement(CardWithUrlContent, props) : /*#__PURE__*/React.createElement(ComponentObserver, {
-    ref: onRef
-  }, /*#__PURE__*/React.createElement(LoadingCardLink, props));
-  return /*#__PURE__*/React.createElement(Component, {
-    className: "loader-wrapper"
-  }, content);
-}
-function LazyIntersectionObserverCardNext(props) {
-  var ref = useRef(null);
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isIntersecting = _useState4[0],
-    setIsIntersecting = _useState4[1];
-  var appearance = props.appearance,
-    url = props.url,
-    id = props.id;
-  var prefetch = usePrefetch(url);
-  var Component = appearance === 'inline' ? 'span' : 'div';
-  var ComponentObserver = Component;
-  var onIntersection = useCallback(function (entries, observer) {
-    var isVisible = entries.some(function (entry) {
-      return entry.isIntersecting;
-    });
-    if (isVisible) {
-      startUfoExperience('smart-link-rendered', id);
-      setIsIntersecting(true);
-      observer.disconnect();
-    } else {
-      prefetch();
-    }
-  }, [prefetch, id]);
   useEffect(function () {
     if (!ref.current) {
       return;
@@ -95,8 +52,4 @@ function LazyIntersectionObserverCardNext(props) {
   return /*#__PURE__*/React.createElement(Component, {
     className: "loader-wrapper"
   }, content);
-}
-export var LazyIntersectionObserverCard = function LazyIntersectionObserverCard(props) {
-  var Component = getBooleanFF('platform.linking-platform.smart-card.fix-intersection-observer') ? LazyIntersectionObserverCardNext : LazyIntersectionObserverCardLegacy;
-  return /*#__PURE__*/React.createElement(Component, props);
-};
+}

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

@@ -29,6 +29,7 @@ export var ExpandedFrame = function ExpandedFrame(_ref) {
     return handleClickCommon(event, onClick);
   };
   var handleMouseDown = useMouseDownEvent();
+  var isFixEmbedCardBlurEnabled = getBooleanFF('platform.linking-platform.smart-card.fix-embed-card-blurring') ? true : false;
   var renderHeaderOld = function renderHeaderOld() {
     return /*#__PURE__*/React.createElement(Header, {
       className: "embed-header",
@@ -64,6 +65,7 @@ export var ExpandedFrame = function ExpandedFrame(_ref) {
     return /*#__PURE__*/React.createElement(Content, {
       "data-testid": "embed-content-wrapper",
       allowScrollBar: allowScrollBar,
+      removeOverflow: isFixEmbedCardBlurEnabled,
       isInteractive: isInteractive(),
       frameStyle: frameStyle
     }, children);

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

@@ -123,7 +123,11 @@ export var TooltipWrapper = styled.div({
 // manage scrolling behaviour.
 // eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression
 export var Content = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", ";\n  border: 1px solid ", ";\n  background-color: ", ";\n  position: absolute;\n  z-index: 1;\n  width: 100%;\n  transition: box-shadow 0.3s;\n\n  > .calc-height > div > div {\n    left: unset !important;\n    width: unset !important;\n    height: unset !important;\n    position: initial !important;\n    padding-bottom: unset !important;\n  }\n  > .embed-preview > div {\n    margin: 0 auto;\n  }\n\n  ", "\n\n  ", "\n\n  ", "\n"])), contentBorderRadius, "var(--ds-border, ".concat(N40, ")"), "var(--ds-surface-raised, white)", function (_ref11) {
-  var allowScrollBar = _ref11.allowScrollBar;
+  var allowScrollBar = _ref11.allowScrollBar,
+    removeOverflow = _ref11.removeOverflow;
+  if (removeOverflow) {
+    return '';
+  }
   return allowScrollBar ? 'overflow: auto;' : 'overflow: hidden;';
 }, function (_ref12) {
   var frameStyle = _ref12.frameStyle;

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

@@ -1,15 +1,18 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["onClick", "url", "ari", "product"];
+var _excluded = ["onClick", "onError", "url", "ari", "product"];
 import React, { useCallback } from 'react';
 import { FormattedMessage } from 'react-intl-next';
+import { di } from 'react-magnetic-di';
 import { messages } from '../../../../../messages';
 import Action from '../action';
 import AiIcon from '../../../../common/ai-icon';
 import { useAnalyticsEvents } from '../../../../../common/analytics/generated/use-analytics-events';
 import { useAISummary } from '../../../../../state/hooks/use-ai-summary';
+import { getErrorMessage } from './utils';
 export var AISummaryActionComponent = function AISummaryActionComponent(_ref) {
   var onClickCallback = _ref.onClick,
+    onErrorCallback = _ref.onError,
     _ref$url = _ref.url,
     url = _ref$url === void 0 ? '' : _ref$url,
     _ref$ari = _ref.ari,
@@ -25,26 +28,31 @@ export var AISummaryActionComponent = function AISummaryActionComponent(_ref) {
     }),
     status = _useAISummary.state.status,
     summariseUrl = _useAISummary.summariseUrl;
+  var onCompleted = useCallback(function (state) {
+    if ((state === null || state === void 0 ? void 0 : state.status) === 'error') {
+      onErrorCallback === null || onErrorCallback === void 0 || onErrorCallback(getErrorMessage(state.error));
+    }
+  }, [onErrorCallback]);
   var handleActionClick = useCallback(function () {
+    var _summariseUrl;
     fireEvent('ui.button.clicked.aiSummary', {});
     fireEvent('track.aiInteraction.initiated', {
       aiFeatureName: 'Smart Links Summary',
       proactiveAIGenerated: 0,
       userGeneratedAI: 1
     });
-    summariseUrl();
+    (_summariseUrl = summariseUrl()) === null || _summariseUrl === void 0 || _summariseUrl.then(onCompleted, onCompleted);
     onClickCallback === null || onClickCallback === void 0 || onClickCallback();
-  }, [fireEvent, onClickCallback, summariseUrl]);
-  if (status === 'ready' || status === 'error') {
-    return /*#__PURE__*/React.createElement(Action, _extends({
-      content: /*#__PURE__*/React.createElement(FormattedMessage, messages.ai_summary_action),
-      icon: /*#__PURE__*/React.createElement(AiIcon, {
-        label: "Summarise with AI"
-      }),
-      onClick: handleActionClick,
-      testId: "smart-action-ai-summary-action",
-      tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, messages.ai_summary_action_description)
-    }, props));
-  }
+  }, [fireEvent, onClickCallback, onCompleted, summariseUrl]);
+  return /*#__PURE__*/React.createElement(Action, _extends({
+    content: /*#__PURE__*/React.createElement(FormattedMessage, messages.ai_summary_action),
+    icon: /*#__PURE__*/React.createElement(AiIcon, {
+      label: "Summarise with AI"
+    }),
+    isLoading: status === 'loading',
+    onClick: handleActionClick,
+    testId: "smart-action-ai-summary-action",
+    tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, messages.ai_summary_action_description)
+  }, props));
   return null;
 };

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

@@ -0,0 +1,25 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { FormattedMessage } from 'react-intl-next';
+import { getAISummaryErrorMessage } from '../../../../../utils/ai-summary';
+import AIEventErrorViewed from '../../common/ai-summary/ai-event-error-viewed';
+import AILearnMoreAnchor from '../../common/ai-summary/ai-learn-more-anchor';
+export var getErrorMessage = function getErrorMessage(error) {
+  var _getAISummaryErrorMes = getAISummaryErrorMessage(error),
+    message = _getAISummaryErrorMes.message,
+    url = _getAISummaryErrorMes.url;
+  return {
+    appearance: 'error',
+    title: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AIEventErrorViewed, {
+      reason: error
+    }), /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, message, {
+      values: {
+        a: function a(chunks) {
+          return /*#__PURE__*/React.createElement(AILearnMoreAnchor, {
+            href: url
+          }, chunks);
+        }
+      }
+    })))
+  };
+};

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

@@ -0,0 +1,60 @@
+import ErrorIcon from '@atlaskit/icon/glyph/error';
+import { Box, Inline, xcss } from '@atlaskit/primitives';
+import React from 'react';
+import MotionWrapper from '../../../common/motion-wrapper';
+var containerStyles = xcss({
+  all: 'unset',
+  borderRadius: 'border.radius',
+  margin: 'space.100',
+  lineHeight: '20px',
+  padding: 'space.050',
+  paddingInline: 'space.100',
+  width: '100%',
+  ':empty': {
+    display: 'none'
+  }
+});
+var errorStyles = xcss({
+  backgroundColor: 'color.background.danger'
+});
+var titleStyles = xcss({
+  color: 'color.text.subtle',
+  fontSize: '12px',
+  fontStyle: 'normal',
+  fontWeight: '400',
+  lineHeight: '16px'
+});
+var getIcon = function getIcon(appearance) {
+  switch (appearance) {
+    case 'error':
+      return /*#__PURE__*/React.createElement(ErrorIcon, {
+        primaryColor: "var(--ds-icon-danger, #C9372C)",
+        label: "Error",
+        size: "small",
+        testId: "action-error-icon"
+      });
+    default:
+      return null;
+  }
+};
+export var ActionFooter = function ActionFooter(_ref) {
+  var message = _ref.message,
+    testId = _ref.testId;
+  if (!message) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(Box, {
+    testId: "".concat(testId, "-footer"),
+    xcss: [containerStyles, message.appearance === 'error' && errorStyles]
+  }, /*#__PURE__*/React.createElement(MotionWrapper, {
+    isFadeIn: true,
+    show: true,
+    showTransition: true
+  }, /*#__PURE__*/React.createElement(Inline, {
+    alignBlock: "start",
+    grow: "fill",
+    space: "space.025"
+  }, message.icon || getIcon(message.appearance), /*#__PURE__*/React.createElement(Box, {
+    xcss: titleStyles
+  }, message.title))));
+};

package/dist/esm/view/FlexibleCard/components/blocks/action-block/action-footer/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -1,11 +1,14 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 /** @jsx jsx */
 import { css, jsx } from '@emotion/react';
 import { xcss } from '@atlaskit/primitives';
-import { useMemo } from 'react';
+import { useCallback, useMemo, useState } from 'react';
 import { SmartLinkSize } from '../../../../../constants';
 import { useFlexibleUiContext, useFlexibleUiOptionContext } from '../../../../../state/flexible-ui-context';
 import * as Actions from '../../actions';
 import { getPrimitivesPaddingSpaceBySize } from '../../utils';
+import { ActionFooter } from './action-footer';
+import { di } from 'react-magnetic-di';
 var ignoreContainerPaddingStyles = css({
   display: 'flex',
   flexDirection: 'column',
@@ -38,7 +41,18 @@ var ActionBlock = function ActionBlock(_ref) {
     testId = _ref$testId === void 0 ? 'smart-block-action' : _ref$testId;
   var context = useFlexibleUiContext();
   var ui = useFlexibleUiOptionContext();
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    message = _useState2[0],
+    setMessage = _useState2[1];
   var padding = !(ui !== null && ui !== void 0 && ui.hidePadding) ? getPrimitivesPaddingSpaceBySize((ui === null || ui === void 0 ? void 0 : ui.size) || SmartLinkSize.Medium) : undefined;
+  var _onClick = useCallback(function (name) {
+    setMessage(undefined);
+    onClickCallback === null || onClickCallback === void 0 || onClickCallback(name);
+  }, [onClickCallback]);
+  var onError = useCallback(function (error) {
+    setMessage(error);
+  }, []);
   var actions = useMemo(function () {
     if (!(context !== null && context !== void 0 && context.actions)) {
       return;
@@ -52,19 +66,24 @@ var ActionBlock = function ActionBlock(_ref) {
         spaceInline: spaceInline,
         key: name,
         onClick: function onClick() {
-          return onClickCallback === null || onClickCallback === void 0 ? void 0 : onClickCallback(name);
+          return _onClick(name);
         },
+        onError: onError,
         size: size,
         xcss: xcss({
           paddingInline: padding
         })
       }) : null;
     });
-  }, [context === null || context === void 0 ? void 0 : context.actions, onClickCallback, padding, size, spaceInline]);
+  }, [context === null || context === void 0 ? void 0 : context.actions, _onClick, onError, padding, size, spaceInline]);
   return actions ? jsx("div", {
     css: ignoreContainerPaddingStyles,
     ref: blockRef,
     "data-testid": testId
-  }, actions) : null;
+  }, actions, jsx(ActionFooter, {
+    message: message,
+    paddingInline: padding,
+    testId: testId
+  })) : null;
 };
 export default ActionBlock;

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

@@ -11,7 +11,7 @@ import { messages } from '../../../../../../messages';
 import AIIcon from '../../../../../common/ai-icon';
 import AIIndicatorTooltip from './ai-indicator-tooltip';
 import AIIndicatorContainer from './ai-indicator-container';
-import AILearnMoreAnchor from './ai-learn-more-anchor';
+import AILearnMoreAnchor from '../../../common/ai-summary/ai-learn-more-anchor';
 var tooltipMsgStyles = xcss({
   color: 'color.text',
   fontSize: '14px',

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

@@ -3,10 +3,9 @@ import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import ErrorIcon from '@atlaskit/icon/glyph/error';
 import { Box, xcss } from '@atlaskit/primitives';
-import { messages } from '../../../../../../messages';
+import { getAISummaryErrorMessage } from '../../../../../../utils/ai-summary';
+import AILearnMoreAnchor from '../../../common/ai-summary/ai-learn-more-anchor';
 import AIIndicatorContainer from './ai-indicator-container';
-import AILearnMoreAnchor from './ai-learn-more-anchor';
-import { CONTENT_URL_ACCEPTABLE_USE_POLICY, CONTENT_URL_AI_TROUBLESHOOTING } from '../../../../../../constants';
 var contentStyles = xcss({
   color: 'color.text.subtle',
   fontSize: '11px',
@@ -27,31 +26,13 @@ var FormattedErrorMessage = function FormattedErrorMessage(_ref) {
     }
   }));
 };
-var getErrorMesssageProps = function getErrorMesssageProps(error) {
-  switch (error) {
-    case 'ACCEPTABLE_USE_VIOLATIONS':
-      return {
-        message: messages.ai_summary_error_acceptable_use_violation,
-        url: CONTENT_URL_ACCEPTABLE_USE_POLICY
-      };
-    case 'HIPAA_CONTENT_DETECTED':
-      return {
-        message: messages.ai_summary_error_hipaa_content_detected
-      };
-    default:
-      return {
-        message: messages.ai_summary_error_generic,
-        url: CONTENT_URL_AI_TROUBLESHOOTING
-      };
-  }
-};
 var AIStateError = function AIStateError(_ref2) {
   var appearance = _ref2.appearance,
     testId = _ref2.testId,
     error = _ref2.error;
-  var _getErrorMesssageProp = getErrorMesssageProps(error),
-    message = _getErrorMesssageProp.message,
-    url = _getErrorMesssageProp.url;
+  var _getAISummaryErrorMes = getAISummaryErrorMessage(error),
+    message = _getAISummaryErrorMes.message,
+    url = _getAISummaryErrorMes.url;
   switch (appearance) {
     case 'icon-only':
       return null;

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

@@ -7,7 +7,7 @@ import { ActionName, SmartLinkDirection, SmartLinkSize, SmartLinkWidth } from '.
 import ActionGroup from '../../action-group';
 import Block from '../../block';
 import ElementGroup from '../../element-group';
-import AIMotionWrapper from '../ai-motion-wrapper';
+import MotionWrapper from '../../../common/motion-wrapper';
 import AIStateIndicator from '../ai-state-indicator';
 import { renderElementItems } from '../../utils';
 import { messages } from '../../../../../../messages';
@@ -16,7 +16,7 @@ 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 '../ai-event-error-viewed';
+import AIEventErrorViewed from '../../../common/ai-summary/ai-event-error-viewed';
 import { di } from 'react-magnetic-di';
 import { css } from '@emotion/react';
 import FeatureDiscovery from '../feature-discovery';
@@ -28,7 +28,7 @@ export var AISummaryBlockErrorIndicator = function AISummaryBlockErrorIndicator(
     error = _ref.error,
     showTransition = _ref.showTransition,
     testId = _ref.testId;
-  return /*#__PURE__*/React.createElement(AIMotionWrapper, {
+  return /*#__PURE__*/React.createElement(MotionWrapper, {
     isFadeIn: true,
     show: showErrorIndicator,
     showTransition: showTransition
@@ -140,7 +140,7 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
     }, props.overrideCss)
   }), status === 'done' && /*#__PURE__*/React.createElement(AIEventSummaryViewed, {
     fromCache: isSummarisedOnMountRef.current
-  }), /*#__PURE__*/React.createElement(AIMotionWrapper, {
+  }), /*#__PURE__*/React.createElement(MotionWrapper, {
     minHeight: aiSummaryMinHeight,
     show: showAISummary,
     showTransition: !isSummarisedOnMountRef.current

package/dist/esm/view/FlexibleCard/components/{blocks/ai-summary-block/ai-event-error-viewed/index.js → common/ai-summary/ai-event-error-viewed.js}

@@ -1,5 +1,5 @@
 import { useEffect } from 'react';
-import { useAnalyticsEvents } from '../../../../../../common/analytics/generated/use-analytics-events';
+import { useAnalyticsEvents } from '../../../../../common/analytics/generated/use-analytics-events';
 var AIEventErrorViewed = function AIEventErrorViewed(_ref) {
   var reason = _ref.reason;
   var _useAnalyticsEvents = useAnalyticsEvents(),

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

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children"];
 import React from 'react';
-import { CONTENT_URL_AI } from '../../../../../../constants';
+import { CONTENT_URL_AI } from '../../../../../constants';
 var AILearnMoreAnchor = function AILearnMoreAnchor(_ref) {
   var children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);

package/dist/esm/view/FlexibleCard/components/{blocks/ai-summary-block/ai-motion-wrapper → common/motion-wrapper}/index.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { Box } from '@atlaskit/primitives';
 import React, { useEffect, useRef, useState } from 'react';
-export var AIMotionWrapper = function AIMotionWrapper(_ref) {
+export var MotionWrapper = function MotionWrapper(_ref) {
   var children = _ref.children,
     _ref$isFadeIn = _ref.isFadeIn,
     isFadeIn = _ref$isFadeIn === void 0 ? false : _ref$isFadeIn,
@@ -42,4 +42,4 @@ export var AIMotionWrapper = function AIMotionWrapper(_ref) {
     ref: ref
   }, children) : null;
 };
-export default AIMotionWrapper;
+export default MotionWrapper;

package/dist/esm/view/FlexibleCard/components/common/motion-wrapper/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -22,7 +22,7 @@ import { fireLinkClickedEvent } from '../../../utils/analytics/click';
 import { useSmartCardState } from '../../../state/store';
 import HoverCardForbiddenView from './views/forbidden';
 import ContentContainer from './ContentContainer';
-import { getIsAISummaryEnabled } from '../../../utils/get-is-ai-summary-enabled';
+import { getIsAISummaryEnabled } from '../../../utils/ai-summary';
 export var hoverCardClassName = 'smart-links-hover-preview';
 export var getCopyAction = function getCopyAction(url) {
   return {

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

@@ -179,13 +179,7 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref2) {
   }), isActionBlockEnabled && /*#__PURE__*/React.createElement(ActionBlock, {
     onClick: onActionClick,
     spaceInline: "space.150"
-  }), isActionBlockEnabled && /*#__PURE__*/React.createElement(MetadataBlock, {
-    secondary: [{
-      name: ElementName.Provider,
-      testId: 'smart-element-provider'
-    }],
-    testId: "smart-block-action-footer"
-  }), !isAISummaryEnabled && !isActionBlockEnabled && /*#__PURE__*/React.createElement(FooterBlock, {
+  }), isActionBlockEnabled && /*#__PURE__*/React.createElement(FooterBlock, null), !isAISummaryEnabled && !isActionBlockEnabled && /*#__PURE__*/React.createElement(FooterBlock, {
     actions: footerActions,
     size: SmartLinkSize.Large,
     overrideCss: footerBlockCss

package/dist/esm/view/HoverCard/utils.js

@@ -41,7 +41,7 @@ var getSimulatedBetterMetadata = function getSimulatedBetterMetadata(extensionKe
       });
     case 'trello-object-provider':
       return {
-        primary: [ElementName.AuthorGroup, ElementName.State, ElementName.DueOn],
+        primary: [ElementName.CollaboratorGroup, ElementName.State, ElementName.DueOn],
         secondary: [ElementName.ReactCount, ElementName.CommentCount, ElementName.AttachmentCount, ElementName.ChecklistProgress],
         subtitle: [ElementName.Location]
       };

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

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

package/dist/types/extractors/flexible/actions/extract-ai-summary-action.d.ts

@@ -1,5 +1,5 @@
-import { JsonLd } from 'json-ld-types';
+import { type JsonLd } from 'json-ld-types';
 import { type CardActionOptions } from '../../../view/Card/types';
-import { AISummaryActionData } from '../../../state/flexible-ui-context/types';
-import { AISummaryConfig } from '../../../state/hooks/use-ai-summary-config/types';
+import { type AISummaryActionData } from '../../../state/flexible-ui-context/types';
+import { type AISummaryConfig } from '../../../state/hooks/use-ai-summary-config/types';
 export declare const extractAISummaryAction: (response: JsonLd.Response, url?: string, actionOptions?: CardActionOptions, aiSummaryConfig?: AISummaryConfig) => AISummaryActionData | undefined;

package/dist/types/state/hooks/use-ai-summary/ai-summary-service/index.d.ts

@@ -10,7 +10,7 @@ export declare class AISummaryService implements AISummaryServiceInt {
     private onError?;
     constructor(props: AISummaryServiceProps);
     private fetchStream;
-    summariseUrl(): Promise<void>;
+    summariseUrl(): Promise<AISummaryState>;
     private isExpectedError;
     subscribe(stateSetter: StateSetter): () => void;
 }

package/dist/types/state/hooks/use-ai-summary/ai-summary-service/types.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="filesystem" />
 import type { ProductType } from '@atlaskit/linking-common';
 export interface AISummaryServiceInt {
-    summariseUrl: () => Promise<void>;
+    summariseUrl: () => Promise<AISummaryState>;
     state: AISummaryState;
     subscribe: (stateSetter: StateSetter) => () => void;
 }

package/dist/types/state/hooks/use-ai-summary/index.d.ts

@@ -1,5 +1,5 @@
 import type { AISummaryServiceProps, AISummaryState } from './ai-summary-service/types';
 export declare const useAISummary: (props: AISummaryServiceProps) => {
-    summariseUrl: () => Promise<void> | undefined;
+    summariseUrl: () => Promise<AISummaryState> | undefined;
     state: AISummaryState;
 };

package/dist/types/utils/ai-summary.d.ts

@@ -0,0 +1,8 @@
+import type { JsonLd } from 'json-ld-types';
+import type { MessageDescriptor } from 'react-intl-next';
+import type { ErrorMessage } from '../state/hooks/use-ai-summary/ai-summary-service/types';
+export declare const getIsAISummaryEnabled: (isAdminHubAIEnabled?: boolean, response?: JsonLd.Response) => boolean;
+export declare const getAISummaryErrorMessage: (error?: ErrorMessage) => {
+    message: MessageDescriptor;
+    url?: string;
+};

package/dist/types/view/BlockCard/views/flexible/utils/index.d.ts

@@ -1,9 +1,9 @@
-import { JsonLd } from 'json-ld-types';
+import type { JsonLd } from 'json-ld-types';
 import type { FlexibleUiOptions } from '../../../../FlexibleCard/types';
 import type { FooterBlockProps } from '../../../../FlexibleCard/components/blocks/footer-block/types';
 import type { PreviewBlockProps } from '../../../../FlexibleCard/components/blocks/preview-block/types';
 import type { TitleBlockProps } from '../../../../FlexibleCard/components/blocks/title-block/types';
-import { ElementItem } from '../../../../FlexibleCard/components/blocks/types';
+import type { ElementItem } from '../../../../FlexibleCard/components/blocks/types';
 export declare const getSimulatedBetterMetadata: (cardDetails?: JsonLd.Response) => SimulatedMetadata;
 type SimulatedMetadata = {
     titleMetadata: ElementItem[];

package/dist/types/view/CardWithUrl/component-lazy/LazyIntersectionObserverCard.d.ts

@@ -1,6 +1,3 @@
 /// <reference types="react" />
 import { CardWithUrlContentProps } from '../types';
-declare function LazyIntersectionObserverCardLegacy(props: CardWithUrlContentProps): JSX.Element;
-declare function LazyIntersectionObserverCardNext(props: CardWithUrlContentProps): JSX.Element;
-export declare const LazyIntersectionObserverCard: typeof LazyIntersectionObserverCardNext | typeof LazyIntersectionObserverCardLegacy;
-export {};
+export declare function LazyIntersectionObserverCard(props: CardWithUrlContentProps): JSX.Element;

package/dist/types/view/EmbedCard/components/ExpandedFrame.d.ts

@@ -1,5 +1,5 @@
-import React, { FC } from 'react';
-import { FrameStyle } from '../types';
+import React, { type FC } from 'react';
+import { type FrameStyle } from '../types';
 export interface ExpandedFrameProps {
     isPlaceholder?: boolean;
     href?: string;

package/dist/types/view/EmbedCard/components/styled.d.ts

@@ -46,6 +46,7 @@ export declare const TooltipWrapper: import("@emotion/styled").StyledComponent<{
 export interface ContentProps {
     isInteractive: boolean;
     allowScrollBar: boolean;
+    removeOverflow?: boolean;
     frameStyle?: FrameStyle;
 }
 export declare const Content: import("@emotion/styled").StyledComponent<{

package/dist/types/view/EmbedCard/views/ResolvedView.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ContextViewModel, FrameStyle } from '../types';
+import { type ContextViewModel, type FrameStyle } from '../types';
 export interface EmbedCardResolvedViewProps {
     /** The title of the link */
     title?: string;