@atlaskit/smart-card 35.2.12 → 36.0.1

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

@@ -1,165 +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 var hoverCardClassName = 'smart-links-hover-preview';
-var HoverCardContentOld = function HoverCardContentOld(_ref) {
-  var _linkState$status, _cardState$details;
-  var _ref$id = _ref.id,
-    id = _ref$id === void 0 ? '' : _ref$id,
-    cardState = _ref.cardState,
-    onActionClick = _ref.onActionClick,
-    onResolve = _ref.onResolve,
-    renderers = _ref.renderers,
-    url = _ref.url,
-    onMouseEnter = _ref.onMouseEnter,
-    onMouseLeave = _ref.onMouseLeave,
-    actionOptions = _ref.actionOptions;
-  var _useAnalyticsEventsNe = useAnalyticsEventsNext(),
-    createAnalyticsEvent = _useAnalyticsEventsNe.createAnalyticsEvent;
-  var _useAnalyticsEvents = useAnalyticsEvents(),
-    fireEvent = _useAnalyticsEvents.fireEvent;
-  var extensionKey = useMemo(function () {
-    return getExtensionKey(cardState.details);
-  }, [cardState.details]);
-  var linkState = useSmartCardState(url);
-  var linkStatus = (_linkState$status = linkState.status) !== null && _linkState$status !== void 0 ? _linkState$status : 'pending';
-  var definitionId = useMemo(function () {
-    return getDefinitionId(cardState.details);
-  }, [cardState.details]);
-  var _useSmartLinkContext = useSmartLinkContext(),
-    isAdminHubAIEnabled = _useSmartLinkContext.isAdminHubAIEnabled;
-  var isAISummaryEnabled = getIsAISummaryEnabled(isAdminHubAIEnabled, cardState.details);
-  var services = getServices(linkState.details);
-  var statusRef = useRef(linkStatus);
-  var fireEventRef = useRef(fireEvent);
-  var definitionIdRef = useRef(definitionId);
-  useEffect(function () {
-    /**
-     * 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(function () {
-    var _definitionIdRef$curr;
-    var previewDisplay = 'card';
-    var previewInvokeMethod = 'mouse_hover';
-    var cardOpenTime = Date.now();
-    var fireEventCurrent = fireEventRef.current;
-    fireEventCurrent('ui.hoverCard.viewed', {
-      previewDisplay: previewDisplay,
-      previewInvokeMethod: previewInvokeMethod,
-      definitionId: (_definitionIdRef$curr = definitionIdRef.current) !== null && _definitionIdRef$curr !== void 0 ? _definitionIdRef$curr : null
-    });
-    return function () {
-      var _definitionIdRef$curr2;
-      var hoverTime = Date.now() - cardOpenTime;
-      fireEventCurrent('ui.hoverCard.dismissed', {
-        previewDisplay: previewDisplay,
-        previewInvokeMethod: previewInvokeMethod,
-        hoverTime: hoverTime,
-        definitionId: (_definitionIdRef$curr2 = definitionIdRef.current) !== null && _definitionIdRef$curr2 !== void 0 ? _definitionIdRef$curr2 : null
-      });
-    };
-  }, []);
-  var onClick = useCallback(function (event) {
-    var isModifierKeyPressed = isSpecialEvent(event);
-    fireEvent('ui.smartLink.clicked.titleGoToLink', {
-      id: id,
-      display: CardDisplay.HoverCardPreview,
-      isModifierKeyPressed: isModifierKeyPressed,
-      definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null
-    });
-    fireLinkClickedEvent(createAnalyticsEvent)(event);
-  }, [createAnalyticsEvent, id, fireEvent, definitionId]);
-  var data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
-  var _getMetadata = getMetadata(extensionKey, data),
-    subtitle = _getMetadata.subtitle;
-  var titleMaxLines = subtitle && subtitle.length > 0 ? 1 : 2;
-  var titleBlockProps = {
-    maxLines: titleMaxLines,
-    overrideCss: titleBlockCss,
-    size: SmartLinkSize.Large,
-    position: SmartLinkPosition.Center,
-    subtitle: subtitle
-  };
-  var flexibleCardProps = {
-    appearance: CardDisplay.HoverCardPreview,
-    cardState: cardState,
-    onClick: onClick,
-    onResolve: onResolve,
-    origin: 'smartLinkPreviewHoverCard',
-    renderers: renderers,
-    actionOptions: actionOptions,
-    ui: flexibleUiOptions,
-    url: url,
-    children: null
-  };
-  var onClickStopPropagation = useCallback(function (e) {
-    return e.stopPropagation();
-  }, []);
-  var getCardView = function 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;
-  };
-  var cardView = getCardView(cardState);
-  return cardView ? /*#__PURE__*/React.createElement(ContentContainer, {
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave,
-    onClick: onClickStopPropagation,
-    isAIEnabled: isAISummaryEnabled,
-    url: url
-  }, cardView) : null;
-};
-export default HoverCardContentOld;

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

@@ -1,48 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useCallback, useRef, useState } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-import extractPreview from '../../../extractors/flexible/extract-preview';
-import { PreviewBlock } from '../../FlexibleCard/components/blocks';
-import { getPreviewBlockStyles, getTransitionStyles } from '../styled';
-var ImagePreviewOld = function ImagePreviewOld(_ref) {
-  var data = _ref.data,
-    fallbackElementHeight = _ref.fallbackElementHeight;
-  var transitionStarted = useRef(false);
-  var previewBlockRef = useRef(null);
-  var _useState = useState(true),
-    _useState2 = _slicedToArray(_useState, 2),
-    showPreview = _useState2[0],
-    setShowPreview = _useState2[1];
-  var _useState3 = useState(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    previewCss = _useState4[0],
-    setPreviewCss = _useState4[1];
-
-  // Set Preview to a fixed height to enable transitions
-  var onPreviewRender = useCallback(function () {
-    var _previewBlockRef$curr;
-    previewBlockRef.current && setPreviewCss(getPreviewBlockStyles((_previewBlockRef$curr = previewBlockRef.current) === null || _previewBlockRef$curr === void 0 ? void 0 : _previewBlockRef$curr.getBoundingClientRect().height));
-  }, []);
-
-  // On error set Preview to Fallback height with transition
-  var onPreviewError = useCallback(function () {
-    if (transitionStarted.current === false) {
-      setPreviewCss(getTransitionStyles(fallbackElementHeight));
-      transitionStarted.current = true;
-    }
-  }, [fallbackElementHeight]);
-  var onPreviewTransitionEnd = useCallback(function () {
-    setShowPreview(false);
-  }, []);
-  return showPreview && data && extractPreview(data) ? /*#__PURE__*/React.createElement(PreviewBlock, {
-    onError: onPreviewError,
-    ignoreContainerPadding: true,
-    overrideCss: previewCss,
-    onTransitionEnd: onPreviewTransitionEnd,
-    blockRef: previewBlockRef,
-    onRender: onPreviewRender
-  }) : null;
-};
-export default ImagePreviewOld;

package/dist/esm/view/HoverCard/components/views/forbidden/HoverCardForbiddenViewOld.js

@@ -1,70 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
-import { useAnalyticsEvents } from '@atlaskit/analytics-next';
-import Button from '@atlaskit/button';
-import { extractProvider } from '@atlaskit/link-extractors';
-import { extractRequestAccessContextImproved } from '../../../../../extractors/common/context/extractAccessContext';
-import extractHostname from '../../../../../extractors/common/hostname/extractHostname';
-import { messages } from '../../../../../messages';
-import FlexibleCard from '../../../../FlexibleCard';
-import { CustomBlock, PreviewBlock } from '../../../../FlexibleCard/components/blocks';
-import { getPreviewBlockStyles } from '../../../styled';
-import { connectButtonStyles, mainTextStyles, titleBlockStyles } from './styled';
-var HoverCardForbiddenViewOld = function HoverCardForbiddenViewOld(_ref) {
-  var _cardState$details, _cardState$details2, _extractProvider$text, _extractProvider, _extractRequestAccess;
-  var flexibleCardProps = _ref.flexibleCardProps,
-    _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'hover-card-forbidden-view' : _ref$testId;
-  var _useAnalyticsEvents = useAnalyticsEvents(),
-    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-  var cardState = flexibleCardProps.cardState,
-    url = flexibleCardProps.url;
-  var data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
-  var meta = (_cardState$details2 = cardState.details) === null || _cardState$details2 === void 0 ? void 0 : _cardState$details2.meta;
-  var product = (_extractProvider$text = (_extractProvider = extractProvider(data)) === null || _extractProvider === void 0 ? void 0 : _extractProvider.text) !== null && _extractProvider$text !== void 0 ? _extractProvider$text : '';
-  var hostname = /*#__PURE__*/React.createElement("b", null, extractHostname(url));
-  var _ref2 = (_extractRequestAccess = extractRequestAccessContextImproved({
-      jsonLd: meta,
-      url: url,
-      product: product,
-      createAnalyticsEvent: createAnalyticsEvent
-    })) !== null && _extractRequestAccess !== void 0 ? _extractRequestAccess : {},
-    action = _ref2.action,
-    descriptiveMessageKey = _ref2.descriptiveMessageKey,
-    titleMessageKey = _ref2.titleMessageKey,
-    buttonDisabled = _ref2.buttonDisabled;
-  if (!titleMessageKey || !descriptiveMessageKey) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(FlexibleCard, _extends({}, flexibleCardProps, {
-    testId: testId
-  }), /*#__PURE__*/React.createElement(PreviewBlock, {
-    ignoreContainerPadding: true,
-    overrideCss: getPreviewBlockStyles(),
-    testId: testId
-  }), /*#__PURE__*/React.createElement(CustomBlock, {
-    overrideCss: titleBlockStyles,
-    testId: "".concat(testId, "-title")
-  }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages[titleMessageKey], {
-    values: {
-      product: product
-    }
-  }))), /*#__PURE__*/React.createElement(CustomBlock, {
-    overrideCss: mainTextStyles,
-    testId: "".concat(testId, "-content")
-  }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages[descriptiveMessageKey], {
-    values: {
-      product: product,
-      hostname: hostname
-    }
-  }))), action && /*#__PURE__*/React.createElement(CustomBlock, {
-    overrideCss: connectButtonStyles
-  }, /*#__PURE__*/React.createElement(Button, {
-    testId: "".concat(testId, "-button"),
-    onClick: action === null || action === void 0 ? void 0 : action.promise,
-    appearance: "primary",
-    isDisabled: buttonDisabled
-  }, action === null || action === void 0 ? void 0 : action.text)));
-};
-export default HoverCardForbiddenViewOld;

