@atlaskit/smart-card 38.10.2 → 38.12.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/smart-card
 
+## 38.12.0
+
+### Minor Changes
+
+- [#173028](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/173028)
+  [`8350b887416f1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8350b887416f1) -
+  Add onRender callback to elements
+
+## 38.11.0
+
+### Minor Changes
+
+- [#172309](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/172309)
+  [`2277073f3598c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2277073f3598c) -
+  EDM-12975 use entity data to render google document links
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 38.10.2
 
 ### Patch Changes

package/dist/cjs/extractors/action/extract-invoke-copy-link-action.js

@@ -8,6 +8,7 @@ exports.extractInvokeCopyLinkAction = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _linkExtractors = require("@atlaskit/link-extractors");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _index = require("../../index");
 var _helpers = require("../../state/helpers");
 var _canShowAction = require("../../utils/actions/can-show-action");
@@ -20,7 +21,7 @@ var extractInvokeCopyLinkAction = exports.extractInvokeCopyLinkAction = function
     return;
   }
   var data = response.data;
-  var url = (0, _linkExtractors.extractLink)(data);
+  var url = (0, _platformFeatureFlags.fg)('smart_links_noun_support') ? (0, _linkExtractors.extractSmartLinkUrl)(response) : (0, _linkExtractors.extractLink)(data);
   if (!url) {
     return;
   }

package/dist/cjs/extractors/action/extract-invoke-download-action.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.extractInvokeDownloadAction = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _linkExtractors = require("@atlaskit/link-extractors");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _index = require("../../index");
 var _helpers = require("../../state/helpers");
 var _utils = require("../../utils");
