@atlaskit/smart-card 27.19.1 → 27.20.1

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/smart-card
 
+## 27.20.1
+
+### Patch Changes
+
+- [#136464](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/136464)
+  [`6a5b8c86b4c6c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6a5b8c86b4c6c) -
+  fixing a11y violations with smart-card icon alt text and EmbedCard title
+
+## 27.20.0
+
+### Minor Changes
+
+- [#136850](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/136850)
+  [`aa33716afac49`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/aa33716afac49) -
+  [ux] Remove hover card redesign feature flag
+
 ## 27.19.1
 
 ### Patch Changes

package/dist/cjs/utils/analytics/analytics.js

@@ -22,7 +22,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "27.19.1"
+  packageVersion: "27.20.1"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/view/EmbedCard/components/Frame.js

@@ -48,7 +48,8 @@ var Frame = exports.Frame = /*#__PURE__*/_react2.default.forwardRef(function (_r
     isTrusted = _ref$isTrusted === void 0 ? false : _ref$isTrusted,
     testId = _ref.testId,
     onIframeDwell = _ref.onIframeDwell,
-    onIframeFocus = _ref.onIframeFocus;
+    onIframeFocus = _ref.onIframeFocus,
+    title = _ref.title;
   var _useState = (0, _react2.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     isIframeLoaded = _useState2[0],
@@ -136,6 +137,7 @@ var Frame = exports.Frame = /*#__PURE__*/_react2.default.forwardRef(function (_r
     onLoad: function onLoad() {
       setIframeLoaded(true);
     },
-    sandbox: (0, _utils.getIframeSandboxAttribute)(isTrusted)
+    sandbox: (0, _utils.getIframeSandboxAttribute)(isTrusted),
+    title: title
   }));
 });

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

@@ -75,6 +75,7 @@ var EmbedCardResolvedView = exports.EmbedCardResolvedView = /*#__PURE__*/_react2
     testId: testId,
     ref: embedIframeRef,
     onIframeDwell: onIframeDwell,
-    onIframeFocus: onIframeFocus
+    onIframeFocus: onIframeFocus,
+    title: text
   }));
 });

package/dist/cjs/view/FlexibleCard/components/actions/follow-action/index.js

@@ -52,10 +52,8 @@ var getIcon = function getIcon(stackIconType) {
   return (0, _utils.importIcon)(importFn);
 };
 var getIconFF = function getIconFF(iconFFEnabled, defaultIcon) {
-  if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.hover-card-action-redesign')) {
-    if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.action-icon-redesign')) {
-      return iconFFEnabled;
-    }
+  if ((0, _platformFeatureFlags.fg)('platform.linking-platform.smart-card.action-icon-redesign')) {
+    return iconFFEnabled;
   }
   return defaultIcon;
 };

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

@@ -28,12 +28,11 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var getIconFF = function getIconFF() {
-  if ((0, _platformFeatureFlags.fg)('platform.linking-platform.smart-card.hover-card-action-redesign')) {
-    if ((0, _platformFeatureFlags.fg)('platform.linking-platform.smart-card.action-icon-redesign')) {
-      // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-20003
-      return _actualSize.default;
-    }
+  if ((0, _platformFeatureFlags.fg)('platform.linking-platform.smart-card.action-icon-redesign')) {
+    // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-20003
+    return _actualSize.default;
   }
+
   // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-20003
   return _vidFullScreenOn.default;
 };

package/dist/cjs/view/FlexibleCard/components/blocks/ai-summary-block/resolved/index.js

@@ -5,134 +5,37 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.AISummaryBlockStatusIndicator = exports.AISummaryBlockErrorIndicator = void 0;
+exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _reactIntlNext = require("react-intl-next");
-var _primitives = require("@atlaskit/primitives");
 var _constants = require("../../../../../../constants");
-var _actionGroup = _interopRequireDefault(require("../../action-group"));
 var _block = _interopRequireDefault(require("../../block"));
-var _elementGroup = _interopRequireDefault(require("../../element-group"));
 var _motionWrapper = _interopRequireDefault(require("../../../common/motion-wrapper"));
-var _aiStateIndicator = _interopRequireDefault(require("../ai-state-indicator"));
-var _utils = require("../../utils");
-var _messages = require("../../../../../../messages");
 var _useAiSummaryAction = _interopRequireDefault(require("../../../../../../state/hooks/use-ai-summary-action"));
-var _aiIcon = _interopRequireDefault(require("../../../../../common/ai-icon"));
 var _aiSummary = _interopRequireDefault(require("../../../../../common/ai-summary"));
-var _useAnalyticsEvents2 = require("../../../../../../common/analytics/generated/use-analytics-events");
 var _aiEventSummaryViewed = _interopRequireDefault(require("../ai-event-summary-viewed"));
-var _aiEventErrorViewed = _interopRequireDefault(require("../../../common/ai-summary/ai-event-error-viewed"));
 var _reactMagneticDi = require("react-magnetic-di");
 var _react2 = require("@emotion/react");
-var _featureDiscovery = _interopRequireDefault(require("../feature-discovery"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 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 && Object.prototype.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 AISummaryBlockErrorIndicator = exports.AISummaryBlockErrorIndicator = function AISummaryBlockErrorIndicator(_ref) {
-  var showErrorIndicator = _ref.showErrorIndicator,
-    error = _ref.error,
-    showTransition = _ref.showTransition,
-    testId = _ref.testId;
-  return /*#__PURE__*/_react.default.createElement(_motionWrapper.default, {
-    isFadeIn: true,
-    show: showErrorIndicator,
-    showTransition: showTransition
-  }, /*#__PURE__*/_react.default.createElement(_aiEventErrorViewed.default, {
-    reason: error
-  }), /*#__PURE__*/_react.default.createElement(_aiStateIndicator.default, {
-    error: error,
-    state: "error",
-    testId: testId
-  }));
-};
-var AISummaryBlockStatusIndicator = exports.AISummaryBlockStatusIndicator = function AISummaryBlockStatusIndicator(_ref2) {
-  var showStatusIndicator = _ref2.showStatusIndicator,
-    metadata = _ref2.metadata,
-    status = _ref2.status,
-    testId = _ref2.testId;
-  var metadataElements = (0, _utils.renderElementItems)(metadata);
-  return showStatusIndicator ? /*#__PURE__*/_react.default.createElement(_aiStateIndicator.default, {
-    state: status,
-    testId: "".concat(testId, "-state-indicator")
-  }) : /*#__PURE__*/_react.default.createElement(_elementGroup.default, {
-    width: _constants.SmartLinkWidth.FitToContent,
-    testId: "".concat(testId, "-metadata-group")
-  }, metadataElements);
-};
 var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
-  var _props$actions = props.actions,
-    actions = _props$actions === void 0 ? [] : _props$actions,
-    onActionMenuOpenChange = props.onActionMenuOpenChange,
-    _props$size = props.size,
-    size = _props$size === void 0 ? _constants.SmartLinkSize.Medium : _props$size,
-    testId = props.testId,
+  var testId = props.testId,
     _props$aiSummaryMinHe = props.aiSummaryMinHeight,
     aiSummaryMinHeight = _props$aiSummaryMinHe === void 0 ? 0 : _props$aiSummaryMinHe,
-    metadata = props.metadata,
     placeholder = props.placeholder,
     url = props.url;
-  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
-    fireEvent = _useAnalyticsEvents.fireEvent;
   var _useAISummaryAction = (0, _useAiSummaryAction.default)(url),
-    summariseUrl = _useAISummaryAction.summariseUrl,
     _useAISummaryAction$s = _useAISummaryAction.state,
     content = _useAISummaryAction$s.content,
-    status = _useAISummaryAction$s.status,
-    error = _useAISummaryAction$s.error;
+    status = _useAISummaryAction$s.status;
   var showAISummary = status === 'done' ||
   // We want to display the AI Summary component only when there is content available during the loading process.
   status === 'loading' && !!content;
   var isSummarisedOnMountRef = (0, _react.useRef)(status === 'done');
-  var isErroredOnMountRef = (0, _react.useRef)(status === 'error');
-  var minHeight = (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.hover-card-action-redesign') && isSummarisedOnMountRef.current ? 0 : aiSummaryMinHeight;
-  (0, _react.useEffect)(function () {
-    // if the error was apparent on mount and the status is changed to loading we can
-    // clear the initial error on mount state
-    if (isErroredOnMountRef.current && status === 'loading') {
-      isErroredOnMountRef.current = false;
-    }
-  }, [status]);
-  var combinedActions = (0, _react.useMemo)(function () {
-    if (status === 'ready' || status === 'error') {
-      var aiAction = {
-        content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.ai_summarize),
-        name: _constants.ActionName.CustomAction,
-        onClick: function onClick() {
-          fireEvent('ui.button.clicked.aiSummary', {});
-          fireEvent('track.aiInteraction.initiated', {
-            aiFeatureName: 'Smart Links Summary',
-            proactiveAIGenerated: 0,
-            userGeneratedAI: 1
-          });
-          summariseUrl();
-        },
-        testId: "".concat(testId, "-ai-summary-action"),
-        icon: /*#__PURE__*/_react.default.createElement(_aiIcon.default, {
-          label: "AIIcon"
-        }),
-        /**
-         * Enabling feature discovery pulse
-         * Cleanup: https://product-fabric.atlassian.net/browse/EDM-9693
-         */
-        wrapper: _featureDiscovery.default
-      };
-      return [aiAction].concat((0, _toConsumableArray2.default)(actions));
-    }
-    return actions;
-  }, [actions, status, testId, summariseUrl, fireEvent]);
-  var onDropdownOpenChange = (0, _react.useCallback)(function (isOpen) {
-    if (onActionMenuOpenChange) {
-      onActionMenuOpenChange({
-        isOpen: isOpen
-      });
-    }
-  }, [onActionMenuOpenChange]);
-  if (!showAISummary && (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.hover-card-action-redesign')) {
+  var minHeight = isSummarisedOnMountRef.current ? 0 : aiSummaryMinHeight;
+  if (!showAISummary) {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, placeholder);
   }
   return /*#__PURE__*/_react.default.createElement(_block.default, (0, _extends2.default)({}, props, {
@@ -156,29 +59,7 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
   }, /*#__PURE__*/_react.default.createElement(_aiSummary.default, {
     testId: "".concat(testId, "-ai-summary"),
     minHeight: minHeight,
-    content: content,
-    showIcon: !(0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.hover-card-action-redesign') && isSummarisedOnMountRef.current
-  })), !(0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.hover-card-action-redesign') && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
-    alignBlock: "center",
-    alignInline: "end",
-    grow: "fill",
-    spread: "space-between",
-    testId: "".concat(testId, "-footer-metadata")
-  }, /*#__PURE__*/_react.default.createElement(_primitives.Box, null, /*#__PURE__*/_react.default.createElement(AISummaryBlockStatusIndicator, {
-    metadata: metadata,
-    showStatusIndicator: !isSummarisedOnMountRef.current && (status === 'loading' || status === 'done'),
-    status: status,
-    testId: testId
-  })), /*#__PURE__*/_react.default.createElement(_primitives.Box, null, /*#__PURE__*/_react.default.createElement(_actionGroup.default, {
-    onDropdownOpenChange: onDropdownOpenChange,
-    items: combinedActions,
-    appearance: "default",
-    size: size
-  }))), /*#__PURE__*/_react.default.createElement(AISummaryBlockErrorIndicator, {
-    showErrorIndicator: !isErroredOnMountRef.current && status === 'error',
-    showTransition: !isErroredOnMountRef.current,
-    error: error,
-    testId: "".concat(testId, "-error-indicator")
+    content: content
   })));
 };
 var _default = exports.default = AISummaryBlockResolvedView;

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

@@ -11,7 +11,6 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _popup = _interopRequireDefault(require("@atlaskit/popup"));
 var _react = require("@emotion/react");
 var _react2 = _interopRequireWildcard(require("react"));
-var _useSmartLinkActions = require("../../../state/hooks-external/useSmartLinkActions");
 var _renderers = require("../../../state/renderers");
 var _store = require("../../../state/store");
 var _HoverCardContent = _interopRequireDefault(require("../components/HoverCardContent"));
@@ -171,20 +170,8 @@ var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponen
       }
     }
   }, [initResolve, isOpen, setMousePosition, noFadeDelay, fadeInDelay]);
-  var linkActions = (0, _useSmartLinkActions.useSmartLinkActions)({
-    url: url,
-    appearance: _constants.CardDisplay.HoverCardPreview,
-    analyticsHandler: analyticsHandler,
-    origin: HOVER_CARD_SOURCE,
-    actionOptions: actionOptions
-  });
-  var filteredActions = (0, _react2.useMemo)(function () {
-    return hidePreviewButton ? linkActions.filter(function (action) {
-      return action.id !== 'preview-content';
-    }) : linkActions;
-  }, [hidePreviewButton, linkActions]);
   var onActionClick = (0, _react2.useCallback)(function (actionId) {
-    if (actionId === 'preview-content' || actionId === _constants.ActionName.PreviewAction || actionId === _constants.ActionName.AutomationAction) {
+    if (actionId === _constants.ActionName.PreviewAction || actionId === _constants.ActionName.AutomationAction) {
       hideCard();
     }
   }, [hideCard]);
@@ -209,7 +196,6 @@ var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponen
     var hoverCardContentProps = {
       onMouseEnter: initShowCard,
       onMouseLeave: initHideCard,
-      cardActions: filteredActions,
       cardState: linkState,
       onActionClick: onActionClick,
       onResolve: update,
@@ -224,7 +210,7 @@ var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponen
       id: id,
       source: HOVER_CARD_SOURCE
     }, (0, _react.jsx)(_HoverCardContent.default, hoverCardContentProps));
-  }, [initShowCard, initHideCard, filteredActions, linkState, onActionClick, renderers, actionOptions, url, id]);
+  }, [initShowCard, initHideCard, linkState, onActionClick, renderers, actionOptions, url, id]);
   var trigger = (0, _react2.useCallback)(function (triggerProps) {
     return (0, _react.jsx)("span", {
       ref: parentSpan

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

@@ -5,13 +5,9 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.hoverCardClassName = exports.getCopyAction = exports.default = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+exports.hoverCardClassName = exports.default = void 0;
 var _react = require("@emotion/react");
 var _analyticsNext = require("@atlaskit/analytics-next");
-var _copy = _interopRequireDefault(require("@atlaskit/icon/core/migration/copy"));
 var _react2 = _interopRequireWildcard(require("react"));
 var _linkProvider = require("@atlaskit/link-provider");
 var _constants = require("../../../constants");
@@ -22,10 +18,7 @@ var _styled = require("../styled");
 var _utils2 = require("../utils");
 var _resolving = _interopRequireDefault(require("./views/resolving"));
 var _unauthorised = _interopRequireDefault(require("./views/unauthorised"));
-var _resolved = _interopRequireDefault(require("./views/resolved"));
 var _redesign = _interopRequireDefault(require("./views/resolved/redesign"));
-var _reactIntlNext = require("react-intl-next");
-var _messages = require("../../../messages");
 var _click = require("../../../utils/analytics/click");
 var _store = require("../../../state/store");
 var _forbidden = _interopRequireDefault(require("./views/forbidden"));
@@ -37,51 +30,14 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * @jsxRuntime classic
  * @jsx jsx
  */
-
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var hoverCardClassName = exports.hoverCardClassName = 'smart-links-hover-preview';
-var getCopyAction = exports.getCopyAction = function getCopyAction(url) {
-  return {
-    name: _constants.ActionName.CustomAction,
-    icon: (0, _react.jsx)(_copy.default, {
-      label: "copy url",
-      LEGACY_size: "medium",
-      spacing: "spacious",
-      color: "var(--ds-icon, #44546F)"
-    }),
-    iconPosition: 'before',
-    onClick: function () {
-      var _onClick = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-        return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              _context.next = 2;
-              return navigator.clipboard.writeText(url);
-            case 2:
-              return _context.abrupt("return", _context.sent);
-            case 3:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      }));
-      function onClick() {
-        return _onClick.apply(this, arguments);
-      }
-      return onClick;
-    }(),
-    tooltipMessage: (0, _react.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.copy_url_to_clipboard),
-    testId: 'hover-card-copy-button'
-  };
-};
 var HoverCardContent = function HoverCardContent(_ref) {
   var _linkState$status, _cardState$details;
   var _ref$id = _ref.id,
     id = _ref$id === void 0 ? '' : _ref$id,
     _analytics = _ref.analytics,
-    _ref$cardActions = _ref.cardActions,
-    cardActions = _ref$cardActions === void 0 ? [] : _ref$cardActions,
     cardState = _ref.cardState,
     onActionClick = _ref.onActionClick,
     onResolve = _ref.onResolve,
@@ -147,15 +103,11 @@ var HoverCardContent = function HoverCardContent(_ref) {
     });
     (0, _click.fireLinkClickedEvent)(createAnalyticsEvent)(event);
   }, [createAnalyticsEvent, cardState.status, analytics.ui, id]);
-  var titleActions = (0, _react2.useMemo)(function () {
-    return [getCopyAction(url)];
-  }, [url]);
   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 = {
-    actions: (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.hover-card-action-redesign') ? undefined : titleActions,
     maxLines: titleMaxLines,
     overrideCss: _styled.titleBlockCss,
     size: _constants.SmartLinkSize.Large,
@@ -199,29 +151,15 @@ var HoverCardContent = function HoverCardContent(_ref) {
       });
     }
     if (cardState.status === 'resolved') {
-      if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.hover-card-action-redesign')) {
-        return (0, _react.jsx)(_redesign.default, {
-          analytics: analytics,
-          cardState: cardState,
-          extensionKey: extensionKey,
-          flexibleCardProps: flexibleCardProps,
-          isAISummaryEnabled: isAISummaryEnabled,
-          onActionClick: onActionClick,
-          titleBlockProps: titleBlockProps,
-          url: url
-        });
-      }
-      return (0, _react.jsx)(_resolved.default, {
-        id: id,
-        url: url,
-        extensionKey: extensionKey,
+      return (0, _react.jsx)(_redesign.default, {
         analytics: analytics,
-        cardActions: cardActions,
         cardState: cardState,
+        extensionKey: extensionKey,
         flexibleCardProps: flexibleCardProps,
         isAISummaryEnabled: isAISummaryEnabled,
         onActionClick: onActionClick,
-        titleBlockProps: titleBlockProps
+        titleBlockProps: titleBlockProps,
+        url: url
       });
     }
     return null;

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

@@ -9,7 +9,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _constants = require("../../constants");
 var _linkExtractors = require("@atlaskit/link-extractors");
 var _utils = require("../../extractors/flexible/utils");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var getSimulatedBetterMetadata = function getSimulatedBetterMetadata(extensionKey, data) {
@@ -95,15 +94,10 @@ var toElementItems = function toElementItems(elementNames) {
 };
 var getMetadata = exports.getMetadata = function getMetadata(extensionKey, data) {
   var metadata = getSimulatedBetterMetadata(extensionKey, data);
-  var primary = (0, _platformFeatureFlags.fg)('platform.linking-platform.smart-card.hover-card-action-redesign') ? [].concat(metadata.primary, metadata.tertiary) : metadata.primary;
-
-  // `tertiary` should be removed completely during cleanup:
-  // https://product-fabric.atlassian.net/browse/EDM-9556
-  var tertiary = (0, _platformFeatureFlags.fg)('platform.linking-platform.smart-card.hover-card-action-redesign') ? undefined : metadata.tertiary;
+  var primary = [].concat(metadata.primary, metadata.tertiary);
   return {
     subtitle: toElementItems(metadata.subtitle),
     primary: toElementItems(primary),
-    secondary: toElementItems(metadata.secondary),
-    tertiary: toElementItems(tertiary)
+    secondary: toElementItems(metadata.secondary)
   };
 };

package/dist/cjs/view/LinkUrl/index.js

@@ -17,7 +17,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId"],
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "27.19.1",
+  packageVersion: "27.20.1",
   componentName: 'linkUrl'
 };
 var Link = (0, _click.withLinkClickedEvent)('a');

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

@@ -63,12 +63,12 @@ var Icon = exports.Icon = function Icon(_ref) {
     color: "currentColor"
   });
   var image = url && (0, _react.jsx)(_reactRenderImage.default, {
-    src: url
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    ,
+    src: url,
     loaded: (0, _react.jsx)("img", {
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
       css: getImageStyles(isFlexibleUi),
       src: url,
+      alt: "",
       "data-testid": "".concat(testId, "-image")
     }),
     errored: placeholder

package/dist/cjs/view/common/ai-icon/index.js

@@ -7,112 +7,52 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _svg = _interopRequireDefault(require("@atlaskit/icon/svg"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _colors = require("@atlaskit/theme/colors");
 /**
  * The bulk of this file is originally from
  * https://bitbucket.org/atlassian/barrel/src/master/ui/platform/ui-kit/ai
  * with modifications
  */
 var AiIcon = function AiIcon(props) {
-  return /*#__PURE__*/_react.default.createElement(_svg.default, props, /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("linearGradient", {
-    id: "ai_icon_lg0",
-    x1: "21",
-    y1: "12",
-    x2: "17.5",
-    y2: "12",
-    gradientUnits: "userSpaceOnUse"
-  }, /*#__PURE__*/_react.default.createElement("stop", {
-    offset: "0.270833",
-    stopColor: "var(--ds-icon-accent-blue, ".concat(_colors.B200, ")"),
-    color: "var(--ds-icon-accent-blue, ".concat(_colors.B200, ")")
-  }), /*#__PURE__*/_react.default.createElement("stop", {
-    offset: "1",
-    stopColor: "var(--ds-text-accent-blue, ".concat(_colors.B400, ")"),
-    color: "var(--ds-text-accent-blue, ".concat(_colors.B400, ")")
-  })), /*#__PURE__*/_react.default.createElement("linearGradient", {
-    id: "ai_icon_lg1",
-    x1: "12.5",
-    y1: "3",
-    x2: "12.5",
-    y2: "6.5",
-    gradientUnits: "userSpaceOnUse"
-  }, /*#__PURE__*/_react.default.createElement("stop", {
-    offset: "0.1875",
-    stopColor: "var(--ds-icon-accent-blue, ".concat(_colors.B200, ")"),
-    color: "var(--ds-icon-accent-blue, ".concat(_colors.B200, ")")
-  }), /*#__PURE__*/_react.default.createElement("stop", {
-    offset: "1",
-    stopColor: "var(--ds-text-accent-blue, ".concat(_colors.B400, ")"),
-    color: "var(--ds-text-accent-blue, ".concat(_colors.B400, ")")
-  })), /*#__PURE__*/_react.default.createElement("linearGradient", {
-    id: "ai_icon_lg2",
-    x1: "6.82996",
-    y1: "12",
-    x2: "3.32996",
-    y2: "12",
-    gradientUnits: "userSpaceOnUse"
-  }, /*#__PURE__*/_react.default.createElement("stop", {
-    stopColor: "var(--ds-text-accent-blue, ".concat(_colors.B400, ")"),
-    color: "var(--ds-text-accent-blue, ".concat(_colors.B400, ")")
-  }), /*#__PURE__*/_react.default.createElement("stop", {
-    offset: "0.791667",
-    stopColor: "var(--ds-icon-accent-blue, ".concat(_colors.B200, ")"),
-    color: "var(--ds-icon-accent-blue, ".concat(_colors.B200, ")")
-  })), /*#__PURE__*/_react.default.createElement("linearGradient", {
-    id: "ai_icon_lg3",
-    x1: "12.5",
-    y1: "17",
-    x2: "12.5",
-    y2: "21",
-    gradientUnits: "userSpaceOnUse"
-  }, /*#__PURE__*/_react.default.createElement("stop", {
-    stopColor: "var(--ds-text-accent-blue, ".concat(_colors.B400, ")"),
-    color: "var(--ds-text-accent-blue, ".concat(_colors.B400, ")")
-  }), /*#__PURE__*/_react.default.createElement("stop", {
-    offset: "0.802083",
-    stopColor: "var(--ds-icon-accent-blue, ".concat(_colors.B200, ")"),
-    color: "var(--ds-icon-accent-blue, ".concat(_colors.B200, ")")
-  }))), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
+  return /*#__PURE__*/_react.default.createElement(_svg.default, props, /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M17.17 12C17.17 11.4477 17.6177 11 18.17 11H20C20.5523 11 21 11.4477 21 12C21 12.5523 20.5523 13 20 13H18.17C17.6177 13 17.17 12.5523 17.17 12Z",
-    fill: (0, _platformFeatureFlags.fg)('platform.linking-platform.smart-card.hover-card-action-redesign') ? "var(--ds-icon, #44546F)" : 'url(#ai_icon_lg0)'
+    fill: "var(--ds-icon, #44546F)"
   }), /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M12 3C12.5523 3 13 3.44772 13 4V5.83C13 6.38228 12.5523 6.83 12 6.83C11.4477 6.83 11 6.38228 11 5.83V4C11 3.44772 11.4477 3 12 3Z",
-    fill: (0, _platformFeatureFlags.fg)('platform.linking-platform.smart-card.hover-card-action-redesign') ? "var(--ds-icon, #44546F)" : 'url(#ai_icon_lg1)'
+    fill: "var(--ds-icon, #44546F)"
   }), /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M3 12C3 11.4477 3.44772 11 4 11H5.83C6.38228 11 6.83 11.4477 6.83 12C6.83 12.5523 6.38228 13 5.83 13H4C3.44772 13 3 12.5523 3 12Z",
-    fill: (0, _platformFeatureFlags.fg)('platform.linking-platform.smart-card.hover-card-action-redesign') ? "var(--ds-icon, #44546F)" : 'url(#ai_icon_lg2)'
+    fill: "var(--ds-icon, #44546F)"
   }), /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M12 17.17C12.5523 17.17 13 17.6177 13 18.17V20C13 20.5523 12.5523 21 12 21C11.4477 21 11 20.5523 11 20V18.17C11 17.6177 11.4477 17.17 12 17.17Z",
-    fill: (0, _platformFeatureFlags.fg)('platform.linking-platform.smart-card.hover-card-action-redesign') ? "var(--ds-icon, #44546F)" : 'url(#ai_icon_lg3)'
+    fill: "var(--ds-icon, #44546F)"
   }), /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M14.2929 14.2929C14.6835 13.9024 15.3166 13.9024 15.7071 14.2929L19.7071 18.2929C20.0977 18.6834 20.0977 19.3166 19.7071 19.7071C19.3166 20.0976 18.6835 20.0976 18.2929 19.7071L14.2929 15.7071C13.9024 15.3166 13.9024 14.6834 14.2929 14.2929Z",
-    fill: (0, _platformFeatureFlags.fg)('platform.linking-platform.smart-card.hover-card-action-redesign') ? "var(--ds-icon, #44546F)" : "var(--ds-icon-accent-blue, ".concat(_colors.B200, ")")
+    fill: "var(--ds-icon, #44546F)"
   }), /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M19.7071 4.29289C20.0977 4.68342 20.0977 5.31658 19.7071 5.70711L15.7071 9.70711C15.3166 10.0976 14.6835 10.0976 14.2929 9.70711C13.9024 9.31658 13.9024 8.68342 14.2929 8.29289L18.2929 4.29289C18.6835 3.90237 19.3166 3.90237 19.7071 4.29289Z",
-    fill: (0, _platformFeatureFlags.fg)('platform.linking-platform.smart-card.hover-card-action-redesign') ? "var(--ds-icon, #44546F)" : "var(--ds-icon-accent-blue, ".concat(_colors.B200, ")")
+    fill: "var(--ds-icon, #44546F)"
   }), /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M4.29289 4.29289C4.68342 3.90237 5.31658 3.90237 5.70711 4.29289L9.70711 8.29289C10.0976 8.68342 10.0976 9.31658 9.70711 9.70711C9.31658 10.0976 8.68342 10.0976 8.29289 9.70711L4.29289 5.70711C3.90237 5.31658 3.90237 4.68342 4.29289 4.29289Z",
-    fill: (0, _platformFeatureFlags.fg)('platform.linking-platform.smart-card.hover-card-action-redesign') ? "var(--ds-icon, #44546F)" : "var(--ds-icon-accent-blue, ".concat(_colors.B200, ")")
+    fill: "var(--ds-icon, #44546F)"
   }), /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M9.70711 14.2929C10.0976 14.6834 10.0976 15.3166 9.70711 15.7071L5.70711 19.7071C5.31658 20.0976 4.68342 20.0976 4.29289 19.7071C3.90237 19.3166 3.90237 18.6834 4.29289 18.2929L8.29289 14.2929C8.68342 13.9024 9.31658 13.9024 9.70711 14.2929Z",
-    fill: (0, _platformFeatureFlags.fg)('platform.linking-platform.smart-card.hover-card-action-redesign') ? "var(--ds-icon, #44546F)" : "var(--ds-icon-accent-blue, ".concat(_colors.B200, ")")
+    fill: "var(--ds-icon, #44546F)"
   })));
 };
 var _default = exports.default = AiIcon;