@atlaskit/smart-card 39.3.0 → 40.0.0

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

@@ -3,13 +3,12 @@
 /* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-values */
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
-import React, { useContext } from 'react';
+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';
@@ -40,91 +39,6 @@ const filterChildren = (children, removeBlockRestriction) => {
   }
   return React.Children.map(children, child => /*#__PURE__*/React.isValidElement(child) && isFlexibleUiBlock(child) ? child : undefined);
 };
-const renderChildren = (children, containerSize, containerTheme, status, retry, onClick, removeBlockRestriction) => {
-  return React.Children.map(children, child => {
-    if ( /*#__PURE__*/React.isValidElement(child) && isFlexibleUiBlock(child)) {
-      if (isFlexibleUiTitleBlock(child)) {
-        if (isStyleCacheProvider(child)) {
-          return updateChildrenTitleBlock(child, {
-            onClick,
-            retry,
-            containerSize,
-            status,
-            theme: containerTheme
-          });
-        } else {
-          const {
-            size: blockSize
-          } = child.props;
-          const size = blockSize || containerSize;
-          return /*#__PURE__*/React.cloneElement(child, {
-            // @ts-expect-error
-            onClick,
-            size,
-            status,
-            theme: containerTheme,
-            ...(fg('platform-linking-flexible-card-unresolved-action') ? undefined : {
-              retry
-            })
-          });
-        }
-      }
-      const {
-        size: blockSize
-      } = child.props;
-      const size = blockSize || containerSize;
-      if (isStyleCacheProvider(child)) {
-        return updateChildrenBlock(child, size, status);
-      }
-
-      // @ts-expect-error
-      return /*#__PURE__*/React.cloneElement(child, {
-        size,
-        status
-      });
-    }
-    if (removeBlockRestriction) {
-      return child;
-    }
-  });
-};
-const updateChildrenBlock = (node, size, status) => {
-  const updatedChildren = React.Children.map(node.props.children, child => {
-    if ( /*#__PURE__*/React.isValidElement(child) && isFlexibleUiBlock(child)) {
-      // @ts-expect-error
-      return /*#__PURE__*/React.cloneElement(child, {
-        size,
-        status
-      });
-    }
-    return child;
-  });
-  return /*#__PURE__*/React.cloneElement(node, {
-    children: updatedChildren
-  });
-};
-const updateChildrenTitleBlock = (node, {
-  containerSize,
-  ...props
-}) => {
-  const updatedChildren = React.Children.map(node.props.children, child => {
-    if ( /*#__PURE__*/React.isValidElement(child) && isFlexibleUiTitleBlock(child)) {
-      const {
-        size: blockSize
-      } = child.props;
-      const size = blockSize || containerSize;
-      return /*#__PURE__*/React.cloneElement(child, {
-        ...props,
-        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.
@@ -161,7 +75,6 @@ const getTitleBlockProps = children => {
 const getLayeredLink = (testId, context, children, onClick) => {
   const {
     linkTitle,
-    title,
     url = ''
   } = context || {};
   const {
@@ -172,7 +85,7 @@ const getLayeredLink = (testId, context, children, onClick) => {
     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
   });
 };
@@ -253,16 +166,11 @@ const Container = ({
   removeBlockRestriction = false,
   size = SmartLinkSize.Medium,
   status,
-  testId = 'smart-links-container',
-  theme = SmartLinkTheme.Link
+  testId = 'smart-links-container'
 }) => {
   const padding = hidePadding ? '0px' : getPadding(size);
   const gap = getGap(size);
-  const 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);
+  const context = useFlexibleUiContext();
   const {
     previewOnLeft,
     previewOnRight
@@ -281,7 +189,7 @@ const Container = ({
       "--_73mooq": ix(previewOnLeft ? gap : padding),
       "--_12k13bg": ix(previewOnRight ? gap : padding)
     }
-  }, 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/es2019/view/FlexibleCard/components/elements/common/base-avatar-group-element/index.js

@@ -10,6 +10,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { ElementName, SmartLinkSize } from '../../../../../../constants';
 import { messages } from '../../../../../../messages';
 import { getFormattedMessageAsString } from '../../../utils';
+const stylesOld = null;
 const styles = null;
 const stylesMap = {
   xlarge: "_1e0c116y _1kvxu2gc _102oidpf",
@@ -81,7 +82,7 @@ const BaseAvatarGroup = ({
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: ax([stylesMap[size], "_1ul91ns9", className])
+    className: ax([!fg('platform-linking-fix-smart-card-avatar-overrides') && stylesMap[size], fg('platform-linking-fix-smart-card-avatar-overrides') ? "_1ul91ns9 _1e0c116y _1kvxu2gc _102oidpf" : "_1ul91ns9", className])
   }), /*#__PURE__*/React.createElement(AtlaskitAvatarGroup, {
     maxCount: maxCount,
     appearance: "stack",

package/dist/es2019/view/FlexibleCard/components/elements/custom-by-access-type-element/index.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
+import { InternalActionName } from '../../../../../constants';
 import { useFlexibleCardContext } from '../../../../../state/flexible-ui-context';
 import { BaseTextElement } from '../common';
 const CustomElementByAccessType = ({
@@ -7,22 +8,24 @@ const CustomElementByAccessType = ({
   testId = 'custom-by-access-type-element',
   ...props
 }) => {
-  var _context$data, _context$data$meta, _props;
+  var _context$data, _context$data$meta, _props, _context$data2, _context$data2$action, _context$data2$action2;
   const context = useFlexibleCardContext();
   const accessType = context === null || context === void 0 ? void 0 : (_context$data = context.data) === null || _context$data === void 0 ? void 0 : (_context$data$meta = _context$data.meta) === null || _context$data$meta === void 0 ? void 0 : _context$data$meta.accessType;
-  const text = (_props = props[accessType]) !== null && _props !== void 0 ? _props : props.fallback;
-  if (!text) {
+  const descriptor = (_props = props[accessType]) !== null && _props !== void 0 ? _props : props.fallback;
+  if (!descriptor) {
     return null;
   }
-  return (
-    /*#__PURE__*/
+  const values = context === null || context === void 0 ? void 0 : (_context$data2 = context.data) === null || _context$data2 === void 0 ? void 0 : (_context$data2$action = _context$data2.actions) === null || _context$data2$action === void 0 ? void 0 : (_context$data2$action2 = _context$data2$action[InternalActionName.UnresolvedAction]) === null || _context$data2$action2 === void 0 ? void 0 : _context$data2$action2.values;
+  return /*#__PURE__*/React.createElement(BaseTextElement, _extends({}, props, {
+    message: {
+      descriptor,
+      values
+    }
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-    React.createElement(BaseTextElement, _extends({}, props, {
-      content: text,
-      className: className,
-      testId: testId,
-      hideFormat: true
-    }))
-  );
+    ,
+    className: className,
+    testId: testId,
+    hideFormat: true
+  }));
 };
 export default CustomElementByAccessType;

package/dist/es2019/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';
 const TitleElement = props => {
   const context = useFlexibleUiContext();
-  const data = context ? fg('platform-linking-flexible-card-context') ? context === null || context === void 0 ? void 0 : context.linkTitle : toLinkProps(context.title, context.url) : null;
+  const 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/es2019/view/FlexibleCard/external.js

@@ -140,4 +140,5 @@ export const DownloadAction = props => /*#__PURE__*/React.createElement(Download
 export const FollowAction = props => /*#__PURE__*/React.createElement(FollowActionComponent, toActionProps(props));
 export const PreviewAction = props => /*#__PURE__*/React.createElement(PreviewActionComponent, toActionProps(props));
 export const UnresolvedAction = () => /*#__PURE__*/React.createElement(UnresolvedActionComponent, null);
+export { CustomUnresolvedAction } from './components/actions';
 export { CustomByAccessTypeElement, CustomByStatusElement } from './components/elements';

package/dist/es2019/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.
@@ -33,6 +32,7 @@ const FlexibleCard = ({
   ui,
   url
 }) => {
+  var _flexibleCardContext$, _flexibleCardContext$2;
   const aiSummaryConfig = useAISummaryConfig();
   const resolve = useResolve();
   const {
@@ -58,19 +58,15 @@ const FlexibleCard = ({
     status,
     url
   }), [aiSummaryConfig, appearance, fireEvent, details, id, onAuthorize, onClick, origin, renderers, resolve, actionOptions, status, url]);
-  const flexibleCardContext = fg('platform-linking-flexible-card-context') ?
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  useMemo(() => ({
+  const flexibleCardContext = useMemo(() => ({
     data: context,
     status,
     ui
-  }), [context, status, ui]) : undefined;
-  const retry = fg('platform-linking-flexible-card-unresolved-action') ? undefined : getRetryOptions(url, status, details, onAuthorize);
+  }), [context, status, ui]);
   const {
-    linkTitle,
-    title: titleOld
+    linkTitle
   } = context || {};
-  const title = fg('platform-linking-flexible-card-context') ? linkTitle === null || linkTitle === void 0 ? void 0 : linkTitle.text : titleOld;
+  const title = linkTitle === null || linkTitle === void 0 ? void 0 : linkTitle.text;
   useEffect(() => {
     switch (status) {
       case SmartLinkStatus.Resolved:
@@ -95,33 +91,18 @@ const FlexibleCard = ({
         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
+  const retry = (_flexibleCardContext$ = flexibleCardContext.data) === null || _flexibleCardContext$ === void 0 ? void 0 : (_flexibleCardContext$2 = _flexibleCardContext$.actions) === null || _flexibleCardContext$2 === void 0 ? void 0 : _flexibleCardContext$2[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/es2019/view/FlexibleCard/utils.js

@@ -21,12 +21,9 @@ export const 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
-      } : {
-        title: url,
-        url
       };
     case SmartLinkStatus.Resolved:
       return extractFlexibleUiContext(params);
@@ -38,14 +35,13 @@ export const getContextByStatus = params => {
     default:
       return {
         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') ? {
+        actions: {
           [InternalActionName.UnresolvedAction]: getRetryOptions(url, status, response, params.onAuthorize)
-        } : undefined,
+        },
         ...(fg('bandicoots-smart-card-teamwork-context') ? {
           meta: {
             accessType: response === null || response === void 0 ? void 0 : (_response$meta = response.meta) === null || _response$meta === void 0 ? void 0 : (_response$meta$reques = _response$meta.requestAccess) === null || _response$meta$reques === void 0 ? void 0 : _response$meta$reques.accessType

package/dist/es2019/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 @@ const HoverCardContent = ({
     position: SmartLinkPosition.Center,
     subtitle: subtitle
   };
-  const uiOptions = fg('platform-linking-flexible-card-context') ? flexibleUiOptions : flexibleUiOptionsOld;
+  const uiOptions = flexibleUiOptions;
   if (fg('cc-ai-linking-platform-snippet-renderer')) {
     uiOptions.enableSnippetRenderer = true;
   }

package/dist/es2019/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';
@@ -51,39 +50,28 @@ const HoverCardForbiddenView = ({
   const 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: `${testId}-title`
-  }, fg('platform-linking-flexible-card-context') ? undefined : {
-    status: SmartLinkStatus.Forbidden
-  }, {
+  }), /*#__PURE__*/React.createElement(CustomBlock, {
+    testId: `${testId}-title`,
     className: ax(["_1bah1h6o _k48p1pd9 _19pku2gc"])
-  }), /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages[titleMessageKey], {
+  }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages[titleMessageKey], {
     values: {
       product
     }
-  }))), /*#__PURE__*/React.createElement(CustomBlock, _extends({
-    testId: `${testId}-content`
-  }, fg('platform-linking-flexible-card-context') ? undefined : {
-    status: SmartLinkStatus.Forbidden
-  }, {
+  }))), /*#__PURE__*/React.createElement(CustomBlock, {
+    testId: `${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,
       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: `${testId}-button`,
     onClick: action === null || action === void 0 ? void 0 : action.promise,
     appearance: "primary",

package/dist/es2019/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';
@@ -61,40 +60,28 @@ const HoverCardResolvedView = ({
     fallbackElementHeight: snippetHeight.current,
     response: cardState.details
   });
-  const snippet = imagePreview ? null : /*#__PURE__*/React.createElement(SnippetBlock, _extends({}, fg('platform-linking-flexible-card-context') ? undefined : {
-    status: SmartLinkStatus.Resolved
-  }, {
+  const snippet = imagePreview ? null : /*#__PURE__*/React.createElement(SnippetBlock, {
     className: ax(["_ca0q1b66"])
-  }));
+  });
   const 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/es2019/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 const HOVER_CARD_Z_INDEX = layers.modal();
-
-/**
- * @deprecated Remove on platform-linking-flexible-card-context cleanup
- */
-export const flexibleUiOptionsOld = {
-  hideBackground: true,
-  hideElevation: true,
-  hideLegacyButton: true,
-  size: SmartLinkSize.Medium,
-  zIndex: HOVER_CARD_Z_INDEX + 1
-};
 export const flexibleUiOptions = {
   hideBackground: true,
   hideElevation: true,

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

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

package/dist/es2019/view/RelatedLinksModal/components/related-link-item/index.js

@@ -3,7 +3,6 @@ import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { fg } from '@atlaskit/platform-feature-flags';
-import { SmartLinkStatus } from '../../../../constants';
 import { Card, ElementName, SmartLinkPosition, SmartLinkSize, SmartLinkTheme, TitleBlock } from '../../../../index';
 const hoverStyleOld = null;
 const hoverStyle = null;
@@ -43,8 +42,6 @@ const RelatedLinkItem = ({
     subtitle: subtitle,
     anchorTarget: "_blank",
     size: ui.size,
-    theme: ui.theme,
-    status: SmartLinkStatus.Resolved,
     className: ax(["_zulputpp _11c81o8v _ca0qu2gc _n3tdu2gc"])
   })));
 };

package/dist/esm/extractors/flexible/index.js

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["appearance", "fireEvent", "id", "onClick", "origin", "renderers", "resolve", "actionOptions", "response", "status", "aiSummaryConfig"];
 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; }
-import { extractPersonOwnedBy, extractSmartLinkAri, extractSmartLinkAuthorGroup, extractSmartLinkCreatedBy, extractSmartLinkCreatedOn, extractSmartLinkModifiedBy, extractSmartLinkModifiedOn, extractSmartLinkTitle, extractSmartLinkUrl, extractType } from '@atlaskit/link-extractors';
+import { extractPersonOwnedBy, extractSmartLinkAri, extractSmartLinkAuthorGroup, extractSmartLinkCreatedBy, extractSmartLinkCreatedOn, extractSmartLinkModifiedBy, extractSmartLinkModifiedOn, extractSmartLinkUrl, extractType } from '@atlaskit/link-extractors';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { extractSmartLinkSummary } from '../common/primitives/extractSummary';
 import { extractFlexibleCardActions } from './actions';
@@ -36,7 +36,7 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
   var data = response.data;
   var meta = response.meta;
   var url = extractSmartLinkUrl(response);
-  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     actions: extractFlexibleCardActions({
       actionOptions: actionOptions,
       aiSummaryConfig: aiSummaryConfig,
@@ -64,10 +64,8 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
     createdOn: extractSmartLinkCreatedOn(response),
     dueOn: extractDueOn(data),
     latestCommit: extractLatestCommit(data),
-    linkIcon: extractSmartLinkIcon(response)
-  }, fg('platform-linking-flexible-card-context') && {
-    linkTitle: extractLinkTitle(status, props.url, response, onClick)
-  }), {}, {
+    linkIcon: extractSmartLinkIcon(response),
+    linkTitle: extractLinkTitle(status, props.url, response, onClick),
     location: extractLocation(data),
     modifiedBy: extractSmartLinkModifiedBy(response),
     modifiedOn: extractSmartLinkModifiedOn(response),
@@ -87,8 +85,6 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
     targetBranch: extractTargetBranch(data)
   }, fg('platform-linking-user-attributes-component') && {
     userAttributes: extractUserAttributes(data)
-  }), fg('platform-linking-flexible-card-context') ? undefined : {
-    title: extractSmartLinkTitle(response) || url
   }), fg('platform-linking-team-member-count-component') && {
     teamMemberCount: extractTeamMemberCount(data)
   }), {}, {

package/dist/esm/index.js

@@ -15,6 +15,6 @@ export { loadingPlaceholderClassName } from './view/CardWithUrl/component-lazy/L
 export { ActionName, ElementName, MediaPlacement, SmartLinkDirection, SmartLinkPosition, SmartLinkSize, SmartLinkTheme } from './constants';
 export { MetadataBlock, PreviewBlock, SnippetBlock, TitleBlock, FooterBlock, CustomBlock } from './view/FlexibleCard/components/blocks';
 export { AssignedToElement, AssignedToGroupElement, AttachmentCountElement, AuthorGroupElement, ChecklistProgressElement, CollaboratorGroupElement, CommentCountElement, CreatedOnElement, CreatedByElement, DueOnElement, LatestCommitElement, LinkIconElement, LocationElement, ModifiedByElement, ModifiedOnElement, OwnedByElement, OwnedByGroupElement, PreviewElement, PriorityElement, ProgrammingLanguageElement, ProviderElement, ReactCountElement, ReadTimeElement, SentOnElement, SnippetElement, SourceBranchElement, StateElement, StoryPointsElement, SubscriberCountElement, SubTasksProgressElement, TargetBranchElement, TitleElement, ViewCountElement, VoteCountElement, CustomByAccessTypeElement, CustomByStatusElement } from './view/FlexibleCard/external';
-export { CopyLinkAction, CustomAction, DownloadAction, FollowAction, PreviewAction, UnresolvedAction } from './view/FlexibleCard/external';
+export { CopyLinkAction, CustomAction, DownloadAction, FollowAction, PreviewAction, UnresolvedAction, CustomUnresolvedAction } from './view/FlexibleCard/external';
 /** @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-661 Internal documentation for deprecation (no external access)} */
 export { editorCardProvider, EditorCardProvider } from '@atlaskit/link-provider';

package/dist/esm/state/flexible-ui-context/index.js

@@ -1,5 +1,4 @@
 import { createContext, useContext } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 /**
  * This provides the data that will be used by Smart Links Flexible UI to populate it's
  * underlying elements.
@@ -8,31 +7,11 @@ export var FlexibleCardContext = /*#__PURE__*/createContext(undefined);
 export var useFlexibleCardContext = function useFlexibleCardContext() {
   return useContext(FlexibleCardContext);
 };
-
-/**
- * This provides the data that will be used by Smart Links Flexible UI to populate it's
- * underlying elements.
- * @deprecated Remove on cleanup of platform-linking-flexible-card-context
- */
-export var FlexibleUiContext = /*#__PURE__*/createContext(undefined);
 export var useFlexibleUiContext = function useFlexibleUiContext() {
   var _useFlexibleCardConte;
-  return fg('platform-linking-flexible-card-context') ? // eslint-disable-next-line react-hooks/rules-of-hooks
-  (_useFlexibleCardConte = useFlexibleCardContext()) === null || _useFlexibleCardConte === void 0 ? void 0 : _useFlexibleCardConte.data :
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  useContext(FlexibleUiContext);
+  return (_useFlexibleCardConte = useFlexibleCardContext()) === null || _useFlexibleCardConte === void 0 ? void 0 : _useFlexibleCardConte.data;
 };
-
-/**
- * This provides the ui options that will be used by Smart Links Flexible UI
- * to render its underlying elements.
- * @deprecated Remove on cleanup of platform-linking-flexible-card-context
- */
-export var FlexibleUiOptionContext = /*#__PURE__*/createContext(undefined);
 export var useFlexibleUiOptionContext = function useFlexibleUiOptionContext() {
   var _useFlexibleCardConte2;
-  return fg('platform-linking-flexible-card-context') ? // eslint-disable-next-line react-hooks/rules-of-hooks
-  (_useFlexibleCardConte2 = useFlexibleCardContext()) === null || _useFlexibleCardConte2 === void 0 ? void 0 : _useFlexibleCardConte2.ui :
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  useContext(FlexibleUiOptionContext);
+  return (_useFlexibleCardConte2 = useFlexibleCardContext()) === null || _useFlexibleCardConte2 === void 0 ? void 0 : _useFlexibleCardConte2.ui;
 };

package/dist/esm/utils/analytics/analytics.js

@@ -4,7 +4,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "39.2.2"
+  packageVersion: "39.4.0"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";