@atlaskit/smart-card 35.2.11 → 36.0.0

package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-error/LozengeActionErrorOld.js

@@ -1,71 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { Fragment, useCallback, useMemo } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { FormattedMessage } from 'react-intl-next';
-import { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
-import ErrorIcon from '@atlaskit/icon/core/migration/error';
-import { R50, R500 } from '@atlaskit/theme/colors';
-import { useAnalyticsEvents } from '../../../../../../../common/analytics/generated/use-analytics-events';
-import { messages } from '../../../../../../../messages';
-import useInvokeClientAction from '../../../../../../../state/hooks/use-invoke-client-action';
-import { getFormattedMessage } from '../../../../utils';
-import { contentStyles, dropdownItemGroupStyles, linkStyles, textStyles } from './styled';
-const MAX_LINE_NUMBER = 8;
-const LozengeActionErrorOld = ({
-  errorMessage,
-  testId,
-  maxLineNumber = MAX_LINE_NUMBER,
-  invokePreviewAction
-}) => {
-  const {
-    fireEvent
-  } = useAnalyticsEvents();
-  const invoke = useInvokeClientAction({});
-  const isPreviewAvailable = invokePreviewAction !== undefined;
-  const handlePreviewOpen = useCallback(() => {
-    if (isPreviewAvailable) {
-      fireEvent('ui.button.clicked.smartLinkStatusOpenPreview', {});
-      if (invokePreviewAction) {
-        invoke(invokePreviewAction);
-      }
-    }
-  }, [isPreviewAvailable, invoke, invokePreviewAction, fireEvent]);
-  const content = useMemo(() => {
-    return jsx(Fragment, null, jsx("div", {
-      css: contentStyles
-    }, jsx(ErrorIcon, {
-      testId: `${testId}-icon`,
-      LEGACY_size: "medium",
-      color: `var(--ds-icon-danger, ${R500})`,
-      LEGACY_secondaryColor: `var(--ds-background-danger, ${R50})`,
-      label: 'error',
-      spacing: "spacious"
-    }), jsx("span", {
-      css: textStyles(maxLineNumber),
-      "data-testid": `${testId}-error-message`
-    }, typeof errorMessage === 'string' ? errorMessage : getFormattedMessage(errorMessage))), isPreviewAvailable ?
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    jsx("div", {
-      css: linkStyles
-    }, jsx("a", {
-      target: "_blank",
-      "data-testid": `${testId}-open-embed`,
-      onClick: handlePreviewOpen
-    }, jsx(FormattedMessage, messages.open_issue_in_jira))) : null);
-  }, [errorMessage, handlePreviewOpen, isPreviewAvailable, maxLineNumber, testId]);
-  return (
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    jsx("span", {
-      css: dropdownItemGroupStyles,
-      "data-testid": `${testId}-error-item-group`
-    }, jsx(DropdownItemGroup, null, jsx(DropdownItem, {
-      testId: `${testId}-error`
-    }, content)))
-  );
-};
-export default LozengeActionErrorOld;

package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-error/styled.js

@@ -1,65 +0,0 @@
-/* eslint-disable @atlaskit/design-system/use-tokens-typography */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
-import { N800 } from '@atlaskit/theme/colors';
-import { getTruncateStyles } from '../../../../utils';
-
-/**
- * @deprecated remove on FF clean up bandicoots-compiled-migration-smartcard
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const dropdownItemGroupStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  button: {
-    width: '220px',
-    '&:hover': {
-      backgroundColor: 'inherit',
-      cursor: 'default'
-    }
-  }
-});
-const sharedBlockStyles = css({
-  display: 'flex',
-  gap: "var(--ds-space-100, 0.5rem)",
-  lineHeight: '1rem',
-  minWidth: 0,
-  overflow: 'hidden',
-  flexDirection: 'row',
-  alignItems: 'center'
-});
-
-/**
- * @deprecated remove on FF clean up bandicoots-compiled-migration-smartcard
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-export const contentStyles = css(sharedBlockStyles, {
-  marginTop: "var(--ds-space-025, 2px)",
-  alignItems: 'flex-start',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '> span, > div': {
-    font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-    color: `var(--ds-text, ${N800})`
-  }
-});
-
-/**
- * @deprecated remove on FF clean up bandicoots-compiled-migration-smartcard
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-export const linkStyles = css(sharedBlockStyles, {
-  cursor: 'pointer',
-  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-  marginTop: "var(--ds-space-100, 8px)",
-  marginLeft: "var(--ds-space-400, 32px)",
-  marginBottom: "var(--ds-space-025, 2px)"
-});
-
-/**
- * @deprecated remove on FF clean up bandicoots-compiled-migration-smartcard
- */
-export const textStyles = maxLines => css({
-  lineHeight: '1rem',
-  whiteSpace: 'normal'
-},
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-getTruncateStyles(maxLines));

package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-items-group/LozengeActionItemsGroupOld.js

@@ -1,25 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { DropdownItemGroup } from '@atlaskit/dropdown-menu';
-import LozengeActionItem from '../lozenge-action-item';
-import { dropdownItemGroupStyles } from '../styled';
-const LozengeActionItemsGroupOld = ({
-  items,
-  testId,
-  onClick
-}) =>
-// eslint-disable-next-line @atlaskit/design-system/prefer-primitives, @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-jsx("span", {
-  css: dropdownItemGroupStyles,
-  "data-testid": `${testId}-item-group`
-}, jsx(DropdownItemGroup, null, items.map((item, idx) => jsx(LozengeActionItem, _extends({}, item, {
-  key: idx,
-  onClick: onClick,
-  testId: `${testId}-item-${idx}`
-})))));
-export default LozengeActionItemsGroupOld;

