@atlaskit/smart-card 26.42.6 → 26.42.7

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/smart-card
 
+## 26.42.7
+
+### Patch Changes
+
+- [#43690](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/43690) [`7ee7fe5d8f2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7ee7fe5d8f2) - Better metadata feature flag cleanup for platform.linking-platform.smart-card.enable-better-metadata_iojwg
+- [#43820](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/43820) [`4c692bf28b8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4c692bf28b8) - change onResolve prop so it now invokes the callback inside a useEffect, only invoking it on render rather than slightly before it for inline cards, bringing it in line with other card views'
+- Updated dependencies
+
 ## 26.42.6
 
 ### Patch Changes

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

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.extractMetadata = exports.elementNamesToItems = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _constants = require("../../constants");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var AvatarGroupsWithNamePrefix = [_constants.ElementName.AssignedToGroup, _constants.ElementName.OwnedByGroup, _constants.ElementName.AuthorGroup];
@@ -18,7 +17,7 @@ var elementNamesToItems = exports.elementNamesToItems = function elementNamesToI
     return _objectSpread({
       name: elementName,
       testId: "".concat(elementName.toLowerCase(), "-metadata-element")
-    }, (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.enable-better-metadata_iojwg') && AvatarGroupsWithNamePrefix.includes(elementName) && {
+    }, AvatarGroupsWithNamePrefix.includes(elementName) && {
       showNamePrefix: true
     });
   });

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

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

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

@@ -14,7 +14,6 @@ var _blocks = require("../../../FlexibleCard/components/blocks");
 var _styled = require("./styled");
 var _constants = require("../../../../constants");
 var _utils = require("./utils");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _withFlexibleUIBlockCardStyle = require("./utils/withFlexibleUIBlockCardStyle");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -40,10 +39,10 @@ var FlexibleResolvedView = function FlexibleResolvedView(_ref) {
   (0, _react.useEffect)(function () {
     setIsPreviewBlockErrored(false);
   }, [url, cardState]);
-  var _ref2 = (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.enable-better-metadata_iojwg') ? (0, _utils.getSimulatedBetterMetadata)(cardState.details) : (0, _utils.getSimulatedMetadata)(cardState.details),
-    titleMetadata = _ref2.titleMetadata,
-    topMetadata = _ref2.topMetadata,
-    bottomMetadata = _ref2.bottomMetadata;
+  var _getSimulatedBetterMe = (0, _utils.getSimulatedBetterMetadata)(cardState.details),
+    titleMetadata = _getSimulatedBetterMe.titleMetadata,
+    topMetadata = _getSimulatedBetterMe.topMetadata,
+    bottomMetadata = _getSimulatedBetterMe.bottomMetadata;
   var footerActions = (0, _react.useMemo)(function () {
     return [{
       name: _constants.ActionName.FollowAction,
@@ -76,12 +75,11 @@ var FlexibleResolvedView = function FlexibleResolvedView(_ref) {
       name: _constants.ElementName.Location
     }],
     metadataPosition: _constants.SmartLinkPosition.Top
-  })), /*#__PURE__*/_react.default.createElement(_blocks.MetadataBlock, (0, _extends2.default)({
+  })), /*#__PURE__*/_react.default.createElement(_blocks.MetadataBlock, {
     primary: topMetadata,
-    maxLines: 1
-  }, (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.enable-better-metadata_iojwg') && {
+    maxLines: 1,
     overrideCss: _styled.metadataBlockCss
-  })), /*#__PURE__*/_react.default.createElement(_blocks.SnippetBlock, null), (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.enable-better-metadata_iojwg') && /*#__PURE__*/_react.default.createElement(_blocks.MetadataBlock, {
+  }), /*#__PURE__*/_react.default.createElement(_blocks.SnippetBlock, null), /*#__PURE__*/_react.default.createElement(_blocks.MetadataBlock, {
     primary: bottomMetadata,
     maxLines: 1,
     overrideCss: _styled.metadataBlockCss
@@ -89,7 +87,7 @@ var FlexibleResolvedView = function FlexibleResolvedView(_ref) {
     onError: function onError() {
       setIsPreviewBlockErrored(true);
     }
-  })) : null, /*#__PURE__*/_react.default.createElement(_blocks.FooterBlock, (0, _extends2.default)({}, (0, _utils.getFooterBlockOptions)(), {
+  })) : null, /*#__PURE__*/_react.default.createElement(_blocks.FooterBlock, (0, _extends2.default)({}, _utils.FooterBlockOptions, {
     actions: footerActions
   })));
 };

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

