@atlaskit/smart-card 26.13.0 → 26.14.0

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

@@ -1,4 +1,6 @@
+import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useMemo } from 'react';
+import { FormattedMessage } from 'react-intl-next';
 import FlexibleCard from '../../../FlexibleCard';
 import { AuthorizeAction } from '../../actions/flexible/AuthorizeAction';
 import BlockCardFooter from '../../components/flexible/footer';
@@ -8,6 +10,7 @@ import { extractProvider } from '@atlaskit/link-extractors';
 import UnauthorisedViewContent from '../../../common/UnauthorisedViewContent';
 import { css } from '@emotion/react';
 import { tokens } from '../../../../utils/token';
+import { messages } from '../../../../messages';
 const contentStyles = css`
   color: ${tokens.text};
   margin-top: 0.5rem;
@@ -44,6 +47,15 @@ const FlexibleUnauthorisedView = ({
       onAuthorize();
     }
   }, [onAuthorize, extensionKey, analytics.track]);
+  const content = useMemo(() => onAuthorize ? /*#__PURE__*/React.createElement(UnauthorisedViewContent, {
+    providerName: providerName,
+    analytics: analytics,
+    testId: testId
+  }) : /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages[providerName ? 'unauthorised_account_description' : 'unauthorised_account_description_no_provider'], {
+    values: {
+      context: providerName
+    }
+  })), [analytics, onAuthorize, providerName, testId]);
   const actions = useMemo(() => onAuthorize ? [AuthorizeAction(handleAuthorize, providerName)] : [], [handleAuthorize, onAuthorize, providerName]);
   return /*#__PURE__*/React.createElement(FlexibleCard, {
     appearance: "block",
@@ -60,11 +72,7 @@ const FlexibleUnauthorisedView = ({
   }), /*#__PURE__*/React.createElement(CustomBlock, {
     overrideCss: contentStyles,
     testId: `${testId}-content`
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(UnauthorisedViewContent, {
-    providerName: providerName,
-    analytics: analytics,
-    testId: testId
-  }))), /*#__PURE__*/React.createElement(CustomBlock, null, /*#__PURE__*/React.createElement(BlockCardFooter, {
+  }, /*#__PURE__*/React.createElement("div", null, content)), /*#__PURE__*/React.createElement(CustomBlock, null, /*#__PURE__*/React.createElement(BlockCardFooter, {
     actions: actions,
     status: SmartLinkStatus.Unauthorized,
     actionGroupAppearance: "primary"

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

@@ -0,0 +1,14 @@
+import { css } from '@emotion/react';
+
+// in editor prosemirror adds padding-left so we need to overwrite it
+export const metadataBlockCss = css`
+  /* primary element group */
+  [data-smart-element-avatar-group] {
+    > ul {
+      padding-left: 0px;
+    }
+  }
+`;
+export const titleBlockCss = css`
+  gap: 0.5em;
+`;

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

@@ -0,0 +1,108 @@
+import { ElementName } from '../../../../constants';
+import { extractOwnedBy, extractAssignedTo } from '../../../../extractors/flexible/utils';
+import { getExtensionKey } from '../../../../state/helpers';
+const baseTopMetadata = [{
+  name: ElementName.ModifiedOn
+}, {
+  name: ElementName.AttachmentCount
+}, {
+  name: ElementName.SubscriberCount
+}, {
+  name: ElementName.VoteCount
+}, {
+  name: ElementName.DueOn
+}, {
+  name: ElementName.ReadTime
+}];
+const baseBottomMetaData = [{
+  name: ElementName.ReactCount
+}, {
+  name: ElementName.CommentCount
+}, {
+  name: ElementName.ViewCount
+}, {
+  name: ElementName.Priority
+}, {
+  name: ElementName.SubTasksProgress
+}, {
+  name: ElementName.ChecklistProgress
+}];
+export const getSimulatedBetterMetadata = cardDetails => {
+  var _getExtensionKey;
+  const extensionKey = (_getExtensionKey = getExtensionKey(cardDetails)) !== null && _getExtensionKey !== void 0 ? _getExtensionKey : '';
+  const data = cardDetails === null || cardDetails === void 0 ? void 0 : cardDetails.data;
+  const defaultTitleMetadata = [{
+    name: ElementName.State
+  }];
+  const defaultTopMetadata = [{
+    name: ElementName.AuthorGroup
+  }, {
+    name: ElementName.CreatedBy
+  }, ...baseTopMetadata];
+  const defaultBottomMetadata = baseBottomMetaData;
+  switch (extensionKey) {
+    case 'confluence-object-provider':
+      return {
+        titleMetadata: defaultTitleMetadata,
+        topMetadata: extractOwnedBy(data) ? [{
+          name: ElementName.OwnedByGroup
+        }, {
+          name: ElementName.OwnedBy
+        }, ...baseTopMetadata] : defaultTopMetadata,
+        bottomMetadata: defaultBottomMetadata
+      };
+    case 'jira-object-provider':
+      return {
+        titleMetadata: defaultTitleMetadata,
+        topMetadata: extractAssignedTo(data) ? [{
+          name: ElementName.AssignedToGroup
+        }, {
+          name: ElementName.AssignedTo
+        }, ...baseTopMetadata] : defaultTopMetadata,
+        bottomMetadata: defaultBottomMetadata
+      };
+    default:
+      return {
+        titleMetadata: defaultTitleMetadata,
+        topMetadata: defaultTopMetadata,
+        bottomMetadata: defaultBottomMetadata
+      };
+  }
+};
+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
+  };
+};

package/dist/es2019/view/EmbedCard/views/UnauthorisedView.js

@@ -1,6 +1,6 @@
-import React, { useCallback } from 'react';
+import React, { useCallback, useMemo } from 'react';
 import { EmbedCardUnresolvedView } from './UnresolvedView';
-import { UnauthorisedImage } from '../constants';
+import { LockImage, UnauthorisedImage } from '../constants';
 import { ExpandedFrame } from '../components/ExpandedFrame';
 import { ImageIcon } from '../components/ImageIcon';
 import UnauthorisedViewContent from '../../common/UnauthorisedViewContent';
@@ -15,7 +15,6 @@ export const EmbedCardUnauthorisedView = ({
   onClick,
   extensionKey
 }) => {
-  var _context$image;
   const icon = context && context.icon && /*#__PURE__*/React.createElement(ImageIcon, {
     src: typeof context.icon === 'string' ? context.icon : undefined
   });
@@ -27,6 +26,36 @@ export const EmbedCardUnauthorisedView = ({
       onAuthorise();
     }
   }, [onAuthorise, analytics.track, extensionKey]);
+  const view = useMemo(() => {
+    var _context$image2;
+    if (onAuthorise) {
+      var _context$image;
+      return /*#__PURE__*/React.createElement(EmbedCardUnresolvedView, {
+        button: {
+          appearance: 'primary',
+          text: 'connect_unauthorised_account_action',
+          testId: 'connect-account'
+        },
+        context: context && context.text,
+        description: "connect_unauthorised_account_description",
+        image: (_context$image = context === null || context === void 0 ? void 0 : context.image) !== null && _context$image !== void 0 ? _context$image : UnauthorisedImage,
+        onClick: handleOnAuthorizeClick,
+        testId: testId,
+        title: "connect_link_account_card_name"
+      }, /*#__PURE__*/React.createElement(UnauthorisedViewContent, {
+        analytics: analytics,
+        providerName: context === null || context === void 0 ? void 0 : context.text,
+        testId: testId
+      }));
+    }
+    return /*#__PURE__*/React.createElement(EmbedCardUnresolvedView, {
+      description: context !== null && context !== void 0 && context.text ? 'unauthorised_account_description' : 'unauthorised_account_description_no_provider',
+      image: (_context$image2 = context === null || context === void 0 ? void 0 : context.image) !== null && _context$image2 !== void 0 ? _context$image2 : LockImage,
+      context: context === null || context === void 0 ? void 0 : context.text,
+      testId: testId,
+      title: context !== null && context !== void 0 && context.text ? 'unauthorised_account_name' : 'unauthorised_account_name_no_provider'
+    });
+  }, [analytics, context, handleOnAuthorizeClick, onAuthorise, testId]);
   return /*#__PURE__*/React.createElement(ExpandedFrame, {
     href: link,
     icon: icon,
@@ -37,21 +66,5 @@ export const EmbedCardUnauthorisedView = ({
     onClick: onClick,
     testId: testId,
     allowScrollBar: true
-  }, /*#__PURE__*/React.createElement(EmbedCardUnresolvedView, {
-    image: (_context$image = context === null || context === void 0 ? void 0 : context.image) !== null && _context$image !== void 0 ? _context$image : UnauthorisedImage,
-    title: "connect_link_account_card_name",
-    description: "connect_unauthorised_account_description",
-    context: context && context.text,
-    button: onAuthorise ? {
-      appearance: 'primary',
-      text: 'connect_unauthorised_account_action',
-      testId: 'connect-account'
-    } : undefined,
-    onClick: onAuthorise ? handleOnAuthorizeClick : undefined,
-    testId: testId
-  }, /*#__PURE__*/React.createElement(UnauthorisedViewContent, {
-    analytics: analytics,
-    providerName: context === null || context === void 0 ? void 0 : context.text,
-    testId: testId
-  })));
+  }, view);
 };

package/dist/es2019/view/FlexibleCard/components/blocks/utils.js

@@ -10,6 +10,8 @@ import ElementGroup from './element-group';
 // Determine whether the element can be display as inline/block.
 
 export const ElementDisplaySchema = {
+  [ElementName.AssignedTo]: ['inline'],
+  [ElementName.AssignedToGroup]: ['inline'],
   [ElementName.AttachmentCount]: ['inline'],
   [ElementName.AuthorGroup]: ['inline'],
   [ElementName.ChecklistProgress]: ['inline'],
@@ -24,15 +26,18 @@ export const ElementDisplaySchema = {
   [ElementName.ModifiedBy]: ['inline'],
   [ElementName.ModifiedOn]: ['inline'],
   [ElementName.OwnedBy]: ['inline'],
+  [ElementName.OwnedByGroup]: ['inline'],
   [ElementName.Preview]: ['block'],
   [ElementName.Priority]: ['inline'],
   [ElementName.ProgrammingLanguage]: ['inline'],
   [ElementName.Provider]: ['inline'],
   [ElementName.ReactCount]: ['inline'],
+  [ElementName.ReadTime]: ['inline'],
   [ElementName.Snippet]: ['block'],
   [ElementName.SourceBranch]: ['inline'],
   [ElementName.State]: ['inline'],
   [ElementName.SubscriberCount]: ['inline'],
+  [ElementName.SubTasksProgress]: ['inline'],
   [ElementName.TargetBranch]: ['inline'],
   [ElementName.Title]: ['inline'],
   [ElementName.ViewCount]: ['inline'],

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

@@ -3,6 +3,16 @@ import { ElementName } from '../../../../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
+ */
+export const AssignedTo = createElement(ElementName.AssignedTo);
+/**
+ * An AvatarGroup element using the data from AssignedToGroup in the Flexible UI Context.
+ * @see AvatarGroup
+ */
+export const AssignedToGroup = createElement(ElementName.AssignedToGroup);
 /**
  * Creates a AttachmentCount Badge element using the data from AttachmentCount in the Flexible UI Context.
  * @see Badge
@@ -73,6 +83,11 @@ export const ModifiedOn = createElement(ElementName.ModifiedOn);
  * @see Text
  */
 export const OwnedBy = createElement(ElementName.OwnedBy);
+/**
+ * An AvatarGroup element using the data from OwnedByGroup in the Flexible UI Context.
+ * @see AvatarGroup
+ */
+export const OwnedByGroup = createElement(ElementName.OwnedByGroup);
 /**
  * Creates a Preview element using the data from Preview in the Flexible UI Context.
  * @see Preview
@@ -98,6 +113,10 @@ export const Provider = createElement(ElementName.Provider);
  * @see Badge
  */
 export const ReactCount = createElement(ElementName.ReactCount);
+/**
+ * Creates a ReadTime Text element using the data from readTime in the Flexible UI Context
+ */
+export const ReadTime = createElement(ElementName.ReadTime);
 /**
  * Creates a Snippet element using the data from Snippet in the Flexible UI Context.
  * @see Text
@@ -118,6 +137,11 @@ export const State = createElement(ElementName.State);
  * @see Badge
  */
 export const SubscriberCount = createElement(ElementName.SubscriberCount);
+/**
+ * Create a SubTasks Badge element using the data from subTasks in the Flexible UI Context.
+ * @see Badge
+ */
+export const SubTasksProgress = createElement(ElementName.SubTasksProgress);
 /**
  * Creates a TargetBranch Text element using the data from targetBranch in the Flexible UI Context.
  * @see Text

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

@@ -64,6 +64,15 @@ const elementMappings = {
   [ElementName.OwnedBy]: {
     component: Text
   },
+  [ElementName.AssignedTo]: {
+    component: Text
+  },
+  [ElementName.AssignedToGroup]: {
+    component: AvatarGroup
+  },
+  [ElementName.OwnedByGroup]: {
+    component: AvatarGroup
+  },
   [ElementName.CreatedOn]: {
     component: DateTime
   },
@@ -100,6 +109,9 @@ const elementMappings = {
   [ElementName.Provider]: {
     component: Badge
   },
+  [ElementName.ReadTime]: {
+    component: Text
+  },
   [ElementName.Snippet]: {
     component: Text,
     props: {
@@ -121,6 +133,12 @@ const elementMappings = {
       icon: IconType.Subscriber
     }
   },
+  [ElementName.SubTasksProgress]: {
+    component: Badge,
+    props: {
+      icon: IconType.CheckItem
+    }
+  },
   [ElementName.TargetBranch]: {
     component: Text
   },
@@ -146,7 +164,9 @@ const getData = (elementName, contextKey, context) => {
   const data = context[contextKey];
   switch (elementName) {
     case ElementName.AuthorGroup:
+    case ElementName.AssignedToGroup:
     case ElementName.CollaboratorGroup:
+    case ElementName.OwnedByGroup:
       return toAvatarGroupProps(data);
     case ElementName.AttachmentCount:
     case ElementName.ChecklistProgress:
@@ -157,9 +177,12 @@ const getData = (elementName, contextKey, context) => {
     case ElementName.ProgrammingLanguage:
     case ElementName.SubscriberCount:
     case ElementName.LatestCommit:
+    case ElementName.SubTasksProgress:
       return toBadgeProps(data);
     case ElementName.CreatedBy:
       return toFormattedTextProps(messages.created_by, context.createdBy);
+    case ElementName.AssignedTo:
+      return toFormattedTextProps(messages.assigned_to, context.assignedTo);
     case ElementName.OwnedBy:
       return toFormattedTextProps(messages.owned_by, context.ownedBy);
     case ElementName.CreatedOn:
@@ -170,6 +193,8 @@ const getData = (elementName, contextKey, context) => {
       return toFormattedTextProps(messages.modified_by, context.modifiedBy);
     case ElementName.ModifiedOn:
       return toDateTimeProps('modified', context.modifiedOn);
+    case ElementName.ReadTime:
+      return toFormattedTextProps(messages.read_time, data);
     case ElementName.Snippet:
     case ElementName.SourceBranch:
     case ElementName.TargetBranch:

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

@@ -5,11 +5,12 @@ import { ActionName, CardDisplay, SmartLinkPosition, SmartLinkSize } from '../..
 import { FooterBlock, MetadataBlock, SnippetBlock, TitleBlock } from '../../../../FlexibleCard/components/blocks';
 import { footerBlockCss, hiddenSnippetStyles, metadataBlockCss } from './styled';
 import FlexibleCard from '../../../../FlexibleCard';
-import { getSimulatedMetadata } from '../../../utils';
+import { getSimulatedMetadata, getSimulatedBetterMetadata } from '../../../utils';
 import SnippetOrPreview from '../../SnippetOrPreview';
-import { extractMetadata } from '../../../../../extractors/hover/extractMetadata';
+import { extractMetadata, elementNamesToItems } from '../../../../../extractors/hover/extractMetadata';
 import { messages } from '../../../../../messages';
 import { FormattedMessage } from 'react-intl-next';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 export const toFooterActions = (cardActions, onActionClick, enableImprovedPreviewAction) => {
   const appearance = enableImprovedPreviewAction ? {
     appearance: 'primary'
@@ -67,15 +68,23 @@ const HoverCardResolvedView = ({
   const footerActions = useMemo(() => toFooterActions(cardActions, onActionClick, Boolean(enableImprovedPreviewAction)), [cardActions, onActionClick, enableImprovedPreviewAction]);
   const data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
   const {
-    primary,
-    secondary
+    topPrimary,
+    topSecondary,
+    bottomPrimary
   } = useMemo(() => {
-    //TODO: EDM-3224 deleted simulated and use real JsonLd
+    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));
     return {
-      primary: metadata.primary,
-      secondary: metadata.secondary,
-      subtitle: metadata.subtitle
+      topPrimary: metadata.primary,
+      topSecondary: metadata.secondary,
+      bottomPrimary: []
     };
   }, [data, extensionKey]);
   const snippetHeight = React.useRef(0);
@@ -90,17 +99,24 @@ const HoverCardResolvedView = ({
   });
   return /*#__PURE__*/React.createElement(FlexibleCard, flexibleCardProps, /*#__PURE__*/React.createElement(TitleBlock, _extends({}, titleBlockProps, {
     metadataPosition: SmartLinkPosition.Top
-  })), /*#__PURE__*/React.createElement(MetadataBlock, {
-    primary: primary,
-    secondary: secondary,
-    size: SmartLinkSize.Large,
+  })), /*#__PURE__*/React.createElement(MetadataBlock, _extends({
+    primary: topPrimary,
+    secondary: topSecondary,
     overrideCss: metadataBlockCss,
-    maxLines: 1
-  }), body, /*#__PURE__*/React.createElement(SnippetBlock, {
+    maxLines: 1,
+    size: SmartLinkSize.Large
+  }, getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') && {
+    size: SmartLinkSize.Medium
+  })), body, /*#__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, {
+    primary: bottomPrimary,
+    size: SmartLinkSize.Large,
+    overrideCss: metadataBlockCss,
+    maxLines: 1
   }), /*#__PURE__*/React.createElement(FooterBlock, {
     actions: footerActions,
     size: SmartLinkSize.Large,

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

@@ -27,7 +27,7 @@ export const getSimulatedMetadata = (extensionKey = '', data) => {
       return {
         metadata: {
           primary: [ElementName.AuthorGroup, primaryAttribution],
-          secondary: [ElementName.CommentCount, ElementName.ReactCount],
+          secondary: [ElementName.ReactCount, ElementName.CommentCount, ElementName.ViewCount],
           subtitle: []
         }
       };
@@ -73,4 +73,103 @@ export const getSimulatedMetadata = (extensionKey = '', data) => {
         }
       };
   }
+};
+export const getSimulatedBetterMetadata = (extensionKey = '', data) => {
+  const types = data ? extractType(data) : undefined;
+  const defaultMetadata = {
+    topMetadataBlock: {
+      primary: [ElementName.ModifiedOn, 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 {
+          ...defaultMetadata,
+          topMetadataBlock: {
+            primary: [ElementName.AuthorGroup, ElementName.ModifiedOn, ElementName.SubscriberCount, ElementName.State],
+            secondary: [],
+            subtitle: [ElementName.SourceBranch, ElementName.TargetBranch]
+          }
+        };
+      }
+      return {
+        ...defaultMetadata,
+        topMetadataBlock: {
+          primary: [ElementName.ModifiedOn, ElementName.CreatedBy],
+          secondary: [],
+          subtitle: []
+        }
+      };
+    case 'confluence-object-provider':
+      const primaryAttribution = data && extractOwnedBy(data) ? ElementName.OwnedByGroup : ElementName.AuthorGroup;
+      return {
+        topMetadataBlock: {
+          primary: [primaryAttribution, ElementName.ModifiedOn],
+          secondary: [],
+          subtitle: []
+        },
+        bottomMetadataBlock: {
+          primary: [ElementName.CommentCount, ElementName.ReactCount, ElementName.ViewCount],
+          secondary: [],
+          subtitle: []
+        }
+      };
+    case 'jira-object-provider':
+      return {
+        ...defaultMetadata,
+        topMetadataBlock: {
+          primary: [ElementName.AssignedToGroup, ElementName.State, ElementName.Priority],
+          secondary: [],
+          subtitle: []
+        }
+      };
+    case 'trello-object-provider':
+      return {
+        ...defaultMetadata,
+        topMetadataBlock: {
+          primary: [ElementName.AuthorGroup, ElementName.State, ElementName.DueOn],
+          secondary: [ElementName.ReactCount, ElementName.CommentCount, ElementName.AttachmentCount, ElementName.ChecklistProgress],
+          subtitle: [ElementName.Location]
+        }
+      };
+    case 'watermelon-object-provider':
+      if (types !== null && types !== void 0 && types.includes('atlassian:Project')) {
+        return {
+          ...defaultMetadata,
+          topMetadataBlock: {
+            primary: [ElementName.AuthorGroup, ElementName.ModifiedOn, ElementName.State, ElementName.DueOn],
+            secondary: [],
+            subtitle: []
+          }
+        };
+      }
+      return {
+        ...defaultMetadata,
+        topMetadataBlock: {
+          primary: [ElementName.AuthorGroup, ElementName.State, ElementName.DueOn],
+          secondary: [],
+          subtitle: []
+        }
+      };
+    case 'google-object-provider':
+      return {
+        ...defaultMetadata,
+        topMetadataBlock: {
+          primary: [ElementName.AuthorGroup, ElementName.ModifiedOn],
+          secondary: [],
+          subtitle: []
+        }
+      };
+    default:
+      return defaultMetadata;
+  }
 };

package/dist/esm/constants.js

@@ -100,6 +100,8 @@ export var SmartLinkWidth = /*#__PURE__*/function (SmartLinkWidth) {
  *    (src/view/FlexibleCard/components/blocks/utils.tsx)
  */
 export var ElementName = /*#__PURE__*/function (ElementName) {
+  ElementName["AssignedTo"] = "AssignedTo";
+  ElementName["AssignedToGroup"] = "AssignedToGroup";
   ElementName["AttachmentCount"] = "AttachmentCount";
   ElementName["AuthorGroup"] = "AuthorGroup";
   ElementName["ChecklistProgress"] = "ChecklistProgress";
@@ -114,15 +116,18 @@ export var 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 var ActionName = /*#__PURE__*/function (ActionName) {
 /**
  * Flexible UI icons - each mapped to AK icons.
  */
+
 export var IconType = /*#__PURE__*/function (IconType) {
   IconType["Archive"] = "FileType:Archive";
   IconType["Audio"] = "FileType:Audio";

package/dist/esm/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 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
   var url = extractLink(data);
   var 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 @@ var extractFlexibleUiContext = function 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 @@ var extractFlexibleUiContext = function 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: url