@atlaskit/smart-card 26.42.6 → 26.42.8

package/dist/es2019/view/BlockCard/views/flexible/utils/index.js

@@ -100,43 +100,6 @@ export const getSimulatedBetterMetadata = cardDetails => {
       };
   }
 };
-export const getSimulatedMetadata = cardDetails => {
-  const baseMetadata = [{
-    name: ElementName.ModifiedOn
-  }, {
-    name: ElementName.AttachmentCount
-  }, {
-    name: ElementName.CommentCount
-  }, {
-    name: ElementName.ReactCount
-  }, {
-    name: ElementName.SubscriberCount
-  }, {
-    name: ElementName.ViewCount
-  }, {
-    name: ElementName.VoteCount
-  }, {
-    name: ElementName.ChecklistProgress
-  }, {
-    name: ElementName.DueOn
-  }];
-  const topMetadata = cardDetails !== null && cardDetails !== void 0 && cardDetails.data && extractOwnedBy(cardDetails === null || cardDetails === void 0 ? void 0 : cardDetails.data) ? [{
-    name: ElementName.OwnedBy
-  }, ...baseMetadata] : [{
-    name: ElementName.ModifiedBy
-  }, ...baseMetadata];
-  const titleMetadata = [{
-    name: ElementName.AuthorGroup
-  }, {
-    name: ElementName.Priority
-  }, {
-    name: ElementName.State
-  }];
-  return {
-    titleMetadata,
-    topMetadata
-  };
-};
 export const FlexibleCardUiOptions = {
   hideElevation: true
 };
@@ -148,15 +111,12 @@ export const getTitleBlockOptions = () => ({
   position: SmartLinkPosition.Center,
   overrideCss: titleBlockCss,
   hideRetry: true,
-  size: getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') ? SmartLinkSize.Large : undefined
+  size: SmartLinkSize.Large
 });
 export const PreviewBlockOptions = {
   placement: MediaPlacement.Right,
   ignoreContainerPadding: true
 };
-
-// Due to the use of getBooleanFF(), this has to be a function.
-// Make this a const object after ff cleanup.
-export const getFooterBlockOptions = () => ({
-  overrideCss: getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') ? footerBlockCss : undefined
-});
+export const FooterBlockOptions = {
+  overrideCss: footerBlockCss
+};

package/dist/es2019/view/HoverCard/components/ImagePreview.js

