@atlaskit/smart-card 26.71.0 → 26.73.0

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @atlaskit/smart-card
 
+## 26.73.0
+
+### Minor Changes
+
+-   [#102031](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/102031)
+    [`2707b0f7ae9b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/2707b0f7ae9b) -
+    [ux] Add view related links action
+
+### Patch Changes
+
+-   [#102663](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/102663)
+    [`36e468e4deb2`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/36e468e4deb2) -
+    Handling adding theme query params to urls with hash
+
+## 26.72.0
+
+### Minor Changes
+
+-   [#103201](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/103201)
+    [`7cb62c61f30e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7cb62c61f30e) -
+    [ux] Added a new `icon` prop to override the icon rendered in the smart card TitleBlock
+    component.
+
 ## 26.71.0
 
 ### Minor Changes

package/dist/cjs/constants.js

@@ -156,6 +156,7 @@ var ActionName = exports.ActionName = /*#__PURE__*/function (ActionName) {
 }({});
 var InternalActionName = exports.InternalActionName = /*#__PURE__*/function (InternalActionName) {
   InternalActionName["AISummaryAction"] = "AISummaryAction";
+  InternalActionName["ViewRelatedLinksAction"] = "ViewRelatedLinksAction";
   return InternalActionName;
 }({});
 /**

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

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.extractViewRelatedLinksAction = void 0;
+var _linkExtractors = require("@atlaskit/link-extractors");
+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 url = (0, _linkExtractors.extractLink)(response.data);
+  if (!url) {
+    return;
+  }
+  return {
+    url: url
+  };
+};

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../constants");
 var _extractDownloadAction = require("./extract-download-action");
 var _extractPreviewAction = require("./extract-preview-action");
@@ -13,10 +14,13 @@ var _extractAiSummaryAction = require("./extract-ai-summary-action");
 var _extractFollowAction = _interopRequireDefault(require("./extract-follow-action"));
 var _extractCopyLinkAction = require("./extract-copy-link-action");
 var _extractAutomationAction = require("./extract-automation-action");
+var _extractViewRelatedLinksAction = require("./extract-view-related-links-action");
+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; }
 var extractActions = function extractActions(response, url, actionOptions, id, aiSummaryConfig) {
-  var _action;
+  var _objectSpread2;
   var data = response.data;
-  var action = (_action = {}, (0, _defineProperty2.default)(_action, _constants.ActionName.CopyLinkAction, (0, _extractCopyLinkAction.extractCopyLinkAction)(data, actionOptions)), (0, _defineProperty2.default)(_action, _constants.ActionName.DownloadAction, (0, _extractDownloadAction.extractDownloadAction)(data, actionOptions)), (0, _defineProperty2.default)(_action, _constants.ActionName.FollowAction, (0, _extractFollowAction.default)(response, actionOptions, id)), (0, _defineProperty2.default)(_action, _constants.ActionName.PreviewAction, (0, _extractPreviewAction.extractPreviewAction)(response, actionOptions)), (0, _defineProperty2.default)(_action, _constants.ActionName.AutomationAction, (0, _extractAutomationAction.extractAutomationAction)(response)), (0, _defineProperty2.default)(_action, _constants.InternalActionName.AISummaryAction, (0, _extractAiSummaryAction.extractAISummaryAction)(response, url, actionOptions, aiSummaryConfig)), _action);
+  var action = _objectSpread((_objectSpread2 = {}, (0, _defineProperty2.default)(_objectSpread2, _constants.ActionName.CopyLinkAction, (0, _extractCopyLinkAction.extractCopyLinkAction)(data, actionOptions)), (0, _defineProperty2.default)(_objectSpread2, _constants.ActionName.DownloadAction, (0, _extractDownloadAction.extractDownloadAction)(data, actionOptions)), (0, _defineProperty2.default)(_objectSpread2, _constants.ActionName.FollowAction, (0, _extractFollowAction.default)(response, actionOptions, id)), (0, _defineProperty2.default)(_objectSpread2, _constants.ActionName.PreviewAction, (0, _extractPreviewAction.extractPreviewAction)(response, actionOptions)), (0, _defineProperty2.default)(_objectSpread2, _constants.ActionName.AutomationAction, (0, _extractAutomationAction.extractAutomationAction)(response)), (0, _defineProperty2.default)(_objectSpread2, _constants.InternalActionName.AISummaryAction, (0, _extractAiSummaryAction.extractAISummaryAction)(response, url, actionOptions, aiSummaryConfig)), _objectSpread2), (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.enable-view-related-urls-action') ? (0, _defineProperty2.default)({}, _constants.InternalActionName.ViewRelatedLinksAction, (0, _extractViewRelatedLinksAction.extractViewRelatedLinksAction)(response)) : {});
   return Object.values(action).some(function (value) {
     return Boolean(value);
   }) ? action : undefined;

package/dist/cjs/messages.js

@@ -710,5 +710,10 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     id: 'fabric.linking.related_links_modal_title.nonfinal',
     defaultMessage: 'Recent Links',
     description: 'Shown as the title for the related links modal'
+  },
+  related_links_view_related_urls: {
+    id: 'fabric.linking.related_links_view_related_urls.nonfinal',
+    defaultMessage: 'View recent links...',
+    description: 'Action to view related links to the given resource'
   }
 });

package/dist/cjs/state/flexible-ui-context/types.js

@@ -1,3 +1,5 @@
 "use strict";
 
-var _constants = require("../../constants");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/utils/analytics/analytics.js

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

package/dist/cjs/utils/index.js

@@ -474,6 +474,20 @@ var combineFrameStyle = exports.combineFrameStyle = function combineFrameStyle(f
  * @param themeState
  */
 var getPreviewUrlWithTheme = exports.getPreviewUrlWithTheme = function getPreviewUrlWithTheme(previewUrl, themeState) {
+  if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.fix-embed-preview-url-query-params')) {
+    try {
+      var url = new URL(previewUrl);
+      if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.enable-theme-state-url')) {
+        url.searchParams.append('themeState', (0, _tokens.themeObjectToString)(themeState));
+      } else {
+        var _themeState$colorMode;
+        url.searchParams.append('themeMode', (_themeState$colorMode = themeState.colorMode) !== null && _themeState$colorMode !== void 0 ? _themeState$colorMode : '');
+      }
+      return url.href;
+    } catch (_unused) {
+      return previewUrl;
+    }
+  }
   if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.enable-theme-state-url')) {
     var themeStateQueryString = encodeURIComponent((0, _tokens.themeObjectToString)(themeState));
     return "".concat(previewUrl).concat(previewUrl.includes('?') ? '&' : '?', "themeState=").concat(themeStateQueryString);

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