package/dist/esm/view/HoverCard/components/views/forbidden/styled.js

@@ -1,32 +0,0 @@
-// 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 var titleBlockStyles = css({
-  justifyContent: 'center',
-  fontWeight: "var(--ds-font-weight-semibold, 600)",
-  marginTop: "var(--ds-space-100, 8px)"
-});
-
-/**
- * @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 var mainTextStyles = css({
-  display: 'inline',
-  justifyContent: 'center',
-  marginTop: "var(--ds-space-0, 0px)",
-  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-  textAlign: 'center'
-});
-
-/**
- * @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 var connectButtonStyles = css({
-  justifyContent: 'center',
-  marginTop: "var(--ds-space-100, 8px)"
-});

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

@@ -1,80 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React, { useCallback, useEffect, useMemo, useRef } from 'react';
-import { useAnalyticsEvents } from '../../../../../common/analytics/generated/use-analytics-events';
-import { CardDisplay, SmartLinkPosition, SmartLinkSize, SmartLinkStatus } from '../../../../../constants';
-import { succeedUfoExperience } from '../../../../../state/analytics';
-import FlexibleCard from '../../../../FlexibleCard';
-import { ActionBlock, AIFooterBlock, AISummaryBlock, MetadataBlock, SnippetBlock, TitleBlock } from '../../../../FlexibleCard/components/blocks';
-import { getMetadata } from '../../../utils';
-import ImagePreview from '../../ImagePreview';
-import { hiddenSnippetStyles, metadataBlockCss } from './styled';
-var HoverCardResolvedViewOld = function HoverCardResolvedViewOld(_ref) {
-  var _cardState$details;
-  var cardState = _ref.cardState,
-    extensionKey = _ref.extensionKey,
-    flexibleCardProps = _ref.flexibleCardProps,
-    isAISummaryEnabled = _ref.isAISummaryEnabled,
-    onActionClick = _ref.onActionClick,
-    titleBlockProps = _ref.titleBlockProps,
-    id = _ref.id;
-  var _useAnalyticsEvents = useAnalyticsEvents(),
-    fireEvent = _useAnalyticsEvents.fireEvent;
-  useEffect(function () {
-    // Since this hover view is only rendered on resolved status,
-    // there is no need to check for statuses.
-    succeedUfoExperience('smart-link-rendered', id || 'NULL', {
-      extensionKey: extensionKey,
-      display: CardDisplay.HoverCardPreview
-    });
-
-    // UFO will disregard this if authentication experience has not yet been started
-    succeedUfoExperience('smart-link-authenticated', id || 'NULL', {
-      display: CardDisplay.HoverCardPreview
-    });
-    fireEvent('ui.smartLink.renderSuccess', {
-      display: CardDisplay.HoverCardPreview
-    });
-  }, [extensionKey, fireEvent, id]);
-  var data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
-  var _useMemo = useMemo(function () {
-      return getMetadata(extensionKey, data);
-    }, [data, extensionKey]),
-    primary = _useMemo.primary,
-    secondary = _useMemo.secondary;
-  var snippetHeight = React.useRef(0);
-  var snippetBlockRef = useRef(null);
-  var onSnippetRender = useCallback(function () {
-    var _snippetBlockRef$curr, _snippetBlockRef$curr2;
-    snippetHeight.current = (_snippetBlockRef$curr = (_snippetBlockRef$curr2 = snippetBlockRef.current) === null || _snippetBlockRef$curr2 === void 0 ? void 0 : _snippetBlockRef$curr2.getBoundingClientRect().height) !== null && _snippetBlockRef$curr !== void 0 ? _snippetBlockRef$curr : 0;
-  }, []);
-  var imagePreview = ImagePreview({
-    data: data,
-    fallbackElementHeight: snippetHeight.current
-  });
-  var snippet = imagePreview ? null : /*#__PURE__*/React.createElement(SnippetBlock, {
-    status: SmartLinkStatus.Resolved
-  });
-  var aiSummaryMinHeight = snippet ? snippetHeight.current : 0;
-  return /*#__PURE__*/React.createElement(FlexibleCard, flexibleCardProps, imagePreview, /*#__PURE__*/React.createElement(TitleBlock, _extends({}, titleBlockProps, {
-    metadataPosition: SmartLinkPosition.Top
-  })), /*#__PURE__*/React.createElement(MetadataBlock, {
-    primary: primary,
-    secondary: secondary,
-    overrideCss: metadataBlockCss,
-    maxLines: 1,
-    size: SmartLinkSize.Medium
-  }), isAISummaryEnabled ? /*#__PURE__*/React.createElement(AISummaryBlock, {
-    aiSummaryMinHeight: aiSummaryMinHeight,
-    placeholder: snippet,
-    status: SmartLinkStatus.Resolved
-  }) : snippet, /*#__PURE__*/React.createElement(SnippetBlock, {
-    testId: "hidden-snippet",
-    onRender: onSnippetRender,
-    blockRef: snippetBlockRef,
-    overrideCss: hiddenSnippetStyles
-  }), /*#__PURE__*/React.createElement(ActionBlock, {
-    onClick: onActionClick,
-    spaceInline: "space.100"
-  }), /*#__PURE__*/React.createElement(AIFooterBlock, null));
-};
-export default HoverCardResolvedViewOld;

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

