@atlaskit/smart-card 36.7.0 → 36.8.1

package/dist/cjs/i18n/vi.js

@@ -132,13 +132,21 @@ var _default = exports.default = {
   'fabric.linking.read_time': '{context} phút đọc',
   'fabric.linking.related': 'Có liên quan',
   'fabric.linking.related_links_found_in': 'Tìm thấy trong',
+  'fabric.linking.related_links_found_in_v2': 'Tìm thấy trong',
   'fabric.linking.related_links_includes_links_to': 'Bao gồm liên kết trong',
+  'fabric.linking.related_links_includes_links_to_v2': 'Bao gồm các liên kết tới',
+  'fabric.linking.related_links_modal_error_description': 'Hãy kiểm tra kết nối của bạn hoặc làm mới trang rồi thử lại',
   'fabric.linking.related_links_modal_error_header': 'Có lỗi xảy ra',
   'fabric.linking.related_links_modal_error_message': 'Chúng tôi đã gặp sự cố khi cố tải các liên kết gần đây. Hãy kiểm tra kết nối của bạn hoặc làm mới để thử lại.',
+  'fabric.linking.related_links_modal_error_title': 'Chúng tôi đang gặp sự cố khi tải liên kết liên quan',
   'fabric.linking.related_links_modal_title': 'Liên kết gần đây',
+  'fabric.linking.related_links_modal_title_v2': 'Liên kết liên quan',
+  'fabric.linking.related_links_modal_unavailable_description': 'Chúng tôi liên tục xem xét và thêm các liên kết liên quan cho các trang cập nhật hoặc các loại nội dung khác',
   'fabric.linking.related_links_modal_unavailable_header': 'Không có liên kết gần đây',
   'fabric.linking.related_links_modal_unavailable_message': 'Chúng tôi không tìm được liên kết nào để hiển thị ở đây. Chúng tôi liên tục xem xét và thêm các liên kết gần đây cho các trang cập nhật hoặc các loại nội dung khác.',
+  'fabric.linking.related_links_modal_unavailable_title': 'Chúng tôi không tìm thấy liên kết liên quan nào',
   'fabric.linking.related_links_not_found': 'Chúng tôi không tìm được liên kết nào để hiển thị ở đây.',
+  'fabric.linking.related_links_view_related_links': 'Xem liên kết liên quan',
   'fabric.linking.related_links_view_related_urls': 'Xem các liên kết gần đây',
   'fabric.linking.request_access': 'Yêu cầu cấp quyền truy cập',
   'fabric.linking.request_access_description': 'Nhóm của bạn sử dụng {product} để cộng tác. Hãy gửi yêu cầu cho quản trị viên của bạn để được cấp quyền truy cập.',

package/dist/cjs/i18n/zh.js

@@ -133,12 +133,19 @@ var _default = exports.default = {
   'fabric.linking.related': '相关',
   'fabric.linking.related_links_found_in': '发现位置：',
   'fabric.linking.related_links_includes_links_to': '包含以下链接：',
+  'fabric.linking.related_links_includes_links_to_v2': '包含以下链接',
+  'fabric.linking.related_links_modal_error_description': '请检查您的连接或刷新页面以重试',
   'fabric.linking.related_links_modal_error_header': '出错了',
   'fabric.linking.related_links_modal_error_message': '尝试加载最近的链接时遇到问题。请检查您的连接，或刷新以重试。',
+  'fabric.linking.related_links_modal_error_title': '加载相关链接时遇到问题',
   'fabric.linking.related_links_modal_title': '最近的链接',
+  'fabric.linking.related_links_modal_title_v2': '相关链接',
+  'fabric.linking.related_links_modal_unavailable_description': '我们会不断审查并添加针对已更新页面或其他内容类型的相关链接',
   'fabric.linking.related_links_modal_unavailable_header': '没有最近的链接',
   'fabric.linking.related_links_modal_unavailable_message': '未找到可在此处显示的任何链接。我们会不断审查并添加针对已更新页面或其他内容类型的最近链接。',
+  'fabric.linking.related_links_modal_unavailable_title': '未找到任何相关链接',
   'fabric.linking.related_links_not_found': '未找到可在此处显示的任何链接。',
+  'fabric.linking.related_links_view_related_links': '查看相关链接',
   'fabric.linking.related_links_view_related_urls': '查看最近的链接',
   'fabric.linking.request_access': '请求访问',
   'fabric.linking.request_access_description': '您的团队使用 {product} 进行协作。请向您的管理员发送访问请求。',

package/dist/cjs/i18n/zh_TW.js

@@ -133,12 +133,19 @@ var _default = exports.default = {
   'fabric.linking.related': '相關',
   'fabric.linking.related_links_found_in': '找到的位置：',
   'fabric.linking.related_links_includes_links_to': '將連結納入',
+  'fabric.linking.related_links_includes_links_to_v2': '將連結納入',
+  'fabric.linking.related_links_modal_error_description': '請檢查連線或重新整理頁面，然後再試一次',
   'fabric.linking.related_links_modal_error_header': '發生錯誤',
   'fabric.linking.related_links_modal_error_message': '我們嘗試載入最近的連結時遇到問題。請檢查您的連線或重新整理，以再試一次。',
+  'fabric.linking.related_links_modal_error_title': '我們在載入相關連結時遇到問題',
   'fabric.linking.related_links_modal_title': '最近的連結',
+  'fabric.linking.related_links_modal_title_v2': '相關連結',
+  'fabric.linking.related_links_modal_unavailable_description': '我們會持續檢閱更新的頁面或其他內容類型，並新增相關的連結',
   'fabric.linking.related_links_modal_unavailable_header': '沒有最近的連結',
   'fabric.linking.related_links_modal_unavailable_message': '我們沒有找到任何可在這裡顯示的連結。我們會持續檢閱更新的頁面或其他內容類型，並新增最近的連結。',
+  'fabric.linking.related_links_modal_unavailable_title': '我們找不到任何相關連結',
   'fabric.linking.related_links_not_found': '我們沒有找到任何可在這裡顯示的連結。',
+  'fabric.linking.related_links_view_related_links': '檢視相關連結',
   'fabric.linking.related_links_view_related_urls': '查看最近的連結',
   'fabric.linking.request_access': '要求存取權',
   'fabric.linking.request_access_description': '您的團隊使用 {product} 來協作。向您的管理員傳送存取要求。',

package/dist/cjs/index.js

@@ -63,6 +63,12 @@ Object.defineProperty(exports, "CommentCountElement", {
     return _external.CommentCountElement;
   }
 });
+Object.defineProperty(exports, "CopyLinkAction", {
+  enumerable: true,
+  get: function get() {
+    return _external.CopyLinkAction;
+  }
+});
 Object.defineProperty(exports, "CreatedByElement", {
   enumerable: true,
   get: function get() {
@@ -75,12 +81,24 @@ Object.defineProperty(exports, "CreatedOnElement", {
     return _external.CreatedOnElement;
   }
 });
+Object.defineProperty(exports, "CustomAction", {
+  enumerable: true,
+  get: function get() {
+    return _external.CustomAction;
+  }
+});
 Object.defineProperty(exports, "CustomBlock", {
   enumerable: true,
   get: function get() {
     return _blocks.CustomBlock;
   }
 });
+Object.defineProperty(exports, "DownloadAction", {
+  enumerable: true,
+  get: function get() {
+    return _external.DownloadAction;
+  }
+});
 Object.defineProperty(exports, "DueOnElement", {
   enumerable: true,
   get: function get() {
@@ -111,6 +129,12 @@ Object.defineProperty(exports, "ExpandedFrame", {
     return _ExpandedFrame.ExpandedFrame;
   }
 });
+Object.defineProperty(exports, "FollowAction", {
+  enumerable: true,
+  get: function get() {
+    return _external.FollowAction;
+  }
+});
 Object.defineProperty(exports, "FooterBlock", {
   enumerable: true,
   get: function get() {
@@ -171,6 +195,12 @@ Object.defineProperty(exports, "OwnedByGroupElement", {
     return _external.OwnedByGroupElement;
   }
 });
+Object.defineProperty(exports, "PreviewAction", {
+  enumerable: true,
+  get: function get() {
+    return _external.PreviewAction;
+  }
+});
 Object.defineProperty(exports, "PreviewBlock", {
   enumerable: true,
   get: function get() {

package/dist/cjs/state/hooks/use-resolve/index.js

@@ -8,7 +8,9 @@ exports.default = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = require("react");
+var _linkExtractors = require("@atlaskit/link-extractors");
 var _linkProvider = require("@atlaskit/link-provider");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../constants");
 var _analytics = require("../../analytics");
 var _useResponse2 = _interopRequireDefault(require("../use-response"));
@@ -43,7 +45,7 @@ var useResolve = function useResolve() {
               status: _constants.SmartLinkStatus.Pending,
               details: undefined
             }, details = _ref2.details;
-            hasData = !!(details && details.data);
+            hasData = (0, _platformFeatureFlags.fg)('smart_links_noun_support') ? !!(details && details.data || (0, _linkExtractors.isEntityPresent)(details)) : !!(details && details.data);
             if (!(isReloading || !hasData || isMetadataRequest)) {
               _context.next = 9;
               break;

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

package/dist/cjs/utils/mocks.js

@@ -86,17 +86,45 @@ var successfulResponseData = _objectSpread(_objectSpread({}, errorResponseData),
     href: 'https://www.ilovecheese.com'
   }
 });
-var mocks = exports.mocks = {
-  success: {
-    meta: {
-      visibility: 'public',
-      access: 'granted',
-      auth: [],
-      definitionId: 'd1',
-      key: 'object-provider'
-    },
-    data: successfulResponseData
+var jsonLdResponse = {
+  meta: {
+    visibility: 'public',
+    access: 'granted',
+    auth: [],
+    definitionId: 'd1',
+    key: 'object-provider'
   },
+  data: successfulResponseData
+};
+var nounDataResponse = {
+  nounData: {
+    id: 'I love cheese',
+    displayName: 'I love cheese',
+    url: 'https://some.url',
+    lastUpdatedAt: '2025-01-08T22:26:52.501Z',
+    thumbnail: {
+      externalUrl: 'https://www.ilovecheese.com'
+    },
+    'atlassian:design': {
+      liveEmbedUrl: 'https://www.ilovecheese.com',
+      type: 'FILE',
+      inspectUrl: 'https://www.ilovecheese.com',
+      iconUrl: 'https://www.ilovecheese.com'
+    }
+  }
+};
+var mocks = exports.mocks = {
+  success: _objectSpread({}, jsonLdResponse),
+  nounDataSuccess: _objectSpread(_objectSpread(_objectSpread({}, jsonLdResponse), nounDataResponse), {}, {
+    meta: _objectSpread(_objectSpread({}, jsonLdResponse.meta), {}, {
+      generator: {
+        name: 'I love cheese',
+        icon: {
+          url: 'https://www.ilovecheese.com'
+        }
+      }
+    })
+  }),
   notFound: {
     meta: {
       visibility: 'not_found',

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

@@ -106,7 +106,7 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/_react.default.forwardRef(funct
         }));
       } else {
         if (platform === 'mobile') {
-          var resolvedInlineViewProps = (0, _inline.extractInlineProps)(data);
+          var resolvedInlineViewProps = (0, _inline.extractInlineProps)(details);
           return /*#__PURE__*/_react.default.createElement(_ResolvedView2.InlineCardResolvedView, (0, _extends2.default)({}, resolvedInlineViewProps, {
             isSelected: isSelected,
             testId: testId,

package/dist/cjs/view/FlexibleCard/components/actions/action/action-button/index.js

@@ -116,7 +116,11 @@ var ActionButtonRefreshNew = /*#__PURE__*/(0, _react.forwardRef)(function (_ref,
       return iconAfter || null;
     };
     if (isLinkButton) {
-      return /*#__PURE__*/_react.default.createElement(_new.LinkButton, {
+      return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+        content: tooltipMessage,
+        hideTooltipOnClick: true,
+        testId: "".concat(testId, "-tooltip")
+      }, /*#__PURE__*/_react.default.createElement(_new.LinkButton, {
         appearance: ButtonAppearanceMap[appearance],
         "aria-label": ariaLabel,
         iconAfter: iconAfterFn,
@@ -126,9 +130,13 @@ var ActionButtonRefreshNew = /*#__PURE__*/(0, _react.forwardRef)(function (_ref,
         onClick: onButtonClick(onClick),
         spacing: spacing,
         testId: testId
-      }, content);
+      }, content));
     }
-    return /*#__PURE__*/_react.default.createElement(_new.default, {
+    return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+      content: tooltipMessage,
+      hideTooltipOnClick: true,
+      testId: "".concat(testId, "-tooltip")
+    }, /*#__PURE__*/_react.default.createElement(_new.default, {
       appearance: ButtonAppearanceMap[appearance],
       "aria-label": ariaLabel,
       iconAfter: iconAfterFn,
@@ -138,7 +146,7 @@ var ActionButtonRefreshNew = /*#__PURE__*/(0, _react.forwardRef)(function (_ref,
       onClick: onButtonClick(onClick),
       spacing: spacing,
       testId: testId
-    }, content);
+    }, content));
   }, [appearance, ariaLabel, content, href, iconAfter, iconBefore, iconOnly, isDisabled, isLoading, onButtonClick, onClick, size, testId, tooltipMessage]);
   return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     testId: "".concat(testId, "-button-wrapper"),
@@ -196,7 +204,7 @@ var ActionButtonNew = function ActionButtonNew(_ref2) {
 };
 var ActionButtonHideLegacyButton = function ActionButtonHideLegacyButton(props) {
   var ui = (0, _flexibleUiContext.useFlexibleUiOptionContext)();
-  if (ui !== null && ui !== void 0 && ui.hideLegacyButton) {
+  if (ui !== null && ui !== void 0 && ui.hideLegacyButton || ui !== null && ui !== void 0 && ui.removeBlockRestriction && (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-openness')) {
     return /*#__PURE__*/_react.default.createElement(ActionButtonRefreshNewWithOverrideCss, props);
   }
   return /*#__PURE__*/_react.default.createElement(ActionButtonNew, props);

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

@@ -4,9 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.VoteCountElement = exports.ViewCountElement = exports.TitleElement = exports.TargetBranchElement = exports.SubscriberCountElement = exports.SubTasksProgressElement = exports.StoryPointsElement = exports.StateElement = exports.SourceBranchElement = exports.SnippetElement = exports.SentOnElement = exports.ReadTimeElement = exports.ReactCountElement = exports.ProviderElement = exports.ProgrammingLanguageElement = exports.PriorityElement = exports.PreviewElement = exports.OwnedByGroupElement = exports.OwnedByElement = exports.ModifiedOnElement = exports.ModifiedByElement = exports.LocationElement = exports.LinkIconElement = exports.LatestCommitElement = exports.DueOnElement = exports.CreatedOnElement = exports.CreatedByElement = exports.CommentCountElement = exports.CollaboratorGroupElement = exports.ChecklistProgressElement = exports.AuthorGroupElement = exports.AttachmentCountElement = exports.AssignedToGroupElement = exports.AssignedToElement = void 0;
+exports.toActionProps = exports.VoteCountElement = exports.ViewCountElement = exports.TitleElement = exports.TargetBranchElement = exports.SubscriberCountElement = exports.SubTasksProgressElement = exports.StoryPointsElement = exports.StateElement = exports.SourceBranchElement = exports.SnippetElement = exports.SentOnElement = exports.ReadTimeElement = exports.ReactCountElement = exports.ProviderElement = exports.ProgrammingLanguageElement = exports.PriorityElement = exports.PreviewElement = exports.PreviewAction = exports.OwnedByGroupElement = exports.OwnedByElement = exports.ModifiedOnElement = exports.ModifiedByElement = exports.LocationElement = exports.LinkIconElement = exports.LatestCommitElement = exports.FollowAction = exports.DueOnElement = exports.DownloadAction = exports.CustomAction = exports.CreatedOnElement = exports.CreatedByElement = exports.CopyLinkAction = exports.CommentCountElement = exports.CollaboratorGroupElement = exports.ChecklistProgressElement = exports.AuthorGroupElement = exports.AttachmentCountElement = exports.AssignedToGroupElement = exports.AssignedToElement = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
+var _actions = require("./components/actions");
 var _elements = require("./components/elements");
 /**
  * This file contains export components and API for FlexibleCard components.
@@ -128,4 +129,32 @@ var ViewCountElement = exports.ViewCountElement = function ViewCountElement() {
 };
 var VoteCountElement = exports.VoteCountElement = function VoteCountElement() {
   return /*#__PURE__*/_react.default.createElement(_elements.VoteCount, null);
+};
+
+// ---- EXPORTED ACTION COMPONENTS ---- //
+
+var toActionProps = exports.toActionProps = function toActionProps(props) {
+  var _props$appearance;
+  return {
+    appearance: (_props$appearance = props === null || props === void 0 ? void 0 : props.appearance) !== null && _props$appearance !== void 0 ? _props$appearance : 'default',
+    icon: undefined
+  };
+};
+var CopyLinkAction = exports.CopyLinkAction = function CopyLinkAction(props) {
+  return /*#__PURE__*/_react.default.createElement(_actions.CopyLinkAction, toActionProps(props));
+};
+var CustomAction = exports.CustomAction = function CustomAction(props) {
+  return /*#__PURE__*/_react.default.createElement(_actions.CustomAction, (0, _extends2.default)({}, toActionProps(props), {
+    content: props === null || props === void 0 ? void 0 : props.children,
+    onClick: props === null || props === void 0 ? void 0 : props.onClick
+  }));
+};
+var DownloadAction = exports.DownloadAction = function DownloadAction(props) {
+  return /*#__PURE__*/_react.default.createElement(_actions.DownloadAction, toActionProps(props));
+};
+var FollowAction = exports.FollowAction = function FollowAction(props) {
+  return /*#__PURE__*/_react.default.createElement(_actions.FollowAction, toActionProps(props));
+};
+var PreviewAction = exports.PreviewAction = function PreviewAction(props) {
+  return /*#__PURE__*/_react.default.createElement(_actions.PreviewAction, toActionProps(props));
 };

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

@@ -41,6 +41,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _linkExtractors = require("@atlaskit/link-extractors");
 var _linkProvider = require("@atlaskit/link-provider");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../constants");
 var _extractAccessContext = require("../../extractors/common/context/extractAccessContext");
 var _inline = require("../../extractors/inline");
@@ -85,7 +86,7 @@ var InlineCard = exports.InlineCard = function InlineCard(_ref) {
   if (showHoverPreview === undefined && showHoverPreviewFlag !== undefined) {
     showHoverPreview = Boolean(showHoverPreviewFlag);
   }
-  var resolvedProps = status === _constants.SmartLinkStatus.Resolved ? (0, _inline.extractInlineProps)(cardDetails, renderers, removeTextHighlightingFromTitle, false) : {};
+  var resolvedProps = status === _constants.SmartLinkStatus.Resolved ? (0, _inline.extractInlineProps)(details, renderers, removeTextHighlightingFromTitle, false) : {};
   (0, _react.useEffect)(function () {
     switch (status) {
       case _constants.SmartLinkStatus.Resolved:
@@ -134,7 +135,7 @@ var InlineCard = exports.InlineCard = function InlineCard(_ref) {
         truncateInline: truncateInline
       }));
     case 'unauthorized':
-      var provider = (0, _linkExtractors.extractProvider)(cardDetails);
+      var provider = (0, _platformFeatureFlags.fg)('smart_links_noun_support') ? (0, _linkExtractors.extractSmartLinkProvider)(details) : (0, _linkExtractors.extractProvider)(cardDetails);
       return /*#__PURE__*/_react.default.createElement(_UnauthorisedView.InlineCardUnauthorizedView, {
         icon: provider && provider.icon,
         context: provider && provider.text,
@@ -149,7 +150,7 @@ var InlineCard = exports.InlineCard = function InlineCard(_ref) {
         truncateInline: truncateInline
       });
     case 'forbidden':
-      var providerForbidden = (0, _linkExtractors.extractProvider)(cardDetails);
+      var providerForbidden = (0, _platformFeatureFlags.fg)('smart_links_noun_support') ? (0, _linkExtractors.extractSmartLinkProvider)(details) : (0, _linkExtractors.extractProvider)(cardDetails);
       var cardMetadata = (_details$meta = details === null || details === void 0 ? void 0 : details.meta) !== null && _details$meta !== void 0 ? _details$meta : (0, _jsonld.getForbiddenJsonLd)().meta;
       var requestAccessContext = (0, _extractAccessContext.extractRequestAccessContextImproved)({
         jsonLd: cardMetadata,
@@ -170,7 +171,7 @@ var InlineCard = exports.InlineCard = function InlineCard(_ref) {
         truncateInline: truncateInline
       });
     case 'not_found':
-      var providerNotFound = (0, _linkExtractors.extractProvider)(cardDetails);
+      var providerNotFound = (0, _platformFeatureFlags.fg)('smart_links_noun_support') ? (0, _linkExtractors.extractSmartLinkProvider)(details) : (0, _linkExtractors.extractProvider)(cardDetails);
       return /*#__PURE__*/_react.default.createElement(_ErroredView.InlineCardErroredView, {
         url: url,
         icon: providerNotFound && providerNotFound.icon,

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

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

@@ -1,10 +1,13 @@
-import { extractLink, extractProvider, extractTitle } from '@atlaskit/link-extractors';
+import { extractEntityProvider, extractLink, extractProvider,
+// extractSmartLinkIcon,
+extractSmartLinkTitle, extractSmartLinkUrl, extractTitle, isEntityPresent } from '@atlaskit/link-extractors';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { extractIcon } from '../common/icon';
 import { extractLozenge } from '../common/lozenge';
 import { extractTitleTextColor } from '../common/primitives';
 import { extractTitlePrefix } from '../common/title-prefix';
 import { CONFLUENCE_GENERATOR_ID, JIRA_GENERATOR_ID } from '../constants';
-export const extractInlineIcon = (jsonLd, showIconLabel = true) => {
+const extractInlineIcon = (jsonLd, showIconLabel = true) => {
   const provider = extractProvider(jsonLd);
   if (provider && provider.id) {
     if (provider.id === CONFLUENCE_GENERATOR_ID || provider.id === JIRA_GENERATOR_ID) {
@@ -13,11 +16,39 @@ export const extractInlineIcon = (jsonLd, showIconLabel = true) => {
   }
   return extractIcon(jsonLd, 'provider', showIconLabel);
 };
-export const extractInlineProps = (jsonLd, renderers, removeTextHighlightingFromTitle, showLabel = true) => ({
-  link: extractLink(jsonLd),
-  title: extractTitle(jsonLd, removeTextHighlightingFromTitle),
-  lozenge: extractLozenge(jsonLd),
-  icon: extractInlineIcon(jsonLd, showLabel),
-  titleTextColor: extractTitleTextColor(jsonLd),
-  titlePrefix: extractTitlePrefix(jsonLd, renderers, 'inline')
-});
+const extractSmartLinkInlineIcon = (response, showLabel = true) => {
+  if (isEntityPresent(response)) {
+    const provider = extractEntityProvider(response);
+    if (provider) {
+      return provider.icon;
+    }
+    // We don't need this for design entities,
+    // but we can add it back when we support more nouns
+    // it requires extractInlineIcon to be moved to the smart link extractor package.
+    // see: https://product-fabric.atlassian.net/browse/EDM-12375
+    // return extractSmartLinkIcon(response);
+  }
+  return extractInlineIcon(response === null || response === void 0 ? void 0 : response.data, showLabel);
+};
+export const extractInlineProps = (response, renderers, removeTextHighlightingFromTitle, showLabel = true) => {
+  const jsonLd = response === null || response === void 0 ? void 0 : response.data;
+  if (fg('smart_links_noun_support')) {
+    return {
+      icon: extractSmartLinkInlineIcon(response, showLabel),
+      link: extractSmartLinkUrl(response),
+      title: extractSmartLinkTitle(response, removeTextHighlightingFromTitle),
+      // As we migrate to support more nouns we can incorporate these fields
+      lozenge: extractLozenge(jsonLd),
+      titleTextColor: extractTitleTextColor(jsonLd),
+      titlePrefix: extractTitlePrefix(jsonLd, renderers, 'inline')
+    };
+  }
+  return {
+    link: extractLink(jsonLd),
+    title: extractTitle(jsonLd, removeTextHighlightingFromTitle),
+    lozenge: extractLozenge(jsonLd),
+    icon: extractInlineIcon(jsonLd, showLabel),
+    titleTextColor: extractTitleTextColor(jsonLd),
+    titlePrefix: extractTitlePrefix(jsonLd, renderers, 'inline')
+  };
+};

package/dist/es2019/i18n/cs.js

@@ -126,13 +126,21 @@ export default {
   'fabric.linking.read_time': '{context} min. čtení',
   'fabric.linking.related': 'Souvisící',
   'fabric.linking.related_links_found_in': 'Nalezeno v:',
+  'fabric.linking.related_links_found_in_v2': 'Nalezeno v:',
   'fabric.linking.related_links_includes_links_to': 'Zahrnuje odkazy na:',
+  'fabric.linking.related_links_includes_links_to_v2': 'Zahrnuje odkazy na:',
+  'fabric.linking.related_links_modal_error_description': 'Zkontrolujte připojení nebo obnovte stránku a zkuste to znovu.',
   'fabric.linking.related_links_modal_error_header': 'Něco se pokazilo',
   'fabric.linking.related_links_modal_error_message': 'Při pokusu o načtení nedávných odkazů se vyskytl problém. Zkontrolujte připojení nebo obnovte stránku a zkuste to znovu.',
+  'fabric.linking.related_links_modal_error_title': 'Při načítání souvisejících odkazů se vyskytly problémy',
   'fabric.linking.related_links_modal_title': 'Nedávné odkazy',
+  'fabric.linking.related_links_modal_title_v2': 'Související odkazy',
+  'fabric.linking.related_links_modal_unavailable_description': 'Neustále kontrolujeme a přidáváme související odkazy na aktualizované stránky nebo jiné typy obsahu.',
   'fabric.linking.related_links_modal_unavailable_header': 'Žádné nedávné odkazy',
   'fabric.linking.related_links_modal_unavailable_message': 'Nebyly nalezeny žádné odkazy, které bychom tu mohli zobrazit. Neustále kontrolujeme a přidáváme odkazy na nedávno aktualizované stránky nebo jiné typy obsahu.',
+  'fabric.linking.related_links_modal_unavailable_title': 'Nepodařilo se najít žádné související odkazy',
   'fabric.linking.related_links_not_found': 'Nebyly nalezeny žádné odkazy, které bychom tu mohli zobrazit.',
+  'fabric.linking.related_links_view_related_links': 'Zobrazit související odkazy',
   'fabric.linking.related_links_view_related_urls': 'Zobrazit nedávné odkazy',
   'fabric.linking.request_access': 'Požádat o přístup',
   'fabric.linking.request_access_description': 'Váš tým spolupracuje v {product}. Pošlete správci žádost o přístup.',

package/dist/es2019/i18n/da.js

@@ -126,13 +126,21 @@ export default {
   'fabric.linking.read_time': 'Kan læses på {context} min.',
   'fabric.linking.related': 'Relateret',
   'fabric.linking.related_links_found_in': 'Fundet i',
+  'fabric.linking.related_links_found_in_v2': 'Fundet i',
   'fabric.linking.related_links_includes_links_to': 'Omfatter links til',
+  'fabric.linking.related_links_includes_links_to_v2': 'Omfatter links til',
+  'fabric.linking.related_links_modal_error_description': 'Kontrollér din forbindelse, eller opdater siden for at prøve igen',
   'fabric.linking.related_links_modal_error_header': 'Noget gik galt',
   'fabric.linking.related_links_modal_error_message': 'Vi løb ind i et problem, da vi forsøgte at indlæse nylige links. Kontrollér din forbindelse, eller genindlæs siden for at prøve igen.',
+  'fabric.linking.related_links_modal_error_title': 'Vi har problemer med at indlæse relaterede links',
   'fabric.linking.related_links_modal_title': 'Seneste links',
+  'fabric.linking.related_links_modal_title_v2': 'Relaterede links',
+  'fabric.linking.related_links_modal_unavailable_description': 'Vi gennemgår løbende og tilføjer relaterede links til opdaterede sider eller andre indholdstyper',
   'fabric.linking.related_links_modal_unavailable_header': 'Ingen nylige links',
   'fabric.linking.related_links_modal_unavailable_message': 'Vi fandt ikke nogen links at vise her. Vi gennemgår løbende og tilføjer nylige links til opdaterede sider eller andre indholdstyper.',
+  'fabric.linking.related_links_modal_unavailable_title': 'Vi kunne ikke finde nogen relaterede links',
   'fabric.linking.related_links_not_found': 'Vi fandt ikke nogen links.',
+  'fabric.linking.related_links_view_related_links': 'Se relaterede links',
   'fabric.linking.related_links_view_related_urls': 'Vis nylige links',
   'fabric.linking.request_access': 'Anmod om adgang',
   'fabric.linking.request_access_description': 'Dit team bruger {product} til at samarbejde. Send din administrator en anmodning om adgang.',

package/dist/es2019/i18n/de.js

@@ -127,12 +127,19 @@ export default {
   'fabric.linking.related': 'Zugehörig',
   'fabric.linking.related_links_found_in': 'Gefunden in',
   'fabric.linking.related_links_includes_links_to': 'Beinhaltet Links zu',
+  'fabric.linking.related_links_includes_links_to_v2': 'Beinhaltet Links zu',
+  'fabric.linking.related_links_modal_error_description': 'Überprüfen Sie Ihre Verbindung oder aktualisieren Sie die Seite, um es erneut zu versuchen.',
   'fabric.linking.related_links_modal_error_header': 'Etwas ist schiefgelaufen',
   'fabric.linking.related_links_modal_error_message': 'Beim Laden der zuletzt aufgerufenen Links ist ein Problem aufgetreten. Überprüfen Sie Ihre Verbindung oder aktualisieren Sie die Seite, um es erneut zu versuchen.',
+  'fabric.linking.related_links_modal_error_title': 'Beim Laden der zugehörigen Links ist ein Problem aufgetreten',
   'fabric.linking.related_links_modal_title': 'Zuletzt aufgerufene Links',
+  'fabric.linking.related_links_modal_title_v2': 'Zugehörige Links',
+  'fabric.linking.related_links_modal_unavailable_description': 'Wir überprüfen fortlaufend zugehörige Links für aktualisierte Seiten oder andere Inhaltstypen und fügen sie hinzu.',
   'fabric.linking.related_links_modal_unavailable_header': 'Keine zuletzt aufgerufenen Links',
   'fabric.linking.related_links_modal_unavailable_message': 'Es wurden keine Links zum Anzeigen gefunden. Die zuletzt aufgerufenen Links werden fortlaufend auf aktualisierte Seiten oder andere Inhaltstypen geprüft und ggf. hinzugefügt.',
+  'fabric.linking.related_links_modal_unavailable_title': 'Es konnten keine zugehörigen Links gefunden werden',
   'fabric.linking.related_links_not_found': 'Es wurden keine Links zum Anzeigen gefunden.',
+  'fabric.linking.related_links_view_related_links': 'Zugehörige Links anzeigen',
   'fabric.linking.related_links_view_related_urls': 'Letzte Links anzeigen',
   'fabric.linking.request_access': 'Zugriff anfordern',
   'fabric.linking.request_access_description': 'Ihr Team verwendet {product} zur Zusammenarbeit. Senden Sie Ihrem Administrator eine Zugriffsanfrage.',

package/dist/es2019/i18n/en.js

@@ -126,13 +126,21 @@ export default {
   'fabric.linking.read_time': '{context} min read',
   'fabric.linking.related': 'Related',
   'fabric.linking.related_links_found_in': 'Found In',
+  'fabric.linking.related_links_found_in_v2': 'Found in',
   'fabric.linking.related_links_includes_links_to': 'Includes Links To',
+  'fabric.linking.related_links_includes_links_to_v2': 'Includes links to',
+  'fabric.linking.related_links_modal_error_description': 'Check your connection or refresh the page to try again',
   'fabric.linking.related_links_modal_error_header': 'Something went wrong',
   'fabric.linking.related_links_modal_error_message': 'We ran into an issue trying to load recent links. Check your connection or refresh to try again.',
+  'fabric.linking.related_links_modal_error_title': "We're having trouble loading related links",
   'fabric.linking.related_links_modal_title': 'Recent links',
+  'fabric.linking.related_links_modal_title_v2': 'Related links',
+  'fabric.linking.related_links_modal_unavailable_description': 'We continuously review and add related links for updated pages or other content types',
   'fabric.linking.related_links_modal_unavailable_header': 'No recent links',
   'fabric.linking.related_links_modal_unavailable_message': "We didn't find any links to show here. We continuously review and add recent links for updated pages or other content types.",
+  'fabric.linking.related_links_modal_unavailable_title': "We couldn't find any related links",
   'fabric.linking.related_links_not_found': "We didn't find any links to show here.",
+  'fabric.linking.related_links_view_related_links': 'View related links',
   'fabric.linking.related_links_view_related_urls': 'View recent links',
   'fabric.linking.request_access': 'Request access',
   'fabric.linking.request_access_description': 'Your team uses {product} to collaborate. Send your admin a request for access.',

package/dist/es2019/i18n/en_GB.js

@@ -126,13 +126,21 @@ export default {
   'fabric.linking.read_time': '{context} min read',
   'fabric.linking.related': 'Related',
   'fabric.linking.related_links_found_in': 'Found In',
+  'fabric.linking.related_links_found_in_v2': 'Found in',
   'fabric.linking.related_links_includes_links_to': 'Includes Links To',
+  'fabric.linking.related_links_includes_links_to_v2': 'Includes links to',
+  'fabric.linking.related_links_modal_error_description': 'Check your connection or refresh the page to try again',
   'fabric.linking.related_links_modal_error_header': 'Something went wrong',
   'fabric.linking.related_links_modal_error_message': 'We ran into an issue trying to load recent links. Check your connection or refresh to try again.',
+  'fabric.linking.related_links_modal_error_title': "We're having trouble loading related links",
   'fabric.linking.related_links_modal_title': 'Recent links',
+  'fabric.linking.related_links_modal_title_v2': 'Related links',
+  'fabric.linking.related_links_modal_unavailable_description': 'We continuously review and add related links for updated pages or other content types',
   'fabric.linking.related_links_modal_unavailable_header': 'No recent links',
   'fabric.linking.related_links_modal_unavailable_message': "We didn't find any links to show here. We continuously review and add recent links for updated pages or other content types.",
+  'fabric.linking.related_links_modal_unavailable_title': "We couldn't find any related links",
   'fabric.linking.related_links_not_found': "We didn't find any links to show here.",
+  'fabric.linking.related_links_view_related_links': 'View related links',
   'fabric.linking.related_links_view_related_urls': 'View recent links',
   'fabric.linking.request_access': 'Request access',
   'fabric.linking.request_access_description': 'Your team uses {product} to collaborate. Send your admin a request for access.',

package/dist/es2019/i18n/en_ZZ.js

@@ -126,13 +126,21 @@ export default {
   'fabric.linking.read_time': '⁣⁢{context} min read؜‍⁠؜‌⁠⁠⁣⁤',
   'fabric.linking.related': '⁣⁢Related‌‍⁡‌⁠⁠⁡‍⁡⁡⁡‌⁠؜⁣⁤',
   'fabric.linking.related_links_found_in': '⁣⁢Found In⁡‍‍؜‍؜⁠‌‍‌⁠؜⁣⁤',
+  'fabric.linking.related_links_found_in_v2': '⁣⁢Found in‍⁡؜⁠⁠؜‌⁡‍⁠⁠‌⁡؜⁣⁤',
   'fabric.linking.related_links_includes_links_to': '⁣⁢Includes Links To⁡⁠؜‌؜‌⁠‌⁡‌‍‍‌⁣⁤',
+  'fabric.linking.related_links_includes_links_to_v2': '⁣⁢Includes links to⁡⁠‍⁠؜‌⁡⁣⁤',
+  'fabric.linking.related_links_modal_error_description': '⁣⁢Check your connection or refresh the page to try again‌‍‌⁠‍⁡‌⁠⁡⁣⁤',
   'fabric.linking.related_links_modal_error_header': '⁣⁢Something went wrong‌؜⁡⁠‍⁠⁡‌‌‌‍‍⁣⁤',
   'fabric.linking.related_links_modal_error_message': '⁣⁢We ran into an issue trying to load recent links. Check your connection or refresh to try again.‍⁡⁠؜‌‍‍⁠⁠⁣⁤',
+  'fabric.linking.related_links_modal_error_title': "⁣⁢We're having trouble loading related links‌؜؜‌‍؜‌⁡⁡⁣⁤",
   'fabric.linking.related_links_modal_title': '⁣⁢Recent links؜⁡⁠‍‌⁠⁠‌؜‍⁣⁤',
+  'fabric.linking.related_links_modal_title_v2': '⁣⁢Related links‍‌‌؜؜؜⁠؜‌⁡‌⁠⁣⁤',
+  'fabric.linking.related_links_modal_unavailable_description': '⁣⁢We continuously review and add related links for updated pages or other content types‍⁡⁡⁡‍‌⁡؜⁠؜؜⁠⁡⁡⁣⁤',
   'fabric.linking.related_links_modal_unavailable_header': '⁣⁢No recent links‌⁡؜⁡⁠⁠‍‌‍⁡⁡⁣⁤',
   'fabric.linking.related_links_modal_unavailable_message': "⁣⁢We didn't find any links to show here. We continuously review and add recent links for updated pages or other content types.؜⁠؜‌‍‍‍⁡⁡⁡⁣⁤",
+  'fabric.linking.related_links_modal_unavailable_title': "⁣⁢We couldn't find any related links‍؜‌⁡⁡‍‌‌⁠؜⁣⁤",
   'fabric.linking.related_links_not_found': "⁣⁢We didn't find any links to show here.⁡⁡‌‌‍⁠‌؜⁡‍‍‍‌⁡‌⁣⁤",
+  'fabric.linking.related_links_view_related_links': '⁣⁢View related links⁡‍‍⁠⁡‌⁡؜؜⁣⁤',
   'fabric.linking.related_links_view_related_urls': '⁣⁢View recent links‍‍⁠؜‍؜؜⁠؜‍⁠؜⁡⁠؜⁠⁠⁣⁤',
   'fabric.linking.request_access': '⁣⁢Request access؜‌؜‌‍‌‌⁠⁡⁣⁤',
   'fabric.linking.request_access_description': '⁣⁢Your team uses {product} to collaborate. Send your admin a request for access.‍⁡⁡⁡‌‍⁠⁡‌⁣⁤',

package/dist/es2019/i18n/es.js

@@ -126,13 +126,21 @@ export default {
   'fabric.linking.read_time': '{context} min de lectura',
   'fabric.linking.related': 'Relacionado',
   'fabric.linking.related_links_found_in': 'Encontrado en',
+  'fabric.linking.related_links_found_in_v2': 'Encontrado en',
   'fabric.linking.related_links_includes_links_to': 'Incluye enlaces a',
+  'fabric.linking.related_links_includes_links_to_v2': 'Incluye enlaces a',
+  'fabric.linking.related_links_modal_error_description': 'Comprueba tu conexión o actualiza la página para volver a intentarlo',
   'fabric.linking.related_links_modal_error_header': 'Se ha producido un error',
   'fabric.linking.related_links_modal_error_message': 'Hemos tenido una incidencia al cargar enlaces recientes. Comprueba tu conexión o actualiza para volver a intentarlo.',
+  'fabric.linking.related_links_modal_error_title': 'Tenemos problemas para cargar los enlaces relacionados',
   'fabric.linking.related_links_modal_title': 'Enlaces recientes',
+  'fabric.linking.related_links_modal_title_v2': 'Enlaces relacionados',
+  'fabric.linking.related_links_modal_unavailable_description': 'Revisamos y añadimos continuamente enlaces relacionados de las páginas actualizadas u otros tipos de contenido',
   'fabric.linking.related_links_modal_unavailable_header': 'Sin enlaces recientes',
   'fabric.linking.related_links_modal_unavailable_message': 'No hemos encontrado ningún enlace para mostrar aquí. Revisamos y añadimos continuamente enlaces recientes de las páginas actualizadas u otros tipos de contenido.',
+  'fabric.linking.related_links_modal_unavailable_title': 'Ningún enlace relacionado encontrado',
   'fabric.linking.related_links_not_found': 'No hemos encontrado ningún enlace que mostrar aquí.',
+  'fabric.linking.related_links_view_related_links': 'Ver enlaces relacionados',
   'fabric.linking.related_links_view_related_urls': 'Consultar enlaces recientes',
   'fabric.linking.request_access': 'Solicitar acceso',
   'fabric.linking.request_access_description': 'Tu equipo utiliza {product} para colaborar. Envía al administrador una solicitud para poder acceder.',