@@ -58,6 +58,12 @@ Object.defineProperty(exports, "PreviewAction", {
     return _previewAction.default;
   }
 });
+Object.defineProperty(exports, "ViewRelatedLinksAction", {
+  enumerable: true,
+  get: function get() {
+    return _viewRelatedLinksAction.default;
+  }
+});
 var _action = _interopRequireDefault(require("./action"));
 var _deleteAction = _interopRequireDefault(require("./delete-action"));
 var _editAction = _interopRequireDefault(require("./edit-action"));
@@ -66,4 +72,5 @@ var _followAction = _interopRequireDefault(require("./follow-action"));
 var _previewAction = _interopRequireDefault(require("./preview-action"));
 var _copyLinkAction = _interopRequireDefault(require("./copy-link-action"));
 var _aiSummaryAction = _interopRequireDefault(require("./ai-summary-action"));
-var _automationAction = _interopRequireDefault(require("./automation-action"));
+var _automationAction = _interopRequireDefault(require("./automation-action"));
+var _viewRelatedLinksAction = _interopRequireDefault(require("./view-related-links-action"));

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

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = require("@emotion/react");
+var _action = _interopRequireDefault(require("../action"));
+var _reactIntlNext = require("react-intl-next");
+var _messages = require("../../../../../messages");
+var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _relatedLinksActionIcon = _interopRequireDefault(require("./related-links-action-icon"));
+/** @jsx jsx */
+
+var ViewRelatedLinksAction = function ViewRelatedLinksAction(props) {
+  var _context$actions;
+  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var actionData = context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions.ViewRelatedLinksAction;
+  return actionData ? (0, _react.jsx)(_action.default, (0, _extends2.default)({
+    content: (0, _react.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.related_links_view_related_urls),
+    icon: (0, _react.jsx)(_relatedLinksActionIcon.default, null),
+    testId: "smart-action-view-related-links-action",
+    ariaLabel: "View most recent pages or content types coming from or found on this link"
+  }, props)) : null;
+};
+var _default = exports.default = ViewRelatedLinksAction;

