@atlaskit/smart-card 36.8.1 → 36.9.0

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

@@ -7,7 +7,7 @@ import { extractEmbedProps } from '../../extractors/embed';
 import { extractInlineProps } from '../../extractors/inline';
 import { getExtensionKey, hasAuthScopeOverrides } from '../../state/helpers';
 import { useControlDataExportConfig } from '../../state/hooks/use-control-data-export-config';
-import { getEmptyJsonLd, getForbiddenJsonLd } from '../../utils/jsonld';
+import { getForbiddenJsonLd } from '../../utils/jsonld';
 import { getIsDataExportEnabled } from '../../utils/should-data-export';
 import BlockCardResolvedView from '../BlockCard/views/ResolvedView';
 import { InlineCardResolvedView } from '../InlineCard/ResolvedView';
@@ -43,8 +43,6 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
     status,
     details
   } = cardState;
-  const data = details && details.data || getEmptyJsonLd();
-  const meta = details && details.meta;
   const extensionKey = getExtensionKey(details);
   const isProductIntegrationSupported = hasAuthScopeOverrides(details);
   const {
@@ -64,7 +62,7 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
         testId: testId ? `${testId}-resolving-view` : 'embed-card-resolving-view'
       });
     case 'resolved':
-      const resolvedViewProps = extractEmbedProps(data, meta, platform, iframeUrlType);
+      const resolvedViewProps = extractEmbedProps(details, platform, iframeUrlType);
       if (onResolve) {
         var _resolvedViewProps$pr;
         onResolve({
@@ -75,7 +73,7 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
       }
       if (fg('platform_smart_links_controlled_dsp_export_view')) {
         if (getIsDataExportEnabled(shouldControlDataExport, cardState.details)) {
-          const unauthViewProps = extractEmbedProps(data, meta, platform);
+          const unauthViewProps = extractEmbedProps(details, platform);
           return /*#__PURE__*/React.createElement(UnauthorizedView, {
             context: unauthViewProps.context,
             extensionKey: extensionKey,
@@ -128,7 +126,7 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
           status
         });
       }
-      const unauthorisedViewProps = extractEmbedProps(data, meta, platform);
+      const unauthorisedViewProps = extractEmbedProps(details, platform);
       return /*#__PURE__*/React.createElement(UnauthorizedView, {
         context: unauthorisedViewProps.context,
         extensionKey: extensionKey,
@@ -148,7 +146,7 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
           status
         });
       }
-      const forbiddenViewProps = extractEmbedProps(data, meta, platform);
+      const forbiddenViewProps = extractEmbedProps(details, platform);
       const cardMetadata = (_details$meta = details === null || details === void 0 ? void 0 : details.meta) !== null && _details$meta !== void 0 ? _details$meta : getForbiddenJsonLd().meta;
       if (forbiddenViewProps.preview) {
         return /*#__PURE__*/React.createElement(EmbedCardResolvedView, _extends({}, forbiddenViewProps, {
@@ -183,7 +181,7 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
           status
         });
       }
-      const notFoundViewProps = extractEmbedProps(data, meta, platform);
+      const notFoundViewProps = extractEmbedProps(details, platform);
       const notFoundAccessContext = details !== null && details !== void 0 && details.meta ? extractRequestAccessContextImproved({
         jsonLd: details === null || details === void 0 ? void 0 : details.meta,
         url,

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

@@ -13,6 +13,7 @@ export const ElementDisplaySchema = {
   [ElementName.AssignedToGroup]: ['inline'],
   [ElementName.AttachmentCount]: ['inline'],
   [ElementName.AuthorGroup]: ['inline'],
+  [ElementName.AppliedToComponentsCount]: ['inline'],
   [ElementName.ChecklistProgress]: ['inline'],
   [ElementName.CollaboratorGroup]: ['inline'],
   [ElementName.CommentCount]: ['inline'],

package/dist/es2019/view/FlexibleCard/components/elements/applied-to-components-count/index.js

@@ -0,0 +1,26 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useContext } from 'react';
+import { useIntl } from 'react-intl-next';
+import { IconType } from '../../../../../constants';
+import { messages } from '../../../../../messages';
+import { FlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import Badge from '../badge';
+const AppliedToComponentsCount = props => {
+  const {
+    formatMessage
+  } = useIntl();
+  const context = useContext(FlexibleUiContext);
+  if (
+  // Check for null and undefined, render if it's 0.
+  (context === null || context === void 0 ? void 0 : context.appliedToComponentsCount) === null || (context === null || context === void 0 ? void 0 : context.appliedToComponentsCount) === undefined) {
+    return null;
+  }
+  const label = formatMessage(messages.compass_applied_components_count, {
+    numberOfComponents: context.appliedToComponentsCount
+  });
+  return /*#__PURE__*/React.createElement(Badge, _extends({
+    icon: IconType.Component,
+    label: label
+  }, props));
+};
+export default AppliedToComponentsCount;

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

@@ -173,4 +173,5 @@ export const ViewCount = createElement(ElementName.ViewCount);
  * Creates a VoteCount Badge element using the data from VoteCount in the Flexible UI Context.
  * @see Badge
  */
-export const VoteCount = createElement(ElementName.VoteCount);
+export const VoteCount = createElement(ElementName.VoteCount);
+export { default as AppliedToComponentsCount } from './applied-to-components-count';

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

@@ -4,6 +4,7 @@ import { FormattedDate } from 'react-intl-next';
 import { ElementName, IconType, SmartLinkInternalTheme } from '../../../../constants';
 import { messages } from '../../../../messages';
 import { FlexibleUiContext } from '../../../../state/flexible-ui-context';
+import AppliedToComponentsCount from './applied-to-components-count';
 import AtlaskitBadge from './atlaskit-badge';
 import AvatarGroup from './avatar-group';
 import Badge from './badge';
@@ -14,6 +15,12 @@ import Lozenge from './lozenge';
 import Media from './media';
 import Text from './text';
 const elementMappings = {
+  [ElementName.AppliedToComponentsCount]: {
+    component: AppliedToComponentsCount,
+    props: {
+      icon: IconType.Component
+    }
+  },
   [ElementName.AttachmentCount]: {
     component: Badge,
     props: {
@@ -165,6 +172,7 @@ const getData = (elementName, contextKey, context) => {
       const AvatarGroupsWithFallback = [ElementName.AssignedToGroup];
       const showFallbackAvatar = AvatarGroupsWithFallback.includes(elementName);
       return toAvatarGroupProps(data, showFallbackAvatar);
+    case ElementName.AppliedToComponentsCount:
     case ElementName.AttachmentCount:
     case ElementName.ChecklistProgress:
     case ElementName.CommentCount:

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

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

package/dist/es2019/view/common/UnauthorisedViewContent.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { Anchor } from '@atlaskit/primitives';
+import { Anchor } from '@atlaskit/primitives/compiled';
 import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
 import { CONTENT_URL_3P_ACCOUNT_AUTH, CONTENT_URL_SECURITY_AND_PERMISSIONS } from '../../constants';
 import { messages } from '../../messages';

package/dist/esm/constants.js

@@ -106,6 +106,7 @@ export var SmartLinkWidth = /*#__PURE__*/function (SmartLinkWidth) {
  *    (src/view/FlexibleCard/components/blocks/utils.tsx)
  */
 export var ElementName = /*#__PURE__*/function (ElementName) {
+  ElementName["AppliedToComponentsCount"] = "AppliedToComponentsCount";
   ElementName["AssignedTo"] = "AssignedTo";
   ElementName["AssignedToGroup"] = "AssignedToGroup";
   ElementName["AttachmentCount"] = "AttachmentCount";
@@ -220,6 +221,7 @@ export var IconType = /*#__PURE__*/function (IconType) {
   IconType["Attachment"] = "Badge:Attachment";
   IconType["CheckItem"] = "Badge:Task";
   IconType["Comment"] = "Badge:Comment";
+  IconType["Component"] = "Badge:Component";
   IconType["View"] = "Badge:View";
   IconType["React"] = "Badge:React";
   IconType["Vote"] = "Badge:Vote";

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

@@ -1,7 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import { extractLink, extractPreview, extractProvider, extractProviderIcon, extractTitle, extractUrlFromIconJsonLd } from '@atlaskit/link-extractors';
+import { extractEntityProvider, extractLink, extractPreview, extractProvider, extractProviderIcon, extractSmartLinkEmbed, extractSmartLinkTitle, extractSmartLinkUrl, extractTitle, extractUrlFromIconJsonLd, isEntityPresent } from '@atlaskit/link-extractors';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { getEmptyJsonLd } from '../../utils/jsonld';
 import { prioritiseIcon } from '../common/icon';
 import { extractIsSupportTheming } from '../common/meta/extractIsSupportTheming';
 import { extractIsTrusted } from '../common/meta/extractIsTrusted';
@@ -35,7 +37,29 @@ function generateContext(jsonLd) {
     icon: icon ? icon : provider.icon
   });
 }
-export var extractEmbedProps = function extractEmbedProps(jsonLd, meta, platform, iframeUrlType) {
+
+/**
+ * We can migrate this to link extractors once we have deprecated JsonLd
+ */
+function extractSmartLinkContext(response) {
+  if (isEntityPresent(response)) {
+    return extractEntityProvider(response);
+  }
+  return generateContext(response === null || response === void 0 ? void 0 : response.data);
+}
+export var extractEmbedProps = function extractEmbedProps(response, platform, iframeUrlType) {
+  var meta = response === null || response === void 0 ? void 0 : response.meta;
+  var jsonLd = (response === null || response === void 0 ? void 0 : response.data) || getEmptyJsonLd();
+  if (fg('smart_links_noun_support')) {
+    return {
+      link: extractSmartLinkUrl(response) || '',
+      title: extractSmartLinkTitle(response),
+      context: extractSmartLinkContext(response),
+      preview: extractSmartLinkEmbed(response, iframeUrlType),
+      isTrusted: extractIsTrusted(meta),
+      isSupportTheming: extractIsSupportTheming(meta)
+    };
+  }
   return {
     link: extractLink(jsonLd) || '',
     title: extractTitle(jsonLd),

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

@@ -10,7 +10,7 @@ import extractState from './extract-state';
 import { extractLinkIcon } from './icon';
 import extractProviderIcon from './icon/extract-provider-icon';
 import { extractLatestCommit } from './latest-commit';
-import { extractAssignedTo, extractAttachmentCount, extractChecklistProgress, extractCommentCount, extractCreatedBy, extractDueOn, extractLocation, extractModifiedBy, extractOwnedBy, extractPersonAssignedToAsArray, extractProgrammingLanguage, extractReactCount, extractReadTime, extractSentOn, extractSourceBranch, extractStoryPoints, extractSubscriberCount, extractSubTasksProgress, extractTargetBranch, extractViewCount, extractVoteCount } from './utils';
+import { extractAppliedToComponentsCount, extractAssignedTo, extractAttachmentCount, extractChecklistProgress, extractCommentCount, extractCreatedBy, extractDueOn, extractLocation, extractModifiedBy, extractOwnedBy, extractPersonAssignedToAsArray, extractProgrammingLanguage, extractReactCount, extractReadTime, extractSentOn, extractSourceBranch, extractStoryPoints, extractSubscriberCount, extractSubTasksProgress, extractTargetBranch, extractViewCount, extractVoteCount } from './utils';
 var extractFlexibleUiContext = function extractFlexibleUiContext() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var appearance = _ref.appearance,
@@ -39,6 +39,7 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
       response: response,
       url: props.url // Use the original URL in edge cases, such as short links for AI summary and copy link actions.
     }),
+    appliedToComponentsCount: extractAppliedToComponentsCount(data),
     assignedToGroup: extractPersonAssignedToAsArray(data),
     attachmentCount: extractAttachmentCount(data),
     authorGroup: extractPersonCreatedBy(data),

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

@@ -11,6 +11,9 @@ var extractValue = function extractValue(data, key) {
 export var extractCommentCount = function extractCommentCount(data) {
   return extractValue(data, 'schema:commentCount');
 };
+export var extractAppliedToComponentsCount = function extractAppliedToComponentsCount(data) {
+  return extractValue(data, 'atlassian:appliedToComponentsCount');
+};
 export var extractDueOn = function extractDueOn(data) {
   return extractValue(data, 'endTime');
 };

package/dist/esm/messages.js

@@ -130,6 +130,10 @@ export var messages = defineMessages({
     defaultMessage: 'Check this link',
     description: 'Link safety warning modal header'
   },
+  compass_applied_components_count: {
+    id: 'compass.applied_components_count.non-final',
+    defaultMessage: 'Applied to {numberOfComponents, plural, one {{numberOfComponents, number} component}  other {{numberOfComponents, number} components}}'
+  },
   connect_to: {
     id: 'fabric.linking.connect_to',
     defaultMessage: 'Connect to {name}',

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

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

package/dist/esm/utils/index.js

@@ -496,6 +496,10 @@ export var getLazyIcons = function getLazyIcons() {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphAttachment" */'@atlaskit/icon/core/migration/task');
     }
+  }), IconType.Component, {
+    default: function _default() {
+      return import( /* webpackChunkName: "@atlaskit-internal_glyphComponent" */'@atlaskit/icon/core/migration/component');
+    }
   }), IconType.Comment, {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/migration/comment');
@@ -512,11 +516,11 @@ export var getLazyIcons = function getLazyIcons() {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/migration/arrow-up');
     }
-  }), IconType.PriorityBlocker, {
+  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref3, IconType.PriorityBlocker, {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphBlocker" */'@atlaskit/icon-priority/glyph/priority-blocker');
     }
-  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref3, IconType.PriorityCritical, {
+  }), IconType.PriorityCritical, {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphCritical" */'@atlaskit/icon-priority/glyph/priority-critical');
     }
@@ -552,11 +556,11 @@ export var getLazyIcons = function getLazyIcons() {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphTrivial" */'@atlaskit/icon-priority/glyph/priority-trivial');
     }
-  }), IconType.PriorityUndefined, {
+  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref3, IconType.PriorityUndefined, {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphUndefined" */'@atlaskit/icon/core/migration/question-circle--question');
     }
-  }), _defineProperty(_defineProperty(_defineProperty(_ref3, IconType.ProgrammingLanguage, {
+  }), IconType.ProgrammingLanguage, {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphProgrammingLanguage" */'@atlaskit/icon/core/migration/angle-brackets--code');
     }

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

@@ -65,7 +65,9 @@ export var getSimulatedBetterMetadata = function getSimulatedBetterMetadata(card
           }, {
             name: ElementName.OwnedBy
           }].concat(baseTopMetadata) : defaultTopMetadata,
-          bottomMetadata: defaultBottomMetadata
+          bottomMetadata: [{
+            name: ElementName.AppliedToComponentsCount
+          }].concat(baseBottomMetaData)
         };
       } else {
         return {

package/dist/esm/view/EmbedCard/index.js

@@ -7,7 +7,7 @@ import { extractEmbedProps } from '../../extractors/embed';
 import { extractInlineProps } from '../../extractors/inline';
 import { getExtensionKey, hasAuthScopeOverrides } from '../../state/helpers';
 import { useControlDataExportConfig } from '../../state/hooks/use-control-data-export-config';
-import { getEmptyJsonLd, getForbiddenJsonLd } from '../../utils/jsonld';
+import { getForbiddenJsonLd } from '../../utils/jsonld';
 import { getIsDataExportEnabled } from '../../utils/should-data-export';
 import BlockCardResolvedView from '../BlockCard/views/ResolvedView';
 import { InlineCardResolvedView } from '../InlineCard/ResolvedView';
@@ -39,8 +39,6 @@ export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef)
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var status = cardState.status,
     details = cardState.details;
-  var data = details && details.data || getEmptyJsonLd();
-  var meta = details && details.meta;
   var extensionKey = getExtensionKey(details);
   var isProductIntegrationSupported = hasAuthScopeOverrides(details);
   var _useControlDataExport = useControlDataExportConfig(),
@@ -60,7 +58,7 @@ export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef)
         testId: testId ? "".concat(testId, "-resolving-view") : 'embed-card-resolving-view'
       });
     case 'resolved':
-      var resolvedViewProps = extractEmbedProps(data, meta, platform, iframeUrlType);
+      var resolvedViewProps = extractEmbedProps(details, platform, iframeUrlType);
       if (onResolve) {
         var _resolvedViewProps$pr;
         onResolve({
@@ -71,7 +69,7 @@ export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef)
       }
       if (fg('platform_smart_links_controlled_dsp_export_view')) {
         if (getIsDataExportEnabled(shouldControlDataExport, cardState.details)) {
-          var unauthViewProps = extractEmbedProps(data, meta, platform);
+          var unauthViewProps = extractEmbedProps(details, platform);
           return /*#__PURE__*/React.createElement(UnauthorizedView, {
             context: unauthViewProps.context,
             extensionKey: extensionKey,
@@ -124,7 +122,7 @@ export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef)
           status: status
         });
       }
-      var unauthorisedViewProps = extractEmbedProps(data, meta, platform);
+      var unauthorisedViewProps = extractEmbedProps(details, platform);
       return /*#__PURE__*/React.createElement(UnauthorizedView, {
         context: unauthorisedViewProps.context,
         extensionKey: extensionKey,
@@ -144,7 +142,7 @@ export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef)
           status: status
         });
       }
-      var forbiddenViewProps = extractEmbedProps(data, meta, platform);
+      var forbiddenViewProps = extractEmbedProps(details, platform);
       var cardMetadata = (_details$meta = details === null || details === void 0 ? void 0 : details.meta) !== null && _details$meta !== void 0 ? _details$meta : getForbiddenJsonLd().meta;
       if (forbiddenViewProps.preview) {
         return /*#__PURE__*/React.createElement(EmbedCardResolvedView, _extends({}, forbiddenViewProps, {
@@ -179,7 +177,7 @@ export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef)
           status: status
         });
       }
-      var notFoundViewProps = extractEmbedProps(data, meta, platform);
+      var notFoundViewProps = extractEmbedProps(details, platform);
       var notFoundAccessContext = details !== null && details !== void 0 && details.meta ? extractRequestAccessContextImproved({
         jsonLd: details === null || details === void 0 ? void 0 : details.meta,
         url: url,

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

@@ -13,7 +13,7 @@ import ElementGroup from './element-group';
 
 // Determine whether the element can be display as inline/block.
 
-export var ElementDisplaySchema = (_ElementDisplaySchema = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ElementDisplaySchema, ElementName.AssignedTo, ['inline']), ElementName.AssignedToGroup, ['inline']), ElementName.AttachmentCount, ['inline']), ElementName.AuthorGroup, ['inline']), ElementName.ChecklistProgress, ['inline']), ElementName.CollaboratorGroup, ['inline']), ElementName.CommentCount, ['inline']), ElementName.CreatedBy, ['inline']), ElementName.CreatedOn, ['inline']), ElementName.DueOn, ['inline']), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ElementDisplaySchema, ElementName.LatestCommit, ['inline']), ElementName.LinkIcon, ['inline']), ElementName.Location, ['inline']), ElementName.ModifiedBy, ['inline']), ElementName.ModifiedOn, ['inline']), ElementName.OwnedBy, ['inline']), ElementName.OwnedByGroup, ['inline']), ElementName.Preview, ['block']), ElementName.Priority, ['inline']), ElementName.ProgrammingLanguage, ['inline']), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ElementDisplaySchema, ElementName.Provider, ['inline']), ElementName.ReactCount, ['inline']), ElementName.ReadTime, ['inline']), ElementName.Snippet, ['block']), ElementName.SourceBranch, ['inline']), ElementName.SentOn, ['inline']), ElementName.State, ['inline']), ElementName.SubscriberCount, ['inline']), ElementName.SubTasksProgress, ['inline']), ElementName.StoryPoints, ['inline']), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_ElementDisplaySchema, ElementName.TargetBranch, ['inline']), ElementName.Title, ['inline']), ElementName.ViewCount, ['inline']), ElementName.VoteCount, ['inline']));
+export var ElementDisplaySchema = (_ElementDisplaySchema = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ElementDisplaySchema, ElementName.AssignedTo, ['inline']), ElementName.AssignedToGroup, ['inline']), ElementName.AttachmentCount, ['inline']), ElementName.AuthorGroup, ['inline']), ElementName.AppliedToComponentsCount, ['inline']), ElementName.ChecklistProgress, ['inline']), ElementName.CollaboratorGroup, ['inline']), ElementName.CommentCount, ['inline']), ElementName.CreatedBy, ['inline']), ElementName.CreatedOn, ['inline']), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ElementDisplaySchema, ElementName.DueOn, ['inline']), ElementName.LatestCommit, ['inline']), ElementName.LinkIcon, ['inline']), ElementName.Location, ['inline']), ElementName.ModifiedBy, ['inline']), ElementName.ModifiedOn, ['inline']), ElementName.OwnedBy, ['inline']), ElementName.OwnedByGroup, ['inline']), ElementName.Preview, ['block']), ElementName.Priority, ['inline']), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ElementDisplaySchema, ElementName.ProgrammingLanguage, ['inline']), ElementName.Provider, ['inline']), ElementName.ReactCount, ['inline']), ElementName.ReadTime, ['inline']), ElementName.Snippet, ['block']), ElementName.SourceBranch, ['inline']), ElementName.SentOn, ['inline']), ElementName.State, ['inline']), ElementName.SubscriberCount, ['inline']), ElementName.SubTasksProgress, ['inline']), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ElementDisplaySchema, ElementName.StoryPoints, ['inline']), ElementName.TargetBranch, ['inline']), ElementName.Title, ['inline']), ElementName.ViewCount, ['inline']), ElementName.VoteCount, ['inline']));
 
 /**
  * Get gap size between elements inside a block

package/dist/esm/view/FlexibleCard/components/elements/applied-to-components-count/index.js

@@ -0,0 +1,25 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useContext } from 'react';
+import { useIntl } from 'react-intl-next';
+import { IconType } from '../../../../../constants';
+import { messages } from '../../../../../messages';
+import { FlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import Badge from '../badge';
+var AppliedToComponentsCount = function AppliedToComponentsCount(props) {
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  var context = useContext(FlexibleUiContext);
+  if (
+  // Check for null and undefined, render if it's 0.
+  (context === null || context === void 0 ? void 0 : context.appliedToComponentsCount) === null || (context === null || context === void 0 ? void 0 : context.appliedToComponentsCount) === undefined) {
+    return null;
+  }
+  var label = formatMessage(messages.compass_applied_components_count, {
+    numberOfComponents: context.appliedToComponentsCount
+  });
+  return /*#__PURE__*/React.createElement(Badge, _extends({
+    icon: IconType.Component,
+    label: label
+  }, props));
+};
+export default AppliedToComponentsCount;

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

