@atlaskit/smart-card 26.46.5 → 26.47.1

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

@@ -15,7 +15,20 @@ import { ContentHeader } from '../components/ContentHeader';
 import { handleClickCommon } from '../utils/handlers';
 import { Link } from '../components/Link';
 import { UnresolvedText } from '../components/UnresolvedText';
+/**
+ * Class name for selecting non-flexible forbidden block card
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 export const blockCardForbiddenViewClassName = 'block-card-forbidden-view';
+
+/**
+ * Class name for selecting link inside non-flexible forbidden block card
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 export const blockCardForbiddenViewLinkClassName = 'block-card-forbidden-view-link';
 export const ForbiddenView = ({
   context = {

package/dist/es2019/view/BlockCard/views/NotFoundView.js

@@ -17,6 +17,12 @@ import { handleClickCommon } from '../utils/handlers';
 const textDescriptionProps = {
   ...messages.not_found_description
 };
+/**
+ * Class name for selecting non-flexible not-found block card
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 export const blockCardNotFoundViewClassName = 'block-card-not-found-view';
 export const NotFoundView = ({
   context = {

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

@@ -17,7 +17,19 @@ import { ContentHeader } from '../components/ContentHeader';
 import { ContentFooter } from '../components/ContentFooter';
 import { gs } from '../../common/utils';
 import { handleClickCommon } from '../utils/handlers';
+/**
+ * Class name for selecting non-flexible resolved block card
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 export const blockCardResolvedViewClassName = 'block-card-resolved-view';
+/**
+ * Class name for selecting non-flexible resolved byline
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 export const blockCardResolvedViewByClassName = 'block-card-resolved-view-by';
 export const ResolvedView = ({
   icon = {},

package/dist/es2019/view/BlockCard/views/ResolvingView.js

@@ -7,6 +7,12 @@ import { Frame } from '../components/Frame';
 import { gs } from '../../common/utils';
 import { FormattedMessage } from 'react-intl-next';
 import { messages } from '../../../messages';
+/**
+ * Class name for selecting non-flexible resolving block card
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 export const blockCardResolvingViewClassName = 'block-card-resolving-view';
 export const ResolvingView = ({
   isSelected = false,

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

@@ -39,7 +39,8 @@ function Component({
   children,
   showHoverPreview,
   showAuthTooltip,
-  analyticsEvents
+  analyticsEvents,
+  useLegacyBlockCard
 }) {
   const {
     createAnalyticsEvent
@@ -233,7 +234,7 @@ function Component({
         testId: testId,
         actionOptions: actionOptions,
         platform: platform,
-        enableFlexibleBlockCard: enableFlexibleBlockCardFlag
+        enableFlexibleBlockCard: enableFlexibleBlockCardFlag && useLegacyBlockCard !== true
       });
     case 'embed':
       return /*#__PURE__*/React.createElement(EmbedCard, {

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

@@ -42,7 +42,8 @@ export function CardWithURLRenderer(props) {
     showAuthTooltip,
     analyticsEvents,
     placeholder,
-    fallbackComponent
+    fallbackComponent,
+    useLegacyBlockCard
   } = props;
   const analytics = useSmartLinkAnalytics(url !== null && url !== void 0 ? url : '', undefined, id);
   const isFlexibleUi = isFlexibleUiCard(children);
@@ -109,7 +110,8 @@ export function CardWithURLRenderer(props) {
     showHoverPreview,
     showAuthTooltip,
     analyticsEvents,
-    placeholder
+    placeholder,
+    useLegacyBlockCard
   };
   return /*#__PURE__*/React.createElement(ErrorBoundary, {
     FallbackComponent: ErrorFallback,

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

@@ -0,0 +1,33 @@
+import _extends from "@babel/runtime/helpers/extends";
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import React from 'react';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { HoverCardContainer, popupContainerStyles } from '../styled';
+import AIPrism from '../../common/ai-prism';
+import { hoverCardClassName } from './HoverCardContent';
+const ContentContainer = ({
+  children,
+  isAIEnabled = false,
+  showPrism = false,
+  testId,
+  ...props
+}) => {
+  if (getBooleanFF('platform.linking-platform.smart-card.hover-card-ai-summaries')) {
+    const container = jsx("div", _extends({
+      className: hoverCardClassName,
+      css: [HoverCardContainer, isAIEnabled && showPrism ? undefined : popupContainerStyles],
+      "data-testid": testId
+    }, props), children);
+    return isAIEnabled ? jsx(AIPrism, {
+      isVisible: showPrism,
+      testId: `${testId}-prism`
+    }, container) : container;
+  }
+  return jsx("div", _extends({
+    className: hoverCardClassName,
+    css: HoverCardContainer,
+    "data-testid": testId
+  }, props), children);
+};
+export default ContentContainer;

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

@@ -1,13 +1,20 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import React from 'react';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { popupContainerStyles } from '../styled';
 import { jsx } from '@emotion/react';
+
+/**
+ * The purpose of this component is to hide the default Popup border.
+ * HoverCard border implementation is in ContentContainer where it can
+ * change between the default border and prism border during runtime.
+ */
 const CustomPopupContainer = /*#__PURE__*/React.forwardRef(({
   children,
   ...props
 }, ref) => jsx("div", _extends({
-  css: popupContainerStyles
+  css: getBooleanFF('platform.linking-platform.smart-card.hover-card-ai-summaries') ? undefined : popupContainerStyles
 }, props, {
   ref: ref
 }), children));

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

@@ -2,14 +2,15 @@
 import { jsx } from '@emotion/react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import CopyIcon from '@atlaskit/icon/glyph/copy';
-import React, { useCallback, useEffect, useMemo, useRef } from 'react';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { useSmartLinkContext } from '@atlaskit/link-provider';
 import { ActionName, CardDisplay, SmartLinkPosition, SmartLinkSize } from '../../../constants';
 import { extractMetadata } from '../../../extractors/hover/extractMetadata';
 import { useSmartLinkAnalytics } from '../../../state/analytics';
 import { getExtensionKey, getServices } from '../../../state/helpers';
 import { isSpecialEvent } from '../../../utils';
-import { HoverCardContainer, flexibleUiOptions, titleBlockCss } from '../styled';
-import { getSimulatedMetadata } from '../utils';
+import { flexibleUiOptions, titleBlockCss } from '../styled';
+import { getSimulatedMetadata, getIsAISummaryEnabled } from '../utils';
 import HoverCardLoadingView from './views/resolving';
 import HoverCardUnauthorisedView from './views/unauthorised';
 import HoverCardResolvedView from './views/resolved';
@@ -18,6 +19,7 @@ import { messages } from '../../../messages';
 import { fireLinkClickedEvent } from '../../../utils/analytics/click';
 import { useSmartCardState } from '../../../state/store';
 import HoverCardForbiddenView from './views/forbidden';
+import ContentContainer from './ContentContainer';
 export const hoverCardClassName = 'smart-links-hover-preview';
 export const getCopyAction = url => ({
   name: ActionName.CustomAction,
@@ -52,9 +54,14 @@ const HoverCardContent = ({
   const extensionKey = useMemo(() => getExtensionKey(cardState.details), [cardState.details]);
   const linkState = useSmartCardState(url);
   const linkStatus = (_linkState$status = linkState.status) !== null && _linkState$status !== void 0 ? _linkState$status : 'pending';
+  const {
+    isAdminHubAIEnabled
+  } = useSmartLinkContext();
+  const isAISummaryEnabled = getIsAISummaryEnabled(isAdminHubAIEnabled, cardState.details);
   const services = getServices(linkState.details);
   const statusRef = useRef(linkStatus);
   const analyticsRef = useRef(analytics);
+  const [showPrism, setShowPrism] = useState(false);
   useEffect(() => {
     /**
      * Must access current analytics object value via ref because its not stable
@@ -124,6 +131,9 @@ const HoverCardContent = ({
     analytics
   };
   const onClickStopPropagation = useCallback(e => e.stopPropagation(), []);
+  const onAIActionChange = useCallback(state => {
+    setShowPrism(state === 'loading');
+  }, []);
   const getCardView = cardState => {
     if (cardState.metadataStatus === 'pending') {
       return jsx(HoverCardLoadingView, {
@@ -154,19 +164,21 @@ const HoverCardContent = ({
         cardActions: cardActions,
         cardState: cardState,
         flexibleCardProps: flexibleCardProps,
+        isAISummaryEnabled: isAISummaryEnabled,
         onActionClick: onActionClick,
+        onAIActionChange: onAIActionChange,
         titleBlockProps: titleBlockProps
       });
     }
     return null;
   };
   const cardView = getCardView(cardState);
-  return cardView ? jsx("div", {
+  return cardView ? jsx(ContentContainer, {
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,
     onClick: onClickStopPropagation,
-    className: hoverCardClassName,
-    css: HoverCardContainer
+    isAIEnabled: isAISummaryEnabled,
+    showPrism: showPrism
   }, cardView) : null;
 };
 export default HoverCardContent;

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

@@ -11,7 +11,6 @@ import { messages } from '../../../../../messages';
 import { FormattedMessage } from 'react-intl-next';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { getCanBeDatasource } from '../../../../../state/helpers';
-import { useSmartLinkContext } from '../../../../../state';
 export const toFooterActions = (cardActions, onActionClick) => {
   const followAction = {
     hideIcon: true,
@@ -52,11 +51,13 @@ const HoverCardResolvedView = ({
   analytics,
   cardState,
   cardActions = [],
+  isAISummaryEnabled,
   onActionClick,
+  onAIActionChange,
   extensionKey,
   url
 }) => {
-  var _cardState$details, _cardState$details2, _cardState$details2$m, _cardState$details2$m2;
+  var _cardState$details;
   const canBeDatasource = getCanBeDatasource(cardState.details);
   useEffect(() => {
     // Since this hover view is only rendered on resolved status,
@@ -91,10 +92,6 @@ const HoverCardResolvedView = ({
     data: data,
     fallbackElementHeight: snippetHeight.current
   });
-  const {
-    isAdminHubAIEnabled
-  } = useSmartLinkContext();
-  const showAiView = getBooleanFF('platform.linking-platform.smart-card.hover-card-ai-summaries') && isAdminHubAIEnabled && ((_cardState$details2 = cardState.details) === null || _cardState$details2 === void 0 ? void 0 : (_cardState$details2$m = _cardState$details2.meta) === null || _cardState$details2$m === void 0 ? void 0 : (_cardState$details2$m2 = _cardState$details2$m.supportedFeatures) === null || _cardState$details2$m2 === void 0 ? void 0 : _cardState$details2$m2.includes('AISummary'));
   return /*#__PURE__*/React.createElement(FlexibleCard, flexibleCardProps, imagePreview, /*#__PURE__*/React.createElement(TitleBlock, _extends({}, titleBlockProps, {
     metadataPosition: SmartLinkPosition.Top
   })), /*#__PURE__*/React.createElement(MetadataBlock, {
@@ -116,11 +113,12 @@ const HoverCardResolvedView = ({
   }), getBooleanFF('platform.linking-platform.smart-card.enable-hover-card-related-urls') && /*#__PURE__*/React.createElement(RelatedUrlsBlock, {
     url: url,
     size: SmartLinkSize.Small
-  }), showAiView ? /*#__PURE__*/React.createElement(AISummaryBlock, {
+  }), isAISummaryEnabled ? /*#__PURE__*/React.createElement(AISummaryBlock, {
     metadata: [{
       name: ElementName.Provider
     }],
-    actions: footerActions
+    actions: footerActions,
+    onAIActionChange: onAIActionChange
   }) : /*#__PURE__*/React.createElement(FooterBlock, {
     actions: footerActions,
     size: SmartLinkSize.Large,

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

@@ -2,6 +2,8 @@ import { css } from '@emotion/react';
 import { loadingPlaceholderClassName } from '../../index';
 import { SmartLinkSize } from '../../constants';
 import { layers } from '@atlaskit/theme/constants';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+
 // Temporary fix for Confluence inline comment on editor mod has z-index of 500, Jira issue view has z-index of 510
 export const HOVER_CARD_Z_INDEX = layers.modal();
 export const flexibleUiOptions = {
@@ -12,6 +14,7 @@ export const flexibleUiOptions = {
   zIndex: HOVER_CARD_Z_INDEX + 1
 };
 export const CARD_WIDTH_REM = 24;
+export const NEW_CARD_WIDTH_REM = 28;
 // gap between mouse cursor and hover card
 export const CARD_GAP_PX = 10;
 const blockGap = '0.5rem';
@@ -25,7 +28,7 @@ export const HoverCardContainer = css`
   background: none;
   border-width: 0;
   box-sizing: border-box;
-  width: ${CARD_WIDTH_REM}rem;
+  width: ${getBooleanFF('platform.linking-platform.smart-card.hover-card-ai-summaries') ? NEW_CARD_WIDTH_REM : CARD_WIDTH_REM}rem;
 
   .${loadingPlaceholderClassName} {
     display: none;

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

@@ -201,4 +201,8 @@ export const getSimulatedBetterMetadata = (extensionKey = '', data) => {
     default:
       return defaultMetadata;
   }
+};
+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')));
 };

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

package/dist/es2019/view/common/Icon.js

@@ -4,6 +4,12 @@ import React from 'react';
 import ImageLoader from 'react-render-image';
 import LinkIcon from '@atlaskit/icon/glyph/link';
 import { gs } from './utils';
+/**
+ * Class name for selecting non-flexible block card icon image
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 export const blockCardIconImageClassName = 'block-card-icon-image';
 const getImageStyles = isFlexibleUi => {
   if (isFlexibleUi) {

package/dist/esm/extractors/common/meta/extractIsTrusted.js

@@ -1,10 +1,3 @@
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 export var extractIsTrusted = function extractIsTrusted(meta) {
-  if (getBooleanFF('platform.linking-platform.smart-card.fix-is-trusted-pop')) {
-    if (!(meta !== null && meta !== void 0 && meta.key)) {
-      return false;
-    }
-    return !['iframely-object-provider', 'public-object-provider'].includes(meta.key);
-  }
   return Boolean((meta === null || meta === void 0 ? void 0 : meta.key) && meta.key !== 'iframely-object-provider');
 };

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

package/dist/esm/utils/index.js

@@ -3,7 +3,6 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React from 'react';
 import Loadable from 'react-loadable';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 export var isCardWithData = function isCardWithData(props) {
   return !!props.data;
 };
@@ -226,10 +225,6 @@ export var getIframeSandboxAttribute = function getIframeSandboxAttribute(isTrus
     return undefined;
   }
   var sandboxPermissions = 'allow-downloads allow-forms allow-popups allow-popups-to-escape-sandbox allow-presentation allow-same-origin allow-scripts';
-  var allowStorageAccess = 'allow-storage-access-by-user-activation';
-  if (getBooleanFF('platform.linking-platform.smart-card.iframes-allow-storage-access-by-user-activation')) {
-    return "".concat(sandboxPermissions, " ").concat(allowStorageAccess);
-  }
   return sandboxPermissions;
 };
 export var handleOnClick = function handleOnClick(handler) {

package/dist/esm/view/BlockCard/components/Content.js

@@ -1,6 +1,12 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { gs, mq } from '../../common/utils';
+/**
+ * Class name for selecting non-flexible block card content
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 export var blockCardContentClassName = 'block-card-content';
 export var Content = function Content(_ref) {
   var children = _ref.children,

package/dist/esm/view/BlockCard/components/ContentHeader.js

@@ -1,6 +1,12 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { useMouseDownEvent } from '../../../state/analytics/useLinkClicked';
+/**
+ * Class name for selecting non-flexible block card header
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 export var blockCardContentHeaderClassName = 'block-card-content-header';
 export var ContentHeader = function ContentHeader(_ref) {
   var onClick = _ref.onClick,

package/dist/esm/view/BlockCard/components/Name.js

@@ -2,6 +2,12 @@
 import { jsx } from '@emotion/react';
 import { fontSize } from '@atlaskit/theme/constants';
 import { gs } from '../../common/utils';
+/**
+ * Class name for selecting non-flexible block card header name
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 export var blockCardContentHeaderNameClassName = 'block-card-content-header-name';
 export var Name = function Name(_ref) {
   var name = _ref.name,

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

@@ -19,6 +19,12 @@ import { Link } from '../components/Link';
 import { UnresolvedText } from '../components/UnresolvedText';
 import { RetryAction } from '../actions/RetryAction';
 var textDescriptionProps = _objectSpread({}, messages.could_not_load_link);
+/**
+ * Class name for selecting non-flexible errored block card
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 export var blockCardErroredViewClassName = 'block-card-errored-view';
 export var ErroredView = function ErroredView(_ref) {
   var _ref$isSelected = _ref.isSelected,

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

@@ -16,7 +16,20 @@ import { ContentHeader } from '../components/ContentHeader';
 import { handleClickCommon } from '../utils/handlers';
 import { Link } from '../components/Link';
 import { UnresolvedText } from '../components/UnresolvedText';
+/**
+ * Class name for selecting non-flexible forbidden block card
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 export var blockCardForbiddenViewClassName = 'block-card-forbidden-view';
+
+/**
+ * Class name for selecting link inside non-flexible forbidden block card
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 export var blockCardForbiddenViewLinkClassName = 'block-card-forbidden-view-link';
 export var ForbiddenView = function ForbiddenView(_ref) {
   var _ref$context = _ref.context,

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

@@ -18,6 +18,12 @@ import { Link } from '../components/Link';
 import { UnresolvedText } from '../components/UnresolvedText';
 import { handleClickCommon } from '../utils/handlers';
 var textDescriptionProps = _objectSpread({}, messages.not_found_description);
+/**
+ * Class name for selecting non-flexible not-found block card
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 export var blockCardNotFoundViewClassName = 'block-card-not-found-view';
 export var NotFoundView = function NotFoundView(_ref) {
   var _ref$context = _ref.context,

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

@@ -17,7 +17,19 @@ import { ContentHeader } from '../components/ContentHeader';
 import { ContentFooter } from '../components/ContentFooter';
 import { gs } from '../../common/utils';
 import { handleClickCommon } from '../utils/handlers';
+/**
+ * Class name for selecting non-flexible resolved block card
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 export var blockCardResolvedViewClassName = 'block-card-resolved-view';
+/**
+ * Class name for selecting non-flexible resolved byline
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 export var blockCardResolvedViewByClassName = 'block-card-resolved-view-by';
 export var ResolvedView = function ResolvedView(_ref) {
   var _ref$icon = _ref.icon,

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

@@ -7,6 +7,12 @@ import { Frame } from '../components/Frame';
 import { gs } from '../../common/utils';
 import { FormattedMessage } from 'react-intl-next';
 import { messages } from '../../../messages';
+/**
+ * Class name for selecting non-flexible resolving block card
+ *
+ * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
+ * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
+ */
 export var blockCardResolvingViewClassName = 'block-card-resolving-view';
 export var ResolvingView = function ResolvingView(_ref) {
   var _ref$isSelected = _ref.isSelected,

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

@@ -39,7 +39,8 @@ function Component(_ref) {
     children = _ref.children,
     showHoverPreview = _ref.showHoverPreview,
     showAuthTooltip = _ref.showAuthTooltip,
-    analyticsEvents = _ref.analyticsEvents;
+    analyticsEvents = _ref.analyticsEvents,
+    useLegacyBlockCard = _ref.useLegacyBlockCard;
   var _useAnalyticsEvents = useAnalyticsEvents(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
 
@@ -236,7 +237,7 @@ function Component(_ref) {
         testId: testId,
         actionOptions: actionOptions,
         platform: platform,
-        enableFlexibleBlockCard: enableFlexibleBlockCardFlag
+        enableFlexibleBlockCard: enableFlexibleBlockCardFlag && useLegacyBlockCard !== true
       });
     case 'embed':
       return /*#__PURE__*/React.createElement(EmbedCard, {

package/dist/esm/view/CardWithUrl/loader.js

@@ -50,7 +50,8 @@ export function CardWithURLRenderer(props) {
     showAuthTooltip = props.showAuthTooltip,
     analyticsEvents = props.analyticsEvents,
     placeholder = props.placeholder,
-    fallbackComponent = props.fallbackComponent;
+    fallbackComponent = props.fallbackComponent,
+    useLegacyBlockCard = props.useLegacyBlockCard;
   var analytics = useSmartLinkAnalytics(url !== null && url !== void 0 ? url : '', undefined, id);
   var isFlexibleUi = isFlexibleUiCard(children);
   var errorHandler = useCallback(function (error, info) {
@@ -118,7 +119,8 @@ export function CardWithURLRenderer(props) {
     showHoverPreview: showHoverPreview,
     showAuthTooltip: showAuthTooltip,
     analyticsEvents: analyticsEvents,
-    placeholder: placeholder
+    placeholder: placeholder,
+    useLegacyBlockCard: useLegacyBlockCard
   };
   return /*#__PURE__*/React.createElement(ErrorBoundary, {
     FallbackComponent: ErrorFallback,

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

@@ -0,0 +1,36 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children", "isAIEnabled", "showPrism", "testId"];
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import React from 'react';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { HoverCardContainer, popupContainerStyles } from '../styled';
+import AIPrism from '../../common/ai-prism';
+import { hoverCardClassName } from './HoverCardContent';
+var ContentContainer = function ContentContainer(_ref) {
+  var children = _ref.children,
+    _ref$isAIEnabled = _ref.isAIEnabled,
+    isAIEnabled = _ref$isAIEnabled === void 0 ? false : _ref$isAIEnabled,
+    _ref$showPrism = _ref.showPrism,
+    showPrism = _ref$showPrism === void 0 ? false : _ref$showPrism,
+    testId = _ref.testId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  if (getBooleanFF('platform.linking-platform.smart-card.hover-card-ai-summaries')) {
+    var container = jsx("div", _extends({
+      className: hoverCardClassName,
+      css: [HoverCardContainer, isAIEnabled && showPrism ? undefined : popupContainerStyles],
+      "data-testid": testId
+    }, props), children);
+    return isAIEnabled ? jsx(AIPrism, {
+      isVisible: showPrism,
+      testId: "".concat(testId, "-prism")
+    }, container) : container;
+  }
+  return jsx("div", _extends({
+    className: hoverCardClassName,
+    css: HoverCardContainer,
+    "data-testid": testId
+  }, props), children);
+};
+export default ContentContainer;

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

@@ -3,13 +3,20 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["children"];
 /** @jsx jsx */
 import React from 'react';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { popupContainerStyles } from '../styled';
 import { jsx } from '@emotion/react';
+
+/**
+ * The purpose of this component is to hide the default Popup border.
+ * HoverCard border implementation is in ContentContainer where it can
+ * change between the default border and prism border during runtime.
+ */
 var CustomPopupContainer = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
   return jsx("div", _extends({
-    css: popupContainerStyles
+    css: getBooleanFF('platform.linking-platform.smart-card.hover-card-ai-summaries') ? undefined : popupContainerStyles
   }, props, {
     ref: ref
   }), children);