@atlaskit/smart-card 26.48.2 → 26.48.4

package/dist/cjs/view/FlexibleCard/components/elements/text/index.js

@@ -9,11 +9,10 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _utils = require("../../utils");
-var _token = require("../../../../../utils/token");
 var _templateObject;
 /** @jsx jsx */
 var getStyles = function getStyles(maxLines) {
-  return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  font-size: 0.75rem;\n  line-height: 1rem;\n  white-space: normal;\n  ", "\n"])), _token.tokens.text, (0, _utils.getTruncateStyles)(maxLines));
+  return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  font-size: 0.75rem;\n  line-height: 1rem;\n  white-space: normal;\n  ", "\n"])), "var(--ds-text-subtlest, #626F86)", (0, _utils.getTruncateStyles)(maxLines));
 };
 
 /**

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

@@ -210,5 +210,5 @@ var getIsAISummaryEnabled = exports.getIsAISummaryEnabled = function getIsAISumm
   var _response$meta;
   var isAdminHubAIEnabled = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
   var response = arguments.length > 1 ? arguments[1] : undefined;
-  return Boolean((0, _platformFeatureFlags.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.supportedFeatures) === null || _response$meta === void 0 ? void 0 : _response$meta.includes('AISummary')));
+  return Boolean((0, _platformFeatureFlags.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')));
 };

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.48.2",
+  packageVersion: "26.48.4",
   componentName: 'linkUrl'
 };
 var Link = (0, _click.withLinkClickedEvent)('a');

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

@@ -6,7 +6,7 @@ export class AISummaryService {
       content: '',
       status: 'ready'
     });
-    _defineProperty(this, "subscribedStateSetter", state => {});
+    _defineProperty(this, "subscribedStateSetters", new Set());
     _defineProperty(this, "fetchStream", async summaryStyle => {
       const payload = {
         recipient_agent_named_id: 'summary_agent',
@@ -47,25 +47,34 @@ export class AISummaryService {
       ...this.state,
       status: 'loading'
     };
-    this.subscribedStateSetter(this.state);
+    for (const subscriber of this.subscribedStateSetters) {
+      subscriber(this.state);
+    }
     const stream = await this.fetchStream(summaryStyle);
     let bufferContent = '';
     for await (const chunk of stream) {
       if (chunk.type === 'ANSWER_PART') {
         bufferContent += chunk.message.content;
-        this.subscribedStateSetter({
-          ...this.state,
-          content: bufferContent
-        });
+        for (const subscriber of this.subscribedStateSetters) {
+          subscriber({
+            ...this.state,
+            content: bufferContent
+          });
+        }
       }
     }
     this.state = {
       status: 'done',
       content: bufferContent
     };
-    this.subscribedStateSetter(this.state);
+    for (const subscriber of this.subscribedStateSetters) {
+      subscriber(this.state);
+    }
   }
   subscribe(stateSetter) {
-    this.subscribedStateSetter = stateSetter;
+    this.subscribedStateSetters.add(stateSetter);
+    return () => {
+      this.subscribedStateSetters.delete(stateSetter);
+    };
   }
 }

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

@@ -1,34 +1,55 @@
-import { useState, useEffect } from 'react';
+import { useState, useEffect, useMemo } from 'react';
 import { AISummariesStore } from './ai-summary-service/store';
 import { AISummaryService } from './ai-summary-service';
 export const useAISummary = props => {
+  var _AISummariesStore$get;
   const {
-    url
+    url,
+    baseUrl,
+    product,
+    headers
   } = props;
-  const aISummaryService = AISummariesStore.get(url);
-  const isAISummaryServiceInitiated = !!aISummaryService;
-  const [state, setState] = useState(isAISummaryServiceInitiated ? aISummaryService.state : {
+  const [state, setState] = useState(((_AISummariesStore$get = AISummariesStore.get(url)) === null || _AISummariesStore$get === void 0 ? void 0 : _AISummariesStore$get.state) || {
     status: 'ready',
     content: ''
   });
-  const isSummarised = isAISummaryServiceInitiated && state.status === 'done';
+
+  // Can be used to know the summary status upon mounting a component (HoverCard UI state for example).
+  // For other scenarios, opt for dynamic status updates via state.status.
+  const isSummarisedOnMount = useMemo(() => {
+    var _AISummariesStore$get2;
+    return ((_AISummariesStore$get2 = AISummariesStore.get(url)) === null || _AISummariesStore$get2 === void 0 ? void 0 : _AISummariesStore$get2.state.status) === 'done';
+  }, [url]);
   useEffect(() => {
-    if (!isSummarised) {
-      var _AISummariesStore$get;
-      if (!isAISummaryServiceInitiated) {
-        AISummariesStore.set(url, new AISummaryService(props));
+    // Create or subscribe to an AI service only if a summary has not been previously generated.
+    // Otherwise, use the data from the current state synchronized with a cache (AISummariesStore).
+    if (!isSummarisedOnMount) {
+      const aISummaryService = AISummariesStore.get(url);
+      const isAISummaryServiceInitiated = !!aISummaryService;
+      if (isAISummaryServiceInitiated) {
+        //if we want to subscribe to updates from an existing AI service that has not yet provided a summary or is currently in progress.
+        const unsubscribe = aISummaryService.subscribe(setState);
+        return () => unsubscribe();
+      } else {
+        var _AISummariesStore$get3;
+        //if we want to create a new AI service and wish to subscribe for updates
+        AISummariesStore.set(url, new AISummaryService({
+          url,
+          baseUrl,
+          product,
+          headers
+        }));
+        const unsubscribe = (_AISummariesStore$get3 = AISummariesStore.get(url)) === null || _AISummariesStore$get3 === void 0 ? void 0 : _AISummariesStore$get3.subscribe(setState);
+        return () => unsubscribe && unsubscribe();
       }
-      return (_AISummariesStore$get = AISummariesStore.get(url)) === null || _AISummariesStore$get === void 0 ? void 0 : _AISummariesStore$get.subscribe(setState);
     }
-  }, [isSummarised, isAISummaryServiceInitiated, url, props]);
+  }, [isSummarisedOnMount, url, baseUrl, product, headers]);
   const summariseUrl = () => {
-    if (isAISummaryServiceInitiated) {
-      return aISummaryService.summariseUrl();
-    }
-    return;
+    var _AISummariesStore$get4;
+    return (_AISummariesStore$get4 = AISummariesStore.get(url)) === null || _AISummariesStore$get4 === void 0 ? void 0 : _AISummariesStore$get4.summariseUrl();
   };
   return {
-    isSummarised,
+    isSummarisedOnMount,
     summariseUrl,
     state
   };

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

package/dist/es2019/utils/index.js

@@ -154,4 +154,17 @@ export const openUrl = async url => {
     return;
   }
   window.open(url, '_blank', 'noopener=yes');
+};
+
+/**
+ * Migrate internal usages of the deprecated isFrameVisible to frameStyle
+ * This function is to be removed on deprecation of isFrameVisible.
+ */
+export const combineFrameStyle = (frameStyle, isFrameVisible) => {
+  if (frameStyle !== undefined) {
+    return frameStyle;
+  }
+  if (isFrameVisible) {
+    return 'show';
+  }
 };

package/dist/es2019/view/CardWithUrl/component.js

@@ -1,7 +1,7 @@
 import React, { useEffect, useCallback, useMemo } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { useFeatureFlag } from '@atlaskit/link-provider';
-import { isSpecialEvent } from '../../utils';
+import { combineFrameStyle, isSpecialEvent } from '../../utils';
 import * as measure from '../../utils/performance';
 import { getDefinitionId, getServices, isFinalState, getClickUrl, getResourceType, getExtensionKey, getSubproduct, getProduct, getCanBeDatasource } from '../../state/helpers';
 import { useSmartLink } from '../../state';
@@ -20,7 +20,7 @@ function Component({
   isSelected,
   isHovered,
   isFrameVisible,
-  frameStyle,
+  frameStyle: frameStyleProp,
   platform,
   onClick,
   appearance,
@@ -66,6 +66,7 @@ function Component({
   let isFlexibleUi = useMemo(() => isFlexibleUiCard(children), [children]);
   const enableFlexibleBlockCardFlag = Boolean(useFeatureFlag('enableFlexibleBlockCard'));
   const actionOptions = combineActionOptions(actionOptionsProp, showServerActions, showActions, platform);
+  const frameStyle = combineFrameStyle(frameStyleProp, isFrameVisible);
 
   // Setup UI handlers.
   const handleClickWrapper = useCallback(event => {
@@ -248,7 +249,6 @@ function Component({
         handleInvoke: handleInvoke,
         analytics: analytics,
         isSelected: isSelected,
-        isFrameVisible: isFrameVisible,
         frameStyle: frameStyle,
         platform: platform,
         onResolve: onResolve,

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

@@ -1,4 +1,4 @@
-import React, { useMemo } from 'react';
+import React from 'react';
 import { className, LinkWrapper, Wrapper, Header, IconWrapper, TextWrapper, Content } from './styled';
 import { handleClickCommon } from '../../BlockCard/utils/handlers';
 import { useMouseDownEvent } from '../../../state/analytics/useLinkClicked';
@@ -9,8 +9,7 @@ export const ExpandedFrame = ({
   icon,
   text,
   isSelected,
-  isFrameVisible,
-  frameStyle,
+  frameStyle = 'showOnHover',
   href,
   minWidth,
   maxWidth,
@@ -21,7 +20,6 @@ export const ExpandedFrame = ({
   const isInteractive = () => !isPlaceholder && (Boolean(href) || Boolean(onClick));
   const handleClick = event => handleClickCommon(event, onClick);
   const handleMouseDown = useMouseDownEvent();
-  const calculatedFrameStyle = useMemo(() => frameStyle !== undefined ? frameStyle : isFrameVisible ? 'show' : 'showOnHover', [frameStyle, isFrameVisible]);
   const renderHeader = () => /*#__PURE__*/React.createElement(Header, {
     className: "embed-header",
     frameStyle: frameStyle
@@ -45,7 +43,7 @@ export const ExpandedFrame = ({
       className: className,
       isInteractive: isInteractive(),
       isSelected: isSelected,
-      frameStyle: calculatedFrameStyle,
+      frameStyle: frameStyle,
       minWidth: minWidth,
       maxWidth: maxWidth,
       "data-testid": testId,
@@ -61,7 +59,7 @@ export const ExpandedFrame = ({
       isInteractive: isInteractive(),
       isSelected: isSelected,
       minWidth: minWidth,
-      frameStyle: calculatedFrameStyle,
+      frameStyle: frameStyle,
       maxWidth: maxWidth,
       "data-testid": testId,
       "data-trello-do-not-use-override": testId,

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

@@ -26,7 +26,6 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
   analytics,
   handleInvoke,
   isSelected,
-  isFrameVisible,
   frameStyle,
   platform,
   onResolve,
@@ -67,7 +66,6 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
       if (resolvedViewProps.preview) {
         return /*#__PURE__*/React.createElement(EmbedCardResolvedView, _extends({}, resolvedViewProps, {
           isSelected: isSelected,
-          isFrameVisible: isFrameVisible,
           frameStyle: frameStyle,
           inheritDimensions: inheritDimensions,
           onClick: handleFrameClick,
@@ -110,6 +108,7 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
         analytics: analytics,
         context: unauthorisedViewProps.context,
         extensionKey: extensionKey,
+        frameStyle: frameStyle,
         isProductIntegrationSupported: isProductIntegrationSupported,
         inheritDimensions: inheritDimensions,
         isSelected: isSelected,
@@ -130,8 +129,8 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
       if (forbiddenViewProps.preview) {
         return /*#__PURE__*/React.createElement(EmbedCardResolvedView, _extends({}, forbiddenViewProps, {
           title: forbiddenViewProps.link,
+          frameStyle: frameStyle,
           isSelected: isSelected,
-          isFrameVisible: isFrameVisible,
           inheritDimensions: inheritDimensions,
           onClick: handleFrameClick,
           ref: iframeRef
@@ -145,6 +144,7 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
       });
       return /*#__PURE__*/React.createElement(ForbiddenView, {
         context: forbiddenViewProps.context,
+        frameStyle: frameStyle,
         inheritDimensions: inheritDimensions,
         isSelected: isSelected,
         onAuthorize: handleAuthorize,
@@ -168,6 +168,7 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
       }) : undefined;
       return /*#__PURE__*/React.createElement(NotFoundView, {
         context: notFoundViewProps.context,
+        frameStyle: frameStyle,
         inheritDimensions: inheritDimensions,
         isSelected: isSelected,
         onClick: handleFrameClick,

package/dist/es2019/view/EmbedCard/views/ResolvedView.js

@@ -11,7 +11,6 @@ export const EmbedCardResolvedView = /*#__PURE__*/React.forwardRef(({
   context,
   onClick,
   isSelected,
-  isFrameVisible,
   frameStyle,
   preview,
   title,
@@ -48,7 +47,6 @@ export const EmbedCardResolvedView = /*#__PURE__*/React.forwardRef(({
   }
   return jsx(ExpandedFrame, {
     isSelected: isSelected,
-    isFrameVisible: isFrameVisible,
     frameStyle: frameStyle,
     href: link,
     testId: testId,

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

@@ -8,6 +8,7 @@ import { containerStyles, contentStyles, descriptionStyles, imageStyles, titleSt
 const UnresolvedView = ({
   button,
   description,
+  frameStyle,
   icon: iconUrlOrElement,
   image,
   inheritDimensions,
@@ -32,8 +33,15 @@ const UnresolvedView = ({
     });
   }, [iconUrlOrElement]);
   return jsx(ExpandedFrame, {
-    allowScrollBar: true,
-    frameStyle: "show",
+    allowScrollBar: true
+    // EDM-9259: Fix embed frame showing on unresolved views when frameStyle is set to hide.
+    // Set fallback to 'show' here to maintain the current behaviour when platform.editor.show-embed-card-frame-renderer is OFF.
+    // Remove 'show' on platform.editor.show-embed-card-frame-renderer cleanup as frameStyle will be set to 'show' both in renderer and editor.
+    // We want all views to be consistent and respect frameStyle instead of
+    // having resolved view default to showOnHover and unresolved view default to show.
+    // Default frameStyle is set inside <ExpandedFrame />
+    ,
+    frameStyle: frameStyle !== null && frameStyle !== void 0 ? frameStyle : 'show',
     href: url,
     icon: icon,
     inheritDimensions: inheritDimensions,

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

@@ -2,8 +2,6 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import Action from '../index';
 import { useFlexibleUiAnalyticsContext } from '../../../../../../state/flexible-ui-context';
-import { FormattedMessage } from 'react-intl-next';
-import { messages } from '../../../../../../messages';
 import { openEmbedModalWithFlexibleUiIcon } from '../../../utils';
 import useInvokeClientAction from '../../../../../../state/hooks/use-invoke-client-action';
 import { ActionName } from '../../../../../../constants';
@@ -51,8 +49,7 @@ const PreviewAction = props => {
         if (onClick) {
           onClick();
         }
-      },
-      content: /*#__PURE__*/React.createElement(FormattedMessage, messages.preview_improved)
+      }
     };
     return /*#__PURE__*/React.createElement(Action, _extends({}, action, {
       appearance: appearance,

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

@@ -8,11 +8,10 @@ import Block from '../../block';
 import { SmartLinkAlignment, SmartLinkDirection, SmartLinkSize } from '../../../../../../constants';
 import { getLinkLineHeight, getLinkSizeStyles, getTruncateStyles } from '../../../utils';
 import ElementGroup from '../../element-group';
-import { tokens } from '../../../../../../utils/token';
 const actionStyles = css`
   cursor: pointer;
   :hover {
-    color: ${tokens.errorMessageHover};
+    color: ${"var(--ds-text-subtle, #8993A4)"};
     text-decoration: underline;
   }
 `;
@@ -24,9 +23,9 @@ const getMessageStyles = (size, hasAction) => {
     ${hasAction ? actionStyles : ''}
     ${sizeStyles}
     ${getTruncateStyles(1, getLinkLineHeight(size))}
-    color: ${tokens.errorMessage};
+    color: ${"var(--ds-text-disabled, #6B778C)"};
     :focus {
-      outline: ${tokens.focus} solid 2px;
+      outline: ${"var(--ds-border-focused, #388BFF)"} solid 2px;
     }
   `;
 };

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

@@ -3,7 +3,6 @@ import React, { useContext } from 'react';
 import { css, jsx } from '@emotion/react';
 import { MediaPlacement, SmartLinkSize, SmartLinkTheme } from '../../../../constants';
 import { isFlexibleUiBlock, isFlexibleUiPreviewBlock, isFlexibleUiTitleBlock } from '../../../../utils/flexible';
-import { tokens } from '../../../../utils/token';
 import { FlexibleUiContext } from '../../../../state/flexible-ui-context';
 import LayeredLink from './layered-link';
 import HoverCardControl from './hover-card-control';
@@ -99,7 +98,7 @@ export const getContainerStyles = (size, hideBackground, hideElevation, hidePadd
     min-width: 0;
     overflow-x: hidden;
     position: relative;
-    ${hideBackground ? '' : `background-color: ${tokens.background};`}
+    ${hideBackground ? '' : `background-color: ${"var(--ds-surface-raised, #FFFFFF)"};`}
     ${paddingCss}
     ${hideElevation ? '' : elevationStyles}
     ${clickableContainer ? clickableContainerStyles : ''}

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

@@ -1,7 +1,6 @@
 /** @jsx jsx */
 import React from 'react';
 import { css, jsx } from '@emotion/react';
-import { tokens } from '../../../../../utils/token';
 import { getFormattedMessage, getIconSizeStyles } from '../../utils';
 import { IconType } from '../../../../../constants';
 import { messages } from '../../../../../messages';
@@ -13,7 +12,7 @@ const badgeStyles = css`
   min-width: fit-content;
 `;
 const iconStyles = css`
-  color: ${tokens.badgeIcon};
+  color: ${"var(--ds-icon-subtle, #626F86)"};
   line-height: 0;
   vertical-align: middle;
   ${getIconSizeStyles('1rem')}
@@ -25,7 +24,7 @@ const iconStyles = css`
   }
 `;
 const labelStyles = css`
-  color: ${tokens.badgeText};
+  color: ${"var(--ds-text-subtlest, #626F86)"};
   font-size: 0.75rem;
   line-height: 1rem;
   padding-left: 0.125rem;

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

@@ -4,11 +4,10 @@ import React from 'react';
 import { useIntl, FormattedMessage } from 'react-intl-next';
 import { css, jsx } from '@emotion/react';
 import { getTruncateStyles } from '../../utils';
-import { tokens } from '../../../../../utils/token';
 import { selectUnit } from '@formatjs/intl-utils';
 import { messages } from '../../../../../messages';
 const styles = css`
-  color: ${tokens.text};
+  color: ${"var(--ds-text-subtlest, #626F86)"};
   font-size: 0.75rem;
   line-height: 1rem;
   ${getTruncateStyles(1)}

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

@@ -5,7 +5,6 @@ import { css, jsx } from '@emotion/react';
 import Tooltip from '@atlaskit/tooltip';
 import { SmartLinkInternalTheme, SmartLinkSize, SmartLinkTheme } from '../../../../../constants';
 import { getLinkLineHeight, getLinkSizeStyles, getTruncateStyles, hasWhiteSpace } from '../../utils';
-import { tokens } from '../../../../../utils/token';
 import { useMouseDownEvent } from '../../../../../state/analytics/useLinkClicked';
 const DEFAULT_MAX_LINES = 2;
 const MAXIMUM_MAX_LINES = 2;
@@ -34,24 +33,24 @@ const getThemeStyles = theme => {
     // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
     case SmartLinkTheme.Black:
       return css`
-        color: ${tokens.blackLink};
+        color: ${"var(--ds-text-subtle, #44546F)"};
         :active {
-          color: ${tokens.blackLinkPressed};
+          color: ${"var(--ds-text, #172B4D)"};
         }
         :hover {
-          color: ${tokens.blackLink};
+          color: ${"var(--ds-text-subtle, #44546F)"};
           text-decoration: underline;
         }
       `;
     case SmartLinkTheme.Link:
     default:
       return css`
-        color: ${tokens.blueLink};
+        color: ${"var(--ds-link, #0C66E4)"};
         :active {
-          color: ${tokens.blueLinkPressed};
+          color: ${"var(--ds-link-pressed, #0055CC)"};
         }
         :hover {
-          color: ${tokens.blueLink};
+          color: ${"var(--ds-link, #0C66E4)"};
           text-decoration: underline;
         }
       `;

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

@@ -2,9 +2,8 @@
 import React from 'react';
 import { css, jsx } from '@emotion/react';
 import { getFormattedMessage, getTruncateStyles } from '../../utils';
-import { tokens } from '../../../../../utils/token';
 const getStyles = maxLines => css`
-  color: ${tokens.text};
+  color: ${"var(--ds-text-subtlest, #626F86)"};
   font-size: 0.75rem;
   line-height: 1rem;
   white-space: normal;

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

@@ -204,5 +204,5 @@ export const getSimulatedBetterMetadata = (extensionKey = '', data) => {
 };
 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.supportedFeatures) === null || _response$meta$suppor === void 0 ? void 0 : _response$meta$suppor.includes('AISummary')));
+  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')));
 };

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.48.2",
+  packageVersion: "26.48.4",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');