@atlaskit/smart-card 36.8.2 → 36.10.0

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # @atlaskit/smart-card
 
+## 36.10.0
+
+### Minor Changes
+
+- [#145328](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/145328)
+  [`ef59f8d0752c4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ef59f8d0752c4) -
+  EDM-11533 cleaning up sl icon migration fg - part 1
+
+### Patch Changes
+
+- [#144842](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/144842)
+  [`cdb734473a3c5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cdb734473a3c5) -
+  Enable resolve flexible/block-view with nounData behind ff: smart_links_noun_support
+- Updated dependencies
+
+## 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

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/common/context/index.js

@@ -1,5 +1,6 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,4 +10,43 @@ Object.defineProperty(exports, "extractRequestAccessContextImproved", {
     return _extractAccessContext.extractRequestAccessContextImproved;
   }
 });
-var _extractAccessContext = require("./extractAccessContext");
+exports.extractSmartLinkContext = extractSmartLinkContext;
+exports.generateContext = generateContext;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _linkExtractors = require("@atlaskit/link-extractors");
+var _prioritiseIcon = require("../icon/prioritiseIcon");
+var _extractAccessContext = require("./extractAccessContext");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function generateContext(jsonLd) {
+  var provider = (0, _linkExtractors.extractProvider)(jsonLd);
+  if (!provider) {
+    return undefined;
+  }
+
+  // If no icon is supplied, return existing context
+  if (!jsonLd.icon) {
+    return provider;
+  }
+  var generator = jsonLd.generator;
+  var icon = (0, _prioritiseIcon.prioritiseIcon)({
+    fileFormatIcon: undefined,
+    documentTypeIcon: undefined,
+    urlIcon: (0, _linkExtractors.extractUrlFromIconJsonLd)(jsonLd.icon),
+    // We still attempt to follow the icon priority function even if no generator (and therefore provider icon) is defined
+    providerIcon: generator && typeof generator !== 'string' && generator['@type'] !== 'Link' && (0, _linkExtractors.extractProviderIcon)(generator.icon)
+  });
+  return _objectSpread(_objectSpread({}, provider), {}, {
+    icon: icon ? icon : provider.icon
+  });
+}
+
+/**
+ * Should be moved to link-extractors when jsonLd is deprecated
+ */
+function extractSmartLinkContext(response) {
+  if ((0, _linkExtractors.isEntityPresent)(response)) {
+    return (0, _linkExtractors.extractEntityProvider)(response);
+  }
+  return generateContext(response === null || response === void 0 ? void 0 : response.data);
+}

package/dist/cjs/extractors/common/icon/extractIconFromDocument.js

@@ -6,15 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.extractIconFromDocument = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _ = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/document/16"));
-var _2 = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/generic/16"));
-var _3 = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/presentation/16"));
-var _4 = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/spreadsheet/16"));
-var _5 = _interopRequireDefault(require("@atlaskit/icon-object/glyph/blog/16"));
 var _fileDocumentFilled = _interopRequireDefault(require("@atlaskit/icon/core/migration/file--document-filled"));
-var _pageDocumentFilled = _interopRequireDefault(require("@atlaskit/icon/core/migration/page--document-filled"));
 var _linkExtractors = require("@atlaskit/link-extractors");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _blogIcon = _interopRequireDefault(require("../../../common/ui/icons/blog-icon"));
 var _chartBarIcon = _interopRequireDefault(require("../../../common/ui/icons/chart-bar-icon"));
 var _fileIcon = _interopRequireDefault(require("../../../common/ui/icons/file-icon"));