package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-trigger/LozengeActionTriggerOld.js

@@ -1,56 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { useCallback, useMemo, useState } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
-import Lozenge from '@atlaskit/lozenge';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { Box, xcss } from '@atlaskit/primitives';
-import { triggerButtonStyles, triggerLozengeStyles } from '../styled';
-const chevronDownStyles = xcss({
-  marginLeft: 'space.075',
-  display: 'flex'
-});
-const LozengeActionTriggerOld = ({
-  appearance,
-  isOpen,
-  testId,
-  text,
-  triggerRef,
-  ...props
-}) => {
-  const [isBold, setIsBold] = useState(false);
-  const onMouseEnter = useCallback(() => setIsBold(true), []);
-  const onMouseLeave = useCallback(() => setIsBold(false), []);
-  const lozenge = useMemo(() => jsx(Lozenge, {
-    appearance: appearance,
-    isBold: fg('platform-component-visual-refresh') ? true : isBold
-  }, jsx("span", {
-    css: triggerLozengeStyles
-  }, jsx("span", null, text), jsx(Box, {
-    as: "span",
-    xcss: chevronDownStyles
-  }, jsx(ChevronDownIcon, {
-    color: "currentColor",
-    label: "options",
-    LEGACY_size: "medium",
-    LEGACY_margin: "-4px -8px -4px -7px"
-  })))), [appearance, isBold, text]);
-  return jsx("button", _extends({
-    type: "button"
-  }, props, {
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    css: triggerButtonStyles,
-    "data-action-open": isOpen,
-    "data-testid": `${testId}--trigger`,
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave,
-    ref: triggerRef
-  }), lozenge);
-};
-export default LozengeActionTriggerOld;

package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/styled.js