@@ -14,7 +14,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 // in editor prosemirror adds padding-left so we need to overwrite it
 // renderer overwrites the margin-right so we need to add it here
 var metadataBlockCss = exports.metadataBlockCss = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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"])));
-var titleBlockCss = exports.titleBlockCss = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  ", "\n"])), (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.enable-better-metadata_iojwg') ? "gap: 0.5em;" : "", (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "[data-smart-element=\"Title\"] {\n          font-weight: 600;\n        }" : "");
+var titleBlockCss = exports.titleBlockCss = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  gap: 0.5em;\n  ", "\n"])), (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "[data-smart-element=\"Title\"] {\n          font-weight: 600;\n        }" : "");
 var footerBlockCss = exports.footerBlockCss = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\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 = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  border-radius: 1.5px;\n  box-shadow: ", ";\n  margin: ", ";\n"])), _token.tokens.elevation, "var(--ds-space-025, 2px)");
 var refreshedFlexibleBlockCardStyle = (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  & > div {\n    border-radius: ", ";\n    border: 1px solid ", ";\n  }\n"])), "var(--ds-border-radius-200, 8px)", "var(--ds-border, ".concat(_colors.N40, ")"));

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

@@ -34,7 +34,7 @@ var UnresolvedView = function UnresolvedView(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_blocks.TitleBlock, (0, _extends2.default)({}, (0, _utils.getTitleBlockOptions)(), {
     hideIcon: !!title,
     text: title
-  })), /*#__PURE__*/_react.default.createElement(_blocks.CustomBlock, null, children), showPreview && /*#__PURE__*/_react.default.createElement(_blocks.PreviewBlock, _utils.PreviewBlockOptions), /*#__PURE__*/_react.default.createElement(_blocks.InternalFooterBlock, (0, _extends2.default)({}, (0, _utils.getFooterBlockOptions)(), {
+  })), /*#__PURE__*/_react.default.createElement(_blocks.CustomBlock, null, children), showPreview && /*#__PURE__*/_react.default.createElement(_blocks.PreviewBlock, _utils.PreviewBlockOptions), /*#__PURE__*/_react.default.createElement(_blocks.InternalFooterBlock, (0, _extends2.default)({}, _utils.FooterBlockOptions, {
     actions: actions,
     testId: "smart-block-card-footer"
   })));

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getTitleBlockOptions = exports.getSimulatedMetadata = exports.getSimulatedBetterMetadata = exports.getFooterBlockOptions = exports.PreviewBlockOptions = exports.FlexibleCardUiOptions = void 0;
+exports.getTitleBlockOptions = exports.getSimulatedBetterMetadata = exports.PreviewBlockOptions = exports.FooterBlockOptions = exports.FlexibleCardUiOptions = void 0;
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../../../constants");
 var _utils = require("../../../../../extractors/flexible/utils");
@@ -106,43 +106,6 @@ var getSimulatedBetterMetadata = exports.getSimulatedBetterMetadata = function g
       };
   }
 };
-var getSimulatedMetadata = exports.getSimulatedMetadata = function getSimulatedMetadata(cardDetails) {
-  var baseMetadata = [{
-    name: _constants.ElementName.ModifiedOn
-  }, {
-    name: _constants.ElementName.AttachmentCount
-  }, {
-    name: _constants.ElementName.CommentCount
-  }, {
-    name: _constants.ElementName.ReactCount
-  }, {
-    name: _constants.ElementName.SubscriberCount
-  }, {
-    name: _constants.ElementName.ViewCount
-  }, {
-    name: _constants.ElementName.VoteCount
-  }, {
-    name: _constants.ElementName.ChecklistProgress
-  }, {
-    name: _constants.ElementName.DueOn
-  }];
-  var topMetadata = cardDetails !== null && cardDetails !== void 0 && cardDetails.data && (0, _utils.extractOwnedBy)(cardDetails === null || cardDetails === void 0 ? void 0 : cardDetails.data) ? [{
-    name: _constants.ElementName.OwnedBy
-  }].concat(baseMetadata) : [{
-    name: _constants.ElementName.ModifiedBy
-  }].concat(baseMetadata);
-  var titleMetadata = [{
-    name: _constants.ElementName.AuthorGroup
-  }, {
-    name: _constants.ElementName.Priority
-  }, {
-    name: _constants.ElementName.State
-  }];
-  return {
-    titleMetadata: titleMetadata,
-    topMetadata: topMetadata
-  };
-};
 var FlexibleCardUiOptions = exports.FlexibleCardUiOptions = {
   hideElevation: true
 };