@@ -173,4 +173,5 @@ export var ViewCount = createElement(ElementName.ViewCount);
  * Creates a VoteCount Badge element using the data from VoteCount in the Flexible UI Context.
  * @see Badge
  */
-export var VoteCount = createElement(ElementName.VoteCount);
+export var VoteCount = createElement(ElementName.VoteCount);
+export { default as AppliedToComponentsCount } from './applied-to-components-count';

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

@@ -7,6 +7,7 @@ import { FormattedDate } from 'react-intl-next';
 import { ElementName, IconType, SmartLinkInternalTheme } from '../../../../constants';
 import { messages } from '../../../../messages';
 import { FlexibleUiContext } from '../../../../state/flexible-ui-context';
+import AppliedToComponentsCount from './applied-to-components-count';
 import AtlaskitBadge from './atlaskit-badge';
 import AvatarGroup from './avatar-group';
 import Badge from './badge';
@@ -16,7 +17,12 @@ import Link from './link';
 import Lozenge from './lozenge';
 import Media from './media';
 import Text from './text';
-var elementMappings = (_elementMappings = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_elementMappings, ElementName.AttachmentCount, {
+var elementMappings = (_elementMappings = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_elementMappings, ElementName.AppliedToComponentsCount, {
+  component: AppliedToComponentsCount,
+  props: {
+    icon: IconType.Component
+  }
+}), ElementName.AttachmentCount, {
   component: Badge,
   props: {
     icon: IconType.Attachment
@@ -52,9 +58,9 @@ var elementMappings = (_elementMappings = {}, _defineProperty(_defineProperty(_d
   }
 }), ElementName.CreatedBy, {
   component: Text
-}), ElementName.OwnedBy, {
+}), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_elementMappings, ElementName.OwnedBy, {
   component: Text
-}), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_elementMappings, ElementName.AssignedTo, {
+}), ElementName.AssignedTo, {
   component: Text
 }), ElementName.AssignedToGroup, {
   component: AvatarGroup
@@ -75,9 +81,9 @@ var elementMappings = (_elementMappings = {}, _defineProperty(_defineProperty(_d
   component: Text
 }), ElementName.ModifiedOn, {
   component: DateTime
-}), ElementName.Preview, {
+}), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_elementMappings, ElementName.Preview, {
   component: Media
-}), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_elementMappings, ElementName.Priority, {
+}), ElementName.Priority, {
   component: Badge
 }), ElementName.ProgrammingLanguage, {
   component: Badge,
@@ -104,9 +110,9 @@ var elementMappings = (_elementMappings = {}, _defineProperty(_defineProperty(_d
   props: {
     icon: IconType.SubTasksProgress
   }
-}), ElementName.StoryPoints, {
+}), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_elementMappings, ElementName.StoryPoints, {
   component: AtlaskitBadge
-}), _defineProperty(_defineProperty(_defineProperty(_elementMappings, ElementName.TargetBranch, {
+}), ElementName.TargetBranch, {
   component: Text
 }), ElementName.Title, {
   component: Link
@@ -134,6 +140,7 @@ var getData = function getData(elementName, contextKey, context) {
       var AvatarGroupsWithFallback = [ElementName.AssignedToGroup];
       var showFallbackAvatar = AvatarGroupsWithFallback.includes(elementName);
       return toAvatarGroupProps(data, showFallbackAvatar);
+    case ElementName.AppliedToComponentsCount:
     case ElementName.AttachmentCount:
     case ElementName.ChecklistProgress:
     case ElementName.CommentCount:

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

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

package/dist/esm/view/common/UnauthorisedViewContent.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { Anchor } from '@atlaskit/primitives';
+import { Anchor } from '@atlaskit/primitives/compiled';
 import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
 import { CONTENT_URL_3P_ACCOUNT_AUTH, CONTENT_URL_SECURITY_AND_PERMISSIONS } from '../../constants';
 import { messages } from '../../messages';

package/dist/types/__fixtures__/compass-scorecard.d.ts

@@ -0,0 +1,44 @@
+declare const _default: {
+    meta: {
+        access: string;
+        visibility: string;
+        product: string;
+        resourceType: string;
+        key: string;
+    };
+    data: {
+        '@context': {
+            '@vocab': string;
+            atlassian: string;
+            schema: string;
+        };
+        '@type': string[];
+        url: string;
+        name: string;
+        icon: {
+            '@type': string;
+            url: string;
+        };
+        preview: {
+            '@type': string;
+            href: string;
+            'atlassian:supportedPlatforms': string[];
+        };
+        generator: {
+            '@type': string;
+            name: string;
+            icon: {
+                '@type': string;
+                url: string;
+            };
+        };
+        'atlassian:ownedBy': {
+            '@type': string;
+            name: string;
+            icon: string;
+        };
+        'atlassian:appliedToComponentsCount': number;
+        summary: string;
+    };
+};
+export default _default;

package/dist/types/constants.d.ts

@@ -88,6 +88,7 @@ export declare enum SmartLinkWidth {
  *    (src/view/FlexibleCard/components/blocks/utils.tsx)
  */
 export declare enum ElementName {
+    AppliedToComponentsCount = "AppliedToComponentsCount",
     AssignedTo = "AssignedTo",
     AssignedToGroup = "AssignedToGroup",
     AttachmentCount = "AttachmentCount",
@@ -192,6 +193,7 @@ export declare enum IconType {
     Attachment = "Badge:Attachment",
     CheckItem = "Badge:Task",
     Comment = "Badge:Comment",
+    Component = "Badge:Component",
     View = "Badge:View",
     React = "Badge:React",
     Vote = "Badge:Vote",

package/dist/types/extractors/embed/index.d.ts

@@ -1,4 +1,4 @@
-import { type JsonLd } from '@atlaskit/json-ld-types';
+import { SmartLinkResponse } from '@atlaskit/linking-types';
 import { type CardPlatform, type EmbedIframeUrlType } from '../../view/Card/types';
 import { type EmbedCardResolvedViewProps } from '../../view/EmbedCard/views/ResolvedView';
-export declare const extractEmbedProps: (jsonLd: JsonLd.Data.BaseData, meta?: JsonLd.Meta.BaseMeta, platform?: CardPlatform, iframeUrlType?: EmbedIframeUrlType) => EmbedCardResolvedViewProps;
+export declare const extractEmbedProps: (response?: SmartLinkResponse, platform?: CardPlatform, iframeUrlType?: EmbedIframeUrlType) => EmbedCardResolvedViewProps;

package/dist/types/extractors/flexible/utils.d.ts

@@ -3,6 +3,7 @@ import { type LinkPerson } from '@atlaskit/link-extractors';
 import { type LinkLocation } from '../../state/flexible-ui-context/types';
 export type LinkCommentType = JsonLd.Data.Document | JsonLd.Data.Page | JsonLd.Data.Project | JsonLd.Data.SourceCodeCommit | JsonLd.Data.TaskType;
 export declare const extractCommentCount: (data: JsonLd.Data.BaseData) => number | undefined;
+export declare const extractAppliedToComponentsCount: (data: JsonLd.Data.BaseData) => number | undefined;
 export declare const extractDueOn: (data: JsonLd.Data.BaseData) => string | undefined;
 export declare const extractViewCount: (data: JsonLd.Data.BaseData) => number | undefined;
 export declare const extractReactCount: (data: JsonLd.Data.BaseData) => number | undefined;