@@ -1,29 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject;
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
-import { separatorCss } from '../../../styled';
-var elementGap = '0.5rem';
-
-/**
- * @deprecated remove on FF clean up bandicoots-compiled-migration-smartcard
- */
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var metadataBlockCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tgap: 0px;\n\t/* primary element group */\n\t[data-smart-element-group]:nth-of-type(1) {\n\t\tflex-grow: 7;\n\n\t\t// a separator between text-based element\n\t\t", "\n\n\t\t/* horizontal spacing between elements in group */\n    > span {\n\t\t\tmargin-right: ", ";\n\t\t}\n\t}\n\t/* secondary element group */\n\t[data-smart-element-group]:nth-of-type(2) {\n\t\tflex-grow: 3;\n\t\t/* horizontal spacing between elements in group */\n\t\t> span {\n\t\t\tmargin-left: ", ";\n\t\t}\n\t}\n\n\t[data-smart-element-group] {\n\t\tline-height: 1rem;\n\t}\n"])), separatorCss, elementGap, elementGap);
-
-/**
- * @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 var footerBlockCss = css({
-  height: '1.5rem'
-});
-
-/**
- * @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 var hiddenSnippetStyles = css({
-  visibility: 'hidden',
-  position: 'absolute'
-});

package/dist/esm/view/HoverCard/components/views/resolving/HoverCardLoadingViewOld.js

@@ -1,72 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { CustomBlock } from '../../../../FlexibleCard/components/blocks';
-import ActionGroup from '../../../../FlexibleCard/components/blocks/action-group';
-import { LoadingSkeletonNew, LoadingSkeletonOld } from '../../../../FlexibleCard/components/common/loading-skeleton';
-import Icon from '../../../../FlexibleCard/components/elements/icon';
-import { CARD_WIDTH_REM } from '../../../styled';
-import { getTitleStyles, loadingViewContainer, skeletonContainer, titleBlockStyles } from './styled';
-var HoverCardLoadingViewOld = function HoverCardLoadingViewOld(_ref) {
-  var titleBlockProps = _ref.titleBlockProps;
-  var testId = 'hover-card-loading-view';
-  var lineHeightRem = 1.25;
-  var skeletonWidth = CARD_WIDTH_REM - 2;
-  var size = titleBlockProps.size,
-    actions = titleBlockProps.actions;
-  var actionGroup = (actions === null || actions === void 0 ? void 0 : actions.length) && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && jsx(ActionGroup, {
-    items: actions,
-    visibleButtonsNum: 2
-  });
-  var LoadingSkeleton = fg('platform-smart-card-icon-migration') ? LoadingSkeletonNew : LoadingSkeletonOld;
-  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("div", {
-      css: loadingViewContainer,
-      "data-testid": testId
-    }, jsx("div", {
-      css: skeletonContainer
-    }, jsx(CustomBlock, _extends({}, titleBlockProps, {
-      overrideCss: titleBlockStyles,
-      testId: "".concat(testId, "-title-block")
-    }), jsx(Icon, {
-      render: function render() {
-        return jsx(LoadingSkeleton, null);
-      },
-      size: size
-    }), jsx("span", {
-      css: getTitleStyles(lineHeightRem),
-      "data-testid": "".concat(testId, "-title")
-    }, fg('platform-smart-card-icon-migration') ? jsx(LoadingSkeletonNew, {
-      height: "".concat(lineHeightRem, "rem")
-    }) : jsx(LoadingSkeletonOld, {
-      height: lineHeightRem
-    })), actionGroup), fg('platform-smart-card-icon-migration') ? jsx(React.Fragment, null, jsx(LoadingSkeletonNew, {
-      width: "".concat(skeletonWidth, "rem"),
-      height: "".concat(lineHeightRem, "rem")
-    }), jsx(LoadingSkeletonNew, {
-      width: "".concat(skeletonWidth, "rem"),
-      height: "".concat(lineHeightRem * 3, "rem")
-    }), jsx(LoadingSkeletonNew, {
-      width: "".concat(skeletonWidth, "rem"),
-      height: "".concat(lineHeightRem, "rem")
-    })) : jsx(React.Fragment, null, jsx(LoadingSkeletonOld, {
-      width: skeletonWidth,
-      height: lineHeightRem
-    }), jsx(LoadingSkeletonOld, {
-      width: skeletonWidth,
-      height: lineHeightRem * 3
-    }), jsx(LoadingSkeletonOld, {
-      width: skeletonWidth,
-      height: lineHeightRem
-    }))))
-  );
-};
-export default HoverCardLoadingViewOld;

package/dist/esm/view/HoverCard/components/views/resolving/styled.js

@@ -1,47 +0,0 @@
-// 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 var loadingViewContainer = css({
-  display: 'flex',
-  flexDirection: 'column',
-  padding: "var(--ds-space-200, 1rem)"
-});
-
-/**
- * @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 var skeletonContainer = css({
-  display: 'flex',
-  flexDirection: 'column',
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
-  gap: '0.625rem',
-  alignItems: 'center'
-});
-
-/**
- * @deprecated remove on FF clean up bandicoots-compiled-migration-smartcard
- */
-export var getTitleStyles = function getTitleStyles(height) {
-  return css({
-    flex: '1 0 auto',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    height: "".concat(height, "rem"),
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    span: {
-      width: '100%'
-    }
-  });
-};
-
-/**
- * @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 var titleBlockStyles = css({
-  width: '100%',
-  gap: "var(--ds-space-100, 0.5rem)"
-});

package/dist/esm/view/HoverCard/components/views/unauthorised/HoverCardUnauthorisedViewOld.js

@@ -1,72 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React, { useCallback, useMemo } from 'react';
-import { FormattedMessage } from 'react-intl-next';
-import { extractProvider } from '@atlaskit/link-extractors';
-import { useAnalyticsEvents } from '../../../../../common/analytics/generated/use-analytics-events';
-import { ActionName, CardDisplay } from '../../../../../constants';
-import { messages } from '../../../../../messages';
-import { useSmartCardActions } from '../../../../../state/actions';
-import { hasAuthScopeOverrides } from '../../../../../state/helpers';
-import UnauthorisedViewContent from '../../../../common/UnauthorisedViewContent';
-import FlexibleCard from '../../../../FlexibleCard';
-import { CustomBlock } from '../../../../FlexibleCard/components/blocks';
-import ActionGroup from '../../../../FlexibleCard/components/blocks/action-group';
-import { LinkIcon } from '../../../../FlexibleCard/components/elements';
-import { connectButtonStyles, mainTextStyles, titleBlockStyles } from './styled';
-var HoverCardUnauthorisedViewOld = function HoverCardUnauthorisedViewOld(_ref) {
-  var _cardState$details, _extractProvider;
-  var _ref$id = _ref.id,
-    id = _ref$id === void 0 ? '' : _ref$id,
-    flexibleCardProps = _ref.flexibleCardProps,
-    _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'hover-card-unauthorised-view' : _ref$testId,
-    url = _ref.url;
-  var cardState = flexibleCardProps.cardState;
-  var data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
-  var providerName = (_extractProvider = extractProvider(data)) === null || _extractProvider === void 0 ? void 0 : _extractProvider.text;
-  var isProductIntegrationSupported = hasAuthScopeOverrides(cardState.details);
-  var _useSmartCardActions = useSmartCardActions(id, url),
-    authorize = _useSmartCardActions.authorize;
-  var _useAnalyticsEvents = useAnalyticsEvents(),
-    fireEvent = _useAnalyticsEvents.fireEvent;
-  var handleAuthorize = useCallback(function () {
-    if (authorize) {
-      fireEvent('track.applicationAccount.authStarted', {});
-      authorize(CardDisplay.HoverCardPreview);
-    }
-  }, [authorize, fireEvent]);
-  var actions = useMemo(function () {
-    return [{
-      name: ActionName.CustomAction,
-      content: /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.connect_unauthorised_account_action, {
-        values: {
-          context: providerName
-        }
-      })),
-      onClick: handleAuthorize
-    }];
-  }, [handleAuthorize, providerName]);
-  return /*#__PURE__*/React.createElement(FlexibleCard, _extends({}, flexibleCardProps, {
-    testId: testId
-  }), /*#__PURE__*/React.createElement(CustomBlock, {
-    overrideCss: titleBlockStyles,
-    testId: "".concat(testId, "-title")
-  }, /*#__PURE__*/React.createElement(LinkIcon, null), /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.connect_link_account_card_name, {
-    values: {
-      context: providerName
-    }
-  }))), /*#__PURE__*/React.createElement(CustomBlock, {
-    overrideCss: mainTextStyles,
-    testId: "".concat(testId, "-content")
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(UnauthorisedViewContent, {
-    providerName: providerName,
-    isProductIntegrationSupported: isProductIntegrationSupported
-  }))), /*#__PURE__*/React.createElement(CustomBlock, {
-    overrideCss: connectButtonStyles,
-    testId: "".concat(testId, "-button")
-  }, /*#__PURE__*/React.createElement(ActionGroup, {
-    items: actions,
-    appearance: "primary"
-  })));
-};
-export default HoverCardUnauthorisedViewOld;

package/dist/esm/view/HoverCard/components/views/unauthorised/styled.js

@@ -1,34 +0,0 @@
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
-var blockGap = '0.5rem';
-var iconGap = '0.5rem';
-
-/**
- * @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 var connectButtonStyles = css({
-  justifyContent: 'flex-end',
-  marginTop: blockGap
-});
-
-/**
- * @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 var titleBlockStyles = css({
-  gap: "".concat(blockGap, " ").concat(iconGap),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  a: {
-    fontWeight: "var(--ds-font-weight-medium, 500)"
-  }
-});
-
-/**
- * @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 var mainTextStyles = css({
-  marginTop: blockGap,
-  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
-});