@@ -1,9 +1,7 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useState, useRef } from 'react';
 import extractPreview from '../../../extractors/flexible/extract-preview';
 import { PreviewBlock } from '../../FlexibleCard/components/blocks';
 import { getTransitionStyles, getPreviewBlockStyles } from '../styled';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 const ImagePreview = ({
   data,
   fallbackElementHeight
@@ -29,15 +27,13 @@ const ImagePreview = ({
   const onPreviewTransitionEnd = useCallback(() => {
     setShowPreview(false);
   }, []);
-  return showPreview && data && extractPreview(data) ? /*#__PURE__*/React.createElement(PreviewBlock, _extends({
-    onError: onPreviewError
-  }, getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') && {
-    ignoreContainerPadding: true
-  }, {
+  return showPreview && data && extractPreview(data) ? /*#__PURE__*/React.createElement(PreviewBlock, {
+    onError: onPreviewError,
+    ignoreContainerPadding: true,
     overrideCss: previewCss,
     onTransitionEnd: onPreviewTransitionEnd,
     blockRef: previewBlockRef,
     onRender: onPreviewRender
-  })) : null;
+  }) : null;
 };
 export default ImagePreview;

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

@@ -4,9 +4,9 @@ import { ActionName, CardDisplay, SmartLinkPosition, SmartLinkSize } from '../..
 import { FooterBlock, MetadataBlock, RelatedUrlsBlock, SnippetBlock, TitleBlock } from '../../../../FlexibleCard/components/blocks';
 import { footerBlockCss, hiddenSnippetStyles, metadataBlockCss } from './styled';
 import FlexibleCard from '../../../../FlexibleCard';
-import { getSimulatedMetadata, getSimulatedBetterMetadata } from '../../../utils';
+import { getSimulatedBetterMetadata } from '../../../utils';
 import ImagePreview from '../../ImagePreview';
-import { extractMetadata, elementNamesToItems } from '../../../../../extractors/hover/extractMetadata';
+import { elementNamesToItems } from '../../../../../extractors/hover/extractMetadata';
 import { messages } from '../../../../../messages';
 import { FormattedMessage } from 'react-intl-next';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
@@ -73,19 +73,11 @@ const HoverCardResolvedView = ({
     topSecondary,
     bottomPrimary
   } = useMemo(() => {
-    if (getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg')) {
-      const betterMetadata = getSimulatedBetterMetadata(extensionKey, data);
-      return {
-        topPrimary: elementNamesToItems(betterMetadata.topMetadataBlock.primary),
-        topSecondary: elementNamesToItems(betterMetadata.topMetadataBlock.secondary),
-        bottomPrimary: elementNamesToItems(betterMetadata.bottomMetadataBlock.primary)
-      };
-    }
-    const metadata = extractMetadata(getSimulatedMetadata(extensionKey, data));
+    const betterMetadata = getSimulatedBetterMetadata(extensionKey, data);
     return {
-      topPrimary: metadata.primary,
-      topSecondary: metadata.secondary,
-      bottomPrimary: []
+      topPrimary: elementNamesToItems(betterMetadata.topMetadataBlock.primary),
+      topSecondary: elementNamesToItems(betterMetadata.topMetadataBlock.secondary),
+      bottomPrimary: elementNamesToItems(betterMetadata.bottomMetadataBlock.primary)
     };
   }, [data, extensionKey]);
   const snippetHeight = React.useRef(0);
@@ -98,22 +90,20 @@ const HoverCardResolvedView = ({
     data: data,
     fallbackElementHeight: snippetHeight.current
   });
-  return /*#__PURE__*/React.createElement(FlexibleCard, flexibleCardProps, getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') && imagePreview, /*#__PURE__*/React.createElement(TitleBlock, _extends({}, titleBlockProps, {
+  return /*#__PURE__*/React.createElement(FlexibleCard, flexibleCardProps, imagePreview, /*#__PURE__*/React.createElement(TitleBlock, _extends({}, titleBlockProps, {
     metadataPosition: SmartLinkPosition.Top
-  })), /*#__PURE__*/React.createElement(MetadataBlock, _extends({
+  })), /*#__PURE__*/React.createElement(MetadataBlock, {
     primary: topPrimary,
     secondary: topSecondary,
     overrideCss: metadataBlockCss,
     maxLines: 1,
-    size: SmartLinkSize.Large
-  }, getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') && {
     size: SmartLinkSize.Medium
-  })), !imagePreview && /*#__PURE__*/React.createElement(SnippetBlock, null), !getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') && imagePreview, /*#__PURE__*/React.createElement(SnippetBlock, {
+  }), !imagePreview && /*#__PURE__*/React.createElement(SnippetBlock, null), /*#__PURE__*/React.createElement(SnippetBlock, {
     testId: 'hidden-snippet',
     onRender: onSnippetRender,
     blockRef: snippetBlockRef,
     overrideCss: hiddenSnippetStyles
-  }), getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') && /*#__PURE__*/React.createElement(MetadataBlock, {
+  }), /*#__PURE__*/React.createElement(MetadataBlock, {
     primary: bottomPrimary,
     size: SmartLinkSize.Large,
     overrideCss: metadataBlockCss,

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

@@ -1,6 +1,5 @@
 import { css } from '@emotion/react';
 import { separatorCss } from '../../../styled';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 const elementGap = '0.5rem';
 export const metadataBlockCss = css`
   gap: 0px;
@@ -24,12 +23,13 @@ export const metadataBlockCss = css`
       margin-left: ${elementGap};
     }
   }
