@atlaskit/smart-card 26.59.1 → 26.60.0

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

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

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

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

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

@@ -17,7 +17,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId"],
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.59.1",
+  packageVersion: "26.60.0",
   componentName: 'linkUrl'
 };
 var Link = (0, _click.withLinkClickedEvent)('a');

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

@@ -1,6 +1,6 @@
 import { CardAction } from '../../../view/Card/types';
 import { canShowAction } from '../../../utils/actions/can-show-action';
-import { getIsAISummaryEnabled } from '../../../utils/get-is-ai-summary-enabled';
+import { getIsAISummaryEnabled } from '../../../utils/ai-summary';
 import { extractAri } from '@atlaskit/link-extractors';
 export const extractAISummaryAction = (response, url, actionOptions, aiSummaryConfig) => {
   if (!canShowAction(CardAction.AISummaryAction, actionOptions) || !getIsAISummaryEnabled(aiSummaryConfig === null || aiSummaryConfig === void 0 ? void 0 : aiSummaryConfig.isAdminHubAIEnabled, response) || !(aiSummaryConfig !== null && aiSummaryConfig !== void 0 && aiSummaryConfig.product) || !url) {

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

@@ -102,6 +102,7 @@ export class AISummaryService {
     for (const subscriber of this.subscribedStateSetters) {
       subscriber(this.state);
     }
+    return this.state;
   }
   isExpectedError(value) {
     return typeof value === 'string' && errorMessages.some(a => a === value);

package/dist/es2019/utils/ai-summary.js

@@ -0,0 +1,25 @@
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { CONTENT_URL_ACCEPTABLE_USE_POLICY, CONTENT_URL_AI_TROUBLESHOOTING } from '../constants';
+import { messages } from '../messages';
+export const getIsAISummaryEnabled = (isAdminHubAIEnabled = false, response) => {
+  var _response$meta, _response$meta$suppor;
+  return Boolean(getBooleanFF('platform.linking-platform.smart-card.hover-card-ai-summaries') && isAdminHubAIEnabled && (response === null || response === void 0 ? void 0 : (_response$meta = response.meta) === null || _response$meta === void 0 ? void 0 : (_response$meta$suppor = _response$meta.supportedFeature) === null || _response$meta$suppor === void 0 ? void 0 : _response$meta$suppor.includes('AISummary')));
+};
+export const getAISummaryErrorMessage = 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
+      };
+  }
+};

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

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

@@ -106,6 +106,14 @@ export const getSimulatedBetterMetadata = cardDetails => {
           name: ElementName.CommentCount
         }]
       };