@@ -155,18 +118,13 @@ var getTitleBlockOptions = exports.getTitleBlockOptions = function getTitleBlock
     position: _constants.SmartLinkPosition.Center,
     overrideCss: _styled.titleBlockCss,
     hideRetry: true,
-    size: (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.enable-better-metadata_iojwg') ? _constants.SmartLinkSize.Large : undefined
+    size: _constants.SmartLinkSize.Large
   };
 };
 var PreviewBlockOptions = exports.PreviewBlockOptions = {
   placement: _constants.MediaPlacement.Right,
   ignoreContainerPadding: true
 };
-
-// Due to the use of getBooleanFF(), this has to be a function.
-// Make this a const object after ff cleanup.
-var getFooterBlockOptions = exports.getFooterBlockOptions = function getFooterBlockOptions() {
-  return {
-    overrideCss: (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.enable-better-metadata_iojwg') ? _styled.footerBlockCss : undefined
-  };
+var FooterBlockOptions = exports.FooterBlockOptions = {
+  overrideCss: _styled.footerBlockCss
 };

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

@@ -6,13 +6,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _extractPreview = _interopRequireDefault(require("../../../extractors/flexible/extract-preview"));
 var _blocks = require("../../FlexibleCard/components/blocks");
 var _styled = require("../styled");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var ImagePreview = function ImagePreview(_ref) {
@@ -45,15 +43,13 @@ var ImagePreview = function ImagePreview(_ref) {
   var onPreviewTransitionEnd = (0, _react.useCallback)(function () {
     setShowPreview(false);
   }, []);
-  return showPreview && data && (0, _extractPreview.default)(data) ? /*#__PURE__*/_react.default.createElement(_blocks.PreviewBlock, (0, _extends2.default)({
-    onError: onPreviewError
-  }, (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.enable-better-metadata_iojwg') && {
-    ignoreContainerPadding: true
-  }, {
+  return showPreview && data && (0, _extractPreview.default)(data) ? /*#__PURE__*/_react.default.createElement(_blocks.PreviewBlock, {
+    onError: onPreviewError,
+    ignoreContainerPadding: true,
     overrideCss: previewCss,
     onTransitionEnd: onPreviewTransitionEnd,
     blockRef: previewBlockRef,
     onRender: onPreviewRender
-  })) : null;
+  }) : null;
 };
 var _default = exports.default = ImagePreview;

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

@@ -82,19 +82,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 = (0, _react.useMemo)(function () {
-      if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.enable-better-metadata_iojwg')) {
-        var betterMetadata = (0, _utils.getSimulatedBetterMetadata)(extensionKey, data);
-        return {
-          topPrimary: (0, _extractMetadata.elementNamesToItems)(betterMetadata.topMetadataBlock.primary),
-          topSecondary: (0, _extractMetadata.elementNamesToItems)(betterMetadata.topMetadataBlock.secondary),
-          bottomPrimary: (0, _extractMetadata.elementNamesToItems)(betterMetadata.bottomMetadataBlock.primary)
-        };
-      }
-      var metadata = (0, _extractMetadata.extractMetadata)((0, _utils.getSimulatedMetadata)(extensionKey, data));
+      var betterMetadata = (0, _utils.getSimulatedBetterMetadata)(extensionKey, data);
       return {
-        topPrimary: metadata.primary,
-        topSecondary: metadata.secondary,
-        bottomPrimary: []
+        topPrimary: (0, _extractMetadata.elementNamesToItems)(betterMetadata.topMetadataBlock.primary),
+        topSecondary: (0, _extractMetadata.elementNamesToItems)(betterMetadata.topMetadataBlock.secondary),
+        bottomPrimary: (0, _extractMetadata.elementNamesToItems)(betterMetadata.bottomMetadataBlock.primary)
       };
     }, [data, extensionKey]),
     topPrimary = _useMemo.topPrimary,
@@ -110,22 +102,20 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
     data: data,
     fallbackElementHeight: snippetHeight.current
   });
