@atlaskit/smart-card 26.13.0 → 26.14.0

package/dist/cjs/view/FlexibleCard/components/elements/index.js

@@ -3,16 +3,28 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.VoteCount = exports.ViewCount = exports.Title = exports.TargetBranch = exports.SubscriberCount = exports.State = exports.SourceBranch = exports.Snippet = exports.ReactCount = exports.Provider = exports.ProgrammingLanguage = exports.Priority = exports.Preview = exports.OwnedBy = exports.ModifiedOn = exports.ModifiedBy = exports.Location = exports.LinkIcon = exports.LatestCommit = exports.DueOn = exports.CreatedOn = exports.CreatedBy = exports.CommentCount = exports.CollaboratorGroup = exports.ChecklistProgress = exports.AuthorGroup = exports.AttachmentCount = void 0;
+exports.VoteCount = exports.ViewCount = exports.Title = exports.TargetBranch = exports.SubscriberCount = exports.SubTasksProgress = exports.State = exports.SourceBranch = exports.Snippet = exports.ReadTime = exports.ReactCount = exports.Provider = exports.ProgrammingLanguage = exports.Priority = exports.Preview = exports.OwnedByGroup = exports.OwnedBy = exports.ModifiedOn = exports.ModifiedBy = exports.Location = exports.LinkIcon = exports.LatestCommit = exports.DueOn = exports.CreatedOn = exports.CreatedBy = exports.CommentCount = exports.CollaboratorGroup = exports.ChecklistProgress = exports.AuthorGroup = exports.AttachmentCount = exports.AssignedToGroup = exports.AssignedTo = void 0;
 var _utils = require("./utils");
 var _constants = require("../../../../constants");
 // Attention: Keep the export name and element name the same.
 // This will help reducing the code for mapping elements inside
 // createElement and renderElementItems
+/**
+ * Creates a AssignedTo text element using the data from AssignedTo in the Flexible UI Context.
+ * @see Text
+ */
+var AssignedTo = (0, _utils.createElement)(_constants.ElementName.AssignedTo);
+/**
+ * An AvatarGroup element using the data from AssignedToGroup in the Flexible UI Context.
+ * @see AvatarGroup
+ */
+exports.AssignedTo = AssignedTo;
+var AssignedToGroup = (0, _utils.createElement)(_constants.ElementName.AssignedToGroup);
 /**
  * Creates a AttachmentCount Badge element using the data from AttachmentCount in the Flexible UI Context.
  * @see Badge
  */
+exports.AssignedToGroup = AssignedToGroup;
 var AttachmentCount = (0, _utils.createElement)(_constants.ElementName.AttachmentCount);
 /**
  * An AvatarGroup element using the data from AuthorGroup in the Flexible UI Context.
@@ -92,11 +104,17 @@ var ModifiedOn = (0, _utils.createElement)(_constants.ElementName.ModifiedOn);
  */
 exports.ModifiedOn = ModifiedOn;
 var OwnedBy = (0, _utils.createElement)(_constants.ElementName.OwnedBy);
+/**
+ * An AvatarGroup element using the data from OwnedByGroup in the Flexible UI Context.
+ * @see AvatarGroup
+ */
+exports.OwnedBy = OwnedBy;
+var OwnedByGroup = (0, _utils.createElement)(_constants.ElementName.OwnedByGroup);
 /**
  * Creates a Preview element using the data from Preview in the Flexible UI Context.
  * @see Preview
  */
-exports.OwnedBy = OwnedBy;
+exports.OwnedByGroup = OwnedByGroup;
 var Preview = (0, _utils.createElement)(_constants.ElementName.Preview);
 /**
  * Creates a Priority Badge element using the data from Priority in the Flexible UI Context.
@@ -122,11 +140,16 @@ var Provider = (0, _utils.createElement)(_constants.ElementName.Provider);
  */
 exports.Provider = Provider;
 var ReactCount = (0, _utils.createElement)(_constants.ElementName.ReactCount);
