@atlaskit/smart-card 39.2.2 → 39.4.0

package/dist/esm/view/FlexibleCard/components/blocks/title-block/index.js

@@ -2,12 +2,11 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["actions", "anchorTarget", "hideTitleTooltip", "maxLines", "onActionMenuOpenChange", "onClick", "status", "showActionOnHover", "testId", "text", "icon", "theme", "hideRetry", "metadataPosition", "hideIcon", "className", "anchorRef", "CompetitorPrompt", "url", "hideIconLoadingSkeleton"];
+var _excluded = ["actions", "anchorTarget", "hideTitleTooltip", "maxLines", "onActionMenuOpenChange", "showActionOnHover", "testId", "text", "icon", "hideRetry", "metadataPosition", "hideIcon", "className", "anchorRef", "CompetitorPrompt", "url", "hideIconLoadingSkeleton"];
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useState } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { SmartLinkStatus } from '../../../../../constants';
 import { useMouseDownEvent } from '../../../../../state/analytics/useLinkClicked';
 import { useFlexibleCardContext } from '../../../../../state/flexible-ui-context';
@@ -54,15 +53,11 @@ var TitleBlock = function TitleBlock(_ref) {
     hideTitleTooltip = _ref.hideTitleTooltip,
     maxLines = _ref.maxLines,
     onActionMenuOpenChange = _ref.onActionMenuOpenChange,
-    onClick = _ref.onClick,
-    _ref$status = _ref.status,
-    statusProp = _ref$status === void 0 ? SmartLinkStatus.Fallback : _ref$status,
     showActionOnHover = _ref.showActionOnHover,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-block-title' : _ref$testId,
     text = _ref.text,
     icon = _ref.icon,
-    theme = _ref.theme,
     hideRetry = _ref.hideRetry,
     metadataPosition = _ref.metadataPosition,
     _ref$hideIcon = _ref.hideIcon,
@@ -73,18 +68,11 @@ var TitleBlock = function TitleBlock(_ref) {
     url = _ref.url,
     hideIconLoadingSkeleton = _ref.hideIconLoadingSkeleton,
     props = _objectWithoutProperties(_ref, _excluded);
-  var cardContext = fg('platform-linking-flexible-card-context') ?
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  useFlexibleCardContext() : undefined;
+  var cardContext = useFlexibleCardContext();
   var _ref2 = cardContext || {},
     _ref2$status = _ref2.status,
     status = _ref2$status === void 0 ? SmartLinkStatus.Fallback : _ref2$status,
     ui = _ref2.ui;
-  if (!fg('platform-linking-flexible-card-unresolved-action')) {
-    if (hideRetry && props.retry) {
-      delete props.retry;
-    }
-  }
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     actionDropdownOpen = _useState2[0],
@@ -108,16 +96,13 @@ var TitleBlock = function TitleBlock(_ref) {
   var onMouseDown = useMouseDownEvent();
   var title = /*#__PURE__*/React.createElement(Title, _extends({
     hideTooltip: hideTitleTooltip,
-    maxLines: maxLines
-  }, fg('platform-linking-flexible-card-context') ? undefined : {
-    onClick: onClick
-  }, {
+    maxLines: maxLines,
     onMouseDown: onMouseDown,
     target: anchorTarget,
-    theme: fg('platform-linking-flexible-card-context') ? ui === null || ui === void 0 ? void 0 : ui.theme : theme,
+    theme: ui === null || ui === void 0 ? void 0 : ui.theme,
     anchorRef: anchorRef
   }, overrideText));
-  var Component = getTitleBlockViewComponent(fg('platform-linking-flexible-card-context') ? status : statusProp);
+  var Component = getTitleBlockViewComponent(status);
   return /*#__PURE__*/React.createElement(Component, _extends({}, props, {
     actionGroup: actionGroup
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
@@ -126,16 +111,11 @@ var TitleBlock = function TitleBlock(_ref) {
     testId: testId,
     title: title,
     metadataPosition: metadataPosition,
-    hideIcon: hideIcon
-  }, fg('platform-linking-flexible-card-unresolved-action') ? {
-    hideRetry: hideRetry
-  } : undefined, {
+    hideIcon: hideIcon,
+    hideRetry: hideRetry,
     icon: icon,
     hideIconLoadingSkeleton: hideIconLoadingSkeleton,
-    size: fg('platform-linking-flexible-card-context') ? (_props$size = props.size) !== null && _props$size !== void 0 ? _props$size : ui === null || ui === void 0 ? void 0 : ui.size : props === null || props === void 0 ? void 0 : props.size
-  }, fg('platform-linking-flexible-card-context') ? undefined : {
-    theme: theme
-  }, {
+    size: (_props$size = props.size) !== null && _props$size !== void 0 ? _props$size : ui === null || ui === void 0 ? void 0 : ui.size,
     CompetitorPrompt: CompetitorPrompt,
     url: url
   }));

package/dist/esm/view/FlexibleCard/components/container/index.js

@@ -1,21 +1,14 @@
 /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["containerSize"];
-import "./index.compiled.css";
-import { ax, ix } from "@compiled/react/runtime";
-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) { _defineProperty(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; }
 /* eslint-disable @atlaskit/design-system/consistent-css-prop-usage */
 /* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-values */
-
-import React, { useContext } from 'react';
+import "./index.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
 import { di } from 'react-magnetic-di';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { MediaPlacement, SmartLinkSize, SmartLinkTheme } from '../../../../constants';
-import { FlexibleUiContext, useFlexibleUiContext } from '../../../../state/flexible-ui-context';
+import { MediaPlacement, SmartLinkSize } from '../../../../constants';
+import { useFlexibleUiContext } from '../../../../state/flexible-ui-context';
 import { isFlexUiPreviewPresent } from '../../../../state/flexible-ui-context/utils';
-import { isFlexibleUiBlock, isFlexibleUiPreviewBlock, isFlexibleUiTitleBlock, isStyleCacheProvider } from '../../../../utils/flexible';
+import { isFlexibleUiBlock, isFlexibleUiPreviewBlock, isStyleCacheProvider } from '../../../../utils/flexible';
 import { TitleBlock } from '../blocks';
 import HoverCardControl from './hover-card-control';
 import LayeredLink from './layered-link';
@@ -46,83 +39,6 @@ var filterChildren = function filterChildren(children, removeBlockRestriction) {
     return /*#__PURE__*/React.isValidElement(child) && isFlexibleUiBlock(child) ? child : undefined;
   });
 };
-var renderChildren = function renderChildren(children, containerSize, containerTheme, status, retry, onClick, removeBlockRestriction) {
-  return React.Children.map(children, function (child) {
-    if ( /*#__PURE__*/React.isValidElement(child) && isFlexibleUiBlock(child)) {
-      if (isFlexibleUiTitleBlock(child)) {
-        if (isStyleCacheProvider(child)) {
-          return updateChildrenTitleBlock(child, {
-            onClick: onClick,
-            retry: retry,
-            containerSize: containerSize,
-            status: status,
-            theme: containerTheme
-          });
-        } else {
-          var _blockSize = child.props.size;
-          var _size = _blockSize || containerSize;
-          return /*#__PURE__*/React.cloneElement(child, _objectSpread({
-            // @ts-expect-error
-            onClick: onClick,
-            size: _size,
-            status: status,
-            theme: containerTheme
-          }, fg('platform-linking-flexible-card-unresolved-action') ? undefined : {
-            retry: retry
-          }));
-        }
-      }
-      var blockSize = child.props.size;
-      var size = blockSize || containerSize;
-      if (isStyleCacheProvider(child)) {
-        return updateChildrenBlock(child, size, status);
-      }
-
-      // @ts-expect-error
-      return /*#__PURE__*/React.cloneElement(child, {
-        size: size,
-        status: status
-      });
-    }
-    if (removeBlockRestriction) {
-      return child;
-    }
-  });
-};
-var updateChildrenBlock = function updateChildrenBlock(node, size, status) {
-  var updatedChildren = React.Children.map(node.props.children, function (child) {
-    if ( /*#__PURE__*/React.isValidElement(child) && isFlexibleUiBlock(child)) {
-      // @ts-expect-error
-      return /*#__PURE__*/React.cloneElement(child, {
-        size: size,
-        status: status
-      });
-    }
-    return child;
-  });
-  return /*#__PURE__*/React.cloneElement(node, {
-    children: updatedChildren
-  });
-};
-var updateChildrenTitleBlock = function updateChildrenTitleBlock(node, _ref) {
-  var containerSize = _ref.containerSize,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var updatedChildren = React.Children.map(node.props.children, function (child) {
-    if ( /*#__PURE__*/React.isValidElement(child) && isFlexibleUiTitleBlock(child)) {
-      var _ref2 = child.props,
-        blockSize = _ref2.size;
-      var size = blockSize || containerSize;
-      return /*#__PURE__*/React.cloneElement(child, _objectSpread(_objectSpread({}, props), {}, {
-        size: size
-      }));
-    } else {
-      return child;
-    }
-  });
-  return /*#__PURE__*/React.cloneElement(node, {
-    children: updatedChildren
-  });
-};
 
 /**
  * Note: This function is only necessary for CompiledCSS within Jest tests due to the way it handles Styles.
@@ -162,19 +78,18 @@ var getTitleBlockProps = function getTitleBlockProps(children) {
   }
 };
 var getLayeredLink = function getLayeredLink(testId, context, children, onClick) {
-  var _ref3 = context || {},
-    linkTitle = _ref3.linkTitle,
-    title = _ref3.title,
-    _ref3$url = _ref3.url,
-    url = _ref3$url === void 0 ? '' : _ref3$url;
-  var _ref4 = getTitleBlockProps(children) || {},
-    target = _ref4.anchorTarget,
-    text = _ref4.text;
+  var _ref = context || {},
+    linkTitle = _ref.linkTitle,
+    _ref$url = _ref.url,
+    url = _ref$url === void 0 ? '' : _ref$url;
+  var _ref2 = getTitleBlockProps(children) || {},
+    target = _ref2.anchorTarget,
+    text = _ref2.text;
   return /*#__PURE__*/React.createElement(LayeredLink, {
     onClick: onClick,
     target: target,
     testId: testId,
-    text: text || title || (linkTitle === null || linkTitle === void 0 ? void 0 : linkTitle.text),
+    text: text || (linkTitle === null || linkTitle === void 0 ? void 0 : linkTitle.text),
     url: url
   });
 };
@@ -241,38 +156,32 @@ var previewOnRightStyleMap = {
  * @internal
  * @see Block
  */
-var Container = function Container(_ref5) {
-  var children = _ref5.children,
-    _ref5$clickableContai = _ref5.clickableContainer,
-    clickableContainer = _ref5$clickableContai === void 0 ? false : _ref5$clickableContai,
-    _ref5$hideBackground = _ref5.hideBackground,
-    hideBackground = _ref5$hideBackground === void 0 ? false : _ref5$hideBackground,
-    _ref5$hideElevation = _ref5.hideElevation,
-    hideElevation = _ref5$hideElevation === void 0 ? false : _ref5$hideElevation,
-    _ref5$hidePadding = _ref5.hidePadding,
-    hidePadding = _ref5$hidePadding === void 0 ? false : _ref5$hidePadding,
-    onClick = _ref5.onClick,
-    retry = _ref5.retry,
-    _ref5$showHoverPrevie = _ref5.showHoverPreview,
-    showHoverPreview = _ref5$showHoverPrevie === void 0 ? false : _ref5$showHoverPrevie,
-    hoverPreviewOptions = _ref5.hoverPreviewOptions,
-    actionOptions = _ref5.actionOptions,
-    _ref5$removeBlockRest = _ref5.removeBlockRestriction,
-    removeBlockRestriction = _ref5$removeBlockRest === void 0 ? false : _ref5$removeBlockRest,
-    _ref5$size = _ref5.size,
-    size = _ref5$size === void 0 ? SmartLinkSize.Medium : _ref5$size,
-    status = _ref5.status,
-    _ref5$testId = _ref5.testId,
-    testId = _ref5$testId === void 0 ? 'smart-links-container' : _ref5$testId,
-    _ref5$theme = _ref5.theme,
-    theme = _ref5$theme === void 0 ? SmartLinkTheme.Link : _ref5$theme;
+var Container = function Container(_ref3) {
+  var children = _ref3.children,
+    _ref3$clickableContai = _ref3.clickableContainer,
+    clickableContainer = _ref3$clickableContai === void 0 ? false : _ref3$clickableContai,
+    _ref3$hideBackground = _ref3.hideBackground,
+    hideBackground = _ref3$hideBackground === void 0 ? false : _ref3$hideBackground,
+    _ref3$hideElevation = _ref3.hideElevation,
+    hideElevation = _ref3$hideElevation === void 0 ? false : _ref3$hideElevation,
+    _ref3$hidePadding = _ref3.hidePadding,
+    hidePadding = _ref3$hidePadding === void 0 ? false : _ref3$hidePadding,
+    onClick = _ref3.onClick,
+    retry = _ref3.retry,
+    _ref3$showHoverPrevie = _ref3.showHoverPreview,
+    showHoverPreview = _ref3$showHoverPrevie === void 0 ? false : _ref3$showHoverPrevie,
+    hoverPreviewOptions = _ref3.hoverPreviewOptions,
+    actionOptions = _ref3.actionOptions,
+    _ref3$removeBlockRest = _ref3.removeBlockRestriction,
+    removeBlockRestriction = _ref3$removeBlockRest === void 0 ? false : _ref3$removeBlockRest,
+    _ref3$size = _ref3.size,
+    size = _ref3$size === void 0 ? SmartLinkSize.Medium : _ref3$size,
+    status = _ref3.status,
+    _ref3$testId = _ref3.testId,
+    testId = _ref3$testId === void 0 ? 'smart-links-container' : _ref3$testId;
   var padding = hidePadding ? '0px' : getPadding(size);
   var gap = getGap(size);
-  var context = fg('platform-linking-flexible-card-context') ?
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  useFlexibleUiContext() :
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  useContext(FlexibleUiContext);
+  var context = useFlexibleUiContext();
   var _getChildrenOptions = getChildrenOptions(children, context),
     previewOnLeft = _getChildrenOptions.previewOnLeft,
     previewOnRight = _getChildrenOptions.previewOnRight;
@@ -291,7 +200,7 @@ var Container = function Container(_ref5) {
       "--_12k13bg": ix(previewOnRight ? gap : padding),
       "--_18x9sjc": ix("1px solid ".concat("var(--ds-border, #091E4224)"))
     }
-  }, clickableContainer ? getLayeredLink(testId, context, children, onClick) : null, fg('platform-linking-flexible-card-context') ? filterChildren(children, removeBlockRestriction) : renderChildren(children, size, theme, status, retry, onClick, removeBlockRestriction));
+  }, clickableContainer ? getLayeredLink(testId, context, children, onClick) : null, filterChildren(children, removeBlockRestriction));
   if (context !== null && context !== void 0 && context.url && (canShowHoverPreview || canShowAuthTooltip)) {
     return /*#__PURE__*/React.createElement(HoverCardControl, {
       isHoverPreview: canShowHoverPreview,

package/dist/esm/view/FlexibleCard/components/elements/common/base-avatar-group-element/index.js

@@ -1,4 +1,5 @@
 /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./index.compiled.css";
 import * as React from 'react';
@@ -8,6 +9,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { useMemo } from 'react';
 import { useIntl } from 'react-intl-next';
 import AtlaskitAvatarGroup from '@atlaskit/avatar-group';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ElementName, SmartLinkSize } from '../../../../../../constants';
 import { messages } from '../../../../../../messages';
 import { getFormattedMessageAsString } from '../../../utils';
@@ -78,14 +80,14 @@ var BaseAvatarGroup = function BaseAvatarGroup(_ref) {
   if (!data.length) {
     return null;
   }
-  return /*#__PURE__*/React.createElement("span", {
+  return /*#__PURE__*/React.createElement("span", _extends({}, fg('platform-linking-enable-avatar-data-separator') ? _defineProperty({}, 'data-separator', true) : {}, {
     "data-smart-element": name,
     "data-smart-element-avatar-group": true,
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
     className: ax([stylesMap[size], "_1ul91ns9", className])
-  }, /*#__PURE__*/React.createElement(AtlaskitAvatarGroup, {
+  }), /*#__PURE__*/React.createElement(AtlaskitAvatarGroup, {
     maxCount: maxCount,
     appearance: "stack",
     size: "small",

package/dist/esm/view/FlexibleCard/components/elements/title-element/index.js

@@ -1,12 +1,11 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { ElementName } from '../../../../../constants';
 import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
-import { BaseLinkElement, toLinkProps } from '../common';
+import { BaseLinkElement } from '../common';
 var TitleElement = function TitleElement(props) {
   var context = useFlexibleUiContext();
-  var data = context ? fg('platform-linking-flexible-card-context') ? context === null || context === void 0 ? void 0 : context.linkTitle : toLinkProps(context.title, context.url) : null;
+  var data = context ? context === null || context === void 0 ? void 0 : context.linkTitle : null;
   return data ? /*#__PURE__*/React.createElement(BaseLinkElement, _extends({}, data, props, {
     name: ElementName.Title
   })) : null;

package/dist/esm/view/FlexibleCard/index.js

@@ -1,13 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect, useMemo } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
-import { SmartLinkStatus } from '../../constants';
-import { FlexibleCardContext, FlexibleUiContext, FlexibleUiOptionContext } from '../../state/flexible-ui-context';
+import { InternalActionName, SmartLinkStatus } from '../../constants';
+import { FlexibleCardContext } from '../../state/flexible-ui-context';
 import { useAISummaryConfig } from '../../state/hooks/use-ai-summary-config';
 import useResolve from '../../state/hooks/use-resolve';
 import Container from './components/container';
-import { getContextByStatus, getRetryOptions } from './utils';
+import { getContextByStatus } from './utils';
 
 /**
  * This represents a Flexible Card: a link represented by a card with metadata.
@@ -16,6 +15,7 @@ import { getContextByStatus, getRetryOptions } from './utils';
  * @see Container
  */
 var FlexibleCard = function FlexibleCard(_ref) {
+  var _flexibleCardContext$;
   var _ref$appearance = _ref.appearance,
     appearance = _ref$appearance === void 0 ? 'flexible' : _ref$appearance,
     cardState = _ref.cardState,
@@ -57,20 +57,16 @@ var FlexibleCard = function FlexibleCard(_ref) {
       url: url
     });
   }, [aiSummaryConfig, appearance, fireEvent, details, id, onAuthorize, onClick, origin, renderers, resolve, actionOptions, status, url]);
-  var flexibleCardContext = fg('platform-linking-flexible-card-context') ?
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  useMemo(function () {
+  var flexibleCardContext = useMemo(function () {
     return {
       data: context,
       status: status,
       ui: ui
     };
-  }, [context, status, ui]) : undefined;
-  var retry = fg('platform-linking-flexible-card-unresolved-action') ? undefined : getRetryOptions(url, status, details, onAuthorize);
+  }, [context, status, ui]);
   var _ref2 = context || {},
-    linkTitle = _ref2.linkTitle,
-    titleOld = _ref2.title;
-  var title = fg('platform-linking-flexible-card-context') ? linkTitle === null || linkTitle === void 0 ? void 0 : linkTitle.text : titleOld;
+    linkTitle = _ref2.linkTitle;
+  var title = linkTitle === null || linkTitle === void 0 ? void 0 : linkTitle.text;
   useEffect(function () {
     switch (status) {
       case SmartLinkStatus.Resolved:
@@ -95,33 +91,18 @@ var FlexibleCard = function FlexibleCard(_ref) {
         break;
     }
   }, [onError, onResolve, status, title, url]);
-  if (fg('platform-linking-flexible-card-context')) {
-    return /*#__PURE__*/React.createElement(FlexibleCardContext.Provider, {
-      value: flexibleCardContext
-    }, /*#__PURE__*/React.createElement(Container, _extends({
-      testId: testId
-    }, ui, {
-      onClick: onClick,
-      retry: retry,
-      showHoverPreview: showHoverPreview,
-      hoverPreviewOptions: hoverPreviewOptions,
-      actionOptions: actionOptions,
-      status: status
-    }), children));
-  }
-  return /*#__PURE__*/React.createElement(FlexibleUiOptionContext.Provider, {
-    value: ui
-  }, /*#__PURE__*/React.createElement(FlexibleUiContext.Provider, {
-    value: context
+  var retry = (_flexibleCardContext$ = flexibleCardContext.data) === null || _flexibleCardContext$ === void 0 || (_flexibleCardContext$ = _flexibleCardContext$.actions) === null || _flexibleCardContext$ === void 0 ? void 0 : _flexibleCardContext$[InternalActionName.UnresolvedAction];
+  return /*#__PURE__*/React.createElement(FlexibleCardContext.Provider, {
+    value: flexibleCardContext
   }, /*#__PURE__*/React.createElement(Container, _extends({
     testId: testId
   }, ui, {
     onClick: onClick,
-    retry: retry,
     showHoverPreview: showHoverPreview,
     hoverPreviewOptions: hoverPreviewOptions,
     actionOptions: actionOptions,
-    status: status
-  }), children)));
+    status: status,
+    retry: retry
+  }), children));
 };
 export default FlexibleCard;

package/dist/esm/view/FlexibleCard/utils.js

@@ -23,12 +23,9 @@ export var getContextByStatus = function getContextByStatus(params) {
   switch (status) {
     case SmartLinkStatus.Pending:
     case SmartLinkStatus.Resolving:
-      return fg('platform-linking-flexible-card-context') ? {
+      return {
         linkTitle: extractLinkTitle(status, url, response, onClick),
         url: url
-      } : {
-        title: url,
-        url: url
       };
     case SmartLinkStatus.Resolved:
       return extractFlexibleUiContext(params);
@@ -40,12 +37,11 @@ export var getContextByStatus = function getContextByStatus(params) {
     default:
       return _objectSpread({
         url: url,
-        title: fg('platform-linking-flexible-card-context') ? undefined : url,
         linkIcon: extractErrorIcon(response, status),
-        linkTitle: fg('platform-linking-flexible-card-context') ? extractLinkTitle(status, url, response, onClick) : undefined,
+        linkTitle: extractLinkTitle(status, url, response, onClick),
         preview: extractSmartLinkPreviewImage(response),
         provider: extractSmartLinkProviderIcon(response),
-        actions: fg('platform-linking-flexible-card-unresolved-action') ? _defineProperty({}, InternalActionName.UnresolvedAction, getRetryOptions(url, status, response, params.onAuthorize)) : undefined
+        actions: _defineProperty({}, InternalActionName.UnresolvedAction, getRetryOptions(url, status, response, params.onAuthorize))
       }, fg('bandicoots-smart-card-teamwork-context') ? {
         meta: {
           accessType: response === null || response === void 0 || (_response$meta = response.meta) === null || _response$meta === void 0 || (_response$meta = _response$meta.requestAccess) === null || _response$meta === void 0 ? void 0 : _response$meta.accessType

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

@@ -9,7 +9,7 @@ import { useSmartCardState } from '../../../state/store';
 import { isSpecialEvent } from '../../../utils';
 import { getIsAISummaryEnabled } from '../../../utils/ai-summary';
 import { fireLinkClickedEvent } from '../../../utils/analytics/click';
-import { flexibleUiOptions, flexibleUiOptionsOld } from '../styled';
+import { flexibleUiOptions } from '../styled';
 import { getMetadata } from '../utils';
 import ContentContainer from './ContentContainer';
 import HoverCardForbiddenView from './views/forbidden';
@@ -105,7 +105,7 @@ var HoverCardContent = function HoverCardContent(_ref) {
     position: SmartLinkPosition.Center,
     subtitle: subtitle
   };
-  var uiOptions = fg('platform-linking-flexible-card-context') ? flexibleUiOptions : flexibleUiOptionsOld;
+  var uiOptions = flexibleUiOptions;
   if (fg('cc-ai-linking-platform-snippet-renderer')) {
     uiOptions.enableSnippetRenderer = true;
   }

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

@@ -9,7 +9,6 @@ import ButtonOld from '@atlaskit/button';
 import Button from '@atlaskit/button/new';
 import { extractSmartLinkProvider } from '@atlaskit/link-extractors';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { SmartLinkStatus } from '../../../../../constants';
 import { extractRequestAccessContextImproved } from '../../../../../extractors/common/context/extractAccessContext';
 import extractHostname from '../../../../../extractors/common/hostname/extractHostname';
 import { messages } from '../../../../../messages';
@@ -47,39 +46,28 @@ var HoverCardForbiddenView = function HoverCardForbiddenView(_ref) {
   var ButtonComponent = fg('platform-smart-card-remove-legacy-button') ? Button : ButtonOld;
   return /*#__PURE__*/React.createElement(FlexibleCard, _extends({}, flexibleCardProps, {
     testId: testId
-  }), /*#__PURE__*/React.createElement(PreviewBlock, _extends({
+  }), /*#__PURE__*/React.createElement(PreviewBlock, {
     ignoreContainerPadding: true,
-    testId: testId
-  }, fg('platform-linking-flexible-card-context') ? undefined : {
-    status: SmartLinkStatus.Forbidden
-  }, {
+    testId: testId,
     className: ax(["_13lipd34 _qrwqpd34 _otyru2gc"])
-  })), /*#__PURE__*/React.createElement(CustomBlock, _extends({
-    testId: "".concat(testId, "-title")
-  }, fg('platform-linking-flexible-card-context') ? undefined : {
-    status: SmartLinkStatus.Forbidden
-  }, {
+  }), /*#__PURE__*/React.createElement(CustomBlock, {
+    testId: "".concat(testId, "-title"),
     className: ax(["_1bah1h6o _k48p1pd9 _19pku2gc"])
-  }), /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages[titleMessageKey], {
+  }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages[titleMessageKey], {
     values: {
       product: product
     }
-  }))), /*#__PURE__*/React.createElement(CustomBlock, _extends({
-    testId: "".concat(testId, "-content")
-  }, fg('platform-linking-flexible-card-context') ? undefined : {
-    status: SmartLinkStatus.Forbidden
-  }, {
+  }))), /*#__PURE__*/React.createElement(CustomBlock, {
+    testId: "".concat(testId, "-content"),
     className: ax(["_11c8dcr7 _1e0c1nu9 _1bah1h6o _19pkze3t _y3gn1h6o"])
-  }), /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages[descriptiveMessageKey], {
+  }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages[descriptiveMessageKey], {
     values: {
       product: product,
       hostname: hostname
     }
-  }))), action && /*#__PURE__*/React.createElement(CustomBlock, _extends({}, fg('platform-linking-flexible-card-context') ? undefined : {
-    status: SmartLinkStatus.Forbidden
-  }, {
+  }))), action && /*#__PURE__*/React.createElement(CustomBlock, {
     className: ax(["_1bah1h6o _19pku2gc"])
-  }), /*#__PURE__*/React.createElement(ButtonComponent, {
+  }, /*#__PURE__*/React.createElement(ButtonComponent, {
     testId: "".concat(testId, "-button"),
     onClick: action === null || action === void 0 ? void 0 : action.promise,
     appearance: "primary",

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

@@ -3,9 +3,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, useEffect, useMemo, useRef } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnalyticsEvents } from '../../../../../common/analytics/generated/use-analytics-events';
-import { CardDisplay, SmartLinkPosition, SmartLinkSize, SmartLinkStatus } from '../../../../../constants';
+import { CardDisplay, SmartLinkPosition, SmartLinkSize } from '../../../../../constants';
 import { succeedUfoExperience } from '../../../../../state/analytics';
 import FlexibleCard from '../../../../FlexibleCard';
 import { ActionBlock, AIFooterBlock, AISummaryBlock, MetadataBlock, SnippetBlock, TitleBlock } from '../../../../FlexibleCard/components/blocks';
@@ -58,40 +57,28 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
     fallbackElementHeight: snippetHeight.current,
     response: cardState.details
   });
-  var snippet = imagePreview ? null : /*#__PURE__*/React.createElement(SnippetBlock, _extends({}, fg('platform-linking-flexible-card-context') ? undefined : {
-    status: SmartLinkStatus.Resolved
-  }, {
+  var snippet = imagePreview ? null : /*#__PURE__*/React.createElement(SnippetBlock, {
     className: ax(["_ca0q1b66"])
-  }));
+  });
   var aiSummaryMinHeight = snippet ? snippetHeight.current : 0;
   return /*#__PURE__*/React.createElement(FlexibleCard, flexibleCardProps, imagePreview, /*#__PURE__*/React.createElement(TitleBlock, _extends({}, titleBlockProps, {
-    metadataPosition: SmartLinkPosition.Top
-  }, fg('platform-linking-flexible-card-context') ? undefined : {
-    status: SmartLinkStatus.Resolved
-  }, {
+    metadataPosition: SmartLinkPosition.Top,
     className: ax(["_zulpu2gc _quenze3t _oebj1txw _13mh1pd9"])
-  })), /*#__PURE__*/React.createElement(MetadataBlock, _extends({
+  })), /*#__PURE__*/React.createElement(MetadataBlock, {
     primary: primary,
     secondary: secondary,
     maxLines: 1,
     size: SmartLinkSize.Medium
-  }, fg('platform-linking-flexible-card-context') ? undefined : {
-    status: SmartLinkStatus.Resolved
-  })), isAISummaryEnabled ? /*#__PURE__*/React.createElement(AISummaryBlock, _extends({
+  }), isAISummaryEnabled ? /*#__PURE__*/React.createElement(AISummaryBlock, {
     aiSummaryMinHeight: aiSummaryMinHeight,
     placeholder: snippet
-  }, fg('platform-linking-flexible-card-context') ? undefined : {
-    status: SmartLinkStatus.Resolved
-  })) : snippet, /*#__PURE__*/React.createElement(SnippetBlock, _extends({
+  }) : snippet, /*#__PURE__*/React.createElement(SnippetBlock, {
     testId: "hidden-snippet",
     onRender: onSnippetRender,
-    blockRef: snippetBlockRef
-  }, fg('platform-linking-flexible-card-context') ? undefined : {
-    status: SmartLinkStatus.Resolved
-  }, {
+    blockRef: snippetBlockRef,
     isHidden: true,
     className: ax(["_3um015vq _kqswstnw"])
-  })), /*#__PURE__*/React.createElement(ActionBlock, {
+  }), /*#__PURE__*/React.createElement(ActionBlock, {
     onClick: onActionClick,
     spaceInline: "space.100",
     className: ax(["_n3td1b66"])

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

@@ -2,17 +2,6 @@ import { layers } from '@atlaskit/theme/constants';
 import { SmartLinkSize } from '../../constants';
 // Temporary fix for Confluence inline comment on editor mod has z-index of 500, Jira issue view has z-index of 510
 export var HOVER_CARD_Z_INDEX = layers.modal();
-
-/**
- * @deprecated Remove on platform-linking-flexible-card-context cleanup
- */
-export var flexibleUiOptionsOld = {
-  hideBackground: true,
-  hideElevation: true,
-  hideLegacyButton: true,
-  size: SmartLinkSize.Medium,
-  zIndex: HOVER_CARD_Z_INDEX + 1
-};
 export var flexibleUiOptions = {
   hideBackground: true,
   hideElevation: true,

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

@@ -13,7 +13,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "39.2.1",
+  packageVersion: "39.3.0",
   componentName: 'linkUrl'
 };
 var Anchor = withLinkClickedEvent('a');