@@ -26,7 +28,7 @@ var extractInvokeDownloadAction = exports.extractInvokeDownloadAction = function
     return action['@type'] === 'DownloadAction';
   });
   if (downloadActionExists) {
-    var downloadUrl = (0, _extractDownloadUrl.extractDownloadUrl)(data);
+    var downloadUrl = (0, _platformFeatureFlags.fg)('smart_links_noun_support') ? (0, _linkExtractors.extractSmartLinkDownloadUrl)(response) : (0, _extractDownloadUrl.extractDownloadUrl)(data);
     return {
       actionFn: function () {
         var _actionFn = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {

package/dist/cjs/extractors/action/extract-invoke-preview-action.js

@@ -8,6 +8,7 @@ exports.extractInvokePreviewAction = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _linkExtractors = require("@atlaskit/link-extractors");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _index = require("../../index");
 var _helpers = require("../../state/helpers");
 var _canShowAction = require("../../utils/actions/can-show-action");
@@ -38,7 +39,7 @@ var extractInvokePreviewAction = exports.extractInvokePreviewAction = function e
     return {
       actionFn: function () {
         var _actionFn = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-          var _extractProvider;
+          var _extractSmartLinkProv, _extractProvider, _extractSmartLinkEmbe;
           return _regenerator.default.wrap(function _callee$(_context) {
             while (1) switch (_context.prev = _context.next) {
               case 0:
@@ -51,12 +52,12 @@ var extractInvokePreviewAction = exports.extractInvokePreviewAction = function e
                   isSupportTheming: (0, _extractIsSupportTheming.extractIsSupportTheming)(meta),
                   isTrusted: (0, _extractIsTrusted.extractIsTrusted)(meta),
                   linkIcon: (0, _icon.extractLinkIcon)(response),
-                  providerName: (_extractProvider = (0, _linkExtractors.extractProvider)(data)) === null || _extractProvider === void 0 ? void 0 : _extractProvider.text,
+                  providerName: (0, _platformFeatureFlags.fg)('smart_links_noun_support') ? (_extractSmartLinkProv = (0, _linkExtractors.extractSmartLinkProvider)(response)) === null || _extractSmartLinkProv === void 0 ? void 0 : _extractSmartLinkProv.text : (_extractProvider = (0, _linkExtractors.extractProvider)(data)) === null || _extractProvider === void 0 ? void 0 : _extractProvider.text,
                   onClose: onClose,
                   origin: origin,
-                  src: src,
-                  title: (0, _linkExtractors.extractTitle)(data),
-                  url: url
+                  src: (0, _platformFeatureFlags.fg)('smart_links_noun_support') ? (_extractSmartLinkEmbe = (0, _linkExtractors.extractSmartLinkEmbed)(response)) === null || _extractSmartLinkEmbe === void 0 ? void 0 : _extractSmartLinkEmbe.src : src,
+                  title: (0, _platformFeatureFlags.fg)('smart_links_noun_support') ? (0, _linkExtractors.extractSmartLinkTitle)(response) : (0, _linkExtractors.extractTitle)(data),
+                  url: (0, _platformFeatureFlags.fg)('smart_links_noun_support') ? (0, _linkExtractors.extractSmartLinkUrl)(response) : url
                 }));
               case 1:
               case "end":

package/dist/cjs/extractors/common/primitives/extractSummary.js

@@ -3,7 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.extractSummary = void 0;
+exports.extractSummary = exports.extractSmartLinkSummary = void 0;
+var _linkExtractors = require("@atlaskit/link-extractors");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 /**
  * Return link summary
  */
@@ -12,4 +14,17 @@ var extractSummary = exports.extractSummary = function extractSummary(jsonLd) {
     var summary = jsonLd.summary.trim();
     return Boolean(summary) ? summary : undefined;
   }
+};
+
+/**
+ * Return link summary
+ */
+var extractSmartLinkSummary = exports.extractSmartLinkSummary = function extractSmartLinkSummary(response) {
+  if ((0, _platformFeatureFlags.fg)('smart_links_noun_support')) {
+    if ((0, _linkExtractors.isEntityPresent)(response)) {
+      var _extractEntity;
+      return (_extractEntity = (0, _linkExtractors.extractEntity)(response)) === null || _extractEntity === void 0 ? void 0 : _extractEntity.description;
+    }
+  }
+  return (response === null || response === void 0 ? void 0 : response.data) && extractSummary(response.data);
 };

package/dist/cjs/extractors/flexible/actions/extract-view-related-links-action.js

@@ -5,12 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.extractViewRelatedLinksAction = void 0;
 var _linkExtractors = require("@atlaskit/link-extractors");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var extractViewRelatedLinksAction = exports.extractViewRelatedLinksAction = function extractViewRelatedLinksAction(response) {
   var _response$meta;
   if (!(response !== null && response !== void 0 && (_response$meta = response.meta) !== null && _response$meta !== void 0 && (_response$meta = _response$meta.supportedFeature) !== null && _response$meta !== void 0 && _response$meta.includes('RelatedLinks'))) {
     return;
   }
-  var ari = (0, _linkExtractors.extractAri)(response.data);
+  var ari = (0, _platformFeatureFlags.fg)('smart_links_noun_support') ? (0, _linkExtractors.extractSmartLinkAri)(response) : (0, _linkExtractors.extractAri)(response.data);
   if (!ari) {
     return;
   }

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

@@ -9,7 +9,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 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 _extractSummary = require("../common/primitives/extractSummary");
 var _actions = require("./actions");
 var _collaboratorGroup = require("./collaboratorGroup");
 var _extractLinkTitle = _interopRequireDefault(require("./extract-link-title"));
@@ -57,7 +57,7 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
     appliedToComponentsCount: (0, _utils.extractAppliedToComponentsCount)(data),
     assignedToGroup: (0, _utils.extractPersonAssignedToAsArray)(data),
     attachmentCount: (0, _utils.extractAttachmentCount)(data),
-    authorGroup: (0, _linkExtractors.extractPersonCreatedBy)(data),
+    authorGroup: (0, _linkExtractors.extractSmartLinkAuthorGroup)(response),
     ownedByGroup: (0, _linkExtractors.extractPersonOwnedBy)(data),
     collaboratorGroup: (0, _collaboratorGroup.extractPersonsUpdatedBy)(data),
     commentCount: (0, _utils.extractCommentCount)(data),
@@ -84,7 +84,7 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
     programmingLanguage: (0, _utils.extractProgrammingLanguage)(data),
     readTime: (0, _utils.extractReadTime)(data),
     sentOn: (0, _utils.extractSentOn)(data),
-    snippet: (0, _primitives.extractSummary)(data) || undefined,
+    snippet: (0, _extractSummary.extractSmartLinkSummary)(response) || 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),

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

package/dist/cjs/utils/mocks.js

@@ -104,6 +104,7 @@ var entityDataResponse = {
   entityData: {
     id: 'I love cheese',
     displayName: 'I love cheese',
+    description: 'Here is your serving of cheese: 🧀',
     url: 'https://some.url',
     lastUpdatedAt: '2025-01-08T22:26:52.501Z',
     thumbnail: {

package/dist/cjs/view/FlexibleCard/components/elements/comment-count-element/index.js

@@ -1,22 +1,38 @@
 "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 = _interopRequireDefault(require("react"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../../../constants");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 var _common = require("../common");
+var _excluded = ["onRender"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var CommentCountElement = function CommentCountElement(props) {
   var _context$commentCount;
   var context = (0, _flexibleUiContext.useFlexibleUiContext)();
   var data = context ? (0, _common.toBadgeProps)((_context$commentCount = context.commentCount) === null || _context$commentCount === void 0 ? void 0 : _context$commentCount.toString()) : null;
+  var _ref = props || {},
+    onRender = _ref.onRender,
+    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+  if ((0, _platformFeatureFlags.fg)('platform-linking-additional-flexible-element-props')) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    (0, _react.useEffect)(function () {
+      onRender === null || onRender === void 0 || onRender(!!data);
+    }, [data, onRender]);
+  }
   return data ? /*#__PURE__*/_react.default.createElement(_common.BaseBadgeElement, (0, _extends2.default)({
     icon: _constants.IconType.Comment
-  }, data, props, {
+  }, data, restProps, {
     name: _constants.ElementName.CommentCount
   })) : null;
 };

package/dist/cjs/view/FlexibleCard/components/elements/modified-on-element/index.js

@@ -1,19 +1,34 @@
 "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 = _interopRequireDefault(require("react"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../../../constants");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 var _common = require("../common");
+var _excluded = ["onRender"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var ModifiedOnElement = function ModifiedOnElement(props) {
   var context = (0, _flexibleUiContext.useFlexibleUiContext)();
   var data = context ? (0, _common.toDateTimeProps)('modified', context.modifiedOn) : null;
-  return data ? /*#__PURE__*/_react.default.createElement(_common.BaseDateTimeElement, (0, _extends2.default)({}, data, props, {
+  var _ref = props || {},
+    onRender = _ref.onRender,
+    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+  if ((0, _platformFeatureFlags.fg)('platform-linking-additional-flexible-element-props')) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    (0, _react.useEffect)(function () {
+      onRender === null || onRender === void 0 || onRender(!!data);
+    }, [data, onRender]);
+  }
+  return data ? /*#__PURE__*/_react.default.createElement(_common.BaseDateTimeElement, (0, _extends2.default)({}, data, restProps, {
     name: _constants.ElementName.ModifiedOn
   })) : null;
 };

package/dist/cjs/view/FlexibleCard/components/elements/owned-by-element/index.js

@@ -1,20 +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 = _interopRequireDefault(require("react"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../../../constants");
 var _messages = require("../../../../../messages");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 var _common = require("../common");
+var _excluded = ["onRender"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var OwnedByElement = function OwnedByElement(props) {
   var context = (0, _flexibleUiContext.useFlexibleUiContext)();
   var data = context ? (0, _common.toFormattedTextProps)(_messages.messages.owned_by, context.ownedBy) : null;
-  return data ? /*#__PURE__*/_react.default.createElement(_common.BaseTextElement, (0, _extends2.default)({}, data, props, {
+  var _ref = props || {},
+    onRender = _ref.onRender,
+    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+  if ((0, _platformFeatureFlags.fg)('platform-linking-additional-flexible-element-props')) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    (0, _react.useEffect)(function () {
+      onRender === null || onRender === void 0 || onRender(!!data);
+    }, [data, onRender]);
+  }
+  return data ? /*#__PURE__*/_react.default.createElement(_common.BaseTextElement, (0, _extends2.default)({}, data, restProps, {
     name: _constants.ElementName.OwnedBy
   })) : null;
 };

package/dist/cjs/view/FlexibleCard/components/elements/owned-by-group-element/index.js

@@ -1,19 +1,34 @@
 "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 = _interopRequireDefault(require("react"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../../../constants");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 var _common = require("../common");
+var _excluded = ["onRender"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var OwnedByGroupElement = function OwnedByGroupElement(props) {
   var context = (0, _flexibleUiContext.useFlexibleUiContext)();
   var data = context ? (0, _common.toAvatarGroupProps)(context.ownedByGroup, false) : null;
-  return data ? /*#__PURE__*/_react.default.createElement(_common.BaseAvatarGroupElement, (0, _extends2.default)({}, data, props, {
+  var _ref = props || {},
+    onRender = _ref.onRender,
+    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+  if ((0, _platformFeatureFlags.fg)('platform-linking-additional-flexible-element-props')) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    (0, _react.useEffect)(function () {
+      onRender === null || onRender === void 0 || onRender(!!data);
+    }, [data, onRender]);
+  }
+  return data ? /*#__PURE__*/_react.default.createElement(_common.BaseAvatarGroupElement, (0, _extends2.default)({}, data, restProps, {
     name: _constants.ElementName.OwnedByGroup
   })) : null;
 };

package/dist/cjs/view/FlexibleCard/components/elements/react-count-element/index.js

@@ -1,22 +1,37 @@
 "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 = _interopRequireDefault(require("react"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../../../constants");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 var _common = require("../common");
+var _excluded = ["onRender"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var ReactCountElement = function ReactCountElement(props) {
   var _context$reactCount;
   var context = (0, _flexibleUiContext.useFlexibleUiContext)();
   var data = context ? (0, _common.toBadgeProps)((_context$reactCount = context.reactCount) === null || _context$reactCount === void 0 ? void 0 : _context$reactCount.toString()) : null;
+  var _ref = props || {},
+    onRender = _ref.onRender,
+    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+  if ((0, _platformFeatureFlags.fg)('platform-linking-additional-flexible-element-props')) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    (0, _react.useEffect)(function () {
+      onRender === null || onRender === void 0 || onRender(!!data);
+    }, [data, onRender]);
+  }
   return data ? /*#__PURE__*/_react.default.createElement(_common.BaseBadgeElement, (0, _extends2.default)({
     icon: _constants.IconType.React
-  }, data, props, {
+  }, data, restProps, {
     name: _constants.ElementName.ReactCount
   })) : null;
 };

package/dist/cjs/view/FlexibleCard/external.js

@@ -42,7 +42,8 @@ var CollaboratorGroupElement = exports.CollaboratorGroupElement = function Colla
 var CommentCountElement = exports.CommentCountElement = function CommentCountElement(props) {
   if ((0, _platformFeatureFlags.fg)('platform-linking-additional-flexible-element-props')) {
     return /*#__PURE__*/_react.default.createElement(_elements.CommentCount, {
-      color: props === null || props === void 0 ? void 0 : props.color
+      color: props === null || props === void 0 ? void 0 : props.color,
+      onRender: props === null || props === void 0 ? void 0 : props.onRender
     });
   }
   return /*#__PURE__*/_react.default.createElement(_elements.CommentCount, null);
@@ -78,7 +79,8 @@ var ModifiedOnElement = exports.ModifiedOnElement = function ModifiedOnElement(p
   if ((0, _platformFeatureFlags.fg)('platform-linking-additional-flexible-element-props')) {
     return /*#__PURE__*/_react.default.createElement(_elements.ModifiedOn, {
       hideDatePrefix: props === null || props === void 0 ? void 0 : props.hideDatePrefix,
-      color: props === null || props === void 0 ? void 0 : props.color
+      color: props === null || props === void 0 ? void 0 : props.color,
+      onRender: props === null || props === void 0 ? void 0 : props.onRender
     });
   }
   return /*#__PURE__*/_react.default.createElement(_elements.ModifiedOn, null);
@@ -87,12 +89,18 @@ var OwnedByElement = exports.OwnedByElement = function OwnedByElement(props) {
   if ((0, _platformFeatureFlags.fg)('platform-linking-additional-flexible-element-props')) {
     return /*#__PURE__*/_react.default.createElement(_elements.OwnedBy, {
       hideFormat: props === null || props === void 0 ? void 0 : props.hideFormat,
-      color: props === null || props === void 0 ? void 0 : props.color
+      color: props === null || props === void 0 ? void 0 : props.color,
+      onRender: props === null || props === void 0 ? void 0 : props.onRender
     });
   }
   return /*#__PURE__*/_react.default.createElement(_elements.OwnedBy, null);
 };
-var OwnedByGroupElement = exports.OwnedByGroupElement = function OwnedByGroupElement() {
+var OwnedByGroupElement = exports.OwnedByGroupElement = function OwnedByGroupElement(props) {
+  if ((0, _platformFeatureFlags.fg)('platform-linking-additional-flexible-element-props')) {
+    return /*#__PURE__*/_react.default.createElement(_elements.OwnedByGroup, {
+      onRender: props === null || props === void 0 ? void 0 : props.onRender
+    });
+  }
   return /*#__PURE__*/_react.default.createElement(_elements.OwnedByGroup, null);
 };
 var PreviewElement = exports.PreviewElement = function PreviewElement(props) {
@@ -115,7 +123,8 @@ var ProviderElement = exports.ProviderElement = function ProviderElement() {
 var ReactCountElement = exports.ReactCountElement = function ReactCountElement(props) {
   if ((0, _platformFeatureFlags.fg)('platform-linking-additional-flexible-element-props')) {
     return /*#__PURE__*/_react.default.createElement(_elements.ReactCount, {
-      color: props === null || props === void 0 ? void 0 : props.color
+      color: props === null || props === void 0 ? void 0 : props.color,
+      onRender: props === null || props === void 0 ? void 0 : props.onRender
     });
   }
   return /*#__PURE__*/_react.default.createElement(_elements.ReactCount, null);

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: "38.10.1",
+  packageVersion: "38.11.0",
   componentName: 'linkUrl'
 };
 var Anchor = (0, _click.withLinkClickedEvent)('a');

package/dist/es2019/extractors/action/extract-invoke-copy-link-action.js

@@ -1,4 +1,5 @@
-import { extractLink } from '@atlaskit/link-extractors';
+import { extractLink, extractSmartLinkUrl } from '@atlaskit/link-extractors';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ActionName, CardAction } from '../../index';
 import { getDefinitionId, getExtensionKey, getResourceType } from '../../state/helpers';
 import { canShowAction } from '../../utils/actions/can-show-action';
@@ -12,7 +13,7 @@ export const extractInvokeCopyLinkAction = ({
     return;
   }
   const data = response.data;
-  const url = extractLink(data);
+  const url = fg('smart_links_noun_support') ? extractSmartLinkUrl(response) : extractLink(data);
   if (!url) {
     return;
   }

package/dist/es2019/extractors/action/extract-invoke-download-action.js

@@ -1,3 +1,5 @@
+import { extractSmartLinkDownloadUrl } from '@atlaskit/link-extractors';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ActionName, CardAction } from '../../index';
 import { getDefinitionId, getExtensionKey, getResourceType } from '../../state/helpers';
 import { downloadUrl as download } from '../../utils';
@@ -16,7 +18,7 @@ export const extractInvokeDownloadAction = ({
   const data = response.data;
   const downloadActionExists = getActionsFromJsonLd(data).find(action => action['@type'] === 'DownloadAction');
   if (downloadActionExists) {
-    const downloadUrl = extractDownloadUrl(data);
+    const downloadUrl = fg('smart_links_noun_support') ? extractSmartLinkDownloadUrl(response) : extractDownloadUrl(data);
     return {
       actionFn: async () => download(downloadUrl),
       actionSubjectId: 'downloadDocument',

package/dist/es2019/extractors/action/extract-invoke-preview-action.js

@@ -1,4 +1,5 @@
-import { extractLink, extractPreview as extractPreviewData, extractProvider, extractTitle } from '@atlaskit/link-extractors';
+import { extractLink, extractPreview as extractPreviewData, extractProvider, extractSmartLinkEmbed, extractSmartLinkProvider, extractSmartLinkTitle, extractSmartLinkUrl, extractTitle } from '@atlaskit/link-extractors';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ActionName, CardAction } from '../../index';
 import { getExtensionKey } from '../../state/helpers';
 import { canShowAction } from '../../utils/actions/can-show-action';
@@ -30,7 +31,7 @@ export const extractInvokePreviewAction = param => {
     const extensionKey = getExtensionKey(response);
     return {
       actionFn: async () => {
-        var _extractProvider;
+        var _extractSmartLinkProv, _extractProvider, _extractSmartLinkEmbe;
         return openEmbedModal({
           fireEvent,
           extensionKey,
@@ -40,12 +41,12 @@ export const extractInvokePreviewAction = param => {
           isSupportTheming: extractIsSupportTheming(meta),
           isTrusted: extractIsTrusted(meta),
           linkIcon: extractLinkIcon(response),
-          providerName: (_extractProvider = extractProvider(data)) === null || _extractProvider === void 0 ? void 0 : _extractProvider.text,
+          providerName: fg('smart_links_noun_support') ? (_extractSmartLinkProv = extractSmartLinkProvider(response)) === null || _extractSmartLinkProv === void 0 ? void 0 : _extractSmartLinkProv.text : (_extractProvider = extractProvider(data)) === null || _extractProvider === void 0 ? void 0 : _extractProvider.text,
           onClose,
           origin,
-          src,
-          title: extractTitle(data),
-          url
+          src: fg('smart_links_noun_support') ? (_extractSmartLinkEmbe = extractSmartLinkEmbed(response)) === null || _extractSmartLinkEmbe === void 0 ? void 0 : _extractSmartLinkEmbe.src : src,
+          title: fg('smart_links_noun_support') ? extractSmartLinkTitle(response) : extractTitle(data),
+          url: fg('smart_links_noun_support') ? extractSmartLinkUrl(response) : url
         });
       },
       actionSubjectId: 'invokePreviewScreen',

package/dist/es2019/extractors/common/primitives/extractSummary.js

@@ -1,3 +1,6 @@
+import { extractEntity, isEntityPresent } from '@atlaskit/link-extractors';
+import { fg } from '@atlaskit/platform-feature-flags';
+
 /**
  * Return link summary
  */
@@ -6,4 +9,17 @@ export const extractSummary = jsonLd => {
     const summary = jsonLd.summary.trim();
     return Boolean(summary) ? summary : undefined;
   }
+};
+
+/**
+ * Return link summary
+ */
+export const extractSmartLinkSummary = response => {
+  if (fg('smart_links_noun_support')) {
+    if (isEntityPresent(response)) {
+      var _extractEntity;
+      return (_extractEntity = extractEntity(response)) === null || _extractEntity === void 0 ? void 0 : _extractEntity.description;
+    }
+  }
+  return (response === null || response === void 0 ? void 0 : response.data) && extractSummary(response.data);
 };

package/dist/es2019/extractors/flexible/actions/extract-view-related-links-action.js

@@ -1,10 +1,11 @@
-import { extractAri } from '@atlaskit/link-extractors';
+import { extractAri, extractSmartLinkAri } from '@atlaskit/link-extractors';
+import { fg } from '@atlaskit/platform-feature-flags';
 export const extractViewRelatedLinksAction = response => {
   var _response$meta, _response$meta$suppor;
   if (!(response !== null && response !== void 0 && (_response$meta = response.meta) !== null && _response$meta !== void 0 && (_response$meta$suppor = _response$meta.supportedFeature) !== null && _response$meta$suppor !== void 0 && _response$meta$suppor.includes('RelatedLinks'))) {
     return;
   }
-  const ari = extractAri(response.data);
+  const ari = fg('smart_links_noun_support') ? extractSmartLinkAri(response) : extractAri(response.data);
   if (!ari) {
     return;
   }

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

@@ -1,6 +1,6 @@
-import { extractPersonCreatedBy, extractPersonOwnedBy, extractSmartLinkAri, extractSmartLinkCreatedBy, extractSmartLinkCreatedOn, extractSmartLinkModifiedBy, extractSmartLinkModifiedOn, extractSmartLinkTitle, extractSmartLinkUrl, extractType } from '@atlaskit/link-extractors';
+import { extractPersonOwnedBy, extractSmartLinkAri, extractSmartLinkAuthorGroup, extractSmartLinkCreatedBy, extractSmartLinkCreatedOn, extractSmartLinkModifiedBy, extractSmartLinkModifiedOn, extractSmartLinkTitle, extractSmartLinkUrl, extractType } from '@atlaskit/link-extractors';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { extractSummary } from '../common/primitives';
+import { extractSmartLinkSummary } from '../common/primitives/extractSummary';
 import { extractFlexibleCardActions } from './actions';
 import { extractPersonsUpdatedBy } from './collaboratorGroup';
 import extractLinkTitle from './extract-link-title';
@@ -45,7 +45,7 @@ const extractFlexibleUiContext = ({
     appliedToComponentsCount: extractAppliedToComponentsCount(data),
     assignedToGroup: extractPersonAssignedToAsArray(data),
     attachmentCount: extractAttachmentCount(data),
-    authorGroup: extractPersonCreatedBy(data),
+    authorGroup: extractSmartLinkAuthorGroup(response),
     ownedByGroup: extractPersonOwnedBy(data),
     collaboratorGroup: extractPersonsUpdatedBy(data),
     commentCount: extractCommentCount(data),
@@ -72,7 +72,7 @@ const extractFlexibleUiContext = ({
     programmingLanguage: extractProgrammingLanguage(data),
     readTime: extractReadTime(data),
     sentOn: extractSentOn(data),
-    snippet: extractSummary(data) || undefined,
+    snippet: extractSmartLinkSummary(response) || undefined,
     // Explicitly set here to remove an empty string
     sourceBranch: extractSourceBranch(data),
     state: extractState(response, actionOptions, id, appearance, origin, fireEvent, resolve),

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: "38.10.1"
+  packageVersion: "38.11.0"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/utils/mocks.js

@@ -86,6 +86,7 @@ const entityDataResponse = {
   entityData: {
     id: 'I love cheese',
     displayName: 'I love cheese',
+    description: 'Here is your serving of cheese: 🧀',
     url: 'https://some.url',
     lastUpdatedAt: '2025-01-08T22:26:52.501Z',
     thumbnail: {