+    case 'trello-object-provider':
+      return {
+        titleMetadata: defaultTitleMetadata,
+        topMetadata: [{
+          name: ElementName.CollaboratorGroup
+        }, ...baseTopMetadata],
+        bottomMetadata: defaultBottomMetadata
+      };
     default:
       return {
         titleMetadata: defaultTitleMetadata,

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

@@ -1,5 +1,4 @@
 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';
@@ -10,44 +9,7 @@ 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.
 const ROOT_MARGIN_VERTICAL = '360px';
-function LazyIntersectionObserverCardLegacy(props) {
-  const [isIntersecting, setIsIntersecting] = useState(false);
-  const {
-    appearance,
-    url,
-    id
-  } = props;
-  const prefetch = usePrefetch(url);
-  const Component = appearance === 'inline' ? 'span' : 'div';
-  const ComponentObserver = Component;
-  const onIntersection = useCallback((entries, observer) => {
-    const isVisible = entries.some(entry => entry.isIntersecting);
-    if (isVisible) {
-      startUfoExperience('smart-link-rendered', id);
-      setIsIntersecting(true);
-      observer.disconnect();
-    } else {
-      prefetch();
-    }
-  }, [prefetch, id]);
-  const onRef = useCallback(element => {
-    if (!element) {
-      return;
-    }
-    const intersectionObserver = new IntersectionObserver(onIntersection, {
-      rootMargin: `${ROOT_MARGIN_VERTICAL} 0px ${ROOT_MARGIN_VERTICAL} 0px`
-    });
-    intersectionObserver.observe(element);
-    return () => intersectionObserver.disconnect();
-  }, [onIntersection]);
-  const 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) {
+export function LazyIntersectionObserverCard(props) {
   const ref = useRef(null);
   const [isIntersecting, setIsIntersecting] = useState(false);
   const {
@@ -84,8 +46,4 @@ function LazyIntersectionObserverCardNext(props) {
   return /*#__PURE__*/React.createElement(Component, {
     className: "loader-wrapper"
   }, content);
-}
-export const LazyIntersectionObserverCard = props => {
-  const Component = getBooleanFF('platform.linking-platform.smart-card.fix-intersection-observer') ? LazyIntersectionObserverCardNext : LazyIntersectionObserverCardLegacy;
-  return /*#__PURE__*/React.createElement(Component, props);
-};
+}

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

@@ -22,6 +22,7 @@ export const ExpandedFrame = ({
   const isInteractive = () => !isPlaceholder && (Boolean(href) || Boolean(onClick));
   const handleClick = event => handleClickCommon(event, onClick);
   const handleMouseDown = useMouseDownEvent();
+  const isFixEmbedCardBlurEnabled = getBooleanFF('platform.linking-platform.smart-card.fix-embed-card-blurring') ? true : false;
   const renderHeaderOld = () => /*#__PURE__*/React.createElement(Header, {
     className: "embed-header",
     frameStyle: frameStyle
@@ -52,6 +53,7 @@ export const ExpandedFrame = ({
   const renderContent = () => /*#__PURE__*/React.createElement(Content, {
     "data-testid": "embed-content-wrapper",
     allowScrollBar: allowScrollBar,
+    removeOverflow: isFixEmbedCardBlurEnabled,
     isInteractive: isInteractive(),
     frameStyle: frameStyle
   }, children);

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

@@ -224,8 +224,14 @@ export const Content = styled.div`
   }
 
   ${({
-  allowScrollBar
-}) => allowScrollBar ? 'overflow: auto;' : 'overflow: hidden;'}
+  allowScrollBar,
+  removeOverflow
+}) => {
+  if (removeOverflow) {
+    return '';
+  }
+  return allowScrollBar ? 'overflow: auto;' : 'overflow: hidden;';
+}}
 
   ${({
   frameStyle

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

@@ -1,13 +1,16 @@
 import _extends from "@babel/runtime/helpers/extends";
 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 const AISummaryActionComponent = ({
   onClick: onClickCallback,
+  onError: onErrorCallback,
   url = '',
   ari = '',
   product,
@@ -26,26 +29,31 @@ export const AISummaryActionComponent = ({
     ari,
     product
   });
+  const onCompleted = useCallback(state => {
+    if ((state === null || state === void 0 ? void 0 : state.status) === 'error') {
+      onErrorCallback === null || onErrorCallback === void 0 ? void 0 : onErrorCallback(getErrorMessage(state.error));
+    }
+  }, [onErrorCallback]);
   const handleActionClick = useCallback(() => {
+    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 ? void 0 : _summariseUrl.then(onCompleted, onCompleted);
     onClickCallback === null || onClickCallback === void 0 ? 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/es2019/view/FlexibleCard/components/actions/ai-summary-action/utils.js

@@ -0,0 +1,24 @@
+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 const getErrorMessage = error => {
+  const {
+    message,
+    url
+  } = getAISummaryErrorMessage(error);
+  return {
+    appearance: 'error',
+    title: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AIEventErrorViewed, {
+      reason: error
+    }), /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, message, {
+      values: {
+        a: chunks => /*#__PURE__*/React.createElement(AILearnMoreAnchor, {
+          href: url
+        }, chunks)
+      }
+    })))
+  };
+};

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

@@ -0,0 +1,61 @@
+import ErrorIcon from '@atlaskit/icon/glyph/error';
+import { Box, Inline, xcss } from '@atlaskit/primitives';
+import React from 'react';
+import MotionWrapper from '../../../common/motion-wrapper';
+const containerStyles = xcss({
+  all: 'unset',
+  borderRadius: 'border.radius',
+  margin: 'space.100',
+  lineHeight: '20px',
+  padding: 'space.050',
+  paddingInline: 'space.100',
+  width: '100%',
+  ':empty': {
+    display: 'none'
+  }
+});
+const errorStyles = xcss({
+  backgroundColor: 'color.background.danger'
+});
+const titleStyles = xcss({
+  color: 'color.text.subtle',
+  fontSize: '12px',
+  fontStyle: 'normal',
+  fontWeight: '400',
+  lineHeight: '16px'
+});
+const 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 const ActionFooter = ({
+  message,
+  testId
+}) => {
+  if (!message) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(Box, {
+    testId: `${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/es2019/view/FlexibleCard/components/blocks/action-block/index.js

@@ -1,11 +1,13 @@
 /** @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';
 const ignoreContainerPaddingStyles = css({
   display: 'flex',
   flexDirection: 'column',
@@ -38,7 +40,15 @@ const ActionBlock = ({
 }) => {
   const context = useFlexibleUiContext();
   const ui = useFlexibleUiOptionContext();
+  const [message, setMessage] = useState();
   const padding = !(ui !== null && ui !== void 0 && ui.hidePadding) ? getPrimitivesPaddingSpaceBySize((ui === null || ui === void 0 ? void 0 : ui.size) || SmartLinkSize.Medium) : undefined;
+  const onClick = useCallback(name => {
+    setMessage(undefined);
+    onClickCallback === null || onClickCallback === void 0 ? void 0 : onClickCallback(name);
+  }, [onClickCallback]);
+  const onError = useCallback(error => {
+    setMessage(error);
+  }, []);
   const actions = useMemo(() => {
     if (!(context !== null && context !== void 0 && context.actions)) {
       return;
@@ -51,18 +61,23 @@ const ActionBlock = ({
         as: "stack-item",
         spaceInline: spaceInline,
         key: name,
-        onClick: () => onClickCallback === null || onClickCallback === void 0 ? void 0 : onClickCallback(name),
+        onClick: () => 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/es2019/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';
 const tooltipMsgStyles = xcss({
   color: 'color.text',
   fontSize: '14px',

package/dist/es2019/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';
 const contentStyles = xcss({
   color: 'color.text.subtle',
   fontSize: '11px',
@@ -24,24 +23,6 @@ const FormattedErrorMessage = ({
     }, chunks)
   }
 }));
-const 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
-      };
-  }
-};
 const AIStateError = ({
   appearance,
   testId,
@@ -50,7 +31,7 @@ const AIStateError = ({
   const {
     message,
     url
-  } = getErrorMesssageProps(error);
+  } = getAISummaryErrorMessage(error);
   switch (appearance) {
     case 'icon-only':
       return null;

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

@@ -6,7 +6,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';
@@ -15,7 +15,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';
@@ -27,7 +27,7 @@ export const AISummaryBlockErrorIndicator = ({
   error,
   showTransition,
   testId
-}) => /*#__PURE__*/React.createElement(AIMotionWrapper, {
+}) => /*#__PURE__*/React.createElement(MotionWrapper, {
   isFadeIn: true,
   show: showErrorIndicator,
   showTransition: showTransition
@@ -142,7 +142,7 @@ const 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/es2019/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';
 const AIEventErrorViewed = ({
   reason
 }) => {

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import { CONTENT_URL_AI } from '../../../../../../constants';
+import { CONTENT_URL_AI } from '../../../../../constants';
 const AILearnMoreAnchor = ({
   children,
   ...props

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

@@ -1,6 +1,6 @@
 import { Box } from '@atlaskit/primitives';
 import React, { useEffect, useRef, useState } from 'react';
-export const AIMotionWrapper = ({
+export const MotionWrapper = ({
   children,
   isFadeIn = false,
   minHeight = 0,
@@ -36,4 +36,4 @@ export const AIMotionWrapper = ({
     ref: ref
   }, children) : null;
 };
-export default AIMotionWrapper;
+export default MotionWrapper;

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

@@ -20,7 +20,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 const hoverCardClassName = 'smart-links-hover-preview';
 export const getCopyAction = url => ({
   name: ActionName.CustomAction,

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

@@ -181,13 +181,7 @@ const HoverCardResolvedView = ({
   }), 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/es2019/view/HoverCard/utils.js

@@ -41,7 +41,7 @@ const getSimulatedBetterMetadata = (extensionKey, data) => {
       };
     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/es2019/view/LinkUrl/index.js

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

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

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

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

@@ -208,7 +208,8 @@ export var AISummaryService = /*#__PURE__*/function () {
               } finally {
                 _iterator4.f();
               }
-            case 52:
+              return _context2.abrupt("return", this.state);
+            case 53:
             case "end":
               return _context2.stop();
           }

package/dist/esm/utils/{get-is-ai-summary-enabled.js → ai-summary.js}

@@ -1,7 +1,27 @@
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { CONTENT_URL_ACCEPTABLE_USE_POLICY, CONTENT_URL_AI_TROUBLESHOOTING } from '../constants';
+import { messages } from '../messages';
 export var getIsAISummaryEnabled = function getIsAISummaryEnabled() {
   var _response$meta;
   var isAdminHubAIEnabled = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
   var response = arguments.length > 1 ? arguments[1] : undefined;
   return Boolean(getBooleanFF('platform.linking-platform.smart-card.hover-card-ai-summaries') && isAdminHubAIEnabled && (response === null || response === void 0 || (_response$meta = response.meta) === null || _response$meta === void 0 || (_response$meta = _response$meta.supportedFeature) === null || _response$meta === void 0 ? void 0 : _response$meta.includes('AISummary')));
+};
+export var getAISummaryErrorMessage = function getAISummaryErrorMessage(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
+      };
+  }
 };

package/dist/esm/utils/analytics/analytics.js

@@ -15,7 +15,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.59.1"
+  packageVersion: "26.60.0"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";