@@ -23,53 +16,6 @@ var _liveDocumentIcon = _interopRequireDefault(require("../../../common/ui/icons
 var _pageIcon = _interopRequireDefault(require("../../../common/ui/icons/page-icon"));
 var _utils = require("../../../utils");
 var _prioritiseIcon = require("./prioritiseIcon");
-// TODO Delete this and rename BlogIconNew to BlogIcon when cleaning platform-smart-card-icon-migration
-var BlogIcon = function BlogIcon(props) {
-  if ((0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration')) {
-    return /*#__PURE__*/_react.default.createElement(_blogIcon.default, props);
-  }
-  return /*#__PURE__*/_react.default.createElement(_5.default, props);
-};
-
-// TODO Delete this and rename FileIconNew to FileIcon when cleaning platform-smart-card-icon-migration
-var FileIcon = function FileIcon(props) {
-  if ((0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration')) {
-    return /*#__PURE__*/_react.default.createElement(_fileIcon.default, props);
-  }
-  return /*#__PURE__*/_react.default.createElement(_2.default, props);
-};
-
-// TODO Delete this and rename DocumentIconNew to DocumentIcon when cleaning platform-smart-card-icon-migration
-var DocumentIcon = function DocumentIcon(props) {
-  if ((0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration')) {
-    return /*#__PURE__*/_react.default.createElement(_pageIcon.default, props);
-  }
-  return /*#__PURE__*/_react.default.createElement(_.default, props);
-};
-
-// TODO Delete this and rename PresentationIconNew to PresentationIcon when cleaning platform-smart-card-icon-migration
-var PresentationIcon = function PresentationIcon(props) {
-  if ((0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration')) {
-    return /*#__PURE__*/_react.default.createElement(_chartBarIcon.default, props);
-  }
-  return /*#__PURE__*/_react.default.createElement(_3.default, props);
-};
-
-// TODO Delete this and rename SpreadsheetIconNew to SpreadsheetIcon when cleaning platform-smart-card-icon-migration
-var SpreadsheetIcon = function SpreadsheetIcon(props) {
-  if ((0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration')) {
-    return /*#__PURE__*/_react.default.createElement(_listBulletIcon.default, props);
-  }
-  return /*#__PURE__*/_react.default.createElement(_4.default, props);
-};
-
-// TODO Delete this and rename DocumentFilledIconNew to DocumentFilledIcon when cleaning platform-smart-card-icon-migration
-var DocumentFilledIcon = function DocumentFilledIcon(props) {
-  if ((0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration')) {
-    return /*#__PURE__*/_react.default.createElement(_fileDocumentFilled.default, props);
-  }
-  return /*#__PURE__*/_react.default.createElement(_pageDocumentFilled.default, props);
-};
 /**
  * Extracts an icon for a document pbject
  *
@@ -96,35 +42,35 @@ var documentFileFormatToIcon = function documentFileFormatToIcon(opts) {
 var documentTypeToIcon = function documentTypeToIcon(type, opts) {
   switch (type) {
     case 'schema:BlogPosting':
-      return /*#__PURE__*/_react.default.createElement(BlogIcon, {
+      return /*#__PURE__*/_react.default.createElement(_blogIcon.default, {
         label: opts.showIconLabel ? opts.title || 'blog' : '',
         testId: "blog-icon"
       });
     case 'schema:DigitalDocument':
       return digitalDocumentToIcon(opts);
     case 'schema:TextDigitalDocument':
-      return /*#__PURE__*/_react.default.createElement(DocumentIcon, {
+      return /*#__PURE__*/_react.default.createElement(_pageIcon.default, {
         label: opts.showIconLabel ? opts.title || 'document' : '',
         testId: "document-icon"
       });
     case 'schema:PresentationDigitalDocument':
-      return /*#__PURE__*/_react.default.createElement(PresentationIcon, {
+      return /*#__PURE__*/_react.default.createElement(_chartBarIcon.default, {
         label: opts.showIconLabel ? opts.title || 'presentation' : '',
         testId: "presentation-icon"
       });
     case 'schema:SpreadsheetDigitalDocument':
-      return /*#__PURE__*/_react.default.createElement(SpreadsheetIcon, {
+      return /*#__PURE__*/_react.default.createElement(_listBulletIcon.default, {
         label: opts.showIconLabel ? opts.title || 'spreadsheet' : '',
         testId: "spreadsheet-icon"
       });
     case 'atlassian:Template':
-      return /*#__PURE__*/_react.default.createElement(DocumentFilledIcon, {
+      return /*#__PURE__*/_react.default.createElement(_fileDocumentFilled.default, {
         color: "currentColor",
         label: opts.showIconLabel ? opts.title || 'template' : '',
         testId: "document-filled-icon"
       });
     case 'atlassian:UndefinedLink':
-      return /*#__PURE__*/_react.default.createElement(DocumentIcon, {
+      return /*#__PURE__*/_react.default.createElement(_pageIcon.default, {
         label: opts.showIconLabel ? opts.title || 'undefinedLink' : '',
         testId: "document-icon"
       });
@@ -147,7 +93,7 @@ var digitalDocumentToIcon = function digitalDocumentToIcon(opts) {
       testId: "live-doc-icon"
     });
   } else {
-    return /*#__PURE__*/_react.default.createElement(FileIcon, {
+    return /*#__PURE__*/_react.default.createElement(_fileIcon.default, {
       label: opts.showIconLabel ? opts.title || 'file' : '',
       testId: "file-icon"
     });

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

@@ -9,7 +9,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _linkExtractors = require("@atlaskit/link-extractors");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _jsonld = require("../../utils/jsonld");
-var _icon = require("../common/icon");
+var _context = require("../common/context");
 var _extractIsSupportTheming = require("../common/meta/extractIsSupportTheming");
 var _extractIsTrusted = require("../common/meta/extractIsTrusted");
 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; }
@@ -22,38 +22,6 @@ var extractEmbedPreview = function extractEmbedPreview(jsonLd, platform, iframeU
     });
   }
 };
-function generateContext(jsonLd) {
-  var provider = (0, _linkExtractors.extractProvider)(jsonLd);
-  if (!provider) {
-    return undefined;
-  }
-
-  // If no icon is supplied, return existing context
-  if (!jsonLd.icon) {
-    return provider;
-  }
-  var generator = jsonLd.generator;
-  var icon = (0, _icon.prioritiseIcon)({
-    fileFormatIcon: undefined,
-    documentTypeIcon: undefined,
-    urlIcon: (0, _linkExtractors.extractUrlFromIconJsonLd)(jsonLd.icon),
-    // We still attempt to follow the icon priority function even if no generator (and therefore provider icon) is defined
-    providerIcon: generator && typeof generator !== 'string' && generator['@type'] !== 'Link' && (0, _linkExtractors.extractProviderIcon)(generator.icon)
-  });
-  return _objectSpread(_objectSpread({}, provider), {}, {
-    icon: icon ? icon : provider.icon
-  });
-}
-
-/**
- * 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)();
@@ -61,7 +29,7 @@ var extractEmbedProps = exports.extractEmbedProps = function extractEmbedProps(r
     return {
       link: (0, _linkExtractors.extractSmartLinkUrl)(response) || '',
       title: (0, _linkExtractors.extractSmartLinkTitle)(response),
-      context: extractSmartLinkContext(response),
+      context: (0, _context.extractSmartLinkContext)(response),
       preview: (0, _linkExtractors.extractSmartLinkEmbed)(response, iframeUrlType),
       isTrusted: (0, _extractIsTrusted.extractIsTrusted)(meta),
       isSupportTheming: (0, _extractIsSupportTheming.extractIsSupportTheming)(meta)
@@ -70,7 +38,7 @@ var extractEmbedProps = exports.extractEmbedProps = function extractEmbedProps(r
   return {
     link: (0, _linkExtractors.extractLink)(jsonLd) || '',
     title: (0, _linkExtractors.extractTitle)(jsonLd),
-    context: generateContext(jsonLd),
+    context: (0, _context.generateContext)(jsonLd),
     preview: extractEmbedPreview(jsonLd, platform, iframeUrlType),
     isTrusted: (0, _extractIsTrusted.extractIsTrusted)(meta),
     isSupportTheming: (0, _extractIsSupportTheming.extractIsSupportTheming)(meta)

package/dist/cjs/extractors/flexible/extract-preview.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.extractSmartLinkPreviewImage = exports.default = void 0;
 var _linkExtractors = require("@atlaskit/link-extractors");
 var _constants = require("../../constants");
 var extractPreview = function extractPreview(data) {
@@ -16,4 +16,26 @@ var extractPreview = function extractPreview(data) {
     url: url
   } : undefined;
 };
-var _default = exports.default = extractPreview;
+var _default = exports.default = extractPreview;
+/**
+ * Should be moved to link-extractors when jsonLd is deprecated
+ */
+var extractSmartLinkPreviewImage = exports.extractSmartLinkPreviewImage = function extractSmartLinkPreviewImage(response) {
+  if (!response || !(response !== null && response !== void 0 && response.data)) {
+    return undefined;
+  }
+  if ((0, _linkExtractors.isEntityPresent)(response)) {
+    var _entity$thumbnail;
+    var entity = (0, _linkExtractors.extractEntity)(response);
+    var url = entity === null || entity === void 0 || (_entity$thumbnail = entity.thumbnail) === null || _entity$thumbnail === void 0 ? void 0 : _entity$thumbnail.externalUrl;
+    if (!url) {
+      var provider = (0, _linkExtractors.extractEntityProvider)(response);
+      url = provider === null || provider === void 0 ? void 0 : provider.image;
+    }
+    return url ? {
+      type: _constants.MediaType.Image,
+      url: url
+    } : undefined;
+  }
+  return extractPreview(response.data);
+};

package/dist/cjs/extractors/flexible/icon/extract-provider-icon.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.extractSmartLinkProviderIcon = exports.default = void 0;
 var _linkExtractors = require("@atlaskit/link-extractors");
 var _constants = require("../../../constants");
 var _constants2 = require("../../constants");
@@ -41,4 +41,42 @@ var extractProviderIcon = function extractProviderIcon(data) {
   }
   return (0, _extractUrlIcon.default)(icon, label);
 };
-var _default = exports.default = extractProviderIcon;
+var _default = exports.default = extractProviderIcon;
+/**
+ * Should be moved to link-extractors when jsonLd is deprecated
+ */
+var extractSmartLinkProviderIcon = exports.extractSmartLinkProviderIcon = function extractSmartLinkProviderIcon(response) {
+  var _extractEntity, _generator$icon;
+  if (!response || !(response !== null && response !== void 0 && response.data)) {
+    return undefined;
+  }
+  if ((0, _linkExtractors.isEntityPresent)(response)) {
+    var provider = (0, _linkExtractors.extractEntityProvider)(response);
+    if (!provider) {
+      return undefined;
+    }
+    switch (provider.id) {
+      case _constants2.CONFLUENCE_GENERATOR_ID:
+        return {
+          icon: _constants.IconType.Confluence,
+          label: provider.text || 'Confluence'
+        };
+      case _constants2.JIRA_GENERATOR_ID:
+        return {
+          icon: _constants.IconType.Jira,
+          label: provider.text || 'Jira'
+        };
+      default:
+        var _ref = response.meta,
+          generator = _ref.generator;
+        if (!generator) {
+          return undefined;
+        }
+        return {
+          label: generator.name || ((_extractEntity = (0, _linkExtractors.extractEntity)(response)) === null || _extractEntity === void 0 ? void 0 : _extractEntity.displayName),
+          url: (_generator$icon = generator.icon) === null || _generator$icon === void 0 ? void 0 : _generator$icon.url
+        };
+    }
+  }
+  return extractProviderIcon(response.data);
+};

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

@@ -4,8 +4,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.extractLinkIcon = exports.extractErrorIcon = void 0;
+exports.extractSmartLinkIcon = exports.extractLinkIcon = exports.extractErrorIcon = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _linkExtractors = require("@atlaskit/link-extractors");
 var _constants = require("../../../constants");
 var _extractIconRenderer = _interopRequireDefault(require("./extract-icon-renderer"));
 var _extractJsonldDataIcon = _interopRequireDefault(require("./extract-jsonld-data-icon"));
@@ -52,4 +53,17 @@ var extractErrorIcon = exports.extractErrorIcon = function extractErrorIcon(resp
         icon: _constants.IconType.Default
       };
   }
+};
+
+/**
+ * Should be moved to link-extractors when jsonLd is deprecated
+ */
+var extractSmartLinkIcon = exports.extractSmartLinkIcon = function extractSmartLinkIcon(response, renderers) {
+  if (!response || !(response !== null && response !== void 0 && response.data)) {
+    return undefined;
+  }
+  if ((0, _linkExtractors.isEntityPresent)(response)) {
+    return (0, _linkExtractors.extractEntityIcon)(response);
+  }
+  return extractLinkIcon(response, renderers);
 };

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

@@ -1,24 +1,28 @@
 "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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _linkExtractors = require("@atlaskit/link-extractors");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("../common/primitives");
 var _actions = require("./actions");
 var _collaboratorGroup = require("./collaboratorGroup");
-var _extractPreview = _interopRequireDefault(require("./extract-preview"));
+var _extractPreview = _interopRequireWildcard(require("./extract-preview"));
 var _extractPriority = _interopRequireDefault(require("./extract-priority"));
 var _extractState = _interopRequireDefault(require("./extract-state"));
 var _icon = require("./icon");
-var _extractProviderIcon = _interopRequireDefault(require("./icon/extract-provider-icon"));
+var _extractProviderIcon = _interopRequireWildcard(require("./icon/extract-provider-icon"));
 var _latestCommit = require("./latest-commit");
 var _utils = require("./utils");
 var _excluded = ["appearance", "fireEvent", "id", "origin", "renderers", "resolve", "actionOptions", "response", "aiSummaryConfig"];
-var extractFlexibleUiContext = function extractFlexibleUiContext() {
+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 extractFlexibleUiContextFromJsonLd = function extractFlexibleUiContextFromJsonLd() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var appearance = _ref.appearance,
     fireEvent = _ref.fireEvent,
@@ -46,6 +50,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),
@@ -85,4 +90,74 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
     ari: (0, _linkExtractors.extractAri)(data)
   };
 };
+var extractFlexibleUiContextFromEntity = function extractFlexibleUiContextFromEntity() {
+  var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    actionOptions = _ref2.actionOptions,
+    appearance = _ref2.appearance,
+    fireEvent = _ref2.fireEvent,
+    id = _ref2.id,
+    origin = _ref2.origin,
+    resolve = _ref2.resolve,
+    response = _ref2.response;
+  if (!response) {
+    return undefined;
+  }
+  var data = response.data;
+  var url = (0, _linkExtractors.extractSmartLinkUrl)(response);
+  return {
+    actions: (0, _actions.extractFlexibleCardActions)({
+      response: response,
+      actionOptions: actionOptions,
+      id: id,
+      appearance: appearance,
+      fireEvent: fireEvent
+    }),
+    url: url,
+    ari: (0, _linkExtractors.extractSmartLinkAri)(response),
+    title: (0, _linkExtractors.extractSmartLinkTitle)(response) || url,
+    linkIcon: (0, _icon.extractSmartLinkIcon)(response),
+    preview: (0, _extractPreview.extractSmartLinkPreviewImage)(response),
+    provider: (0, _extractProviderIcon.extractSmartLinkProviderIcon)(response),
+    modifiedOn: (0, _linkExtractors.extractSmartLinkModifiedOn)(response),
+    createdOn: (0, _linkExtractors.extractSmartLinkCreatedOn)(response),
+    createdBy: (0, _linkExtractors.extractSmartLinkCreatedBy)(response),
+    modifiedBy: (0, _linkExtractors.extractSmartLinkModifiedBy)(response),
+    // We need to add/remove these as we support new entity types
+    assignedToGroup: (0, _utils.extractPersonAssignedToAsArray)(data),
+    appliedToComponentsCount: (0, _utils.extractAppliedToComponentsCount)(data),
+    attachmentCount: (0, _utils.extractAttachmentCount)(data),
+    authorGroup: (0, _linkExtractors.extractPersonCreatedBy)(data),
+    ownedByGroup: (0, _linkExtractors.extractPersonOwnedBy)(data),
+    collaboratorGroup: (0, _collaboratorGroup.extractPersonsUpdatedBy)(data),
+    commentCount: (0, _utils.extractCommentCount)(data),
+    viewCount: (0, _utils.extractViewCount)(data),
+    reactCount: (0, _utils.extractReactCount)(data),
+    voteCount: (0, _utils.extractVoteCount)(data),
+    checklistProgress: (0, _utils.extractChecklistProgress)(data),
+    ownedBy: (0, _utils.extractOwnedBy)(data),
+    assignedTo: (0, _utils.extractAssignedTo)(data),
+    dueOn: (0, _utils.extractDueOn)(data),
+    latestCommit: (0, _latestCommit.extractLatestCommit)(data),
+    location: (0, _utils.extractLocation)(data),
+    priority: (0, _extractPriority.default)(data),
+    programmingLanguage: (0, _utils.extractProgrammingLanguage)(data),
+    readTime: (0, _utils.extractReadTime)(data),
+    sentOn: (0, _utils.extractSentOn)(data),
+    snippet: (0, _primitives.extractSummary)(data) || undefined,
+    // Explicitly set here to remove an empty string
+    sourceBranch: (0, _utils.extractSourceBranch)(data),
+    state: (0, _extractState.default)(response, actionOptions, id, appearance, origin, fireEvent, resolve),
+    subscriberCount: (0, _utils.extractSubscriberCount)(data),
+    subTasksProgress: (0, _utils.extractSubTasksProgress)(data),
+    storyPoints: (0, _utils.extractStoryPoints)(data),
+    targetBranch: (0, _utils.extractTargetBranch)(data)
+  };
+};
+var extractFlexibleUiContext = function extractFlexibleUiContext() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  if ((0, _platformFeatureFlags.fg)('smart_links_noun_support')) {
+    return extractFlexibleUiContextFromEntity(props);
+  }
+  return extractFlexibleUiContextFromJsonLd(props);
+};
 var _default = exports.default = extractFlexibleUiContext;

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/extractors/inline/index.js

@@ -21,6 +21,10 @@ var extractInlineIcon = function extractInlineIcon(jsonLd) {
   }
   return (0, _icon.extractIcon)(jsonLd, 'provider', showIconLabel);
 };
+
+/**
+ * Should be moved to the smart link-extractor when jsonld is deprecated
+ */
 var extractSmartLinkInlineIcon = function extractSmartLinkInlineIcon(response) {
   var showLabel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
   if ((0, _linkExtractors.isEntityPresent)(response)) {
@@ -41,9 +45,9 @@ var extractInlineProps = exports.extractInlineProps = function extractInlineProp
   var jsonLd = response === null || response === void 0 ? void 0 : response.data;
   if ((0, _platformFeatureFlags.fg)('smart_links_noun_support')) {
     return {
-      icon: extractSmartLinkInlineIcon(response, showLabel),
       link: (0, _linkExtractors.extractSmartLinkUrl)(response),
       title: (0, _linkExtractors.extractSmartLinkTitle)(response, removeTextHighlightingFromTitle),
+      icon: extractSmartLinkInlineIcon(response, showLabel),
       // As we migrate to support more nouns we can incorporate these fields
       lozenge: (0, _lozenge.extractLozenge)(jsonLd),
       titleTextColor: (0, _primitives.extractTitleTextColor)(jsonLd),

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.2"
+  packageVersion: "36.10.0"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";