+/**
+ * Creates a ReadTime Text element using the data from readTime in the Flexible UI Context
+ */
+exports.ReactCount = ReactCount;
+var ReadTime = (0, _utils.createElement)(_constants.ElementName.ReadTime);
 /**
  * Creates a Snippet element using the data from Snippet in the Flexible UI Context.
  * @see Text
  */
-exports.ReactCount = ReactCount;
+exports.ReadTime = ReadTime;
 var Snippet = (0, _utils.createElement)(_constants.ElementName.Snippet);
 /**
  * Creates a SourceBranch Text element using the data from sourceBranch in the Flexible UI Context.
@@ -146,11 +169,17 @@ var State = (0, _utils.createElement)(_constants.ElementName.State);
  */
 exports.State = State;
 var SubscriberCount = (0, _utils.createElement)(_constants.ElementName.SubscriberCount);
+/**
+ * Create a SubTasks Badge element using the data from subTasks in the Flexible UI Context.
+ * @see Badge
+ */
+exports.SubscriberCount = SubscriberCount;
+var SubTasksProgress = (0, _utils.createElement)(_constants.ElementName.SubTasksProgress);
 /**
  * Creates a TargetBranch Text element using the data from targetBranch in the Flexible UI Context.
  * @see Text
  */
-exports.SubscriberCount = SubscriberCount;
+exports.SubTasksProgress = SubTasksProgress;
 var TargetBranch = (0, _utils.createElement)(_constants.ElementName.TargetBranch);
 /**
  * Creates a Title Link element using the data from Title in the Flexible UI Context.

package/dist/cjs/view/FlexibleCard/components/elements/utils.js

@@ -67,6 +67,12 @@ var elementMappings = (_elementMappings = {}, (0, _defineProperty2.default)(_ele
   component: _text.default
 }), (0, _defineProperty2.default)(_elementMappings, _constants.ElementName.OwnedBy, {
   component: _text.default
+}), (0, _defineProperty2.default)(_elementMappings, _constants.ElementName.AssignedTo, {
+  component: _text.default
+}), (0, _defineProperty2.default)(_elementMappings, _constants.ElementName.AssignedToGroup, {
+  component: _avatarGroup.default
+}), (0, _defineProperty2.default)(_elementMappings, _constants.ElementName.OwnedByGroup, {
+  component: _avatarGroup.default
 }), (0, _defineProperty2.default)(_elementMappings, _constants.ElementName.CreatedOn, {
   component: _dateTime.default
 }), (0, _defineProperty2.default)(_elementMappings, _constants.ElementName.DueOn, {
@@ -93,6 +99,8 @@ var elementMappings = (_elementMappings = {}, (0, _defineProperty2.default)(_ele
   }
 }), (0, _defineProperty2.default)(_elementMappings, _constants.ElementName.Provider, {
   component: _badge.default
+}), (0, _defineProperty2.default)(_elementMappings, _constants.ElementName.ReadTime, {
+  component: _text.default
 }), (0, _defineProperty2.default)(_elementMappings, _constants.ElementName.Snippet, {
   component: _text.default,
   props: {
@@ -108,6 +116,11 @@ var elementMappings = (_elementMappings = {}, (0, _defineProperty2.default)(_ele
   props: {
     icon: _constants.IconType.Subscriber
   }
+}), (0, _defineProperty2.default)(_elementMappings, _constants.ElementName.SubTasksProgress, {
+  component: _badge.default,
+  props: {
+    icon: _constants.IconType.CheckItem
+  }
 }), (0, _defineProperty2.default)(_elementMappings, _constants.ElementName.TargetBranch, {
   component: _text.default
 }), (0, _defineProperty2.default)(_elementMappings, _constants.ElementName.Title, {
@@ -130,7 +143,9 @@ var getData = function getData(elementName, contextKey, context) {
   var data = context[contextKey];
   switch (elementName) {
     case _constants.ElementName.AuthorGroup:
+    case _constants.ElementName.AssignedToGroup:
     case _constants.ElementName.CollaboratorGroup:
+    case _constants.ElementName.OwnedByGroup:
       return toAvatarGroupProps(data);
     case _constants.ElementName.AttachmentCount:
     case _constants.ElementName.ChecklistProgress:
@@ -141,9 +156,12 @@ var getData = function getData(elementName, contextKey, context) {
     case _constants.ElementName.ProgrammingLanguage:
     case _constants.ElementName.SubscriberCount:
     case _constants.ElementName.LatestCommit:
+    case _constants.ElementName.SubTasksProgress:
       return toBadgeProps(data);
     case _constants.ElementName.CreatedBy:
       return toFormattedTextProps(_messages.messages.created_by, context.createdBy);
+    case _constants.ElementName.AssignedTo:
+      return toFormattedTextProps(_messages.messages.assigned_to, context.assignedTo);
     case _constants.ElementName.OwnedBy:
       return toFormattedTextProps(_messages.messages.owned_by, context.ownedBy);
     case _constants.ElementName.CreatedOn:
@@ -154,6 +172,8 @@ var getData = function getData(elementName, contextKey, context) {
       return toFormattedTextProps(_messages.messages.modified_by, context.modifiedBy);
     case _constants.ElementName.ModifiedOn:
       return toDateTimeProps('modified', context.modifiedOn);
+    case _constants.ElementName.ReadTime:
+      return toFormattedTextProps(_messages.messages.read_time, data);
     case _constants.ElementName.Snippet:
     case _constants.ElementName.SourceBranch:
     case _constants.ElementName.TargetBranch:

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

@@ -19,6 +19,7 @@ var _SnippetOrPreview = _interopRequireDefault(require("../../SnippetOrPreview")
 var _extractMetadata = require("../../../../../extractors/hover/extractMetadata");
 var _messages = require("../../../../../messages");
 var _reactIntlNext = require("react-intl-next");
+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; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -83,16 +84,24 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
   }, [cardActions, onActionClick, enableImprovedPreviewAction]);
   var data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
   var _useMemo = (0, _react.useMemo)(function () {
-      //TODO: EDM-3224 deleted simulated and use real JsonLd
+      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));
       return {
-        primary: metadata.primary,
-        secondary: metadata.secondary,
-        subtitle: metadata.subtitle
+        topPrimary: metadata.primary,
+        topSecondary: metadata.secondary,
+        bottomPrimary: []
       };
     }, [data, extensionKey]),
-    primary = _useMemo.primary,
-    secondary = _useMemo.secondary;
+    topPrimary = _useMemo.topPrimary,
+    topSecondary = _useMemo.topSecondary,
+    bottomPrimary = _useMemo.bottomPrimary;
   var snippetHeight = _react.default.useRef(0);
   var snippetBlockRef = (0, _react.useRef)(null);
   var onSnippetRender = (0, _react.useCallback)(function () {
@@ -105,17 +114,24 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
   });
   return /*#__PURE__*/_react.default.createElement(_FlexibleCard.default, flexibleCardProps, /*#__PURE__*/_react.default.createElement(_blocks.TitleBlock, (0, _extends2.default)({}, titleBlockProps, {
     metadataPosition: _constants.SmartLinkPosition.Top
-  })), /*#__PURE__*/_react.default.createElement(_blocks.MetadataBlock, {
-    primary: primary,
-    secondary: secondary,
-    size: _constants.SmartLinkSize.Large,
+  })), /*#__PURE__*/_react.default.createElement(_blocks.MetadataBlock, (0, _extends2.default)({
+    primary: topPrimary,
+    secondary: topSecondary,
     overrideCss: _styled.metadataBlockCss,
-    maxLines: 1
-  }), body, /*#__PURE__*/_react.default.createElement(_blocks.SnippetBlock, {
+    maxLines: 1,
+    size: _constants.SmartLinkSize.Large
+  }, (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.enable-better-metadata_iojwg') && {
+    size: _constants.SmartLinkSize.Medium
+  })), body, /*#__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, {
+    primary: bottomPrimary,
+    size: _constants.SmartLinkSize.Large,
+    overrideCss: _styled.metadataBlockCss,
+    maxLines: 1
   }), /*#__PURE__*/_react.default.createElement(_blocks.FooterBlock, {
     actions: footerActions,
     size: _constants.SmartLinkSize.Large,

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

@@ -1,12 +1,16 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getSimulatedMetadata = void 0;
+exports.getSimulatedMetadata = exports.getSimulatedBetterMetadata = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _constants = require("../../constants");
 var _linkExtractors = require("@atlaskit/link-extractors");
 var _utils = require("../../extractors/flexible/utils");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var getSimulatedMetadata = function getSimulatedMetadata() {
   var extensionKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   var data = arguments.length > 1 ? arguments[1] : undefined;
@@ -35,7 +39,7 @@ var getSimulatedMetadata = function getSimulatedMetadata() {
       return {
         metadata: {
           primary: [_constants.ElementName.AuthorGroup, primaryAttribution],
-          secondary: [_constants.ElementName.CommentCount, _constants.ElementName.ReactCount],
+          secondary: [_constants.ElementName.ReactCount, _constants.ElementName.CommentCount, _constants.ElementName.ViewCount],
           subtitle: []
         }
       };
@@ -82,4 +86,99 @@ var getSimulatedMetadata = function getSimulatedMetadata() {
       };
   }
 };
-exports.getSimulatedMetadata = getSimulatedMetadata;
+exports.getSimulatedMetadata = getSimulatedMetadata;
+var getSimulatedBetterMetadata = function getSimulatedBetterMetadata() {
+  var extensionKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var data = arguments.length > 1 ? arguments[1] : undefined;
+  var types = data ? (0, _linkExtractors.extractType)(data) : undefined;
+  var defaultMetadata = {
+    topMetadataBlock: {
+      primary: [_constants.ElementName.ModifiedOn, _constants.ElementName.CreatedBy],
+      secondary: [],
+      subtitle: []
+    },
+    bottomMetadataBlock: {
+      primary: [],
+      secondary: [],
+      subtitle: []
+    }
+  };
+  switch (extensionKey) {
+    case 'bitbucket-object-provider':
+    case 'native-bitbucket-object-provider':
+      if (types !== null && types !== void 0 && types.includes('atlassian:SourceCodePullRequest')) {
+        return _objectSpread(_objectSpread({}, defaultMetadata), {}, {
+          topMetadataBlock: {
+            primary: [_constants.ElementName.AuthorGroup, _constants.ElementName.ModifiedOn, _constants.ElementName.SubscriberCount, _constants.ElementName.State],
+            secondary: [],
+            subtitle: [_constants.ElementName.SourceBranch, _constants.ElementName.TargetBranch]
+          }
+        });
+      }
+      return _objectSpread(_objectSpread({}, defaultMetadata), {}, {
+        topMetadataBlock: {
+          primary: [_constants.ElementName.ModifiedOn, _constants.ElementName.CreatedBy],
+          secondary: [],
+          subtitle: []
+        }
+      });
+    case 'confluence-object-provider':
+      var primaryAttribution = data && (0, _utils.extractOwnedBy)(data) ? _constants.ElementName.OwnedByGroup : _constants.ElementName.AuthorGroup;
+      return {
+        topMetadataBlock: {
+          primary: [primaryAttribution, _constants.ElementName.ModifiedOn],
+          secondary: [],
+          subtitle: []
+        },
+        bottomMetadataBlock: {
+          primary: [_constants.ElementName.CommentCount, _constants.ElementName.ReactCount, _constants.ElementName.ViewCount],
+          secondary: [],
+          subtitle: []
+        }
+      };
+    case 'jira-object-provider':
+      return _objectSpread(_objectSpread({}, defaultMetadata), {}, {
+        topMetadataBlock: {
+          primary: [_constants.ElementName.AssignedToGroup, _constants.ElementName.State, _constants.ElementName.Priority],
+          secondary: [],
+          subtitle: []
+        }
+      });
+    case 'trello-object-provider':
+      return _objectSpread(_objectSpread({}, defaultMetadata), {}, {
+        topMetadataBlock: {
+          primary: [_constants.ElementName.AuthorGroup, _constants.ElementName.State, _constants.ElementName.DueOn],
+          secondary: [_constants.ElementName.ReactCount, _constants.ElementName.CommentCount, _constants.ElementName.AttachmentCount, _constants.ElementName.ChecklistProgress],
+          subtitle: [_constants.ElementName.Location]
+        }
+      });
+    case 'watermelon-object-provider':
+      if (types !== null && types !== void 0 && types.includes('atlassian:Project')) {
+        return _objectSpread(_objectSpread({}, defaultMetadata), {}, {
+          topMetadataBlock: {
+            primary: [_constants.ElementName.AuthorGroup, _constants.ElementName.ModifiedOn, _constants.ElementName.State, _constants.ElementName.DueOn],
+            secondary: [],
+            subtitle: []
+          }
+        });
+      }
+      return _objectSpread(_objectSpread({}, defaultMetadata), {}, {
+        topMetadataBlock: {
+          primary: [_constants.ElementName.AuthorGroup, _constants.ElementName.State, _constants.ElementName.DueOn],
+          secondary: [],
+          subtitle: []
+        }
+      });
+    case 'google-object-provider':
+      return _objectSpread(_objectSpread({}, defaultMetadata), {}, {
+        topMetadataBlock: {
+          primary: [_constants.ElementName.AuthorGroup, _constants.ElementName.ModifiedOn],
+          secondary: [],
+          subtitle: []
+        }
+      });
+    default:
+      return defaultMetadata;
+  }
+};
+exports.getSimulatedBetterMetadata = getSimulatedBetterMetadata;

package/dist/es2019/constants.js

@@ -100,6 +100,8 @@ export let SmartLinkWidth = /*#__PURE__*/function (SmartLinkWidth) {
  *    (src/view/FlexibleCard/components/blocks/utils.tsx)
  */
 export let ElementName = /*#__PURE__*/function (ElementName) {
+  ElementName["AssignedTo"] = "AssignedTo";
+  ElementName["AssignedToGroup"] = "AssignedToGroup";
   ElementName["AttachmentCount"] = "AttachmentCount";
   ElementName["AuthorGroup"] = "AuthorGroup";
   ElementName["ChecklistProgress"] = "ChecklistProgress";
@@ -114,15 +116,18 @@ export let ElementName = /*#__PURE__*/function (ElementName) {
   ElementName["ModifiedBy"] = "ModifiedBy";
   ElementName["ModifiedOn"] = "ModifiedOn";
   ElementName["OwnedBy"] = "OwnedBy";
+  ElementName["OwnedByGroup"] = "OwnedByGroup";
   ElementName["Preview"] = "Preview";
   ElementName["Priority"] = "Priority";
   ElementName["ProgrammingLanguage"] = "ProgrammingLanguage";
   ElementName["Provider"] = "Provider";
   ElementName["ReactCount"] = "ReactCount";
+  ElementName["ReadTime"] = "ReadTime";
   ElementName["Snippet"] = "Snippet";
   ElementName["SourceBranch"] = "SourceBranch";
   ElementName["State"] = "State";
   ElementName["SubscriberCount"] = "SubscriberCount";
+  ElementName["SubTasksProgress"] = "SubTasksProgress";
   ElementName["TargetBranch"] = "TargetBranch";
   ElementName["Title"] = "Title";
   ElementName["ViewCount"] = "ViewCount";
@@ -146,6 +151,7 @@ export let ActionName = /*#__PURE__*/function (ActionName) {
 /**
  * Flexible UI icons - each mapped to AK icons.
  */
+
 export let IconType = /*#__PURE__*/function (IconType) {
   IconType["Archive"] = "FileType:Archive";
   IconType["Audio"] = "FileType:Audio";

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

@@ -1,8 +1,8 @@
 import { extractSummary } from '../common/primitives';
 import { extractLinkIcon } from './icon';
-import { extractAttachmentCount, extractChecklistProgress, extractCommentCount, extractCreatedBy, extractModifiedBy, extractProgrammingLanguage, extractSubscriberCount, extractViewCount, extractReactCount, extractVoteCount, extractSourceBranch, extractTargetBranch, extractDueOn, extractLocation, extractOwnedBy } from './utils';
+import { extractAttachmentCount, extractChecklistProgress, extractCommentCount, extractCreatedBy, extractModifiedBy, extractProgrammingLanguage, extractSubscriberCount, extractViewCount, extractReactCount, extractVoteCount, extractSourceBranch, extractTargetBranch, extractDueOn, extractLocation, extractOwnedBy, extractAssignedTo, extractSubTasksProgress, extractReadTime, extractPersonAssignedToAsArray } from './utils';
 import { extractPersonsUpdatedBy } from './collaboratorGroup';
-import { extractPersonCreatedBy, extractTitle, extractDateUpdated, extractDateCreated, extractLink } from '@atlaskit/link-extractors';
+import { extractPersonCreatedBy, extractTitle, extractDateUpdated, extractDateCreated, extractLink, extractPersonOwnedBy } from '@atlaskit/link-extractors';
 import extractPriority from './extract-priority';
 import extractProviderIcon from './icon/extract-provider-icon';
 import extractPreview from './extract-preview';
@@ -25,8 +25,10 @@ const extractFlexibleUiContext = ({
   const url = extractLink(data);
   const showLozengeAction = (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.useLozengeAction) === 'experiment';
   return {
+    assignedToGroup: extractPersonAssignedToAsArray(data),
     attachmentCount: extractAttachmentCount(data),
     authorGroup: extractPersonCreatedBy(data),
+    ownedByGroup: extractPersonOwnedBy(data),
     collaboratorGroup: extractPersonsUpdatedBy(data),
     commentCount: extractCommentCount(data),
     viewCount: extractViewCount(data),
@@ -35,6 +37,7 @@ const extractFlexibleUiContext = ({
     checklistProgress: extractChecklistProgress(data),
     createdBy: extractCreatedBy(data),
     ownedBy: extractOwnedBy(data),
+    assignedTo: extractAssignedTo(data),
     createdOn: extractDateCreated(data),
     dueOn: extractDueOn(data),
     previewAction: extractPreviewAction(response),
@@ -49,11 +52,13 @@ const extractFlexibleUiContext = ({
     priority: extractPriority(data),
     provider: extractProviderIcon(data),
     programmingLanguage: extractProgrammingLanguage(data),
+    readTime: extractReadTime(data),
     snippet: extractSummary(data) || undefined,
     // Explicitly set here to remove an empty string
     sourceBranch: extractSourceBranch(data),
     state: extractState(response, showServerActions || showLozengeAction, id),
     subscriberCount: extractSubscriberCount(data),
+    subTasksProgress: extractSubTasksProgress(data),
     targetBranch: extractTargetBranch(data),
     title: extractTitle(data) || url,
     url

package/dist/es2019/extractors/flexible/utils.js

@@ -1,4 +1,4 @@
-import { extractPersonOwnedBy, extractPersonCreatedBy, extractPersonUpdatedBy } from '@atlaskit/link-extractors';
+import { extractPersonOwnedBy, extractPersonCreatedBy, extractPersonUpdatedBy, extractPersonAssignedTo } from '@atlaskit/link-extractors';
 const extractLinkName = link => {
   if (link && typeof link === 'object' && link['@type'] === 'Link') {
     return link.name;
@@ -18,6 +18,16 @@ export const extractOwnedBy = data => {
     return persons[0].name;
   }
 };
+export const extractAssignedTo = data => {
+  const person = extractPersonAssignedTo(data);
+  if (person) {
+    return person.name;
+  }
+};
+export const extractPersonAssignedToAsArray = data => {
+  const person = extractPersonAssignedTo(data);
+  return person ? [person] : undefined;
+};
 export const extractCreatedBy = data => {
   const persons = extractPersonCreatedBy(data);
   if (persons && persons.length) {
@@ -50,4 +60,11 @@ export const extractLocation = data => {
       url
     };
   }
+};
+export const extractSubTasksProgress = data => {
+  const subTasksObject = extractValue(data, 'atlassian:subTasks');
+  return subTasksObject && subTasksObject.totalCount ? `${subTasksObject.resolvedCount}/${subTasksObject.totalCount}` : undefined;
+};
+export const extractReadTime = data => {
+  return extractValue(data, 'atlassian:readTimeInMinutes');
 };

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

@@ -1,5 +1,5 @@
 import { ElementName } from '../../constants';
-const elementNamesToItems = elementNames => {
+export const elementNamesToItems = elementNames => {
   return elementNames.filter(element => element in ElementName).map(elementName => ({
     name: elementName,
     testId: `${elementName.toLowerCase()}-metadata-element`

package/dist/es2019/messages.js

@@ -10,6 +10,11 @@ export const messages = defineMessages({
     defaultMessage: 'Add account',
     description: 'Allows to add a new account'
   },
+  assigned_to: {
+    id: 'fabric.linking.assigned_to',
+    defaultMessage: 'Assigned to {context}',
+    description: 'Indicates the person or entity that the resource is assigned to.'
+  },
   cancel: {
     id: 'fabric.linking.cancel',
     defaultMessage: 'Cancel',
@@ -86,7 +91,7 @@ export const messages = defineMessages({
     description: 'Shown when a user does not have access to a link, but can connect their external account to view the link on card view.'
   },
   connect_unauthorised_account_description_no_provider: {
-    id: 'fabric.linking.connect_unauthorised_account_description',
+    id: 'fabric.linking.connect_unauthorised_account_description_no_provider',
     defaultMessage: 'Connect to Atlassian to view more details of your work and collaborate from one place.',
     description: 'Shown when a user does not have access to a link, but can connect their external account to view the link on card view and we do not have the providers name.'
   },
@@ -306,6 +311,11 @@ export const messages = defineMessages({
     defaultMessage: 'Your access request is pending',
     description: 'Shown when a user has requested an access but status is pending.'
   },
+  read_time: {
+    id: 'fabric.linking.read_time',
+    defaultMessage: '{context} min read',
+    description: 'Estimated time to read this resource'
+  },
   restricted_link: {
     id: 'fabric.linking.restricted_link',
     defaultMessage: 'Restricted link, try another account',
@@ -386,6 +396,26 @@ export const messages = defineMessages({
     defaultMessage: 'The link {unsafeLinkText} is taking you to a different site, <a>actual link here</a>',
     description: 'Link safety check warning message'
   },
+  unauthorised_account_description: {
+    id: 'fabric.linking.unauthorised_account_description',
+    defaultMessage: "You're trying to preview a link to a private {context} page. We recommend you review the URL or contact the page owner.",
+    description: 'Explains that user does not have access to a link.'
+  },
+  unauthorised_account_description_no_provider: {
+    id: 'fabric.linking.unauthorised_account_description_no_provider',
+    defaultMessage: "You're trying to preview a link to a private page. We recommend you review the URL or contact the page owner.",
+    description: 'Explains that user does not have access to a link.'
+  },
+  unauthorised_account_name: {
+    id: 'fabric.linking.unauthorised_account_name',
+    defaultMessage: "We can't display private pages from {context}",
+    description: 'Shown when a user does not have access to a link.'
+  },
+  unauthorised_account_name_no_provider: {
+    id: 'fabric.linking.unauthorised_account_name_no_provider',
+    defaultMessage: "We can't display private pages",
+    description: 'Shown when a user does not have access to a link.'
+  },
   unlink_account: {
     id: 'fabric.linking.unlink_account',
     defaultMessage: 'Unlink Account',

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "26.13.0",
+	"version": "26.14.0",
 	"sideEffects": false
 }

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

@@ -1,10 +1,14 @@
+import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect, useState } from 'react';
 import FlexibleCard from '../../../FlexibleCard';
 import TitleBlock from '../../../FlexibleCard/components/blocks/title-block';
 import { FooterBlock, MetadataBlock, PreviewBlock, SnippetBlock } from '../../../FlexibleCard/components/blocks';
-import { ActionName, CardDisplay, ElementName, MediaPlacement, SmartLinkPosition } from '../../../../constants';
+import { metadataBlockCss, titleBlockCss } from './styled';
+import { ActionName, CardDisplay, ElementName, MediaPlacement, SmartLinkPosition, SmartLinkSize } from '../../../../constants';
 import uuid from 'uuid';
-import { extractOwnedBy } from '../../../../extractors/flexible/utils';
+import { getSimulatedMetadata, getSimulatedBetterMetadata } from './utils';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+
 /**
  * This view represents a Block card that has an 'Resolved' status.
  * @see SmartLinkStatus
@@ -23,36 +27,16 @@ const FlexibleResolvedView = ({
   url,
   analytics
 }) => {
-  var _cardState$details, _cardState$details2;
   const [isPreviewBlockErrored, setIsPreviewBlockErrored] = useState(false);
   useEffect(() => {
     setIsPreviewBlockErrored(false);
   }, [url, cardState]);
   const [analyticsId] = useState(() => id ? id : uuid());
-  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 metadata = cardState !== null && cardState !== void 0 && (_cardState$details = cardState.details) !== null && _cardState$details !== void 0 && _cardState$details.data && extractOwnedBy(cardState === null || cardState === void 0 ? void 0 : (_cardState$details2 = cardState.details) === null || _cardState$details2 === void 0 ? void 0 : _cardState$details2.data) ? [{
-    name: ElementName.OwnedBy
-  }, ...baseMetadata] : [{
-    name: ElementName.ModifiedBy
-  }, ...baseMetadata];
+  const {
+    titleMetadata,
+    topMetadata,
+    bottomMetadata
+  } = getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') ? getSimulatedBetterMetadata(cardState.details) : getSimulatedMetadata(cardState.details);
   return /*#__PURE__*/React.createElement(FlexibleCard, {
     analytics: analytics,
     appearance: "block",
@@ -64,25 +48,27 @@ const FlexibleResolvedView = ({
     testId: testId,
     ui: ui,
     url: url
-  }, /*#__PURE__*/React.createElement(TitleBlock, {
+  }, /*#__PURE__*/React.createElement(TitleBlock, _extends({
     position: SmartLinkPosition.Center,
-    metadata: [{
-      name: ElementName.AuthorGroup
-    }, {
-      name: ElementName.Priority
-    }, {
-      name: ElementName.State
-    }],
+    metadata: titleMetadata,
     hideRetry: true,
     subtitle: [{
       name: ElementName.Location
     }],
     metadataPosition: SmartLinkPosition.Top,
     anchorTarget: anchorTarget
-  }), /*#__PURE__*/React.createElement(MetadataBlock, {
-    primary: metadata,
+  }, getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') && {
+    overrideCss: titleBlockCss,
+    size: SmartLinkSize.Large
+  })), /*#__PURE__*/React.createElement(MetadataBlock, _extends({
+    primary: topMetadata,
+    maxLines: 1
+  }, getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') && {
+    overrideCss: metadataBlockCss
+  })), /*#__PURE__*/React.createElement(SnippetBlock, null), getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') && /*#__PURE__*/React.createElement(MetadataBlock, {
+    primary: bottomMetadata,
     maxLines: 1
-  }), /*#__PURE__*/React.createElement(SnippetBlock, null), !isPreviewBlockErrored ? /*#__PURE__*/React.createElement(PreviewBlock, {
+  }), !isPreviewBlockErrored ? /*#__PURE__*/React.createElement(PreviewBlock, {
     placement: MediaPlacement.Right,
     ignoreContainerPadding: true,
     onError: () => {