-  ${getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') ? `[data-smart-element-group] {
-       line-height: 1rem;
-    }` : ``}
+
+  [data-smart-element-group] {
+    line-height: 1rem;
+  }
 `;
 export const footerBlockCss = css`
-  ${!getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') ? `padding-top: 0.25rem;` : `height: 1.5rem;`}
+  height: 1.5rem;
 `;
 export const hiddenSnippetStyles = css`
   visibility: hidden;

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

@@ -1,9 +1,8 @@
 import { css } from '@emotion/react';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 export const loadingViewContainer = css`
   display: flex;
   flex-direction: column;
-  ${getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') ? `padding: 1rem;` : ``}
+  padding: 1rem;
 `;
 export const skeletonContainer = css`
   display: flex;

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

@@ -1,6 +1,6 @@
 import { css } from '@emotion/react';
 import { loadingPlaceholderClassName } from '../../index';
-import { SmartLinkSize, SmartLinkTheme } from '../../constants';
+import { SmartLinkSize } from '../../constants';
 import { layers } from '@atlaskit/theme/constants';
 import { themed } from '@atlaskit/theme/components';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
@@ -12,11 +12,7 @@ export const flexibleUiOptions = {
   hideElevation: true,
   size: SmartLinkSize.Medium,
   hideHoverCardPreviewButton: false,
-  zIndex: HOVER_CARD_Z_INDEX + 1,
-  ...(!getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') && {
-    theme: SmartLinkTheme.Black,
-    hidePadding: true
-  })
+  zIndex: HOVER_CARD_Z_INDEX + 1
 };
 export const CARD_WIDTH_REM = 24;
 // gap between mouse cursor and hover card