-  return /*#__PURE__*/_react.default.createElement(_FlexibleCard.default, flexibleCardProps, (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.enable-better-metadata_iojwg') && imagePreview, /*#__PURE__*/_react.default.createElement(_blocks.TitleBlock, (0, _extends2.default)({}, titleBlockProps, {
+  return /*#__PURE__*/_react.default.createElement(_FlexibleCard.default, flexibleCardProps, imagePreview, /*#__PURE__*/_react.default.createElement(_blocks.TitleBlock, (0, _extends2.default)({}, titleBlockProps, {
     metadataPosition: _constants.SmartLinkPosition.Top
-  })), /*#__PURE__*/_react.default.createElement(_blocks.MetadataBlock, (0, _extends2.default)({
+  })), /*#__PURE__*/_react.default.createElement(_blocks.MetadataBlock, {
     primary: topPrimary,
     secondary: topSecondary,
     overrideCss: _styled.metadataBlockCss,
     maxLines: 1,
-    size: _constants.SmartLinkSize.Large
-  }, (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.enable-better-metadata_iojwg') && {
     size: _constants.SmartLinkSize.Medium
-  })), !imagePreview && /*#__PURE__*/_react.default.createElement(_blocks.SnippetBlock, null), !(0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.enable-better-metadata_iojwg') && imagePreview, /*#__PURE__*/_react.default.createElement(_blocks.SnippetBlock, {
+  }), !imagePreview && /*#__PURE__*/_react.default.createElement(_blocks.SnippetBlock, null), /*#__PURE__*/_react.default.createElement(_blocks.SnippetBlock, {
     testId: 'hidden-snippet',
     onRender: onSnippetRender,
     blockRef: snippetBlockRef,
     overrideCss: _styled.hiddenSnippetStyles
-  }), (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.enable-better-metadata_iojwg') && /*#__PURE__*/_react.default.createElement(_blocks.MetadataBlock, {
+  }), /*#__PURE__*/_react.default.createElement(_blocks.MetadataBlock, {
     primary: bottomPrimary,
     size: _constants.SmartLinkSize.Large,
     overrideCss: _styled.metadataBlockCss,

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

@@ -8,9 +8,8 @@ exports.metadataBlockCss = exports.hiddenSnippetStyles = exports.footerBlockCss
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
 var _styled = require("../../../styled");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _templateObject, _templateObject2, _templateObject3;
 var elementGap = '0.5rem';
-var metadataBlockCss = exports.metadataBlockCss = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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"])), _styled.separatorCss, elementGap, elementGap, (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.enable-better-metadata_iojwg') ? "[data-smart-element-group] {\n       line-height: 1rem;\n    }" : "");
-var footerBlockCss = exports.footerBlockCss = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n"])), !(0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.enable-better-metadata_iojwg') ? "padding-top: 0.25rem;" : "height: 1.5rem;");
+var metadataBlockCss = exports.metadataBlockCss = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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"])), _styled.separatorCss, elementGap, elementGap);
+var footerBlockCss = exports.footerBlockCss = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  height: 1.5rem;\n"])));
 var hiddenSnippetStyles = exports.hiddenSnippetStyles = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  visibility: hidden;\n  position: absolute;\n"])));

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

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

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

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.titleBlockCss = exports.separatorCss = exports.popupContainerStyles = exports.getTransitionStyles = exports.getPreviewBlockStyles = exports.flexibleUiOptions = exports.HoverCardContainer = exports.HOVER_CARD_Z_INDEX = exports.CARD_WIDTH_REM = exports.CARD_GAP_PX = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 var _index = require("../../index");
 var _constants = require("../../constants");
@@ -14,27 +13,22 @@ var _constants2 = require("@atlaskit/theme/constants");
 var _components = require("@atlaskit/theme/components");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // Temporary fix for Confluence inline comment on editor mod has z-index of 500, Jira issue view has z-index of 510
 var HOVER_CARD_Z_INDEX = exports.HOVER_CARD_Z_INDEX = _constants2.layers.modal();
-var flexibleUiOptions = exports.flexibleUiOptions = _objectSpread({
+var flexibleUiOptions = exports.flexibleUiOptions = {
   hideBackground: true,
   hideElevation: true,
   size: _constants.SmartLinkSize.Medium,
   hideHoverCardPreviewButton: false,
   zIndex: HOVER_CARD_Z_INDEX + 1
-}, !(0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.enable-better-metadata_iojwg') && {
-  theme: _constants.SmartLinkTheme.Black,
-  hidePadding: true
-});
+};
 var CARD_WIDTH_REM = exports.CARD_WIDTH_REM = 24;
 // gap between mouse cursor and hover card
 var CARD_GAP_PX = exports.CARD_GAP_PX = 10;
 var blockGap = '0.5rem';
 var elementGap = '0.5rem';
 var separatorCss = exports.separatorCss = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  [data-separator] + [data-separator]:before {\n    margin-right: ", ";\n  }\n"])), elementGap);
-var HoverCardContainer = exports.HoverCardContainer = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  background: none;\n  border-width: 0;\n  box-sizing: border-box;\n  width: ", "rem;\n  ", "\n\n  .", " {\n    display: none;\n  }\n"])), CARD_WIDTH_REM, !(0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.enable-better-metadata_iojwg') ? "padding: 1rem;" : "", _index.loadingPlaceholderClassName);
+var HoverCardContainer = exports.HoverCardContainer = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  background: none;\n  border-width: 0;\n  box-sizing: border-box;\n  width: ", "rem;\n\n  .", " {\n    display: none;\n  }\n"])), CARD_WIDTH_REM, _index.loadingPlaceholderClassName);
 var titleBlockCss = exports.titleBlockCss = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  gap: ", ";\n\n  ", "\n\n  // title and subtitle element group\n  [data-smart-element-group] {\n    // gap between title and subtitle\n    gap: 0.06rem;\n    display: flex;\n    /* subtitle element group */\n    > [data-smart-element-group] {\n      > span {\n        margin-right: ", ";\n      }\n    }\n  }\n\n  ", "\n"])), blockGap, separatorCss, elementGap, (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "[data-smart-element=\"Title\"] {\n          font-weight: 600;\n        }" : "");
 var getTransitionStyles = exports.getTransitionStyles = function getTransitionStyles(snippetHeight) {
   return (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  transition: height 300ms ease-in-out;\n  height: ", "px;\n"])), snippetHeight);

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

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

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

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -36,7 +37,7 @@ Object.defineProperty(exports, "InlineCardUnauthorizedView", {
   }
 });
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _jsonld = require("../../utils/jsonld");
 var _inline = require("../../extractors/inline");
 var _context = require("../../extractors/common/context");
@@ -52,6 +53,9 @@ var _linkProvider = require("@atlaskit/link-provider");
 var _helpers = require("../../state/helpers");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _analyticsNext = require("@atlaskit/analytics-next");
+var _constants = require("../../constants");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var InlineCard = exports.InlineCard = function InlineCard(_ref) {
   var _details$meta, _providerForbidden$te;
   var analytics = _ref.analytics,
@@ -80,6 +84,29 @@ var InlineCard = exports.InlineCard = function InlineCard(_ref) {
   if (showHoverPreview === undefined && showHoverPreviewFlag !== undefined) {
     showHoverPreview = Boolean(showHoverPreviewFlag);
   }
+  var resolvedProps = status === _constants.SmartLinkStatus.Resolved ? (0, _inline.extractInlineProps)(cardDetails, renderers) : {};
+  (0, _react.useEffect)(function () {
+    switch (status) {
+      case _constants.SmartLinkStatus.Resolved:
+        onResolve === null || onResolve === void 0 || onResolve({
+          url: url,
+          title: resolvedProps.title
+        });
+        break;
+      case _constants.SmartLinkStatus.Errored:
+      case _constants.SmartLinkStatus.Fallback:
+      case _constants.SmartLinkStatus.Forbidden:
+      case _constants.SmartLinkStatus.NotFound:
+      case _constants.SmartLinkStatus.Unauthorized:
+        if (onError) {
+          onError({
+            status: status,
+            url: url
+          });
+        }
+        break;
+    }
+  }, [onError, onResolve, status, url, resolvedProps.title]);
   switch (status) {
     case 'pending':
     case 'resolving':
@@ -91,13 +118,6 @@ var InlineCard = exports.InlineCard = function InlineCard(_ref) {
         inlinePreloaderStyle: inlinePreloaderStyle
       });
     case 'resolved':
-      var resolvedProps = (0, _inline.extractInlineProps)(cardDetails, renderers);
-      if (onResolve) {
-        onResolve({
-          url: url,
-          title: resolvedProps.title
-        });
-      }
       return /*#__PURE__*/_react.default.createElement(_ResolvedView.InlineCardResolvedView, (0, _extends2.default)({}, resolvedProps, {
         id: id,
         showHoverPreview: showHoverPreview,
@@ -108,12 +128,6 @@ var InlineCard = exports.InlineCard = function InlineCard(_ref) {
         testId: testIdWithStatus
       }));
     case 'unauthorized':
-      if (onError) {
-        onError({
-          url: url,
-          status: status
-        });
-      }
       var provider = (0, _linkExtractors.extractProvider)(cardDetails);
       return /*#__PURE__*/_react.default.createElement(_UnauthorisedView.InlineCardUnauthorizedView, {
         icon: provider && provider.icon,
@@ -129,12 +143,6 @@ var InlineCard = exports.InlineCard = function InlineCard(_ref) {
         extensionKey: extensionKey
       });
     case 'forbidden':
-      if (onError) {
-        onError({
-          url: url,
-          status: status
-        });
-      }
       var providerForbidden = (0, _linkExtractors.extractProvider)(cardDetails);
       var cardMetadata = (_details$meta = details === null || details === void 0 ? void 0 : details.meta) !== null && _details$meta !== void 0 ? _details$meta : (0, _jsonld.getForbiddenJsonLd)().meta;
       var requestAccessContext = (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.cross-join') ? (0, _extractAccessContext.extractRequestAccessContextImproved)({
@@ -159,12 +167,6 @@ var InlineCard = exports.InlineCard = function InlineCard(_ref) {
         showHoverPreview: showHoverPreview
       });
     case 'not_found':
-      if (onError) {
-        onError({
-          url: url,
-          status: status
-        });
-      }
       var providerNotFound = (0, _linkExtractors.extractProvider)(cardDetails);
       return /*#__PURE__*/_react.default.createElement(_ErroredView.InlineCardErroredView, {
         url: url,
@@ -178,12 +180,6 @@ var InlineCard = exports.InlineCard = function InlineCard(_ref) {
     case 'fallback':
     case 'errored':
     default:
-      if (onError) {
-        onError({
-          url: url,
-          status: status
-        });
-      }
       return /*#__PURE__*/_react.default.createElement(_LinkView.CardLinkView, {
         link: url,
         isSelected: isSelected,

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

@@ -1,11 +1,10 @@
 import { ElementName } from '../../constants';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 const AvatarGroupsWithNamePrefix = [ElementName.AssignedToGroup, ElementName.OwnedByGroup, ElementName.AuthorGroup];
 export const elementNamesToItems = elementNames => {
   return elementNames.filter(element => element in ElementName).map(elementName => ({
     name: elementName,
     testId: `${elementName.toLowerCase()}-metadata-element`,
-    ...(getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') && AvatarGroupsWithNamePrefix.includes(elementName) && {
+    ...(AvatarGroupsWithNamePrefix.includes(elementName) && {
       showNamePrefix: true
     })
   }));

package/dist/es2019/utils/analytics/analytics.js

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

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

@@ -4,8 +4,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,7 +29,7 @@ const FlexibleResolvedView = ({
     titleMetadata,
     topMetadata,
     bottomMetadata
-  } = getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') ? getSimulatedBetterMetadata(cardState.details) : getSimulatedMetadata(cardState.details);
+  } = getSimulatedBetterMetadata(cardState.details);
   const footerActions = useMemo(() => [{
     name: ActionName.FollowAction,
     hideIcon: true
@@ -61,12 +60,11 @@ const FlexibleResolvedView = ({
       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
@@ -74,7 +72,7 @@ const FlexibleResolvedView = ({
     onError: () => {
       setIsPreviewBlockErrored(true);
     }
-  })) : null, /*#__PURE__*/React.createElement(FooterBlock, _extends({}, getFooterBlockOptions(), {
+  })) : null, /*#__PURE__*/React.createElement(FooterBlock, _extends({}, FooterBlockOptions, {
     actions: footerActions
   })));
 };

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

@@ -18,7 +18,7 @@ export const metadataBlockCss = css`
   }
 `;
 export const titleBlockCss = css`
-  ${getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') ? `gap: 0.5em;` : ``}
+  gap: 0.5em;
   ${getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? `[data-smart-element="Title"] {
           font-weight: 600;
         }` : ``}

package/dist/es2019/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';
 const UnresolvedView = ({
   actions,
   cardState,
@@ -27,7 +27,7 @@ const UnresolvedView = ({
 }, /*#__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"
 })));