@@ -1,63 +0,0 @@
-/* eslint-disable @atlaskit/design-system/use-tokens-typography */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
-/**
- * @deprecated remove on FF clean up bandicoots-compiled-migration-smartcard
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const triggerButtonStyles = css({
-  all: 'unset',
-  backgroundColor: 'transparent',
-  color: 'unset',
-  cursor: 'pointer',
-  fontFamily: 'unset',
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-  fontSize: 'unset',
-  fontStyle: 'unset',
-  fontWeight: 'unset',
-  fontVariant: 'unset',
-  lineHeight: 0,
-  padding: 0,
-  textTransform: 'unset',
-  border: '2px solid transparent',
-  margin: "var(--ds-space-025, 2px)",
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  "&:focus-visible, &:focus-within, &[aria-expanded='true']": {
-    outline: 'none',
-    boxShadow: `0 0 0 2px ${"var(--ds-border-focused, #388BFF)"}`,
-    borderRadius: '5px'
-  }
-});
-
-/**
- * @deprecated remove on FF clean up bandicoots-compiled-migration-smartcard
- */
-// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const triggerLozengeStyles = css({
-  alignItems: 'center',
-  display: 'flex'
-});
-
-/**
- * @deprecated remove on FF clean up bandicoots-compiled-migration-smartcard
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const dropdownItemGroupStyles = css({
-  maxHeight: '300px',
-  overflowY: 'auto',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  button: {
-    padding: `${"var(--ds-space-075, 6px)"} ${"var(--ds-space-150, 12px)"}`,
-    minHeight: '28px',
-    width: '220px',
-    '&:hover': {
-      backgroundColor: 'inherit'
-    },
-    '&:focus, &:focus-visible': {
-      backgroundColor: "var(--ds-background-neutral-subtle-hovered, #091E420F)",
-      boxSizing: 'border-box',
-      boxShadow: `inset 2px 0 0 ${"var(--ds-border-selected, #0C66E4)"}`,
-      outline: 'none'
-    }
-  }
-});

package/dist/es2019/view/FlexibleCard/components/elements/media/MediaOld.js

@@ -1,82 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import ImageIcon from '../../common/image-icon';
-/**
- * Media: Image
- * [aspect-ratio: 16 / 9] The context box is fixed to aspect ratio of 16:9.
- * [object-fit: cover] The replaced content is sized to maintain
- * its aspect ratio while filling the element's entire content box.
- * If the object's aspect ratio does not match the aspect ratio of its box,
- * then the object will be clipped to fit.
- * [object-position] Center alignment of the selected replaced element's
- * contents within the element's box.
- */
-const styles = css({
-  aspectRatio: '16 / 9',
-  display: 'flex',
-  width: '100%',
-  height: 'fit-content',
-  '@supports not (aspect-ratio: auto)': {
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
-    paddingTop: '56.25%',
-    // 16:9 ratio (9 / 16 = 0.5625)
-    height: 0,
-    position: 'relative',
-    overflow: 'hidden'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '> img, > span': {
-    minHeight: '100%',
-    minWidth: '100%',
-    maxHeight: '100%',
-    maxWidth: '100%',
-    objectFit: 'cover',
-    objectPosition: 'center center',
-    '@supports not (aspect-ratio: auto)': {
-      position: 'absolute',
-      transform: 'translate(-50%, -50%)',
-      left: '50%',
-      top: '50%',
-      width: 'auto',
-      height: 'auto'
-    }
-  }
-});
-
-/**
- * A base element that displays a Media.
- * @internal
- * @param {MediaProps} MediaProps - The props necessary for the Media element.
- * @see Preview
- */
-const MediaOld = ({
-  name,
-  overrideCss,
-  testId = 'smart-element-media',
-  type,
-  url,
-  onLoad,
-  onError
-}) => {
-  if (!type || !url) {
-    return null;
-  }
-  return jsx("div", {
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    css: [styles, overrideCss],
-    "data-smart-element": name,
-    "data-smart-element-media": type,
-    "data-testid": testId
-  }, jsx(ImageIcon, {
-    testId: `${testId}-image`,
-    url: url,
-    onError: onError,
-    onLoad: onLoad,
-    defaultIcon: null
-  }));
-};
-export default MediaOld;

package/dist/es2019/view/FlexibleCard/components/elements/snippet-element/SnippetElementOld.js

@@ -1,35 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { useContext } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { FlexibleUiContext } from '../../../../../state/flexible-ui-context';
-import Text from '../text';
-const SNIPPET_DEFAULT_MAX_LINES = 3;
-const getSnippetStyles = overrideCss => css({
-  color: "var(--ds-text, #172B4D)",
-  WebkitUserSelect: 'text',
-  MozUserSelect: 'text',
-  MsUserSelect: 'text',
-  userSelect: 'text'
-},
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-overrideCss);
-const SnippetElementOld = ({
-  content: overrideContent,
-  maxLines = SNIPPET_DEFAULT_MAX_LINES,
-  overrideCss,
-  ...props
-} = {}) => {
-  const context = useContext(FlexibleUiContext);
-  return jsx(Text, _extends({
-    content: overrideContent !== null && overrideContent !== void 0 ? overrideContent : context === null || context === void 0 ? void 0 : context.snippet,
-    maxLines: maxLines,
-    overrideCss: getSnippetStyles(overrideCss)
-  }, props));
-};
-export default SnippetElementOld;

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

@@ -1,42 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { getFormattedMessage, getTruncateStyles } from '../../utils';
-const getStyles = maxLines => css({
-  color: "var(--ds-text-subtlest, #626F86)",
-  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-  whiteSpace: 'normal'
-},
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-getTruncateStyles(maxLines));
-
-/**
- * A base element that displays some Text.
- * @internal
- * @param {TextProps} TextProps - The props necessary for the Text element.
- * @see Title
- */
-const TextOld = ({
-  content,
-  maxLines = 1,
-  message,
-  name,
-  overrideCss,
-  testId = 'smart-element-text'
-}) => {
-  if (!message && !content) {
-    return null;
-  }
-  return jsx("span", {
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    css: [getStyles(maxLines), overrideCss],
-    "data-separator": true,
-    "data-smart-element": name,
-    "data-smart-element-text": true,
-    "data-testid": testId
-  }, getFormattedMessage(message) || content);
-};
-export default TextOld;

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

@@ -1,55 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { useEffect, useState } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { di } from 'react-magnetic-di';
-import useAISummaryAction from '../../../state/hooks/use-ai-summary-action';
-import AIPrism from '../../common/ai-prism';
-import { HoverCardContainer, popupContainerStyles } from '../styled';
-import { hoverCardClassName } from './HoverCardContent';
-const ConnectedAIPrismContainer = ({
-  children,
-  isAIEnabled = false,
-  testId,
-  url,
-  ...props
-}) => {
-  const {
-    state: {
-      status
-    }
-  } = useAISummaryAction(url);
-  const [showPrism, setShowPrism] = useState(status === 'loading');
-  useEffect(() => {
-    setShowPrism(status === 'loading');
-  }, [status]);
-  const container = jsx("div", _extends({
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: hoverCardClassName
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    ,
-    css: [HoverCardContainer, !isAIEnabled ? popupContainerStyles : undefined],
-    "data-testid": testId
-  }, props), children);
-  return isAIEnabled ? jsx(AIPrism, {
-    isVisible: showPrism,
-    testId: `${testId}-prism`
-  }, container) : container;
-};
-const ContentContainerOld = ({
-  children,
-  isAIEnabled = false,
-  testId,
-  url,
-  ...props
-}) => jsx(ConnectedAIPrismContainer, _extends({
-  isAIEnabled: isAIEnabled,
-  url: url,
-  testId: testId
-}, props), children);
-export default ContentContainerOld;

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

@@ -1,163 +0,0 @@
-import React, { useCallback, useEffect, useMemo, useRef } from 'react';
-import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/analytics-next';
-import { useSmartLinkContext } from '@atlaskit/link-provider';
-import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
-import { CardDisplay, SmartLinkPosition, SmartLinkSize } from '../../../constants';
-import { getDefinitionId, getExtensionKey, getServices } from '../../../state/helpers';
-import { useSmartCardState } from '../../../state/store';
-import { isSpecialEvent } from '../../../utils';
-import { getIsAISummaryEnabled } from '../../../utils/ai-summary';
-import { fireLinkClickedEvent } from '../../../utils/analytics/click';
-import { flexibleUiOptions, titleBlockCss } from '../styled';
-import { getMetadata } from '../utils';
-import ContentContainer from './ContentContainer';
-import HoverCardForbiddenView from './views/forbidden';
-import HoverCardResolvedView from './views/resolved';
-import HoverCardLoadingView from './views/resolving';
-import HoverCardUnauthorisedView from './views/unauthorised';
-export const hoverCardClassName = 'smart-links-hover-preview';
-const HoverCardContentOld = ({
-  id = '',
-  cardState,
-  onActionClick,
-  onResolve,
-  renderers,
-  url,
-  onMouseEnter,
-  onMouseLeave,
-  actionOptions
-}) => {
-  var _linkState$status, _cardState$details;
-  const {
-    createAnalyticsEvent
-  } = useAnalyticsEventsNext();
-  const {
-    fireEvent
-  } = useAnalyticsEvents();
-  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 definitionId = useMemo(() => getDefinitionId(cardState.details), [cardState.details]);
-  const {
-    isAdminHubAIEnabled
-  } = useSmartLinkContext();
-  const isAISummaryEnabled = getIsAISummaryEnabled(isAdminHubAIEnabled, cardState.details);
-  const services = getServices(linkState.details);
-  const statusRef = useRef(linkStatus);
-  const fireEventRef = useRef(fireEvent);
-  const definitionIdRef = useRef(definitionId);
-  useEffect(() => {
-    /**
-     * Must access object value via ref because its not stable
-     * and it can trigger useEffect to re-run below
-     */
-    if (statusRef.current !== linkStatus) {
-      statusRef.current = linkStatus;
-    }
-    if (fireEventRef.current !== fireEvent) {
-      fireEventRef.current = fireEvent;
-    }
-    if (definitionIdRef.current !== definitionId) {
-      definitionIdRef.current = definitionId;
-    }
-  }, [linkStatus, fireEvent, definitionId]);
-  useEffect(() => {
-    var _definitionIdRef$curr;
-    const previewDisplay = 'card';
-    const previewInvokeMethod = 'mouse_hover';
-    const cardOpenTime = Date.now();
-    const fireEventCurrent = fireEventRef.current;
-    fireEventCurrent('ui.hoverCard.viewed', {
-      previewDisplay,
-      previewInvokeMethod,
-      definitionId: (_definitionIdRef$curr = definitionIdRef.current) !== null && _definitionIdRef$curr !== void 0 ? _definitionIdRef$curr : null
-    });
-    return () => {
-      var _definitionIdRef$curr2;
-      const hoverTime = Date.now() - cardOpenTime;
-      fireEventCurrent('ui.hoverCard.dismissed', {
-        previewDisplay,
-        previewInvokeMethod,
-        hoverTime,
-        definitionId: (_definitionIdRef$curr2 = definitionIdRef.current) !== null && _definitionIdRef$curr2 !== void 0 ? _definitionIdRef$curr2 : null
-      });
-    };
-  }, []);
-  const onClick = useCallback(event => {
-    const isModifierKeyPressed = isSpecialEvent(event);
-    fireEvent('ui.smartLink.clicked.titleGoToLink', {
-      id,
-      display: CardDisplay.HoverCardPreview,
-      isModifierKeyPressed,
-      definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null
-    });
-    fireLinkClickedEvent(createAnalyticsEvent)(event);
-  }, [createAnalyticsEvent, id, fireEvent, definitionId]);
-  const data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
-  const {
-    subtitle
-  } = getMetadata(extensionKey, data);
-  const titleMaxLines = subtitle && subtitle.length > 0 ? 1 : 2;
-  const titleBlockProps = {
-    maxLines: titleMaxLines,
-    overrideCss: titleBlockCss,
-    size: SmartLinkSize.Large,
-    position: SmartLinkPosition.Center,
-    subtitle: subtitle
-  };
-  const flexibleCardProps = {
-    appearance: CardDisplay.HoverCardPreview,
-    cardState: cardState,
-    onClick: onClick,
-    onResolve: onResolve,
-    origin: 'smartLinkPreviewHoverCard',
-    renderers: renderers,
-    actionOptions,
-    ui: flexibleUiOptions,
-    url: url,
-    children: null
-  };
-  const onClickStopPropagation = useCallback(e => e.stopPropagation(), []);
-  const getCardView = cardState => {
-    if (cardState.metadataStatus === 'pending') {
-      return /*#__PURE__*/React.createElement(HoverCardLoadingView, {
-        flexibleCardProps: flexibleCardProps,
-        titleBlockProps: titleBlockProps
-      });
-    }
-    if (cardState.status === 'unauthorized' && services !== null && services !== void 0 && services.length) {
-      return /*#__PURE__*/React.createElement(HoverCardUnauthorisedView, {
-        extensionKey: extensionKey,
-        id: id,
-        flexibleCardProps: flexibleCardProps,
-        url: url
-      });
-    }
-    if (cardState.status === 'forbidden' || cardState.status === 'not_found') {
-      return /*#__PURE__*/React.createElement(HoverCardForbiddenView, {
-        flexibleCardProps: flexibleCardProps
-      });
-    }
-    if (cardState.status === 'resolved') {
-      return /*#__PURE__*/React.createElement(HoverCardResolvedView, {
-        cardState: cardState,
-        extensionKey: extensionKey,
-        flexibleCardProps: flexibleCardProps,
-        isAISummaryEnabled: isAISummaryEnabled,
-        onActionClick: onActionClick,
-        titleBlockProps: titleBlockProps,
-        url: url
-      });
-    }
-    return null;
-  };
-  const cardView = getCardView(cardState);
-  return cardView ? /*#__PURE__*/React.createElement(ContentContainer, {
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave,
-    onClick: onClickStopPropagation,
-    isAIEnabled: isAISummaryEnabled,
-    url: url
-  }, cardView) : null;
-};
-export default HoverCardContentOld;