@atlaskit/smart-card 36.8.1 → 36.9.0

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @atlaskit/smart-card
 
+## 36.9.0
+
+### Minor Changes
+
+- [#141991](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/141991)
+  [`bcca20c11f791`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bcca20c11f791) -
+  [ux] Adds functionality to show a count of applied components to a Compass Scorecard Smartlink.
+
+### Patch Changes
+
+- [#144847](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/144847)
+  [`00cb7d91843fd`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/00cb7d91843fd) -
+  Internal change to move towards Compiled CSS-in-JS styling.
+- Updated dependencies
+
+## 36.8.2
+
+### Patch Changes
+
+- [#144118](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/144118)
+  [`74eae7139b13d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/74eae7139b13d) -
+  Enable resolve embed-view with nounData behind ff: smart_links_noun_support
+- Updated dependencies
+
 ## 36.8.1
 
 ### Patch Changes

package/dist/cjs/constants.js

@@ -105,6 +105,7 @@ var SmartLinkWidth = exports.SmartLinkWidth = /*#__PURE__*/function (SmartLinkWi
  *    (src/view/FlexibleCard/components/blocks/utils.tsx)
  */
 var ElementName = exports.ElementName = /*#__PURE__*/function (ElementName) {
+  ElementName["AppliedToComponentsCount"] = "AppliedToComponentsCount";
   ElementName["AssignedTo"] = "AssignedTo";
   ElementName["AssignedToGroup"] = "AssignedToGroup";
   ElementName["AttachmentCount"] = "AttachmentCount";
@@ -217,6 +218,7 @@ var IconType = exports.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/cjs/extractors/embed/index.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.extractEmbedProps = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _linkExtractors = require("@atlaskit/link-extractors");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _jsonld = require("../../utils/jsonld");
 var _icon = require("../common/icon");
 var _extractIsSupportTheming = require("../common/meta/extractIsSupportTheming");
 var _extractIsTrusted = require("../common/meta/extractIsTrusted");
@@ -42,7 +44,29 @@ function generateContext(jsonLd) {
     icon: icon ? icon : provider.icon
   });
 }
-var extractEmbedProps = exports.extractEmbedProps = function extractEmbedProps(jsonLd, meta, platform, iframeUrlType) {
+
+/**
+ * We can migrate this to link extractors once we have deprecated JsonLd
+ */
+function extractSmartLinkContext(response) {
+  if ((0, _linkExtractors.isEntityPresent)(response)) {
+    return (0, _linkExtractors.extractEntityProvider)(response);
+  }
+  return generateContext(response === null || response === void 0 ? void 0 : response.data);
+}
+var extractEmbedProps = exports.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) || (0, _jsonld.getEmptyJsonLd)();
+  if ((0, _platformFeatureFlags.fg)('smart_links_noun_support')) {
+    return {
+      link: (0, _linkExtractors.extractSmartLinkUrl)(response) || '',
+      title: (0, _linkExtractors.extractSmartLinkTitle)(response),
+      context: extractSmartLinkContext(response),
+      preview: (0, _linkExtractors.extractSmartLinkEmbed)(response, iframeUrlType),
+      isTrusted: (0, _extractIsTrusted.extractIsTrusted)(meta),
+      isSupportTheming: (0, _extractIsSupportTheming.extractIsSupportTheming)(meta)
+    };
+  }
   return {
     link: (0, _linkExtractors.extractLink)(jsonLd) || '',
     title: (0, _linkExtractors.extractTitle)(jsonLd),

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

@@ -46,6 +46,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: (0, _utils.extractAppliedToComponentsCount)(data),
     assignedToGroup: (0, _utils.extractPersonAssignedToAsArray)(data),
     attachmentCount: (0, _utils.extractAttachmentCount)(data),
     authorGroup: (0, _linkExtractors.extractPersonCreatedBy)(data),

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.extractVoteCount = exports.extractViewCount = exports.extractTargetBranch = exports.extractSubscriberCount = exports.extractSubTasksProgress = exports.extractStoryPoints = exports.extractSourceBranch = exports.extractSentOn = exports.extractReadTime = exports.extractReactCount = exports.extractProgrammingLanguage = exports.extractPersonAssignedToAsArray = exports.extractOwnedBy = exports.extractModifiedBy = exports.extractLocation = exports.extractDueOn = exports.extractCreatedBy = exports.extractCommentCount = exports.extractChecklistProgress = exports.extractAttachmentCount = exports.extractAssignedTo = void 0;
+exports.extractVoteCount = exports.extractViewCount = exports.extractTargetBranch = exports.extractSubscriberCount = exports.extractSubTasksProgress = exports.extractStoryPoints = exports.extractSourceBranch = exports.extractSentOn = exports.extractReadTime = exports.extractReactCount = exports.extractProgrammingLanguage = exports.extractPersonAssignedToAsArray = exports.extractOwnedBy = exports.extractModifiedBy = exports.extractLocation = exports.extractDueOn = exports.extractCreatedBy = exports.extractCommentCount = exports.extractChecklistProgress = exports.extractAttachmentCount = exports.extractAssignedTo = exports.extractAppliedToComponentsCount = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _linkExtractors = require("@atlaskit/link-extractors");
 var extractLinkName = function extractLinkName(link) {
@@ -18,6 +18,9 @@ var extractValue = function extractValue(data, key) {
 var extractCommentCount = exports.extractCommentCount = function extractCommentCount(data) {
   return extractValue(data, 'schema:commentCount');
 };
+var extractAppliedToComponentsCount = exports.extractAppliedToComponentsCount = function extractAppliedToComponentsCount(data) {
+  return extractValue(data, 'atlassian:appliedToComponentsCount');
+};
 var extractDueOn = exports.extractDueOn = function extractDueOn(data) {
   return extractValue(data, 'endTime');
 };

package/dist/cjs/messages.js

@@ -136,6 +136,10 @@ var messages = exports.messages = (0, _reactIntlNext.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/cjs/utils/analytics/analytics.js

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

package/dist/cjs/utils/index.js

@@ -748,6 +748,12 @@ var getLazyIcons = exports.getLazyIcons = function getLazyIcons() {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphAttachment" */'@atlaskit/icon/core/migration/task'));
       });
     }
+  }), _constants.IconType.Component, {
+    default: function _default() {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphComponent" */'@atlaskit/icon/core/migration/component'));
+      });
+    }
   }), _constants.IconType.Comment, {
     default: function _default() {
       return Promise.resolve().then(function () {
@@ -772,13 +778,13 @@ var getLazyIcons = exports.getLazyIcons = function getLazyIcons() {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/migration/arrow-up'));
       });
     }
-  }), _constants.IconType.PriorityBlocker, {
+  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ref3, _constants.IconType.PriorityBlocker, {
     default: function _default() {
       return Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphBlocker" */'@atlaskit/icon-priority/glyph/priority-blocker'));
       });
     }
-  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ref3, _constants.IconType.PriorityCritical, {
+  }), _constants.IconType.PriorityCritical, {
     default: function _default() {
       return Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphCritical" */'@atlaskit/icon-priority/glyph/priority-critical'));
@@ -832,13 +838,13 @@ var getLazyIcons = exports.getLazyIcons = function getLazyIcons() {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphTrivial" */'@atlaskit/icon-priority/glyph/priority-trivial'));
       });
     }
-  }), _constants.IconType.PriorityUndefined, {
+  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ref3, _constants.IconType.PriorityUndefined, {
     default: function _default() {
       return Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphUndefined" */'@atlaskit/icon/core/migration/question-circle--question'));
       });
     }
-  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ref3, _constants.IconType.ProgrammingLanguage, {
+  }), _constants.IconType.ProgrammingLanguage, {
     default: function _default() {
       return Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphProgrammingLanguage" */'@atlaskit/icon/core/migration/angle-brackets--code'));

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

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

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

@@ -46,8 +46,6 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/_react.default.forwardRef(funct
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var status = cardState.status,
     details = cardState.details;
-  var data = details && details.data || (0, _jsonld.getEmptyJsonLd)();
-  var meta = details && details.meta;
   var extensionKey = (0, _helpers.getExtensionKey)(details);
   var isProductIntegrationSupported = (0, _helpers.hasAuthScopeOverrides)(details);
   var _useControlDataExport = (0, _useControlDataExportConfig.useControlDataExportConfig)(),
@@ -67,7 +65,7 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/_react.default.forwardRef(funct
         testId: testId ? "".concat(testId, "-resolving-view") : 'embed-card-resolving-view'
       });
     case 'resolved':
-      var resolvedViewProps = (0, _embed.extractEmbedProps)(data, meta, platform, iframeUrlType);
+      var resolvedViewProps = (0, _embed.extractEmbedProps)(details, platform, iframeUrlType);
       if (onResolve) {
         var _resolvedViewProps$pr;
         onResolve({
@@ -78,7 +76,7 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/_react.default.forwardRef(funct
       }
       if ((0, _platformFeatureFlags.fg)('platform_smart_links_controlled_dsp_export_view')) {
         if ((0, _shouldDataExport.getIsDataExportEnabled)(shouldControlDataExport, cardState.details)) {
-          var unauthViewProps = (0, _embed.extractEmbedProps)(data, meta, platform);
+          var unauthViewProps = (0, _embed.extractEmbedProps)(details, platform);
           return /*#__PURE__*/_react.default.createElement(_unauthorizedView.default, {
             context: unauthViewProps.context,
             extensionKey: extensionKey,
@@ -131,7 +129,7 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/_react.default.forwardRef(funct
           status: status
         });
       }
-      var unauthorisedViewProps = (0, _embed.extractEmbedProps)(data, meta, platform);
+      var unauthorisedViewProps = (0, _embed.extractEmbedProps)(details, platform);
       return /*#__PURE__*/_react.default.createElement(_unauthorizedView.default, {
         context: unauthorisedViewProps.context,
         extensionKey: extensionKey,
@@ -151,7 +149,7 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/_react.default.forwardRef(funct
           status: status
         });
       }
-      var forbiddenViewProps = (0, _embed.extractEmbedProps)(data, meta, platform);
+      var forbiddenViewProps = (0, _embed.extractEmbedProps)(details, platform);
       var cardMetadata = (_details$meta = details === null || details === void 0 ? void 0 : details.meta) !== null && _details$meta !== void 0 ? _details$meta : (0, _jsonld.getForbiddenJsonLd)().meta;
       if (forbiddenViewProps.preview) {
         return /*#__PURE__*/_react.default.createElement(_ResolvedView3.EmbedCardResolvedView, (0, _extends2.default)({}, forbiddenViewProps, {
@@ -186,7 +184,7 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/_react.default.forwardRef(funct
           status: status
         });
       }
-      var notFoundViewProps = (0, _embed.extractEmbedProps)(data, meta, platform);
+      var notFoundViewProps = (0, _embed.extractEmbedProps)(details, platform);
       var notFoundAccessContext = details !== null && details !== void 0 && details.meta ? (0, _extractAccessContext.extractRequestAccessContextImproved)({
         jsonLd: details === null || details === void 0 ? void 0 : details.meta,
         url: url,

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

@@ -22,7 +22,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 // Determine whether the element can be display as inline/block.
 
-var ElementDisplaySchema = exports.ElementDisplaySchema = (_ElementDisplaySchema = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.AssignedTo, ['inline']), _constants.ElementName.AssignedToGroup, ['inline']), _constants.ElementName.AttachmentCount, ['inline']), _constants.ElementName.AuthorGroup, ['inline']), _constants.ElementName.ChecklistProgress, ['inline']), _constants.ElementName.CollaboratorGroup, ['inline']), _constants.ElementName.CommentCount, ['inline']), _constants.ElementName.CreatedBy, ['inline']), _constants.ElementName.CreatedOn, ['inline']), _constants.ElementName.DueOn, ['inline']), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.LatestCommit, ['inline']), _constants.ElementName.LinkIcon, ['inline']), _constants.ElementName.Location, ['inline']), _constants.ElementName.ModifiedBy, ['inline']), _constants.ElementName.ModifiedOn, ['inline']), _constants.ElementName.OwnedBy, ['inline']), _constants.ElementName.OwnedByGroup, ['inline']), _constants.ElementName.Preview, ['block']), _constants.ElementName.Priority, ['inline']), _constants.ElementName.ProgrammingLanguage, ['inline']), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.Provider, ['inline']), _constants.ElementName.ReactCount, ['inline']), _constants.ElementName.ReadTime, ['inline']), _constants.ElementName.Snippet, ['block']), _constants.ElementName.SourceBranch, ['inline']), _constants.ElementName.SentOn, ['inline']), _constants.ElementName.State, ['inline']), _constants.ElementName.SubscriberCount, ['inline']), _constants.ElementName.SubTasksProgress, ['inline']), _constants.ElementName.StoryPoints, ['inline']), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.TargetBranch, ['inline']), _constants.ElementName.Title, ['inline']), _constants.ElementName.ViewCount, ['inline']), _constants.ElementName.VoteCount, ['inline']));
+var ElementDisplaySchema = exports.ElementDisplaySchema = (_ElementDisplaySchema = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.AssignedTo, ['inline']), _constants.ElementName.AssignedToGroup, ['inline']), _constants.ElementName.AttachmentCount, ['inline']), _constants.ElementName.AuthorGroup, ['inline']), _constants.ElementName.AppliedToComponentsCount, ['inline']), _constants.ElementName.ChecklistProgress, ['inline']), _constants.ElementName.CollaboratorGroup, ['inline']), _constants.ElementName.CommentCount, ['inline']), _constants.ElementName.CreatedBy, ['inline']), _constants.ElementName.CreatedOn, ['inline']), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.DueOn, ['inline']), _constants.ElementName.LatestCommit, ['inline']), _constants.ElementName.LinkIcon, ['inline']), _constants.ElementName.Location, ['inline']), _constants.ElementName.ModifiedBy, ['inline']), _constants.ElementName.ModifiedOn, ['inline']), _constants.ElementName.OwnedBy, ['inline']), _constants.ElementName.OwnedByGroup, ['inline']), _constants.ElementName.Preview, ['block']), _constants.ElementName.Priority, ['inline']), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.ProgrammingLanguage, ['inline']), _constants.ElementName.Provider, ['inline']), _constants.ElementName.ReactCount, ['inline']), _constants.ElementName.ReadTime, ['inline']), _constants.ElementName.Snippet, ['block']), _constants.ElementName.SourceBranch, ['inline']), _constants.ElementName.SentOn, ['inline']), _constants.ElementName.State, ['inline']), _constants.ElementName.SubscriberCount, ['inline']), _constants.ElementName.SubTasksProgress, ['inline']), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.StoryPoints, ['inline']), _constants.ElementName.TargetBranch, ['inline']), _constants.ElementName.Title, ['inline']), _constants.ElementName.ViewCount, ['inline']), _constants.ElementName.VoteCount, ['inline']));
 
 /**
  * Get gap size between elements inside a block

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

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _constants = require("../../../../../constants");
+var _messages = require("../../../../../messages");
+var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _badge = _interopRequireDefault(require("../badge"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var AppliedToComponentsCount = function AppliedToComponentsCount(props) {
+  var _useIntl = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  var context = (0, _react.useContext)(_flexibleUiContext.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.messages.compass_applied_components_count, {
+    numberOfComponents: context.appliedToComponentsCount
+  });
+  return /*#__PURE__*/_react.default.createElement(_badge.default, (0, _extends2.default)({
+    icon: _constants.IconType.Component,
+    label: label
+  }, props));
+};
+var _default = exports.default = AppliedToComponentsCount;

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

@@ -4,6 +4,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "AppliedToComponentsCount", {
+  enumerable: true,
+  get: function get() {
+    return _appliedToComponentsCount.default;
+  }
+});
 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;
 Object.defineProperty(exports, "Preview", {
   enumerable: true,
@@ -23,6 +29,7 @@ var _constants = require("../../../../constants");
 var _utils = require("./utils");
 var _preview = _interopRequireDefault(require("./preview"));
 var _snippetElement = _interopRequireDefault(require("./snippet-element"));
+var _appliedToComponentsCount = _interopRequireDefault(require("./applied-to-components-count"));
 // Attention: Keep the export name and element name the same.
 // This will help reducing the code for mapping elements inside
 // createElement and renderElementItems

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

@@ -14,6 +14,7 @@ var _reactIntlNext = require("react-intl-next");
 var _constants = require("../../../../constants");
 var _messages = require("../../../../messages");
 var _flexibleUiContext = require("../../../../state/flexible-ui-context");
+var _appliedToComponentsCount = _interopRequireDefault(require("./applied-to-components-count"));
 var _atlaskitBadge = _interopRequireDefault(require("./atlaskit-badge"));
 var _avatarGroup = _interopRequireDefault(require("./avatar-group"));
 var _badge = _interopRequireDefault(require("./badge"));
@@ -26,7 +27,12 @@ var _text = _interopRequireDefault(require("./text"));
 var _elementMappings;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof3(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var elementMappings = (_elementMappings = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_elementMappings, _constants.ElementName.AttachmentCount, {
+var elementMappings = (_elementMappings = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_elementMappings, _constants.ElementName.AppliedToComponentsCount, {
+  component: _appliedToComponentsCount.default,
+  props: {
+    icon: _constants.IconType.Component
+  }
+}), _constants.ElementName.AttachmentCount, {
   component: _badge.default,
   props: {
     icon: _constants.IconType.Attachment
@@ -62,9 +68,9 @@ var elementMappings = (_elementMappings = {}, (0, _defineProperty2.default)((0,
   }
 }), _constants.ElementName.CreatedBy, {
   component: _text.default
-}), _constants.ElementName.OwnedBy, {
+}), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_elementMappings, _constants.ElementName.OwnedBy, {
   component: _text.default
-}), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_elementMappings, _constants.ElementName.AssignedTo, {
+}), _constants.ElementName.AssignedTo, {
   component: _text.default
 }), _constants.ElementName.AssignedToGroup, {
   component: _avatarGroup.default
@@ -85,9 +91,9 @@ var elementMappings = (_elementMappings = {}, (0, _defineProperty2.default)((0,
   component: _text.default
 }), _constants.ElementName.ModifiedOn, {
   component: _dateTime.default
-}), _constants.ElementName.Preview, {
+}), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_elementMappings, _constants.ElementName.Preview, {
   component: _media.default
-}), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_elementMappings, _constants.ElementName.Priority, {
+}), _constants.ElementName.Priority, {
   component: _badge.default
 }), _constants.ElementName.ProgrammingLanguage, {
   component: _badge.default,
@@ -114,9 +120,9 @@ var elementMappings = (_elementMappings = {}, (0, _defineProperty2.default)((0,
   props: {
     icon: _constants.IconType.SubTasksProgress
   }
-}), _constants.ElementName.StoryPoints, {
+}), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_elementMappings, _constants.ElementName.StoryPoints, {
   component: _atlaskitBadge.default
-}), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_elementMappings, _constants.ElementName.TargetBranch, {
+}), _constants.ElementName.TargetBranch, {
   component: _text.default
 }), _constants.ElementName.Title, {
   component: _link.default
@@ -144,6 +150,7 @@ var getData = function getData(elementName, contextKey, context) {
       var AvatarGroupsWithFallback = [_constants.ElementName.AssignedToGroup];
       var showFallbackAvatar = AvatarGroupsWithFallback.includes(elementName);
       return toAvatarGroupProps(data, showFallbackAvatar);
+    case _constants.ElementName.AppliedToComponentsCount:
     case _constants.ElementName.AttachmentCount:
     case _constants.ElementName.ChecklistProgress:
     case _constants.ElementName.CommentCount:

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

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

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

@@ -10,7 +10,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _useAnalyticsEvents2 = require("../../common/analytics/generated/use-analytics-events");
 var _constants = require("../../constants");
 var _messages = require("../../messages");
@@ -35,7 +35,7 @@ var UnauthorisedViewContent = function UnauthorisedViewContent(_ref) {
     values: {
       context: providerName
     }
-  })) : /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.connect_unauthorised_account_description_no_provider), ' ', (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? /*#__PURE__*/_react.default.createElement(_primitives.Anchor, {
+  })) : /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.connect_unauthorised_account_description_no_provider), ' ', (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? /*#__PURE__*/_react.default.createElement(_compiled.Anchor, {
     href: isProductIntegrationSupported ? _constants.CONTENT_URL_3P_ACCOUNT_AUTH : _constants.CONTENT_URL_SECURITY_AND_PERMISSIONS,
     target: "_blank",
     testId: "".concat(testId, "-learn-more"),

package/dist/es2019/constants.js

@@ -106,6 +106,7 @@ export let SmartLinkWidth = /*#__PURE__*/function (SmartLinkWidth) {
  *    (src/view/FlexibleCard/components/blocks/utils.tsx)
  */
 export let ElementName = /*#__PURE__*/function (ElementName) {
+  ElementName["AppliedToComponentsCount"] = "AppliedToComponentsCount";
   ElementName["AssignedTo"] = "AssignedTo";
   ElementName["AssignedToGroup"] = "AssignedToGroup";
   ElementName["AttachmentCount"] = "AttachmentCount";
@@ -220,6 +221,7 @@ export let 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/es2019/extractors/embed/index.js

@@ -1,4 +1,6 @@
-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';
@@ -34,11 +36,35 @@ function generateContext(jsonLd) {
     icon: icon ? icon : provider.icon
   };
 }
-export const extractEmbedProps = (jsonLd, meta, platform, iframeUrlType) => ({
-  link: extractLink(jsonLd) || '',
-  title: extractTitle(jsonLd),
-  context: generateContext(jsonLd),
-  preview: extractEmbedPreview(jsonLd, platform, iframeUrlType),
-  isTrusted: extractIsTrusted(meta),
-  isSupportTheming: extractIsSupportTheming(meta)
-});
+
+/**
+ * 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 const extractEmbedProps = (response, platform, iframeUrlType) => {
+  const meta = response === null || response === void 0 ? void 0 : response.meta;
+  const 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),
+    context: generateContext(jsonLd),
+    preview: extractEmbedPreview(jsonLd, platform, iframeUrlType),
+    isTrusted: extractIsTrusted(meta),
+    isSupportTheming: extractIsSupportTheming(meta)
+  };
+};

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

@@ -8,7 +8,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';
 const extractFlexibleUiContext = ({
   appearance,
   fireEvent,
@@ -37,6 +37,7 @@ const extractFlexibleUiContext = ({
       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/es2019/extractors/flexible/utils.js

@@ -8,6 +8,7 @@ const extractValue = (data, key) => {
   return data === null || data === void 0 ? void 0 : data[key];
 };
 export const extractCommentCount = data => extractValue(data, 'schema:commentCount');
+export const extractAppliedToComponentsCount = data => extractValue(data, 'atlassian:appliedToComponentsCount');
 export const extractDueOn = data => extractValue(data, 'endTime');
 export const extractViewCount = data => extractValue(data, 'atlassian:viewCount');
 export const extractReactCount = data => extractValue(data, 'atlassian:reactCount');

package/dist/es2019/messages.js

@@ -130,6 +130,10 @@ export const 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/es2019/utils/analytics/analytics.js

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

package/dist/es2019/utils/index.js

@@ -283,6 +283,9 @@ export const getLazyIcons = () => {
     [IconType.CheckItem]: {
       default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphAttachment" */'@atlaskit/icon/core/migration/task')
     },
+    [IconType.Component]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphComponent" */'@atlaskit/icon/core/migration/component')
+    },
     [IconType.Comment]: {
       default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/migration/comment')
     },

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

@@ -65,7 +65,9 @@ export const getSimulatedBetterMetadata = cardDetails => {
           }, {
             name: ElementName.OwnedBy
           }, ...baseTopMetadata] : defaultTopMetadata,
-          bottomMetadata: defaultBottomMetadata
+          bottomMetadata: [{
+            name: ElementName.AppliedToComponentsCount
+          }, ...baseBottomMetaData]
         };
       } else {
         return {