@@ -33,7 +29,6 @@ export const HoverCardContainer = css`
   border-width: 0;
   box-sizing: border-box;
   width: ${CARD_WIDTH_REM}rem;
-  ${!getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') ? `padding: 1rem;` : ``}
 
   .${loadingPlaceholderClassName} {
     display: none;

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

@@ -7,7 +7,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.42.6",
+  packageVersion: "26.42.8",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');

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

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
+import React, { useEffect } from 'react';
 import { getEmptyJsonLd, getForbiddenJsonLd } from '../../utils/jsonld';
 import { extractInlineProps } from '../../extractors/inline';
 import { extractRequestAccessContext } from '../../extractors/common/context';
@@ -15,6 +15,7 @@ import { useFeatureFlag } from '@atlaskit/link-provider';
 import { getExtensionKey } from '../../state/helpers';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import { SmartLinkStatus } from '../../constants';
 export { InlineCardResolvedView, InlineCardResolvingView, InlineCardErroredView, InlineCardForbiddenView, InlineCardUnauthorizedView };
 export const InlineCard = ({
   analytics,
@@ -48,6 +49,29 @@ export const InlineCard = ({
   if (showHoverPreview === undefined && showHoverPreviewFlag !== undefined) {
     showHoverPreview = Boolean(showHoverPreviewFlag);
   }
+  const resolvedProps = status === SmartLinkStatus.Resolved ? extractInlineProps(cardDetails, renderers) : {};
+  useEffect(() => {
+    switch (status) {
+      case SmartLinkStatus.Resolved:
+        onResolve === null || onResolve === void 0 ? void 0 : onResolve({
+          url,
+          title: resolvedProps.title
+        });
+        break;
+      case SmartLinkStatus.Errored:
+      case SmartLinkStatus.Fallback:
+      case SmartLinkStatus.Forbidden:
+      case SmartLinkStatus.NotFound:
+      case SmartLinkStatus.Unauthorized:
+        if (onError) {
+          onError({
+            status,
+            url
+          });
+        }
+        break;
+    }
+  }, [onError, onResolve, status, url, resolvedProps.title]);
   switch (status) {
     case 'pending':
     case 'resolving':
@@ -59,13 +83,6 @@ export const InlineCard = ({
         inlinePreloaderStyle: inlinePreloaderStyle
       });
     case 'resolved':
-      const resolvedProps = extractInlineProps(cardDetails, renderers);
-      if (onResolve) {
-        onResolve({
-          url,
-          title: resolvedProps.title
-        });
-      }
       return /*#__PURE__*/React.createElement(InlineCardResolvedView, _extends({}, resolvedProps, {
         id: id,
         showHoverPreview: showHoverPreview,
@@ -76,12 +93,6 @@ export const InlineCard = ({
         testId: testIdWithStatus
       }));
     case 'unauthorized':
-      if (onError) {
-        onError({
-          url,
-          status
-        });
-      }
       const provider = extractProvider(cardDetails);
       return /*#__PURE__*/React.createElement(InlineCardUnauthorizedView, {
         icon: provider && provider.icon,
@@ -97,12 +108,6 @@ export const InlineCard = ({
         extensionKey: extensionKey
       });
     case 'forbidden':
-      if (onError) {
-        onError({
-          url,
-          status
-        });
-      }
       const providerForbidden = extractProvider(cardDetails);
       const cardMetadata = (_details$meta = details === null || details === void 0 ? void 0 : details.meta) !== null && _details$meta !== void 0 ? _details$meta : getForbiddenJsonLd().meta;
       const requestAccessContext = getBooleanFF('platform.linking-platform.smart-card.cross-join') ? extractRequestAccessContextImproved({
@@ -127,12 +132,6 @@ export const InlineCard = ({
         showHoverPreview: showHoverPreview
       });
     case 'not_found':
-      if (onError) {
-        onError({
-          url,
-          status
-        });
-      }
       const providerNotFound = extractProvider(cardDetails);
       return /*#__PURE__*/React.createElement(InlineCardErroredView, {
         url: url,
@@ -146,12 +145,6 @@ export const InlineCard = ({
     case 'fallback':
     case 'errored':
     default:
-      if (onError) {
-        onError({
-          url,
-          status
-        });
-      }
       return /*#__PURE__*/React.createElement(CardLinkView, {
         link: url,
         isSelected: isSelected,

package/dist/esm/extractors/hover/extractMetadata.js

@@ -2,7 +2,6 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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 { ElementName } from '../../constants';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 var AvatarGroupsWithNamePrefix = [ElementName.AssignedToGroup, ElementName.OwnedByGroup, ElementName.AuthorGroup];
 export var elementNamesToItems = function elementNamesToItems(elementNames) {
   return elementNames.filter(function (element) {
@@ -11,7 +10,7 @@ export var elementNamesToItems = function elementNamesToItems(elementNames) {
     return _objectSpread({
       name: elementName,
       testId: "".concat(elementName.toLowerCase(), "-metadata-element")
-    }, getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') && AvatarGroupsWithNamePrefix.includes(elementName) && {
+    }, AvatarGroupsWithNamePrefix.includes(elementName) && {
       showNamePrefix: true
     });
   });

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

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

package/dist/esm/view/BlockCard/views/flexible/FlexibleResolvedView.js

@@ -5,8 +5,7 @@ import FlexibleCard from '../../../FlexibleCard';
 import { FooterBlock, MetadataBlock, PreviewBlock, SnippetBlock, TitleBlock } from '../../../FlexibleCard/components/blocks';
 import { metadataBlockCss } from './styled';
 import { ActionName, ElementName, SmartLinkPosition } from '../../../../constants';
-import { getSimulatedMetadata, getSimulatedBetterMetadata, getTitleBlockOptions, getFooterBlockOptions, PreviewBlockOptions, FlexibleCardUiOptions } from './utils';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { getSimulatedBetterMetadata, getTitleBlockOptions, PreviewBlockOptions, FlexibleCardUiOptions, FooterBlockOptions } from './utils';
 import { withFlexibleUIBlockCardStyle } from './utils/withFlexibleUIBlockCardStyle';
 /**
  * This view represents a Block card that has an 'Resolved' status.
@@ -30,10 +29,10 @@ var FlexibleResolvedView = function FlexibleResolvedView(_ref) {
   useEffect(function () {
     setIsPreviewBlockErrored(false);
   }, [url, cardState]);
-  var _ref2 = getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') ? getSimulatedBetterMetadata(cardState.details) : getSimulatedMetadata(cardState.details),
-    titleMetadata = _ref2.titleMetadata,
-    topMetadata = _ref2.topMetadata,
-    bottomMetadata = _ref2.bottomMetadata;
+  var _getSimulatedBetterMe = getSimulatedBetterMetadata(cardState.details),
+    titleMetadata = _getSimulatedBetterMe.titleMetadata,
+    topMetadata = _getSimulatedBetterMe.topMetadata,
+    bottomMetadata = _getSimulatedBetterMe.bottomMetadata;
   var footerActions = useMemo(function () {
     return [{
       name: ActionName.FollowAction,
@@ -66,12 +65,11 @@ var FlexibleResolvedView = function FlexibleResolvedView(_ref) {
       name: ElementName.Location
     }],
     metadataPosition: SmartLinkPosition.Top
-  })), /*#__PURE__*/React.createElement(MetadataBlock, _extends({
+  })), /*#__PURE__*/React.createElement(MetadataBlock, {
     primary: topMetadata,
-    maxLines: 1
-  }, getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') && {
+    maxLines: 1,
     overrideCss: metadataBlockCss
-  })), /*#__PURE__*/React.createElement(SnippetBlock, null), getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') && /*#__PURE__*/React.createElement(MetadataBlock, {
+  }), /*#__PURE__*/React.createElement(SnippetBlock, null), /*#__PURE__*/React.createElement(MetadataBlock, {
     primary: bottomMetadata,
     maxLines: 1,
     overrideCss: metadataBlockCss
@@ -79,7 +77,7 @@ var FlexibleResolvedView = function FlexibleResolvedView(_ref) {
     onError: function onError() {
       setIsPreviewBlockErrored(true);
     }
-  })) : null, /*#__PURE__*/React.createElement(FooterBlock, _extends({}, getFooterBlockOptions(), {
+  })) : null, /*#__PURE__*/React.createElement(FooterBlock, _extends({}, FooterBlockOptions, {
     actions: footerActions
   })));
 };

package/dist/esm/view/BlockCard/views/flexible/styled.js

@@ -8,7 +8,7 @@ import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 // in editor prosemirror adds padding-left so we need to overwrite it
 // renderer overwrites the margin-right so we need to add it here
 export var metadataBlockCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  /* primary element group */\n  span[data-smart-element-avatar-group] {\n    > ul {\n      padding-left: 0px;\n      margin-right: 0.5rem;\n    }\n  }\n  [data-smart-element-group] {\n    line-height: 1rem;\n  }\n"])));
-export var titleBlockCss = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n  ", "\n"])), getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') ? "gap: 0.5em;" : "", getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "[data-smart-element=\"Title\"] {\n          font-weight: 600;\n        }" : "");
+export var titleBlockCss = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  gap: 0.5em;\n  ", "\n"])), getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "[data-smart-element=\"Title\"] {\n          font-weight: 600;\n        }" : "");
 export var footerBlockCss = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  height: 1.5rem;\n\n  .actions-button-group {\n    button,\n    button:hover,\n    button:focus,\n    button:active {\n      font-size: 0.875rem;\n    }\n  }\n"])));
 var flexibleBlockCardElevationStyle = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  border-radius: 1.5px;\n  box-shadow: ", ";\n  margin: ", ";\n"])), tokens.elevation, "var(--ds-space-025, 2px)");
 var refreshedFlexibleBlockCardStyle = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  & > div {\n    border-radius: ", ";\n    border: 1px solid ", ";\n  }\n"])), "var(--ds-border-radius-200, 8px)", "var(--ds-border, ".concat(N40, ")"));

package/dist/esm/view/BlockCard/views/flexible/unresolved-view/index.js

@@ -3,7 +3,7 @@ import { CustomBlock, PreviewBlock, TitleBlock } from '../../../../FlexibleCard/
 import React from 'react';
 import FlexibleCard from '../../../../FlexibleCard';
 import { InternalFooterBlock } from '../../../../FlexibleCard/components/blocks';
-import { FlexibleCardUiOptions, getFooterBlockOptions, PreviewBlockOptions, getTitleBlockOptions } from '../utils';
+import { FlexibleCardUiOptions, PreviewBlockOptions, getTitleBlockOptions, FooterBlockOptions } from '../utils';
 var UnresolvedView = function UnresolvedView(_ref) {
   var actions = _ref.actions,
     cardState = _ref.cardState,
@@ -28,7 +28,7 @@ var UnresolvedView = function UnresolvedView(_ref) {
   }, /*#__PURE__*/React.createElement(TitleBlock, _extends({}, getTitleBlockOptions(), {
     hideIcon: !!title,
     text: title
-  })), /*#__PURE__*/React.createElement(CustomBlock, null, children), showPreview && /*#__PURE__*/React.createElement(PreviewBlock, PreviewBlockOptions), /*#__PURE__*/React.createElement(InternalFooterBlock, _extends({}, getFooterBlockOptions(), {
+  })), /*#__PURE__*/React.createElement(CustomBlock, null, children), showPreview && /*#__PURE__*/React.createElement(PreviewBlock, PreviewBlockOptions), /*#__PURE__*/React.createElement(InternalFooterBlock, _extends({}, FooterBlockOptions, {
     actions: actions,
     testId: "smart-block-card-footer"
   })));

package/dist/esm/view/BlockCard/views/flexible/utils/index.js

@@ -100,43 +100,6 @@ export var getSimulatedBetterMetadata = function getSimulatedBetterMetadata(card
       };
   }
 };
-export var getSimulatedMetadata = function getSimulatedMetadata(cardDetails) {
-  var baseMetadata = [{
-    name: ElementName.ModifiedOn
-  }, {
-    name: ElementName.AttachmentCount
-  }, {
-    name: ElementName.CommentCount
-  }, {
-    name: ElementName.ReactCount
-  }, {
-    name: ElementName.SubscriberCount
-  }, {
-    name: ElementName.ViewCount
-  }, {
-    name: ElementName.VoteCount
-  }, {
-    name: ElementName.ChecklistProgress
-  }, {
-    name: ElementName.DueOn
-  }];
-  var topMetadata = cardDetails !== null && cardDetails !== void 0 && cardDetails.data && extractOwnedBy(cardDetails === null || cardDetails === void 0 ? void 0 : cardDetails.data) ? [{
-    name: ElementName.OwnedBy
-  }].concat(baseMetadata) : [{
-    name: ElementName.ModifiedBy
-  }].concat(baseMetadata);
-  var titleMetadata = [{
-    name: ElementName.AuthorGroup
-  }, {
-    name: ElementName.Priority
-  }, {
-    name: ElementName.State
-  }];
-  return {
-    titleMetadata: titleMetadata,
-    topMetadata: topMetadata
-  };
-};
 export var FlexibleCardUiOptions = {
   hideElevation: true
 };
@@ -149,18 +112,13 @@ export var getTitleBlockOptions = function getTitleBlockOptions() {
     position: SmartLinkPosition.Center,
     overrideCss: titleBlockCss,
     hideRetry: true,
-    size: getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') ? SmartLinkSize.Large : undefined
+    size: SmartLinkSize.Large
   };
 };
 export var PreviewBlockOptions = {
   placement: MediaPlacement.Right,
   ignoreContainerPadding: true
 };
-
-// Due to the use of getBooleanFF(), this has to be a function.
-// Make this a const object after ff cleanup.
-export var getFooterBlockOptions = function getFooterBlockOptions() {
-  return {
-    overrideCss: getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') ? footerBlockCss : undefined
-  };
+export var FooterBlockOptions = {
+  overrideCss: footerBlockCss
 };

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

@@ -1,10 +1,8 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useCallback, useState, useRef } from 'react';
 import extractPreview from '../../../extractors/flexible/extract-preview';
 import { PreviewBlock } from '../../FlexibleCard/components/blocks';
 import { getTransitionStyles, getPreviewBlockStyles } from '../styled';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 var ImagePreview = function ImagePreview(_ref) {
   var data = _ref.data,
     fallbackElementHeight = _ref.fallbackElementHeight;
@@ -35,15 +33,13 @@ var ImagePreview = function ImagePreview(_ref) {
   var onPreviewTransitionEnd = useCallback(function () {
     setShowPreview(false);
   }, []);
-  return showPreview && data && extractPreview(data) ? /*#__PURE__*/React.createElement(PreviewBlock, _extends({
-    onError: onPreviewError
-  }, getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') && {
-    ignoreContainerPadding: true
-  }, {
+  return showPreview && data && extractPreview(data) ? /*#__PURE__*/React.createElement(PreviewBlock, {
+    onError: onPreviewError,
+    ignoreContainerPadding: true,
     overrideCss: previewCss,
     onTransitionEnd: onPreviewTransitionEnd,
     blockRef: previewBlockRef,
     onRender: onPreviewRender
-  })) : null;
+  }) : null;
 };
 export default ImagePreview;

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

@@ -5,9 +5,9 @@ import { ActionName, CardDisplay, SmartLinkPosition, SmartLinkSize } from '../..
 import { FooterBlock, MetadataBlock, RelatedUrlsBlock, SnippetBlock, TitleBlock } from '../../../../FlexibleCard/components/blocks';
 import { footerBlockCss, hiddenSnippetStyles, metadataBlockCss } from './styled';
 import FlexibleCard from '../../../../FlexibleCard';
-import { getSimulatedMetadata, getSimulatedBetterMetadata } from '../../../utils';
+import { getSimulatedBetterMetadata } from '../../../utils';
 import ImagePreview from '../../ImagePreview';
-import { extractMetadata, elementNamesToItems } from '../../../../../extractors/hover/extractMetadata';
+import { elementNamesToItems } from '../../../../../extractors/hover/extractMetadata';
 import { messages } from '../../../../../messages';
 import { FormattedMessage } from 'react-intl-next';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
@@ -72,19 +72,11 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
   }, [cardActions, onActionClick]);
   var data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
   var _useMemo = useMemo(function () {
-      if (getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg')) {
-        var betterMetadata = getSimulatedBetterMetadata(extensionKey, data);
-        return {
-          topPrimary: elementNamesToItems(betterMetadata.topMetadataBlock.primary),
-          topSecondary: elementNamesToItems(betterMetadata.topMetadataBlock.secondary),
-          bottomPrimary: elementNamesToItems(betterMetadata.bottomMetadataBlock.primary)
-        };
-      }
-      var metadata = extractMetadata(getSimulatedMetadata(extensionKey, data));
+      var betterMetadata = getSimulatedBetterMetadata(extensionKey, data);
       return {
-        topPrimary: metadata.primary,
-        topSecondary: metadata.secondary,
-        bottomPrimary: []
+        topPrimary: elementNamesToItems(betterMetadata.topMetadataBlock.primary),
+        topSecondary: elementNamesToItems(betterMetadata.topMetadataBlock.secondary),
+        bottomPrimary: elementNamesToItems(betterMetadata.bottomMetadataBlock.primary)
       };
     }, [data, extensionKey]),
     topPrimary = _useMemo.topPrimary,
@@ -100,22 +92,20 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
     data: data,
     fallbackElementHeight: snippetHeight.current
   });
-  return /*#__PURE__*/React.createElement(FlexibleCard, flexibleCardProps, getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') && imagePreview, /*#__PURE__*/React.createElement(TitleBlock, _extends({}, titleBlockProps, {
+  return /*#__PURE__*/React.createElement(FlexibleCard, flexibleCardProps, imagePreview, /*#__PURE__*/React.createElement(TitleBlock, _extends({}, titleBlockProps, {
     metadataPosition: SmartLinkPosition.Top
-  })), /*#__PURE__*/React.createElement(MetadataBlock, _extends({
+  })), /*#__PURE__*/React.createElement(MetadataBlock, {
     primary: topPrimary,
     secondary: topSecondary,
     overrideCss: metadataBlockCss,
     maxLines: 1,
-    size: SmartLinkSize.Large
-  }, getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') && {
     size: SmartLinkSize.Medium
-  })), !imagePreview && /*#__PURE__*/React.createElement(SnippetBlock, null), !getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') && imagePreview, /*#__PURE__*/React.createElement(SnippetBlock, {
+  }), !imagePreview && /*#__PURE__*/React.createElement(SnippetBlock, null), /*#__PURE__*/React.createElement(SnippetBlock, {
     testId: 'hidden-snippet',
     onRender: onSnippetRender,
     blockRef: snippetBlockRef,
     overrideCss: hiddenSnippetStyles
-  }), getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') && /*#__PURE__*/React.createElement(MetadataBlock, {
+  }), /*#__PURE__*/React.createElement(MetadataBlock, {
     primary: bottomPrimary,
     size: SmartLinkSize.Large,
     overrideCss: metadataBlockCss,

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

@@ -2,8 +2,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject, _templateObject2, _templateObject3;
 import { css } from '@emotion/react';
 import { separatorCss } from '../../../styled';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 var elementGap = '0.5rem';
-export var metadataBlockCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  gap: 0px;\n  /* primary element group */\n  [data-smart-element-group]:nth-of-type(1) {\n    flex-grow: 7;\n\n    // a separator between text-based element\n    ", "\n\n    /* horizontal spacing between elements in group */\n    > span {\n      margin-right: ", ";\n    }\n  }\n  /* secondary element group */\n  [data-smart-element-group]:nth-of-type(2) {\n    flex-grow: 3;\n    /* horizontal spacing between elements in group */\n    > span {\n      margin-left: ", ";\n    }\n  }\n  ", "\n"])), separatorCss, elementGap, elementGap, getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') ? "[data-smart-element-group] {\n       line-height: 1rem;\n    }" : "");
-export var footerBlockCss = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n"])), !getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') ? "padding-top: 0.25rem;" : "height: 1.5rem;");
+export var metadataBlockCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  gap: 0px;\n  /* primary element group */\n  [data-smart-element-group]:nth-of-type(1) {\n    flex-grow: 7;\n\n    // a separator between text-based element\n    ", "\n\n    /* horizontal spacing between elements in group */\n    > span {\n      margin-right: ", ";\n    }\n  }\n  /* secondary element group */\n  [data-smart-element-group]:nth-of-type(2) {\n    flex-grow: 3;\n    /* horizontal spacing between elements in group */\n    > span {\n      margin-left: ", ";\n    }\n  }\n\n  [data-smart-element-group] {\n    line-height: 1rem;\n  }\n"])), separatorCss, elementGap, elementGap);
+export var footerBlockCss = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  height: 1.5rem;\n"])));
 export var hiddenSnippetStyles = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  visibility: hidden;\n  position: absolute;\n"])));

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

@@ -1,8 +1,7 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 import { css } from '@emotion/react';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
-export var loadingViewContainer = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  ", "\n"])), getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') ? "padding: 1rem;" : "");
+export var loadingViewContainer = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  padding: 1rem;\n"])));
 export var skeletonContainer = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  gap: 0.625rem;\n  align-items: center;\n"])));
 export var getTitleStyles = function getTitleStyles(height) {
   return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    flex: 1 0 auto;\n    height: ", "rem;\n\n    span {\n      width: 100%;\n    }\n  "])), height);