@atlaskit/smart-card 35.2.11 → 36.0.0

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

@@ -1,175 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.hoverCardClassName = exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _analyticsNext = require("@atlaskit/analytics-next");
-var _linkProvider = require("@atlaskit/link-provider");
-var _useAnalyticsEvents2 = require("../../../common/analytics/generated/use-analytics-events");
-var _constants = require("../../../constants");
-var _helpers = require("../../../state/helpers");
-var _store = require("../../../state/store");
-var _utils = require("../../../utils");
-var _aiSummary = require("../../../utils/ai-summary");
-var _click = require("../../../utils/analytics/click");
-var _styled = require("../styled");
-var _utils2 = require("../utils");
-var _ContentContainer = _interopRequireDefault(require("./ContentContainer"));
-var _forbidden = _interopRequireDefault(require("./views/forbidden"));
-var _resolved = _interopRequireDefault(require("./views/resolved"));
-var _resolving = _interopRequireDefault(require("./views/resolving"));
-var _unauthorised = _interopRequireDefault(require("./views/unauthorised"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var hoverCardClassName = exports.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 = (0, _analyticsNext.useAnalyticsEvents)(),
-    createAnalyticsEvent = _useAnalyticsEventsNe.createAnalyticsEvent;
-  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
-    fireEvent = _useAnalyticsEvents.fireEvent;
-  var extensionKey = (0, _react.useMemo)(function () {
-    return (0, _helpers.getExtensionKey)(cardState.details);
-  }, [cardState.details]);
-  var linkState = (0, _store.useSmartCardState)(url);
-  var linkStatus = (_linkState$status = linkState.status) !== null && _linkState$status !== void 0 ? _linkState$status : 'pending';
-  var definitionId = (0, _react.useMemo)(function () {
-    return (0, _helpers.getDefinitionId)(cardState.details);
-  }, [cardState.details]);
-  var _useSmartLinkContext = (0, _linkProvider.useSmartLinkContext)(),
-    isAdminHubAIEnabled = _useSmartLinkContext.isAdminHubAIEnabled;
-  var isAISummaryEnabled = (0, _aiSummary.getIsAISummaryEnabled)(isAdminHubAIEnabled, cardState.details);
-  var services = (0, _helpers.getServices)(linkState.details);
-  var statusRef = (0, _react.useRef)(linkStatus);
-  var fireEventRef = (0, _react.useRef)(fireEvent);
-  var definitionIdRef = (0, _react.useRef)(definitionId);
-  (0, _react.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]);
-  (0, _react.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 = (0, _react.useCallback)(function (event) {
-    var isModifierKeyPressed = (0, _utils.isSpecialEvent)(event);
-    fireEvent('ui.smartLink.clicked.titleGoToLink', {
-      id: id,
-      display: _constants.CardDisplay.HoverCardPreview,
-      isModifierKeyPressed: isModifierKeyPressed,
-      definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null
-    });
-    (0, _click.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 = (0, _utils2.getMetadata)(extensionKey, data),
-    subtitle = _getMetadata.subtitle;
-  var titleMaxLines = subtitle && subtitle.length > 0 ? 1 : 2;
-  var titleBlockProps = {
-    maxLines: titleMaxLines,
-    overrideCss: _styled.titleBlockCss,
-    size: _constants.SmartLinkSize.Large,
-    position: _constants.SmartLinkPosition.Center,
-    subtitle: subtitle
-  };
-  var flexibleCardProps = {
-    appearance: _constants.CardDisplay.HoverCardPreview,
-    cardState: cardState,
-    onClick: onClick,
-    onResolve: onResolve,
-    origin: 'smartLinkPreviewHoverCard',
-    renderers: renderers,
-    actionOptions: actionOptions,
-    ui: _styled.flexibleUiOptions,
-    url: url,
-    children: null
-  };
-  var onClickStopPropagation = (0, _react.useCallback)(function (e) {
-    return e.stopPropagation();
-  }, []);
-  var getCardView = function getCardView(cardState) {
-    if (cardState.metadataStatus === 'pending') {
-      return /*#__PURE__*/_react.default.createElement(_resolving.default, {
-        flexibleCardProps: flexibleCardProps,
-        titleBlockProps: titleBlockProps
-      });
-    }
-    if (cardState.status === 'unauthorized' && services !== null && services !== void 0 && services.length) {
-      return /*#__PURE__*/_react.default.createElement(_unauthorised.default, {
-        extensionKey: extensionKey,
-        id: id,
-        flexibleCardProps: flexibleCardProps,
-        url: url
-      });
-    }
-    if (cardState.status === 'forbidden' || cardState.status === 'not_found') {
-      return /*#__PURE__*/_react.default.createElement(_forbidden.default, {
-        flexibleCardProps: flexibleCardProps
-      });
-    }
-    if (cardState.status === 'resolved') {
-      return /*#__PURE__*/_react.default.createElement(_resolved.default, {
-        cardState: cardState,
-        extensionKey: extensionKey,
-        flexibleCardProps: flexibleCardProps,
-        isAISummaryEnabled: isAISummaryEnabled,
-        onActionClick: onActionClick,
-        titleBlockProps: titleBlockProps,
-        url: url
-      });
-    }
-    return null;
-  };
-  var cardView = getCardView(cardState);
-  return cardView ? /*#__PURE__*/_react.default.createElement(_ContentContainer.default, {
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave,
-    onClick: onClickStopPropagation,
-    isAIEnabled: isAISummaryEnabled,
-    url: url
-  }, cardView) : null;
-};
-var _default = exports.default = HoverCardContentOld;

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

@@ -1,57 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _extractPreview = _interopRequireDefault(require("../../../extractors/flexible/extract-preview"));
-var _blocks = require("../../FlexibleCard/components/blocks");
-var _styled = require("../styled");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var ImagePreviewOld = function ImagePreviewOld(_ref) {
-  var data = _ref.data,
-    fallbackElementHeight = _ref.fallbackElementHeight;
-  var transitionStarted = (0, _react.useRef)(false);
-  var previewBlockRef = (0, _react.useRef)(null);
-  var _useState = (0, _react.useState)(true),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    showPreview = _useState2[0],
-    setShowPreview = _useState2[1];
-  var _useState3 = (0, _react.useState)(),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    previewCss = _useState4[0],
-    setPreviewCss = _useState4[1];
-
-  // Set Preview to a fixed height to enable transitions
-  var onPreviewRender = (0, _react.useCallback)(function () {
-    var _previewBlockRef$curr;
-    previewBlockRef.current && setPreviewCss((0, _styled.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 = (0, _react.useCallback)(function () {
-    if (transitionStarted.current === false) {
-      setPreviewCss((0, _styled.getTransitionStyles)(fallbackElementHeight));
-      transitionStarted.current = true;
-    }
-  }, [fallbackElementHeight]);
-  var onPreviewTransitionEnd = (0, _react.useCallback)(function () {
-    setShowPreview(false);
-  }, []);
-  return showPreview && data && (0, _extractPreview.default)(data) ? /*#__PURE__*/_react.default.createElement(_blocks.PreviewBlock, {
-    onError: onPreviewError,
-    ignoreContainerPadding: true,
-    overrideCss: previewCss,
-    onTransitionEnd: onPreviewTransitionEnd,
-    blockRef: previewBlockRef,
-    onRender: onPreviewRender
-  }) : null;
-};
-var _default = exports.default = ImagePreviewOld;

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

@@ -1,77 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
-var _analyticsNext = require("@atlaskit/analytics-next");
-var _button = _interopRequireDefault(require("@atlaskit/button"));
-var _linkExtractors = require("@atlaskit/link-extractors");
-var _extractAccessContext = require("../../../../../extractors/common/context/extractAccessContext");
-var _extractHostname = _interopRequireDefault(require("../../../../../extractors/common/hostname/extractHostname"));
-var _messages = require("../../../../../messages");
-var _FlexibleCard = _interopRequireDefault(require("../../../../FlexibleCard"));
-var _blocks = require("../../../../FlexibleCard/components/blocks");
-var _styled = require("../../../styled");
-var _styled2 = require("./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 = (0, _analyticsNext.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 = (0, _linkExtractors.extractProvider)(data)) === null || _extractProvider === void 0 ? void 0 : _extractProvider.text) !== null && _extractProvider$text !== void 0 ? _extractProvider$text : '';
-  var hostname = /*#__PURE__*/_react.default.createElement("b", null, (0, _extractHostname.default)(url));
-  var _ref2 = (_extractRequestAccess = (0, _extractAccessContext.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.default.createElement(_FlexibleCard.default, (0, _extends2.default)({}, flexibleCardProps, {
-    testId: testId
-  }), /*#__PURE__*/_react.default.createElement(_blocks.PreviewBlock, {
-    ignoreContainerPadding: true,
-    overrideCss: (0, _styled.getPreviewBlockStyles)(),
-    testId: testId
-  }), /*#__PURE__*/_react.default.createElement(_blocks.CustomBlock, {
-    overrideCss: _styled2.titleBlockStyles,
-    testId: "".concat(testId, "-title")
-  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages[titleMessageKey], {
-    values: {
-      product: product
-    }
-  }))), /*#__PURE__*/_react.default.createElement(_blocks.CustomBlock, {
-    overrideCss: _styled2.mainTextStyles,
-    testId: "".concat(testId, "-content")
-  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages[descriptiveMessageKey], {
-    values: {
-      product: product,
-      hostname: hostname
-    }
-  }))), action && /*#__PURE__*/_react.default.createElement(_blocks.CustomBlock, {
-    overrideCss: _styled2.connectButtonStyles
-  }, /*#__PURE__*/_react.default.createElement(_button.default, {
-    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)));
-};
-var _default = exports.default = HoverCardForbiddenViewOld;

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

@@ -1,39 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.titleBlockStyles = exports.mainTextStyles = exports.connectButtonStyles = void 0;
-var _react = require("@emotion/react");
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-/**
- * @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
-var titleBlockStyles = exports.titleBlockStyles = (0, _react.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
-var mainTextStyles = exports.mainTextStyles = (0, _react.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
-var connectButtonStyles = exports.connectButtonStyles = (0, _react.css)({
-  justifyContent: 'center',
-  marginTop: "var(--ds-space-100, 8px)"
-});

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

@@ -1,90 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _useAnalyticsEvents2 = require("../../../../../common/analytics/generated/use-analytics-events");
-var _constants = require("../../../../../constants");
-var _analytics = require("../../../../../state/analytics");
-var _FlexibleCard = _interopRequireDefault(require("../../../../FlexibleCard"));
-var _blocks = require("../../../../FlexibleCard/components/blocks");
-var _utils = require("../../../utils");
-var _ImagePreview = _interopRequireDefault(require("../../ImagePreview"));
-var _styled = require("./styled");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-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 = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
-    fireEvent = _useAnalyticsEvents.fireEvent;
-  (0, _react.useEffect)(function () {
-    // Since this hover view is only rendered on resolved status,
-    // there is no need to check for statuses.
-    (0, _analytics.succeedUfoExperience)('smart-link-rendered', id || 'NULL', {
-      extensionKey: extensionKey,
-      display: _constants.CardDisplay.HoverCardPreview
-    });
-
-    // UFO will disregard this if authentication experience has not yet been started
-    (0, _analytics.succeedUfoExperience)('smart-link-authenticated', id || 'NULL', {
-      display: _constants.CardDisplay.HoverCardPreview
-    });
-    fireEvent('ui.smartLink.renderSuccess', {
-      display: _constants.CardDisplay.HoverCardPreview
-    });
-  }, [extensionKey, fireEvent, id]);
-  var data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
-  var _useMemo = (0, _react.useMemo)(function () {
-      return (0, _utils.getMetadata)(extensionKey, data);
-    }, [data, extensionKey]),
-    primary = _useMemo.primary,
-    secondary = _useMemo.secondary;
-  var snippetHeight = _react.default.useRef(0);
-  var snippetBlockRef = (0, _react.useRef)(null);
-  var onSnippetRender = (0, _react.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 = (0, _ImagePreview.default)({
-    data: data,
-    fallbackElementHeight: snippetHeight.current
-  });
-  var snippet = imagePreview ? null : /*#__PURE__*/_react.default.createElement(_blocks.SnippetBlock, {
-    status: _constants.SmartLinkStatus.Resolved
-  });
-  var aiSummaryMinHeight = snippet ? snippetHeight.current : 0;
-  return /*#__PURE__*/_react.default.createElement(_FlexibleCard.default, flexibleCardProps, imagePreview, /*#__PURE__*/_react.default.createElement(_blocks.TitleBlock, (0, _extends2.default)({}, titleBlockProps, {
-    metadataPosition: _constants.SmartLinkPosition.Top
-  })), /*#__PURE__*/_react.default.createElement(_blocks.MetadataBlock, {
-    primary: primary,
-    secondary: secondary,
-    overrideCss: _styled.metadataBlockCss,
-    maxLines: 1,
-    size: _constants.SmartLinkSize.Medium
-  }), isAISummaryEnabled ? /*#__PURE__*/_react.default.createElement(_blocks.AISummaryBlock, {
-    aiSummaryMinHeight: aiSummaryMinHeight,
-    placeholder: snippet,
-    status: _constants.SmartLinkStatus.Resolved
-  }) : snippet, /*#__PURE__*/_react.default.createElement(_blocks.SnippetBlock, {
-    testId: "hidden-snippet",
-    onRender: onSnippetRender,
-    blockRef: snippetBlockRef,
-    overrideCss: _styled.hiddenSnippetStyles
-  }), /*#__PURE__*/_react.default.createElement(_blocks.ActionBlock, {
-    onClick: onActionClick,
-    spaceInline: "space.100"
-  }), /*#__PURE__*/_react.default.createElement(_blocks.AIFooterBlock, null));
-};
-var _default = exports.default = HoverCardResolvedViewOld;

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

@@ -1,35 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.metadataBlockCss = exports.hiddenSnippetStyles = exports.footerBlockCss = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = require("@emotion/react");
-var _styled = require("../../../styled");
-var _templateObject; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-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
-var metadataBlockCss = exports.metadataBlockCss = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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"])), _styled.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
-var footerBlockCss = exports.footerBlockCss = (0, _react.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
-var hiddenSnippetStyles = exports.hiddenSnippetStyles = (0, _react.css)({
-  visibility: 'hidden',
-  position: 'absolute'
-});

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

@@ -1,80 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@emotion/react");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _blocks = require("../../../../FlexibleCard/components/blocks");
-var _actionGroup = _interopRequireDefault(require("../../../../FlexibleCard/components/blocks/action-group"));
-var _loadingSkeleton = require("../../../../FlexibleCard/components/common/loading-skeleton");
-var _icon = _interopRequireDefault(require("../../../../FlexibleCard/components/elements/icon"));
-var _styled = require("../../../styled");
-var _styled2 = require("./styled");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var HoverCardLoadingViewOld = function HoverCardLoadingViewOld(_ref) {
-  var titleBlockProps = _ref.titleBlockProps;
-  var testId = 'hover-card-loading-view';
-  var lineHeightRem = 1.25;
-  var skeletonWidth = _styled.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 && (0, _react2.jsx)(_actionGroup.default, {
-    items: actions,
-    visibleButtonsNum: 2
-  });
-  var LoadingSkeleton = (0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') ? _loadingSkeleton.LoadingSkeletonNew : _loadingSkeleton.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
-    (0, _react2.jsx)("div", {
-      css: _styled2.loadingViewContainer,
-      "data-testid": testId
-    }, (0, _react2.jsx)("div", {
-      css: _styled2.skeletonContainer
-    }, (0, _react2.jsx)(_blocks.CustomBlock, (0, _extends2.default)({}, titleBlockProps, {
-      overrideCss: _styled2.titleBlockStyles,
-      testId: "".concat(testId, "-title-block")
-    }), (0, _react2.jsx)(_icon.default, {
-      render: function render() {
-        return (0, _react2.jsx)(LoadingSkeleton, null);
-      },
-      size: size
-    }), (0, _react2.jsx)("span", {
-      css: (0, _styled2.getTitleStyles)(lineHeightRem),
-      "data-testid": "".concat(testId, "-title")
-    }, (0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') ? (0, _react2.jsx)(_loadingSkeleton.LoadingSkeletonNew, {
-      height: "".concat(lineHeightRem, "rem")
-    }) : (0, _react2.jsx)(_loadingSkeleton.LoadingSkeletonOld, {
-      height: lineHeightRem
-    })), actionGroup), (0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') ? (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_loadingSkeleton.LoadingSkeletonNew, {
-      width: "".concat(skeletonWidth, "rem"),
-      height: "".concat(lineHeightRem, "rem")
-    }), (0, _react2.jsx)(_loadingSkeleton.LoadingSkeletonNew, {
-      width: "".concat(skeletonWidth, "rem"),
-      height: "".concat(lineHeightRem * 3, "rem")
-    }), (0, _react2.jsx)(_loadingSkeleton.LoadingSkeletonNew, {
-      width: "".concat(skeletonWidth, "rem"),
-      height: "".concat(lineHeightRem, "rem")
-    })) : (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_loadingSkeleton.LoadingSkeletonOld, {
-      width: skeletonWidth,
-      height: lineHeightRem
-    }), (0, _react2.jsx)(_loadingSkeleton.LoadingSkeletonOld, {
-      width: skeletonWidth,
-      height: lineHeightRem * 3
-    }), (0, _react2.jsx)(_loadingSkeleton.LoadingSkeletonOld, {
-      width: skeletonWidth,
-      height: lineHeightRem
-    }))))
-  );
-};
-var _default = exports.default = HoverCardLoadingViewOld;

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

@@ -1,54 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.titleBlockStyles = exports.skeletonContainer = exports.loadingViewContainer = exports.getTitleStyles = void 0;
-var _react = require("@emotion/react");
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-/**
- * @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
-var loadingViewContainer = exports.loadingViewContainer = (0, _react.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
-var skeletonContainer = exports.skeletonContainer = (0, _react.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
- */
-var getTitleStyles = exports.getTitleStyles = function getTitleStyles(height) {
-  return (0, _react.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
-var titleBlockStyles = exports.titleBlockStyles = (0, _react.css)({
-  width: '100%',
-  gap: "var(--ds-space-100, 0.5rem)"
-});