@atlaskit/smart-card 26.72.0 → 26.73.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @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

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.72.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/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.72.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.72.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/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.72.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;

package/dist/esm/messages.js

@@ -704,5 +704,10 @@ export var 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/esm/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/esm/utils/analytics/analytics.js

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

package/dist/esm/utils/index.js

@@ -364,6 +364,20 @@ export var combineFrameStyle = function combineFrameStyle(frameStyle, isFrameVis
  * @param themeState
  */
 export var getPreviewUrlWithTheme = function getPreviewUrlWithTheme(previewUrl, themeState) {
+  if (getBooleanFF('platform.linking-platform.smart-card.fix-embed-preview-url-query-params')) {
+    try {
+      var 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 (_unused) {
+      return previewUrl;
+    }
+  }
   if (getBooleanFF('platform.linking-platform.smart-card.enable-theme-state-url')) {
     var themeStateQueryString = encodeURIComponent(themeObjectToString(themeState));
     return "".concat(previewUrl).concat(previewUrl.includes('?') ? '&' : '?', "themeState=").concat(themeStateQueryString);

package/dist/esm/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/esm/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';
+var ViewRelatedLinksAction = function ViewRelatedLinksAction(props) {
+  var _context$actions;
+  var context = useFlexibleUiContext();
+  var actionData = context === null || context === 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/esm/view/FlexibleCard/components/actions/view-related-links-action/related-links-action-icon/index.js

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

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

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

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

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

package/dist/types/constants.d.ts

@@ -141,7 +141,8 @@ export declare enum ActionName {
     CustomAction = "CustomAction"
 }
 export declare enum InternalActionName {
-    AISummaryAction = "AISummaryAction"
+    AISummaryAction = "AISummaryAction",
+    ViewRelatedLinksAction = "ViewRelatedLinksAction"
 }
 export type FlexibleUiActionName = keyof typeof ActionName | keyof typeof InternalActionName;
 /**

package/dist/types/extractors/flexible/actions/extract-view-related-links-action.d.ts

@@ -0,0 +1,3 @@
+import { type JsonLd } from 'json-ld-types';
+import { type ViewRelatedLinksActionData } from '../../../state/flexible-ui-context/types';
+export declare const extractViewRelatedLinksAction: (response: JsonLd.Response) => ViewRelatedLinksActionData | undefined;

package/dist/types/messages.d.ts

@@ -1,6 +1,6 @@
 import { type MessageDescriptor } from 'react-intl-next';
 export type RequestAccessMessageKey = 'click_to_join' | 'click_to_join_description' | 'forbidden_description' | 'request_access' | 'request_access_description' | 'request_access_pending' | 'request_access_pending_title' | 'request_access_pending_description' | 'request_denied_description' | 'default_no_access_title' | 'direct_access_title' | 'direct_access_description' | 'direct_access' | 'access_exists_description' | 'not_found_description' | 'not_found_title';
-export type MessageKey = 'assigned_to' | 'ai_summarize' | 'ai_summarized' | 'ai_summarized_abbreviation' | 'ai_summarized_info' | 'ai_summarized_info_short' | 'ai_summarizing' | 'ai_summary_error_generic' | 'ai_summary_error_acceptable_use_violation' | 'ai_summary_error_hipaa_content_detected' | 'ai_summary_error_exceeding_context_length_error' | 'ai_summary_action' | 'ai_summary_action_description' | 'automation_action_title' | 'automation_action_tooltip' | 'automation_action_icon_label' | 'automation_action_confluence_page_modal_title' | 'automation_action_confluence_page_modal_description' | 'copy_summary_action' | 'copy_summary_action_description' | 'copied_summary_action_description' | 'beta' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'copied_url_to_clipboard' | 'could_not_load_link' | 'download' | 'download_description' | 'download_file' | 'follow' | 'follow_project_description' | 'follow_project' | 'follow_goal' | 'follow_goal_description' | 'follow_project_error' | 'follow_goal_error' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'learn_more_about_connecting_account' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_description' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'unfollow' | 'unfollow_project_description' | 'unfollow_project' | 'unfollow_project_error' | 'unfollow_goal' | 'unfollow_goal_description' | 'unfollow_goal_error' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related_work_items_not_found' | 'last_mentioned_in' | 'related' | 'generic_error_message' | 'related_links_modal_title_nonfinal';
+export type MessageKey = 'assigned_to' | 'ai_summarize' | 'ai_summarized' | 'ai_summarized_abbreviation' | 'ai_summarized_info' | 'ai_summarized_info_short' | 'ai_summarizing' | 'ai_summary_error_generic' | 'ai_summary_error_acceptable_use_violation' | 'ai_summary_error_hipaa_content_detected' | 'ai_summary_error_exceeding_context_length_error' | 'ai_summary_action' | 'ai_summary_action_description' | 'automation_action_title' | 'automation_action_tooltip' | 'automation_action_icon_label' | 'automation_action_confluence_page_modal_title' | 'automation_action_confluence_page_modal_description' | 'copy_summary_action' | 'copy_summary_action_description' | 'copied_summary_action_description' | 'beta' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'copied_url_to_clipboard' | 'could_not_load_link' | 'download' | 'download_description' | 'download_file' | 'follow' | 'follow_project_description' | 'follow_project' | 'follow_goal' | 'follow_goal_description' | 'follow_project_error' | 'follow_goal_error' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'learn_more_about_connecting_account' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_description' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'unfollow' | 'unfollow_project_description' | 'unfollow_project' | 'unfollow_project_error' | 'unfollow_goal' | 'unfollow_goal_description' | 'unfollow_goal_error' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related_work_items_not_found' | 'last_mentioned_in' | 'related' | 'generic_error_message' | 'related_links_modal_title_nonfinal' | 'related_links_view_related_urls';
 type Messages = {
     [K in MessageKey]: MessageDescriptor;
 };

package/dist/types/state/flexible-ui-context/types.d.ts

@@ -1,11 +1,11 @@
-import { LinkLozenge } from '../../extractors/common/lozenge/types';
-import { LinkPerson } from '@atlaskit/link-extractors';
-import { ActionName, IconType, InternalActionName, MediaType } from '../../constants';
-import { InvokeRequestWithCardDetails } from '../hooks/use-invoke/types';
+import { type LinkLozenge } from '../../extractors/common/lozenge/types';
+import { type LinkPerson } from '@atlaskit/link-extractors';
+import { type ActionName, type IconType, type InternalActionName, type MediaType } from '../../constants';
+import { type InvokeRequestWithCardDetails } from '../hooks/use-invoke/types';
 import type { CardInnerAppearance } from '../../view/Card/types';
 import type { AnalyticsFacade } from '../analytics';
 import type { ProductType } from '@atlaskit/linking-common';
-import { MessageDescriptor } from 'react-intl-next';
+import { type MessageDescriptor } from 'react-intl-next';
 /**
  * This provides the data that will be used by Smart Links Flexible UI to populate it's
  * underlying elements.
@@ -249,6 +249,7 @@ export type FlexibleUiActions = {
     [ActionName.CopyLinkAction]?: CopyLinkActionData;
     [InternalActionName.AISummaryAction]?: AISummaryActionData;
     [ActionName.AutomationAction]?: AutomationActionData;
+    [InternalActionName.ViewRelatedLinksAction]?: ViewRelatedLinksActionData;
 };
 export type PreviewActionData = {
     downloadUrl?: string;
@@ -283,6 +284,9 @@ export type AutomationActionData = {
     modalTitle: MessageDescriptor;
     modalDescription: MessageDescriptor;
 };
+export type ViewRelatedLinksActionData = {
+    url: string;
+};
 export type FlexibleAnalyticsContextType = AnalyticsFacade & {
     display?: CardInnerAppearance;
     extensionKey?: string;

package/dist/types/utils/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { CardProps } from '../view/Card';
-import { FrameStyle } from '../view/EmbedCard/types';
-import { ActiveThemeState } from '@atlaskit/tokens/src/theme-config';
+import { type FrameStyle } from '../view/EmbedCard/types';
+import { type ActiveThemeState } from '@atlaskit/tokens/src/theme-config';
 export declare const isCardWithData: (props: CardProps) => boolean;
 export declare const isSpecialEvent: (evt: React.MouseEvent | React.KeyboardEvent) => boolean;
 export declare const isIframe: () => boolean;

package/dist/types/view/Card/types.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { CardAppearance } from '@atlaskit/linking-common';
-import { CardPlatform } from '@atlaskit/link-extractors';
-import { AnalyticsFacade } from '../../state/analytics';
-import { FlexibleUiOptions } from '../FlexibleCard/types';
-import { InlinePreloaderStyle, OnErrorCallback } from '../types';
-import { FrameStyle } from '../EmbedCard/types';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { type CardAppearance } from '@atlaskit/linking-common';
+import { type CardPlatform } from '@atlaskit/link-extractors';
+import { type AnalyticsFacade } from '../../state/analytics';
+import { type FlexibleUiOptions } from '../FlexibleCard/types';
+import { type InlinePreloaderStyle, type OnErrorCallback } from '../types';
+import { type FrameStyle } from '../EmbedCard/types';
 export type { CardAppearance, CardPlatform };
 export type CardInnerAppearance = CardAppearance | 'embedPreview' | 'flexible' | 'hoverCardPreview';
 export type EmbedIframeUrlType = 'href' | 'interactiveHref';

package/dist/types/view/FlexibleCard/components/actions/index.d.ts

@@ -7,3 +7,4 @@ 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 ViewRelatedLinksAction } from './view-related-links-action';

package/dist/types/view/FlexibleCard/components/actions/view-related-links-action/index.d.ts

@@ -0,0 +1,5 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { type ViewRelatedLinksActionProps } from './types';
+declare const ViewRelatedLinksAction: (props: ViewRelatedLinksActionProps) => jsx.JSX.Element | null;
+export default ViewRelatedLinksAction;

package/dist/types/view/FlexibleCard/components/actions/view-related-links-action/related-links-action-icon/index.d.ts

@@ -0,0 +1,7 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+/**
+ * ChildIssuesIcon but 180 degrees rotated
+ */
+declare const RelatedLinksActionIcon: () => jsx.JSX.Element;
+export default RelatedLinksActionIcon;

package/dist/types/view/FlexibleCard/components/actions/view-related-links-action/types.d.ts

@@ -0,0 +1,2 @@
+import type { ActionProps } from '../action/types';
+export type ViewRelatedLinksActionProps = ActionProps;

package/dist/types-ts4.5/constants.d.ts

@@ -141,7 +141,8 @@ export declare enum ActionName {
     CustomAction = "CustomAction"
 }
 export declare enum InternalActionName {
-    AISummaryAction = "AISummaryAction"
+    AISummaryAction = "AISummaryAction",
+    ViewRelatedLinksAction = "ViewRelatedLinksAction"
 }
 export type FlexibleUiActionName = keyof typeof ActionName | keyof typeof InternalActionName;
 /**

package/dist/types-ts4.5/extractors/flexible/actions/extract-view-related-links-action.d.ts

@@ -0,0 +1,3 @@
+import { type JsonLd } from 'json-ld-types';
+import { type ViewRelatedLinksActionData } from '../../../state/flexible-ui-context/types';
+export declare const extractViewRelatedLinksAction: (response: JsonLd.Response) => ViewRelatedLinksActionData | undefined;

package/dist/types-ts4.5/messages.d.ts

@@ -1,6 +1,6 @@
 import { type MessageDescriptor } from 'react-intl-next';
 export type RequestAccessMessageKey = 'click_to_join' | 'click_to_join_description' | 'forbidden_description' | 'request_access' | 'request_access_description' | 'request_access_pending' | 'request_access_pending_title' | 'request_access_pending_description' | 'request_denied_description' | 'default_no_access_title' | 'direct_access_title' | 'direct_access_description' | 'direct_access' | 'access_exists_description' | 'not_found_description' | 'not_found_title';
-export type MessageKey = 'assigned_to' | 'ai_summarize' | 'ai_summarized' | 'ai_summarized_abbreviation' | 'ai_summarized_info' | 'ai_summarized_info_short' | 'ai_summarizing' | 'ai_summary_error_generic' | 'ai_summary_error_acceptable_use_violation' | 'ai_summary_error_hipaa_content_detected' | 'ai_summary_error_exceeding_context_length_error' | 'ai_summary_action' | 'ai_summary_action_description' | 'automation_action_title' | 'automation_action_tooltip' | 'automation_action_icon_label' | 'automation_action_confluence_page_modal_title' | 'automation_action_confluence_page_modal_description' | 'copy_summary_action' | 'copy_summary_action_description' | 'copied_summary_action_description' | 'beta' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'copied_url_to_clipboard' | 'could_not_load_link' | 'download' | 'download_description' | 'download_file' | 'follow' | 'follow_project_description' | 'follow_project' | 'follow_goal' | 'follow_goal_description' | 'follow_project_error' | 'follow_goal_error' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'learn_more_about_connecting_account' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_description' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'unfollow' | 'unfollow_project_description' | 'unfollow_project' | 'unfollow_project_error' | 'unfollow_goal' | 'unfollow_goal_description' | 'unfollow_goal_error' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related_work_items_not_found' | 'last_mentioned_in' | 'related' | 'generic_error_message' | 'related_links_modal_title_nonfinal';
+export type MessageKey = 'assigned_to' | 'ai_summarize' | 'ai_summarized' | 'ai_summarized_abbreviation' | 'ai_summarized_info' | 'ai_summarized_info_short' | 'ai_summarizing' | 'ai_summary_error_generic' | 'ai_summary_error_acceptable_use_violation' | 'ai_summary_error_hipaa_content_detected' | 'ai_summary_error_exceeding_context_length_error' | 'ai_summary_action' | 'ai_summary_action_description' | 'automation_action_title' | 'automation_action_tooltip' | 'automation_action_icon_label' | 'automation_action_confluence_page_modal_title' | 'automation_action_confluence_page_modal_description' | 'copy_summary_action' | 'copy_summary_action_description' | 'copied_summary_action_description' | 'beta' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'copied_url_to_clipboard' | 'could_not_load_link' | 'download' | 'download_description' | 'download_file' | 'follow' | 'follow_project_description' | 'follow_project' | 'follow_goal' | 'follow_goal_description' | 'follow_project_error' | 'follow_goal_error' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'learn_more_about_connecting_account' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_description' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'unfollow' | 'unfollow_project_description' | 'unfollow_project' | 'unfollow_project_error' | 'unfollow_goal' | 'unfollow_goal_description' | 'unfollow_goal_error' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related_work_items_not_found' | 'last_mentioned_in' | 'related' | 'generic_error_message' | 'related_links_modal_title_nonfinal' | 'related_links_view_related_urls';
 type Messages = {
     [K in MessageKey]: MessageDescriptor;
 };

package/dist/types-ts4.5/state/flexible-ui-context/types.d.ts

@@ -1,11 +1,11 @@
-import { LinkLozenge } from '../../extractors/common/lozenge/types';
-import { LinkPerson } from '@atlaskit/link-extractors';
-import { ActionName, IconType, InternalActionName, MediaType } from '../../constants';
-import { InvokeRequestWithCardDetails } from '../hooks/use-invoke/types';
+import { type LinkLozenge } from '../../extractors/common/lozenge/types';
+import { type LinkPerson } from '@atlaskit/link-extractors';
+import { type ActionName, type IconType, type InternalActionName, type MediaType } from '../../constants';
+import { type InvokeRequestWithCardDetails } from '../hooks/use-invoke/types';
 import type { CardInnerAppearance } from '../../view/Card/types';
 import type { AnalyticsFacade } from '../analytics';
 import type { ProductType } from '@atlaskit/linking-common';
-import { MessageDescriptor } from 'react-intl-next';
+import { type MessageDescriptor } from 'react-intl-next';
 /**
  * This provides the data that will be used by Smart Links Flexible UI to populate it's
  * underlying elements.
@@ -249,6 +249,7 @@ export type FlexibleUiActions = {
     [ActionName.CopyLinkAction]?: CopyLinkActionData;
     [InternalActionName.AISummaryAction]?: AISummaryActionData;
     [ActionName.AutomationAction]?: AutomationActionData;
+    [InternalActionName.ViewRelatedLinksAction]?: ViewRelatedLinksActionData;
 };
 export type PreviewActionData = {
     downloadUrl?: string;
@@ -283,6 +284,9 @@ export type AutomationActionData = {
     modalTitle: MessageDescriptor;
     modalDescription: MessageDescriptor;
 };
+export type ViewRelatedLinksActionData = {
+    url: string;
+};
 export type FlexibleAnalyticsContextType = AnalyticsFacade & {
     display?: CardInnerAppearance;
     extensionKey?: string;

package/dist/types-ts4.5/utils/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { CardProps } from '../view/Card';
-import { FrameStyle } from '../view/EmbedCard/types';
-import { ActiveThemeState } from '@atlaskit/tokens/src/theme-config';
+import { type FrameStyle } from '../view/EmbedCard/types';
+import { type ActiveThemeState } from '@atlaskit/tokens/src/theme-config';
 export declare const isCardWithData: (props: CardProps) => boolean;
 export declare const isSpecialEvent: (evt: React.MouseEvent | React.KeyboardEvent) => boolean;
 export declare const isIframe: () => boolean;

package/dist/types-ts4.5/view/Card/types.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { CardAppearance } from '@atlaskit/linking-common';
-import { CardPlatform } from '@atlaskit/link-extractors';
-import { AnalyticsFacade } from '../../state/analytics';
-import { FlexibleUiOptions } from '../FlexibleCard/types';
-import { InlinePreloaderStyle, OnErrorCallback } from '../types';
-import { FrameStyle } from '../EmbedCard/types';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { type CardAppearance } from '@atlaskit/linking-common';
+import { type CardPlatform } from '@atlaskit/link-extractors';
+import { type AnalyticsFacade } from '../../state/analytics';
+import { type FlexibleUiOptions } from '../FlexibleCard/types';
+import { type InlinePreloaderStyle, type OnErrorCallback } from '../types';
+import { type FrameStyle } from '../EmbedCard/types';
 export type { CardAppearance, CardPlatform };
 export type CardInnerAppearance = CardAppearance | 'embedPreview' | 'flexible' | 'hoverCardPreview';
 export type EmbedIframeUrlType = 'href' | 'interactiveHref';

package/dist/types-ts4.5/view/FlexibleCard/components/actions/index.d.ts

@@ -7,3 +7,4 @@ 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 ViewRelatedLinksAction } from './view-related-links-action';

package/dist/types-ts4.5/view/FlexibleCard/components/actions/view-related-links-action/index.d.ts

@@ -0,0 +1,5 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { type ViewRelatedLinksActionProps } from './types';
+declare const ViewRelatedLinksAction: (props: ViewRelatedLinksActionProps) => jsx.JSX.Element | null;
+export default ViewRelatedLinksAction;

package/dist/types-ts4.5/view/FlexibleCard/components/actions/view-related-links-action/related-links-action-icon/index.d.ts

@@ -0,0 +1,7 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+/**
+ * ChildIssuesIcon but 180 degrees rotated
+ */
+declare const RelatedLinksActionIcon: () => jsx.JSX.Element;
+export default RelatedLinksActionIcon;

package/dist/types-ts4.5/view/FlexibleCard/components/actions/view-related-links-action/types.d.ts

@@ -0,0 +1,2 @@
+import type { ActionProps } from '../action/types';
+export type ViewRelatedLinksActionProps = ActionProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.72.0",
+  "version": "26.73.0",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -187,11 +187,17 @@
     "platform.linking-platform.smart-card.fix-embed-card-blurring": {
       "type": "boolean"
     },
+    "platform.linking-platform.smart-card.fix-embed-preview-url-query-params": {
+      "type": "boolean"
+    },
     "platform.linking-platform.smart-card.action-icon-redesign": {
       "type": "boolean"
     },
     "platform.linking-platfom.smart-card.confluence.page.automation-action_xcdoi": {
       "type": "boolean"
+    },
+    "platform.linking-platform.smart-card.enable-view-related-urls-action": {
+      "type": "boolean"
     }
   },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"