@atlaskit/smart-card 26.72.0 → 27.0.0

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @atlaskit/smart-card
 
+## 27.0.0
+
+### Major Changes
+
+-   [#102675](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/102675)
+    [`5a358ae041de`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5a358ae041de) -
+    Removing @atlaskit/in-product-testing and its usages. Entry point removals require a major bump.
+
+## 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: "27.0.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/automation-action/automation-manual-triggers/manual-triggers-container/common/test-utils.js

@@ -24,7 +24,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _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; } // eslint-disable-next-line import/no-extraneous-dependencies
 /**
  * Creates a stubbed invocation API call for triggering rules. Will return
  * the supplied invocation result for all objects the rule was called

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/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: "27.0.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: "27.0.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/automation-action/automation-manual-triggers/manual-triggers-container/common/test-utils.js

@@ -1,5 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { Component, Fragment } from 'react';
+
+// eslint-disable-next-line import/no-extraneous-dependencies
 import { render } from '@testing-library/react';
 import { DiProvider } from 'react-magnetic-di';
 import { IntlProvider } from 'react-intl-next';

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/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: "27.0.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: "27.0.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/automation-action/automation-manual-triggers/manual-triggers-container/common/test-utils.js

@@ -12,6 +12,8 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 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 React, { Component, Fragment } from 'react';
+
+// eslint-disable-next-line import/no-extraneous-dependencies
 import { render } from '@testing-library/react';
 import { DiProvider } from 'react-magnetic-di';
 import { IntlProvider } from 'react-intl-next';

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/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: "27.0.0",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/dist/types/__fixtures__/atlas-project.d.ts

@@ -1,3 +1,3 @@
-import { JsonLd } from 'json-ld-types';
+import { type JsonLd } from 'json-ld-types';
 declare const _default: JsonLd.Response<JsonLd.Data.BaseData>;
 export default _default;

package/dist/types/__fixtures__/dropbox-file.d.ts

@@ -1,3 +1,3 @@
-import { JsonLd } from 'json-ld-types';
+import { type JsonLd } from 'json-ld-types';
 declare const _default: JsonLd.Response<JsonLd.Data.BaseData>;
 export default _default;

package/dist/types/common/analytics/generated/create-event-payload.d.ts

@@ -6,7 +6,7 @@
  * @codegen <<SignedSource::0d08fdca953a1eb1130683499e509165>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen smart-card
  */
-import { AnalyticsEventAttributes, EventKey } from './analytics.types';
+import { type AnalyticsEventAttributes, type EventKey } from './analytics.types';
 type OptionalIfUndefined<T> = undefined extends T ? [param?: T] : [param: T];
 export type EventPayloadAttributes<K extends EventKey> = OptionalIfUndefined<AnalyticsEventAttributes[K]>;
 type EventTypes = 'ui' | 'track' | 'operational' | 'screen';