package/dist/cjs/view/FlexibleCard/components/actions/view-related-links-action/related-links-action-icon/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("@emotion/react");
+var _childIssues = _interopRequireDefault(require("@atlaskit/icon/glyph/child-issues"));
+/** @jsx jsx */
+
+var rotateSvg = (0, _react.css)({
+  transform: 'rotate(180deg)',
+  display: 'inline-block'
+});
+
+/**
+ * ChildIssuesIcon but 180 degrees rotated
+ */
+var RelatedLinksActionIcon = function RelatedLinksActionIcon() {
+  return (0, _react.jsx)("span", {
+    css: rotateSvg
+  }, (0, _react.jsx)(_childIssues.default, {
+    label: "View recent links..."
+  }));
+};
+var _default = exports.default = RelatedLinksActionIcon;

package/dist/cjs/view/FlexibleCard/components/actions/view-related-links-action/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/view/FlexibleCard/components/blocks/title-block/errored/index.js

@@ -15,7 +15,7 @@ var _block = _interopRequireDefault(require("../../block"));
 var _constants = require("../../../../../../constants");
 var _utils = require("../../../utils");
 var _elementGroup = _interopRequireDefault(require("../../element-group"));
-var _excluded = ["actionGroup", "retry", "position", "testId", "title", "hideIcon"];
+var _excluded = ["actionGroup", "retry", "position", "testId", "title", "icon", "hideIcon"];
 /** @jsx jsx */
 var actionStyles = (0, _react2.css)({
   cursor: 'pointer',
@@ -50,6 +50,7 @@ var TitleBlockErroredView = function TitleBlockErroredView(_ref) {
     position = _ref.position,
     testId = _ref.testId,
     title = _ref.title,
+    icon = _ref.icon,
     hideIcon = _ref.hideIcon,
     blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _ref2 = retry || {},
@@ -62,6 +63,7 @@ var TitleBlockErroredView = function TitleBlockErroredView(_ref) {
   return (0, _react2.jsx)(_block.default, (0, _extends2.default)({}, blockProps, {
     testId: "".concat(testId, "-errored-view")
   }), !hideIcon && (0, _react2.jsx)(_elements.LinkIcon, {
+    overrideIcon: icon,
     position: position
   }), title, descriptor && (0, _react2.jsx)(_elementGroup.default, {
     direction: _constants.SmartLinkDirection.Horizontal,

package/dist/cjs/view/FlexibleCard/components/blocks/title-block/index.js

@@ -18,7 +18,7 @@ var _errored = _interopRequireDefault(require("./errored"));
 var _resolving = _interopRequireDefault(require("./resolving"));
 var _actionGroup = _interopRequireDefault(require("../action-group"));
 var _elements = require("../../elements");
-var _excluded = ["actions", "anchorTarget", "hideTitleTooltip", "maxLines", "onActionMenuOpenChange", "onClick", "overrideCss", "status", "showActionOnHover", "testId", "text", "theme", "hideRetry", "metadataPosition", "hideIcon"];
+var _excluded = ["actions", "anchorTarget", "hideTitleTooltip", "maxLines", "onActionMenuOpenChange", "onClick", "overrideCss", "status", "showActionOnHover", "testId", "text", "icon", "theme", "hideRetry", "metadataPosition", "hideIcon"];
 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 && Object.prototype.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 getActionStyles = function getActionStyles(showOnHover, isOpen) {
@@ -77,6 +77,7 @@ var TitleBlock = function TitleBlock(_ref) {
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-block-title' : _ref$testId,
     text = _ref.text,
+    icon = _ref.icon,
     theme = _ref.theme,
     hideRetry = _ref.hideRetry,
     metadataPosition = _ref.metadataPosition,
@@ -124,7 +125,8 @@ var TitleBlock = function TitleBlock(_ref) {
     testId: testId,
     title: title,
     metadataPosition: metadataPosition,
-    hideIcon: hideIcon
+    hideIcon: hideIcon,
+    icon: icon
   }));
 };
 var _default = exports.default = TitleBlock;

package/dist/cjs/view/FlexibleCard/components/blocks/title-block/resolved/index.js

@@ -14,7 +14,7 @@ var _block = _interopRequireDefault(require("../../block"));
 var _elementGroup = _interopRequireDefault(require("../../element-group"));
 var _constants = require("../../../../../../constants");
 var _utils = require("../../utils");
-var _excluded = ["actionGroup", "metadata", "position", "subtitle", "testId", "text", "title", "metadataPosition", "hideIcon"];
+var _excluded = ["actionGroup", "metadata", "position", "subtitle", "testId", "text", "icon", "title", "metadataPosition", "hideIcon"];
 /**
  * This renders a fully resolved TitleBlock.
  * This should render when a Smart Link returns a valid response.
@@ -29,6 +29,7 @@ var TitleBlockResolvedView = function TitleBlockResolvedView(_ref) {
     subtitle = _ref$subtitle === void 0 ? [] : _ref$subtitle,
     testId = _ref.testId,
     text = _ref.text,
+    icon = _ref.icon,
     title = _ref.title,
     metadataPosition = _ref.metadataPosition,
     hideIcon = _ref.hideIcon,
@@ -38,6 +39,7 @@ var TitleBlockResolvedView = function TitleBlockResolvedView(_ref) {
   return /*#__PURE__*/_react.default.createElement(_block.default, (0, _extends2.default)({}, blockProps, {
     testId: "".concat(testId, "-resolved-view")
   }), !hideIcon && /*#__PURE__*/_react.default.createElement(_elements.LinkIcon, {
+    overrideIcon: icon,
     position: position
   }), /*#__PURE__*/_react.default.createElement(_elementGroup.default, {
     direction: _constants.SmartLinkDirection.Vertical,

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

@@ -81,6 +81,7 @@ var renderImageIcon = function renderImageIcon(defaultIcon, url, testId) {
  */
 var Icon = function Icon(_ref) {
   var icon = _ref.icon,
+    overrideIcon = _ref.overrideIcon,
     _ref$label = _ref.label,
     label = _ref$label === void 0 ? 'Link' : _ref$label,
     name = _ref.name,
@@ -95,8 +96,8 @@ var Icon = function Icon(_ref) {
     url = _ref.url;
   var element = (0, _react.useMemo)(function () {
     var defaultIcon = renderDefaultIcon(label, testId);
-    return (render === null || render === void 0 ? void 0 : render()) || renderImageIcon(defaultIcon, url, testId) || renderAtlaskitIcon(icon, label, testId) || defaultIcon;
-  }, [icon, label, render, testId, url]);
+    return overrideIcon || (render === null || render === void 0 ? void 0 : render()) || renderImageIcon(defaultIcon, url, testId) || renderAtlaskitIcon(icon, label, testId) || defaultIcon;
+  }, [overrideIcon, icon, label, render, testId, url]);
   var width = (0, _utils.getIconWidth)(size);
   var styles = getIconStyles(position, width);
   var renderStyles = render ? getCustomRenderStyles(width) : undefined;

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

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

package/dist/es2019/constants.js

@@ -158,6 +158,7 @@ export let ActionName = /*#__PURE__*/function (ActionName) {
 }({});
 export let InternalActionName = /*#__PURE__*/function (InternalActionName) {
   InternalActionName["AISummaryAction"] = "AISummaryAction";
+  InternalActionName["ViewRelatedLinksAction"] = "ViewRelatedLinksAction";
   return InternalActionName;
 }({});
 /**

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

@@ -0,0 +1,14 @@
+import { extractLink } from '@atlaskit/link-extractors';
+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 url = extractLink(response.data);
+  if (!url) {
+    return;
+  }
+  return {
+    url
+  };
+};

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

@@ -1,3 +1,4 @@
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { ActionName, InternalActionName } from '../../../constants';
 import { extractDownloadAction } from './extract-download-action';
 import { extractPreviewAction } from './extract-preview-action';
@@ -5,6 +6,7 @@ import { extractAISummaryAction } from './extract-ai-summary-action';
 import extractFollowAction from './extract-follow-action';
 import { extractCopyLinkAction } from './extract-copy-link-action';
 import { extractAutomationAction } from './extract-automation-action';
+import { extractViewRelatedLinksAction } from './extract-view-related-links-action';
 const extractActions = (response, url, actionOptions, id, aiSummaryConfig) => {
   const data = response.data;
   const action = {
@@ -13,7 +15,10 @@ const extractActions = (response, url, actionOptions, id, aiSummaryConfig) => {
     [ActionName.FollowAction]: extractFollowAction(response, actionOptions, id),
     [ActionName.PreviewAction]: extractPreviewAction(response, actionOptions),
     [ActionName.AutomationAction]: extractAutomationAction(response),
-    [InternalActionName.AISummaryAction]: extractAISummaryAction(response, url, actionOptions, aiSummaryConfig)
+    [InternalActionName.AISummaryAction]: extractAISummaryAction(response, url, actionOptions, aiSummaryConfig),
+    ...(getBooleanFF('platform.linking-platform.smart-card.enable-view-related-urls-action') ? {
+      [InternalActionName.ViewRelatedLinksAction]: extractViewRelatedLinksAction(response)
+    } : {})
   };
   return Object.values(action).some(value => Boolean(value)) ? action : undefined;
 };

package/dist/es2019/messages.js

@@ -704,5 +704,10 @@ export const messages = defineMessages({
     id: 'fabric.linking.related_links_modal_title.nonfinal',
     defaultMessage: 'Recent Links',
     description: 'Shown as the title for the related links modal'
+  },
+  related_links_view_related_urls: {
+    id: 'fabric.linking.related_links_view_related_urls.nonfinal',
+    defaultMessage: 'View recent links...',
+    description: 'Action to view related links to the given resource'
   }
 });

package/dist/es2019/state/flexible-ui-context/types.js

@@ -1,8 +1 @@
-import { ActionName, InternalActionName } from '../../constants';
-
-/**
- * This provides the data that will be used by Smart Links Flexible UI to populate it's
- * underlying elements.
- */
-
-// TODO: types more specific once modal is implemented
+export {};

package/dist/es2019/utils/analytics/analytics.js

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

package/dist/es2019/utils/index.js

@@ -177,6 +177,20 @@ export const combineFrameStyle = (frameStyle, isFrameVisible) => {
  * @param themeState
  */
 export const getPreviewUrlWithTheme = (previewUrl, themeState) => {
+  if (getBooleanFF('platform.linking-platform.smart-card.fix-embed-preview-url-query-params')) {
+    try {
+      const url = new URL(previewUrl);
+      if (getBooleanFF('platform.linking-platform.smart-card.enable-theme-state-url')) {
+        url.searchParams.append('themeState', themeObjectToString(themeState));
+      } else {
+        var _themeState$colorMode;
+        url.searchParams.append('themeMode', (_themeState$colorMode = themeState.colorMode) !== null && _themeState$colorMode !== void 0 ? _themeState$colorMode : '');
+      }
+      return url.href;
+    } catch {
+      return previewUrl;
+    }
+  }
   if (getBooleanFF('platform.linking-platform.smart-card.enable-theme-state-url')) {
     const themeStateQueryString = encodeURIComponent(themeObjectToString(themeState));
     return `${previewUrl}${previewUrl.includes('?') ? '&' : '?'}themeState=${themeStateQueryString}`;

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

@@ -6,4 +6,5 @@ export { default as FollowAction } from './follow-action';
 export { default as PreviewAction } from './preview-action';
 export { default as CopyLinkAction } from './copy-link-action';
 export { default as AISummaryAction } from './ai-summary-action';
-export { default as AutomationAction } from './automation-action';
+export { default as AutomationAction } from './automation-action';
+export { default as ViewRelatedLinksAction } from './view-related-links-action';

package/dist/es2019/view/FlexibleCard/components/actions/view-related-links-action/index.js

@@ -0,0 +1,20 @@
+import _extends from "@babel/runtime/helpers/extends";
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import Action from '../action';
+import { FormattedMessage } from 'react-intl-next';
+import { messages } from '../../../../../messages';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import RelatedLinksActionIcon from './related-links-action-icon';
+const ViewRelatedLinksAction = props => {
+  var _context$actions;
+  const context = useFlexibleUiContext();
+  const actionData = context === null || context === void 0 ? void 0 : (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions.ViewRelatedLinksAction;
+  return actionData ? jsx(Action, _extends({
+    content: jsx(FormattedMessage, messages.related_links_view_related_urls),
+    icon: jsx(RelatedLinksActionIcon, null),
+    testId: "smart-action-view-related-links-action",
+    ariaLabel: "View most recent pages or content types coming from or found on this link"
+  }, props)) : null;
+};
+export default ViewRelatedLinksAction;

package/dist/es2019/view/FlexibleCard/components/actions/view-related-links-action/related-links-action-icon/index.js

@@ -0,0 +1,17 @@
+/** @jsx jsx */
+import { css, jsx } from '@emotion/react';
+import ChildIssuesIcon from '@atlaskit/icon/glyph/child-issues';
+const rotateSvg = css({
+  transform: 'rotate(180deg)',
+  display: 'inline-block'
+});
+
+/**
+ * ChildIssuesIcon but 180 degrees rotated
+ */
+const RelatedLinksActionIcon = () => jsx("span", {
+  css: rotateSvg
+}, jsx(ChildIssuesIcon, {
+  label: "View recent links..."
+}));
+export default RelatedLinksActionIcon;

package/dist/es2019/view/FlexibleCard/components/actions/view-related-links-action/types.js

@@ -0,0 +1 @@
+export {};

package/dist/es2019/view/FlexibleCard/components/blocks/title-block/errored/index.js

@@ -41,6 +41,7 @@ const TitleBlockErroredView = ({
   position,
   testId,
   title,
+  icon,
   hideIcon,
   ...blockProps
 }) => {
@@ -56,6 +57,7 @@ const TitleBlockErroredView = ({
   return jsx(Block, _extends({}, blockProps, {
     testId: `${testId}-errored-view`
   }), !hideIcon && jsx(LinkIcon, {
+    overrideIcon: icon,
     position: position
   }), title, descriptor && jsx(ElementGroup, {
     direction: SmartLinkDirection.Horizontal,

package/dist/es2019/view/FlexibleCard/components/blocks/title-block/index.js

@@ -61,6 +61,7 @@ const TitleBlock = ({
   showActionOnHover,
   testId = 'smart-block-title',
   text,
+  icon,
   theme,
   hideRetry,
   metadataPosition,
@@ -105,7 +106,8 @@ const TitleBlock = ({
     testId: testId,
     title: title,
     metadataPosition: metadataPosition,
-    hideIcon: hideIcon
+    hideIcon: hideIcon,
+    icon: icon
   }));
 };
 export default TitleBlock;

package/dist/es2019/view/FlexibleCard/components/blocks/title-block/resolved/index.js

@@ -19,6 +19,7 @@ const TitleBlockResolvedView = ({
   subtitle = [],
   testId,
   text,
+  icon,
   title,
   metadataPosition,
   hideIcon,
@@ -29,6 +30,7 @@ const TitleBlockResolvedView = ({
   return /*#__PURE__*/React.createElement(Block, _extends({}, blockProps, {
     testId: `${testId}-resolved-view`
   }), !hideIcon && /*#__PURE__*/React.createElement(LinkIcon, {
+    overrideIcon: icon,
     position: position
   }), /*#__PURE__*/React.createElement(ElementGroup, {
     direction: SmartLinkDirection.Vertical,

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

@@ -64,6 +64,7 @@ const renderImageIcon = (defaultIcon, url, testId) => {
  */
 const Icon = ({
   icon,
+  overrideIcon,
   label = 'Link',
   name,
   position = SmartLinkPosition.Top,
@@ -75,8 +76,8 @@ const Icon = ({
 }) => {
   const element = useMemo(() => {
     const defaultIcon = renderDefaultIcon(label, testId);
-    return (render === null || render === void 0 ? void 0 : render()) || renderImageIcon(defaultIcon, url, testId) || renderAtlaskitIcon(icon, label, testId) || defaultIcon;
-  }, [icon, label, render, testId, url]);
+    return overrideIcon || (render === null || render === void 0 ? void 0 : render()) || renderImageIcon(defaultIcon, url, testId) || renderAtlaskitIcon(icon, label, testId) || defaultIcon;
+  }, [overrideIcon, icon, label, render, testId, url]);
   const width = getIconWidth(size);
   const styles = getIconStyles(position, width);
   const renderStyles = render ? getCustomRenderStyles(width) : undefined;

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

@@ -7,7 +7,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.71.0",
+  packageVersion: "26.73.0",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');

package/dist/esm/constants.js

@@ -158,6 +158,7 @@ export var ActionName = /*#__PURE__*/function (ActionName) {
 }({});
 export var InternalActionName = /*#__PURE__*/function (InternalActionName) {
   InternalActionName["AISummaryAction"] = "AISummaryAction";
+  InternalActionName["ViewRelatedLinksAction"] = "ViewRelatedLinksAction";
   return InternalActionName;
 }({});
 /**

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

@@ -0,0 +1,14 @@
+import { extractLink } from '@atlaskit/link-extractors';
+export var 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 url = extractLink(response.data);
+  if (!url) {
+    return;
+  }
+  return {
+    url: url
+  };
+};

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

@@ -1,4 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { ActionName, InternalActionName } from '../../../constants';
 import { extractDownloadAction } from './extract-download-action';
 import { extractPreviewAction } from './extract-preview-action';
@@ -6,10 +9,11 @@ import { extractAISummaryAction } from './extract-ai-summary-action';
 import extractFollowAction from './extract-follow-action';
 import { extractCopyLinkAction } from './extract-copy-link-action';
 import { extractAutomationAction } from './extract-automation-action';
+import { extractViewRelatedLinksAction } from './extract-view-related-links-action';
 var extractActions = function extractActions(response, url, actionOptions, id, aiSummaryConfig) {
-  var _action;
+  var _objectSpread2;
   var data = response.data;
-  var action = (_action = {}, _defineProperty(_action, ActionName.CopyLinkAction, extractCopyLinkAction(data, actionOptions)), _defineProperty(_action, ActionName.DownloadAction, extractDownloadAction(data, actionOptions)), _defineProperty(_action, ActionName.FollowAction, extractFollowAction(response, actionOptions, id)), _defineProperty(_action, ActionName.PreviewAction, extractPreviewAction(response, actionOptions)), _defineProperty(_action, ActionName.AutomationAction, extractAutomationAction(response)), _defineProperty(_action, InternalActionName.AISummaryAction, extractAISummaryAction(response, url, actionOptions, aiSummaryConfig)), _action);
+  var action = _objectSpread((_objectSpread2 = {}, _defineProperty(_objectSpread2, ActionName.CopyLinkAction, extractCopyLinkAction(data, actionOptions)), _defineProperty(_objectSpread2, ActionName.DownloadAction, extractDownloadAction(data, actionOptions)), _defineProperty(_objectSpread2, ActionName.FollowAction, extractFollowAction(response, actionOptions, id)), _defineProperty(_objectSpread2, ActionName.PreviewAction, extractPreviewAction(response, actionOptions)), _defineProperty(_objectSpread2, ActionName.AutomationAction, extractAutomationAction(response)), _defineProperty(_objectSpread2, InternalActionName.AISummaryAction, extractAISummaryAction(response, url, actionOptions, aiSummaryConfig)), _objectSpread2), getBooleanFF('platform.linking-platform.smart-card.enable-view-related-urls-action') ? _defineProperty({}, InternalActionName.ViewRelatedLinksAction, extractViewRelatedLinksAction(response)) : {});
   return Object.values(action).some(function (value) {
     return Boolean(value);
   }) ? action : undefined;