@atlaskit/smart-card 26.71.0 → 26.73.0

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.71.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/FlexibleCard/components/blocks/title-block/errored/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["actionGroup", "retry", "position", "testId", "title", "hideIcon"];
+var _excluded = ["actionGroup", "retry", "position", "testId", "title", "icon", "hideIcon"];
 /** @jsx jsx */
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
@@ -43,6 +43,7 @@ var TitleBlockErroredView = function TitleBlockErroredView(_ref) {
     position = _ref.position,
     testId = _ref.testId,
     title = _ref.title,
+    icon = _ref.icon,
     hideIcon = _ref.hideIcon,
     blockProps = _objectWithoutProperties(_ref, _excluded);
   var _ref2 = retry || {},
@@ -55,6 +56,7 @@ var TitleBlockErroredView = function TitleBlockErroredView(_ref) {
   return jsx(Block, _extends({}, blockProps, {
     testId: "".concat(testId, "-errored-view")
   }), !hideIcon && jsx(LinkIcon, {
+    overrideIcon: icon,
     position: position
   }), title, descriptor && jsx(ElementGroup, {
     direction: SmartLinkDirection.Horizontal,

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

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["actions", "anchorTarget", "hideTitleTooltip", "maxLines", "onActionMenuOpenChange", "onClick", "overrideCss", "status", "showActionOnHover", "testId", "text", "theme", "hideRetry", "metadataPosition", "hideIcon"];
+var _excluded = ["actions", "anchorTarget", "hideTitleTooltip", "maxLines", "onActionMenuOpenChange", "onClick", "overrideCss", "status", "showActionOnHover", "testId", "text", "icon", "theme", "hideRetry", "metadataPosition", "hideIcon"];
 import React, { useCallback, useState } from 'react';
 import { css } from '@emotion/react';
 import { useMouseDownEvent } from '../../../../../state/analytics/useLinkClicked';
@@ -67,6 +67,7 @@ var TitleBlock = function TitleBlock(_ref) {
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-block-title' : _ref$testId,
     text = _ref.text,
+    icon = _ref.icon,
     theme = _ref.theme,
     hideRetry = _ref.hideRetry,
     metadataPosition = _ref.metadataPosition,
@@ -114,7 +115,8 @@ var TitleBlock = function TitleBlock(_ref) {
     testId: testId,
     title: title,
     metadataPosition: metadataPosition,
-    hideIcon: hideIcon
+    hideIcon: hideIcon,
+    icon: icon
   }));
 };
 export default TitleBlock;

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["actionGroup", "metadata", "position", "subtitle", "testId", "text", "title", "metadataPosition", "hideIcon"];
+var _excluded = ["actionGroup", "metadata", "position", "subtitle", "testId", "text", "icon", "title", "metadataPosition", "hideIcon"];
 import React from 'react';
 import { css } from '@emotion/react';
 import { LinkIcon } from '../../../elements';
@@ -23,6 +23,7 @@ var TitleBlockResolvedView = function TitleBlockResolvedView(_ref) {
     subtitle = _ref$subtitle === void 0 ? [] : _ref$subtitle,
     testId = _ref.testId,
     text = _ref.text,
+    icon = _ref.icon,
     title = _ref.title,
     metadataPosition = _ref.metadataPosition,
     hideIcon = _ref.hideIcon,
@@ -32,6 +33,7 @@ var TitleBlockResolvedView = function TitleBlockResolvedView(_ref) {
   return /*#__PURE__*/React.createElement(Block, _extends({}, blockProps, {
     testId: "".concat(testId, "-resolved-view")
   }), !hideIcon && /*#__PURE__*/React.createElement(LinkIcon, {
+    overrideIcon: icon,
     position: position
   }), /*#__PURE__*/React.createElement(ElementGroup, {
     direction: SmartLinkDirection.Vertical,

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

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

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.71.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/BlockCard/index.d.ts

@@ -1,6 +1,6 @@
 /** @jsx jsx */
-import { FC } from 'react';
-import { BlockCardProps } from './types';
+import { type FC } from 'react';
+import { type BlockCardProps } from './types';
 import { AuthorizeAction } from './actions/AuthorizeAction';
 import { ForbiddenAction } from './actions/ForbiddenAction';
 import { ResolvedView as BlockCardResolvedView } from './views/ResolvedView';

package/dist/types/view/BlockCard/views/flexible/unresolved-view/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { UnresolvedViewProps } from './types';
+import { type UnresolvedViewProps } from './types';
 declare const UnresolvedView: ({ actions, cardState, children, onAuthorize, onClick, onError, showPreview, testId, title, url, }: UnresolvedViewProps) => JSX.Element;
 export default UnresolvedView;

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/view/FlexibleCard/components/blocks/title-block/errored/index.d.ts

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import React from 'react';
-import { TitleBlockViewProps } from '../types';
+import { type TitleBlockViewProps } from '../types';
 /**
  * Represents an Errored TitleBlock view.
  * This will render when a Smart Link did not successfully resolve.

package/dist/types/view/FlexibleCard/components/blocks/title-block/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TitleBlockProps } from './types';
+import { type TitleBlockProps } from './types';
 /**
  * Represents a TitleBlock, which is the foundation of Flexible UI.
  * This contains an icon, the link, and any associated metadata and actions in one block.

package/dist/types/view/FlexibleCard/components/blocks/title-block/resolved/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TitleBlockViewProps } from '../types';
+import { type TitleBlockViewProps } from '../types';
 /**
  * This renders a fully resolved TitleBlock.
  * This should render when a Smart Link returns a valid response.

package/dist/types/view/FlexibleCard/components/blocks/title-block/types.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-import { ActionItem, BlockProps, ElementItem, OnActionMenuOpenChangeOptions } from '../types';
-import { SmartLinkPosition, SmartLinkTheme } from '../../../../../constants';
-import { RetryOptions } from '../../../types';
-import { AnchorTarget } from '../../types';
+import type React from 'react';
+import { type ActionItem, type BlockProps, type ElementItem, type OnActionMenuOpenChangeOptions } from '../types';
+import { type SmartLinkPosition, type SmartLinkTheme } from '../../../../../constants';
+import { type RetryOptions } from '../../../types';
+import { type AnchorTarget } from '../../types';
 export type TitleBlockProps = {
     /**
      * An array of action items to be displayed after the title
@@ -80,6 +80,11 @@ export type TitleBlockProps = {
      * the Smart Link.
      */
     text?: string;
+    /**
+     * The icon to display in the title block. Overrides any icon that is retrieved from
+     * the Smart Link.
+     */
+    icon?: React.ReactNode;
     /**
      * The theme of the link text. Can be Black or Link (default URL blue)
      * @internal

package/dist/types/view/FlexibleCard/components/elements/icon/index.d.ts

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import React from 'react';
-import { IconProps } from './types';
+import { type IconProps } from './types';
 /**
  * A base element that displays an Icon or favicon.
  * @internal

package/dist/types/view/FlexibleCard/components/elements/icon/types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { ElementProps } from '../types';
-import { IconType, SmartLinkPosition } from '../../../../../constants';
+import { type ElementProps } from '../types';
+import { type IconType, type SmartLinkPosition } from '../../../../../constants';
 export type IconProps = ElementProps & {
     /**
      * If provided, Icon element will use this render function instead.
@@ -11,6 +11,11 @@ export type IconProps = ElementProps & {
      * will be used.
      */
     icon?: IconType;
+    /**
+     * If provided, overrideIcon will be rendered in the place of the provided icon or one that is
+     * supplied by the URL.
+     */
+    overrideIcon?: React.ReactNode;
     /**
      * The label provided to the Atlaskit Icon.
      */

package/dist/types/view/FlexibleCard/components/elements/link/index.d.ts

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import React from 'react';
-import { LinkProps } from './types';
+import { type LinkProps } from './types';
 /**
  * A base element that represent an anchor.
  * @internal

package/dist/types/view/FlexibleCard/components/elements/link/types.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { ElementProps } from '../types';
-import { SmartLinkTheme } from '../../../../../constants';
-import { AnchorTarget } from '../../types';
+import { type ElementProps } from '../types';
+import { type SmartLinkTheme } from '../../../../../constants';
+import { type AnchorTarget } from '../../types';
 export type LinkProps = ElementProps & {
     /**
      * Determines whether the link should display tooltip on hover.

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/BlockCard/index.d.ts

@@ -1,6 +1,6 @@
 /** @jsx jsx */
-import { FC } from 'react';
-import { BlockCardProps } from './types';
+import { type FC } from 'react';
+import { type BlockCardProps } from './types';
 import { AuthorizeAction } from './actions/AuthorizeAction';
 import { ForbiddenAction } from './actions/ForbiddenAction';
 import { ResolvedView as BlockCardResolvedView } from './views/ResolvedView';

package/dist/types-ts4.5/view/BlockCard/views/flexible/unresolved-view/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { UnresolvedViewProps } from './types';
+import { type UnresolvedViewProps } from './types';
 declare const UnresolvedView: ({ actions, cardState, children, onAuthorize, onClick, onError, showPreview, testId, title, url, }: UnresolvedViewProps) => JSX.Element;
 export default UnresolvedView;

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';