@atlaskit/smart-card 26.39.0 → 26.41.0

package/dist/esm/view/BlockCard/views/flexible/unresolved-view/index.js

@@ -26,6 +26,7 @@ var UnresolvedView = function UnresolvedView(_ref) {
     ui: FlexibleCardUiOptions,
     url: url
   }, /*#__PURE__*/React.createElement(TitleBlock, _extends({}, getTitleBlockOptions(), {
+    hideIcon: !!title,
     text: title
   })), /*#__PURE__*/React.createElement(CustomBlock, null, children), showPreview && /*#__PURE__*/React.createElement(PreviewBlock, PreviewBlockOptions), /*#__PURE__*/React.createElement(InternalFooterBlock, _extends({}, getFooterBlockOptions(), {
     actions: actions,

package/dist/esm/view/FlexibleCard/components/blocks/index.js

@@ -6,4 +6,5 @@ export { default as TitleBlock } from './title-block';
 export { default as CustomBlock } from './block';
 
 // Internal components to be used within @atlaskit/smart-card only.
-export { default as InternalFooterBlock } from './footer-block/resolved';
+export { default as InternalFooterBlock } from './footer-block/resolved';
+export { default as RelatedUrlsBlock } from './related-urls-block';

package/dist/esm/view/FlexibleCard/components/blocks/related-urls-block/errored/index.js

@@ -0,0 +1,18 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["testId"];
+import React from 'react';
+import { messages } from '../../../../../../messages';
+import Text from '../../../elements/text';
+import Block from '../../block';
+export var RelatedUrlsBlockErroredView = function RelatedUrlsBlockErroredView(_ref) {
+  var testId = _ref.testId,
+    blockProps = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Block, _extends({}, blockProps, {
+    testId: testId
+  }), /*#__PURE__*/React.createElement(Text, {
+    message: {
+      descriptor: messages.generic_error_message
+    }
+  }));
+};

package/dist/esm/view/FlexibleCard/components/blocks/related-urls-block/errored/types.js

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

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

@@ -0,0 +1,89 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+import _extends from "@babel/runtime/helpers/extends";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _templateObject;
+var _excluded = ["testId", "url", "renderers"];
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { useEffect, useState } from 'react';
+import { di } from 'react-magnetic-di';
+import { css } from '@emotion/react';
+import useRelatedUrls from '../../../../../state/hooks/use-related-urls';
+import { RelatedUrlsBlockErroredView } from './errored';
+import { RelatedUrlsResolvedView } from './resolved';
+import { RelatedUrlsBlockResolvingView } from './resolving';
+/**
+ * Represents a block to display related resources of a url
+ */
+var RelatedUrlsBlock = function RelatedUrlsBlock(_ref) {
+  var _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'smart-block-related-urls' : _ref$testId,
+    url = _ref.url,
+    renderers = _ref.renderers,
+    blockProps = _objectWithoutProperties(_ref, _excluded);
+  var _useState = useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    loadingRelatedUrls = _useState2[0],
+    setLoadingRelatedUrls = _useState2[1];
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    err = _useState4[0],
+    setErr = _useState4[1];
+  var _useState5 = useState(),
+    _useState6 = _slicedToArray(_useState5, 2),
+    relatedUrls = _useState6[0],
+    setRelatedUrls = _useState6[1];
+  var getRelatedUrls = useRelatedUrls();
+  useEffect(function () {
+    var fetchRelatedUrls = /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        var relUrls;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              _context.next = 3;
+              return getRelatedUrls(url);
+            case 3:
+              relUrls = _context.sent;
+              setRelatedUrls(relUrls);
+              _context.next = 10;
+              break;
+            case 7:
+              _context.prev = 7;
+              _context.t0 = _context["catch"](0);
+              setErr(_context.t0);
+            case 10:
+              setLoadingRelatedUrls(false);
+            case 11:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, null, [[0, 7]]);
+      }));
+      return function fetchRelatedUrls() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+    fetchRelatedUrls();
+  }, [getRelatedUrls, url]);
+  if (loadingRelatedUrls) {
+    return /*#__PURE__*/React.createElement(RelatedUrlsBlockResolvingView, _extends({
+      testId: "".concat(testId, "-resolving-view")
+    }, blockProps));
+  }
+  if (relatedUrls) {
+    return /*#__PURE__*/React.createElement(RelatedUrlsResolvedView, _extends({
+      renderers: renderers,
+      overrideCss: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n          min-height: 1.55rem;\n        "]))),
+      testId: "".concat(testId, "-resolved-view"),
+      relatedUrlsResponse: relatedUrls
+    }, blockProps));
+  }
+  return /*#__PURE__*/React.createElement(RelatedUrlsBlockErroredView, _extends({
+    err: err,
+    testId: "".concat(testId, "-errored-view")
+  }, blockProps));
+};
+export default RelatedUrlsBlock;

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

@@ -0,0 +1,23 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["relatedUrlsResponse", "renderers", "testId", "initializeOpened"];
+import React from 'react';
+import { messages } from '../../../../../../messages';
+import Block from '../../block';
+import RelatedUrlsList from './related-url-list';
+export var RelatedUrlsResolvedView = function RelatedUrlsResolvedView(_ref) {
+  var resolvedResults = _ref.relatedUrlsResponse.resolvedResults,
+    renderers = _ref.renderers,
+    testId = _ref.testId,
+    initializeOpened = _ref.initializeOpened,
+    blockProps = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Block, _extends({}, blockProps, {
+    testId: testId
+  }), resolvedResults && /*#__PURE__*/React.createElement(RelatedUrlsList, {
+    testId: "".concat(testId, "-list"),
+    renderers: renderers,
+    initializeOpened: initializeOpened,
+    title: messages.last_mentioned_in,
+    resolvedResults: resolvedResults
+  }));
+};

package/dist/esm/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/index.js

@@ -0,0 +1,68 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+var _templateObject;
+import React, { useCallback, useMemo, useState } from 'react';
+import { useIntl } from 'react-intl-next';
+import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
+import ChevronUpIcon from '@atlaskit/icon/glyph/chevron-up';
+import { Box, Inline, Stack, xcss } from '@atlaskit/primitives';
+import { css } from '@emotion/react';
+import { messages } from '../../../../../../../messages';
+import { getFormattedMessageAsString } from '../../../../../components/utils';
+import Text from '../../../../elements/text';
+import RelatedUrlItem from './related-url-item';
+var RelatedUrlList = function RelatedUrlList(_ref) {
+  var resolvedResults = _ref.resolvedResults,
+    title = _ref.title,
+    renderers = _ref.renderers,
+    testId = _ref.testId,
+    initializeOpened = _ref.initializeOpened;
+  var _useState = useState(initializeOpened),
+    _useState2 = _slicedToArray(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
+  var chevronClickHandler = useCallback(function () {
+    return setIsOpen(!isOpen);
+  }, [isOpen]);
+  var ChevronComponent = isOpen ? ChevronUpIcon : ChevronDownIcon;
+  var intl = useIntl();
+  var resolvedResultsStack = useMemo(function () {
+    return /*#__PURE__*/React.createElement(Stack, {
+      space: "space.050",
+      testId: "".concat(testId, "-items-wrapper")
+    }, resolvedResults.map(function (resolvedResults, idx) {
+      return /*#__PURE__*/React.createElement(RelatedUrlItem, {
+        testId: "".concat(testId, "-item"),
+        key: idx,
+        results: resolvedResults,
+        renderers: renderers
+      });
+    }));
+  }, [renderers, resolvedResults, testId]);
+  return resolvedResults.length > 0 ? /*#__PURE__*/React.createElement(Stack, {
+    testId: testId,
+    xcss: xcss({
+      width: '100%'
+    })
+  }, /*#__PURE__*/React.createElement(Box, {
+    onClick: chevronClickHandler,
+    testId: "".concat(testId, "-expand-title")
+  }, /*#__PURE__*/React.createElement(Inline, {
+    alignBlock: "center",
+    spread: "space-between"
+  }, /*#__PURE__*/React.createElement(Text, {
+    overrideCss: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n              font-weight: ", ";\n            "])), "var(--ds-font-weight-medium, 500)"),
+    message: {
+      descriptor: title
+    }
+  }), /*#__PURE__*/React.createElement(ChevronComponent, {
+    label: getFormattedMessageAsString(intl, title),
+    size: 'medium'
+  }))), isOpen && resolvedResultsStack) : /*#__PURE__*/React.createElement(Text, {
+    testId: testId,
+    message: {
+      descriptor: messages.related_work_items_not_found
+    }
+  });
+};
+export default RelatedUrlList;

package/dist/esm/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/related-url-item/index.js

@@ -0,0 +1,33 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useMemo } from 'react';
+import { Inline } from '@atlaskit/primitives';
+import { SmartLinkSize } from '../../../../../../../../constants';
+import extractFlexibleUiContext from '../../../../../../../../extractors/flexible';
+import Icon from '../../../../../elements/icon';
+import Link from '../../../../../elements/link';
+var RelatedUrlItem = function RelatedUrlItem(_ref) {
+  var results = _ref.results,
+    renderers = _ref.renderers,
+    testId = _ref.testId;
+  var flexibleDataContext = useMemo(function () {
+    return extractFlexibleUiContext({
+      response: results,
+      renderers: renderers
+    });
+  }, [renderers, results]);
+  return /*#__PURE__*/React.createElement(Inline, {
+    alignBlock: "center",
+    space: "space.050",
+    testId: testId
+  }, /*#__PURE__*/React.createElement(Icon, _extends({}, flexibleDataContext === null || flexibleDataContext === void 0 ? void 0 : flexibleDataContext.linkIcon, {
+    testId: "".concat(testId, "-icon"),
+    size: SmartLinkSize.Small
+  })), /*#__PURE__*/React.createElement(Link, {
+    testId: "".concat(testId, "-link"),
+    text: flexibleDataContext === null || flexibleDataContext === void 0 ? void 0 : flexibleDataContext.title,
+    url: flexibleDataContext === null || flexibleDataContext === void 0 ? void 0 : flexibleDataContext.url,
+    size: SmartLinkSize.Small,
+    maxLines: 1
+  }));
+};
+export default RelatedUrlItem;

package/dist/esm/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/related-url-item/types.js

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

package/dist/esm/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/types.js

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

package/dist/esm/view/FlexibleCard/components/blocks/related-urls-block/resolved/types.js

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

package/dist/esm/view/FlexibleCard/components/blocks/related-urls-block/resolving/index.js

@@ -0,0 +1,16 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["testId"];
+import React from 'react';
+import LoadingSkeleton from '../../../common/loading-skeleton';
+import Block from '../../block';
+export var RelatedUrlsBlockResolvingView = function RelatedUrlsBlockResolvingView(_ref) {
+  var testId = _ref.testId,
+    blockProps = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Block, _extends({}, blockProps, {
+    testId: testId
+  }), /*#__PURE__*/React.createElement(LoadingSkeleton, {
+    height: 1.55,
+    width: 22
+  }));
+};

package/dist/esm/view/HoverCard/components/views/resolved/index.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import React, { useCallback, useEffect, useMemo, useRef } from 'react';
 import { ActionName, CardDisplay, SmartLinkPosition, SmartLinkSize } from '../../../../../constants';
-import { FooterBlock, MetadataBlock, SnippetBlock, TitleBlock } from '../../../../FlexibleCard/components/blocks';
+import { FooterBlock, MetadataBlock, RelatedUrlsBlock, SnippetBlock, TitleBlock } from '../../../../FlexibleCard/components/blocks';
 import { footerBlockCss, hiddenSnippetStyles, metadataBlockCss } from './styled';
 import FlexibleCard from '../../../../FlexibleCard';
 import { getSimulatedMetadata, getSimulatedBetterMetadata } from '../../../utils';
@@ -55,7 +55,8 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
     _ref$cardActions = _ref.cardActions,
     cardActions = _ref$cardActions === void 0 ? [] : _ref$cardActions,
     onActionClick = _ref.onActionClick,
-    extensionKey = _ref.extensionKey;
+    extensionKey = _ref.extensionKey,
+    url = _ref.url;
   var canBeDatasource = getCanBeDatasource(cardState.details);
   useEffect(function () {
     // Since this hover view is only rendered on resolved status,
@@ -119,6 +120,9 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
     size: SmartLinkSize.Large,
     overrideCss: metadataBlockCss,
     maxLines: 1
+  }), getBooleanFF('platform.linking-platform.smart-card.enable-hover-card-related-urls') && /*#__PURE__*/React.createElement(RelatedUrlsBlock, {
+    url: url,
+    size: SmartLinkSize.Small
   }), /*#__PURE__*/React.createElement(FooterBlock, {
     actions: footerActions,
     size: SmartLinkSize.Large,

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

@@ -11,7 +11,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.39.0",
+  packageVersion: "26.41.0",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/dist/types/messages.d.ts

@@ -1,6 +1,6 @@
 import { 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_description' | 'request_denied_description' | 'default_no_access_title_crossjoin' | 'direct_access_title_crossjoin' | 'direct_access_description_crossjoin' | 'direct_access_crossjoin' | 'request_access_description_crossjoin' | 'request_access_crossjoin' | 'request_access_pending_title_crossjoin' | 'request_access_pending_description_crossjoin' | 'request_access_pending_crossjoin' | 'request_denied_description_crossjoin' | 'access_exists_description_crossjoin' | 'not_found_description_crossjoin' | 'not_found_title_crossjoin';
-export type MessageKey = 'assigned_to' | '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' | 'could_not_load_link' | 'download' | 'follow' | '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' | '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_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' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey;
+export type MessageKey = 'assigned_to' | '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' | 'could_not_load_link' | 'download' | 'follow' | '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' | '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_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' | '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';
 type Messages = {
     [K in MessageKey]: MessageDescriptor;
 };

package/dist/types/state/hooks/use-related-urls/index.d.ts

@@ -0,0 +1,6 @@
+import { JsonLd } from 'json-ld-types';
+export type RelatedUrlsResponse = {
+    resolvedResults?: JsonLd.Response[];
+};
+declare const useRelatedUrls: () => (url: any) => Promise<RelatedUrlsResponse>;
+export default useRelatedUrls;

package/dist/types/view/BlockCard/views/flexible/FlexibleNotFoundViewOld.d.ts

@@ -0,0 +1,8 @@
+import { FlexibleBlockCardProps } from './types';
+/**
+ * @private
+ * @deprecated {@link https://product-fabric.atlassian.net/browse/EDM-7977 Internal documentation for deprecation (no external access)}
+ * @deprecated Replaced by FlexibleNotFoundView
+ */
+declare const _default: (props: FlexibleBlockCardProps) => import("@emotion/react").jsx.JSX.Element;
+export default _default;

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

@@ -5,3 +5,4 @@ export { default as SnippetBlock } from './snippet-block';
 export { default as TitleBlock } from './title-block';
 export { default as CustomBlock } from './block';
 export { default as InternalFooterBlock } from './footer-block/resolved';
+export { default as RelatedUrlsBlock } from './related-urls-block';

package/dist/types/view/FlexibleCard/components/blocks/related-urls-block/errored/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { RelatedUrlsBlockErroredViewProps } from './types';
+export declare const RelatedUrlsBlockErroredView: React.FC<RelatedUrlsBlockErroredViewProps>;

package/dist/types/view/FlexibleCard/components/blocks/related-urls-block/errored/types.d.ts

@@ -0,0 +1,4 @@
+import { BlockProps } from '../../types';
+export type RelatedUrlsBlockErroredViewProps = {
+    err?: Error;
+} & BlockProps;

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { CardProviderRenderers } from '@atlaskit/link-provider';
+import { BlockProps } from '../types';
+export type RelatedUrlBlockProps = {
+    url: string;
+    renderers?: CardProviderRenderers;
+    testId?: string;
+} & BlockProps;
+/**
+ * Represents a block to display related resources of a url
+ */
+declare const RelatedUrlsBlock: React.FC<RelatedUrlBlockProps>;
+export default RelatedUrlsBlock;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { RelatedUrlsProps } from './types';
+export declare const RelatedUrlsResolvedView: React.FC<RelatedUrlsProps>;

package/dist/types/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ResolvedResultProps } from './types';
+declare const RelatedUrlList: React.FC<ResolvedResultProps>;
+export default RelatedUrlList;

package/dist/types/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/related-url-item/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ResolvedResultItemProps } from './types';
+declare const RelatedUrlItem: React.FC<ResolvedResultItemProps>;
+export default RelatedUrlItem;

package/dist/types/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/related-url-item/types.d.ts

@@ -0,0 +1,7 @@
+import { JsonLd } from 'json-ld-types';
+import { CardProviderRenderers } from '@atlaskit/link-provider';
+export type ResolvedResultItemProps = {
+    results: JsonLd.Response;
+    renderers?: CardProviderRenderers;
+    testId: string;
+};

package/dist/types/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/types.d.ts

@@ -0,0 +1,10 @@
+import { JsonLd } from 'json-ld-types';
+import { MessageDescriptor } from 'react-intl-next';
+import { CardProviderRenderers } from '@atlaskit/link-provider';
+export type ResolvedResultProps = {
+    testId: string;
+    title: MessageDescriptor;
+    initializeOpened?: boolean;
+    resolvedResults: JsonLd.Response[];
+    renderers?: CardProviderRenderers;
+};

package/dist/types/view/FlexibleCard/components/blocks/related-urls-block/resolved/types.d.ts

@@ -0,0 +1,8 @@
+import { CardProviderRenderers } from '@atlaskit/link-provider';
+import { RelatedUrlsResponse } from '../../../../../../state/hooks/use-related-urls';
+import { BlockProps } from '../../types';
+export type RelatedUrlsProps = {
+    relatedUrlsResponse: RelatedUrlsResponse;
+    renderers?: CardProviderRenderers;
+    initializeOpened?: boolean;
+} & BlockProps;

package/dist/types/view/FlexibleCard/components/blocks/related-urls-block/resolving/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { BlockProps } from '../../types';
+export declare const RelatedUrlsBlockResolvingView: React.FC<BlockProps & {
+    testId?: string;
+}>;

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

@@ -1,6 +1,6 @@
 import { 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_description' | 'request_denied_description' | 'default_no_access_title_crossjoin' | 'direct_access_title_crossjoin' | 'direct_access_description_crossjoin' | 'direct_access_crossjoin' | 'request_access_description_crossjoin' | 'request_access_crossjoin' | 'request_access_pending_title_crossjoin' | 'request_access_pending_description_crossjoin' | 'request_access_pending_crossjoin' | 'request_denied_description_crossjoin' | 'access_exists_description_crossjoin' | 'not_found_description_crossjoin' | 'not_found_title_crossjoin';
-export type MessageKey = 'assigned_to' | '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' | 'could_not_load_link' | 'download' | 'follow' | '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' | '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_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' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey;
+export type MessageKey = 'assigned_to' | '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' | 'could_not_load_link' | 'download' | 'follow' | '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' | '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_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' | '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';
 type Messages = {
     [K in MessageKey]: MessageDescriptor;
 };

package/dist/types-ts4.5/state/hooks/use-related-urls/index.d.ts

@@ -0,0 +1,6 @@
+import { JsonLd } from 'json-ld-types';
+export type RelatedUrlsResponse = {
+    resolvedResults?: JsonLd.Response[];
+};
+declare const useRelatedUrls: () => (url: any) => Promise<RelatedUrlsResponse>;
+export default useRelatedUrls;

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

@@ -0,0 +1,8 @@
+import { FlexibleBlockCardProps } from './types';
+/**
+ * @private
+ * @deprecated {@link https://product-fabric.atlassian.net/browse/EDM-7977 Internal documentation for deprecation (no external access)}
+ * @deprecated Replaced by FlexibleNotFoundView
+ */
+declare const _default: (props: FlexibleBlockCardProps) => import("@emotion/react").jsx.JSX.Element;
+export default _default;

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

@@ -5,3 +5,4 @@ export { default as SnippetBlock } from './snippet-block';
 export { default as TitleBlock } from './title-block';
 export { default as CustomBlock } from './block';
 export { default as InternalFooterBlock } from './footer-block/resolved';
+export { default as RelatedUrlsBlock } from './related-urls-block';

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/related-urls-block/errored/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { RelatedUrlsBlockErroredViewProps } from './types';
+export declare const RelatedUrlsBlockErroredView: React.FC<RelatedUrlsBlockErroredViewProps>;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/related-urls-block/errored/types.d.ts

@@ -0,0 +1,4 @@
+import { BlockProps } from '../../types';
+export type RelatedUrlsBlockErroredViewProps = {
+    err?: Error;
+} & BlockProps;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/related-urls-block/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { CardProviderRenderers } from '@atlaskit/link-provider';
+import { BlockProps } from '../types';
+export type RelatedUrlBlockProps = {
+    url: string;
+    renderers?: CardProviderRenderers;
+    testId?: string;
+} & BlockProps;
+/**
+ * Represents a block to display related resources of a url
+ */
+declare const RelatedUrlsBlock: React.FC<RelatedUrlBlockProps>;
+export default RelatedUrlsBlock;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/related-urls-block/resolved/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { RelatedUrlsProps } from './types';
+export declare const RelatedUrlsResolvedView: React.FC<RelatedUrlsProps>;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ResolvedResultProps } from './types';
+declare const RelatedUrlList: React.FC<ResolvedResultProps>;
+export default RelatedUrlList;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/related-url-item/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ResolvedResultItemProps } from './types';
+declare const RelatedUrlItem: React.FC<ResolvedResultItemProps>;
+export default RelatedUrlItem;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/related-url-item/types.d.ts

@@ -0,0 +1,7 @@
+import { JsonLd } from 'json-ld-types';
+import { CardProviderRenderers } from '@atlaskit/link-provider';
+export type ResolvedResultItemProps = {
+    results: JsonLd.Response;
+    renderers?: CardProviderRenderers;
+    testId: string;
+};

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/types.d.ts

@@ -0,0 +1,10 @@
+import { JsonLd } from 'json-ld-types';
+import { MessageDescriptor } from 'react-intl-next';
+import { CardProviderRenderers } from '@atlaskit/link-provider';
+export type ResolvedResultProps = {
+    testId: string;
+    title: MessageDescriptor;
+    initializeOpened?: boolean;
+    resolvedResults: JsonLd.Response[];
+    renderers?: CardProviderRenderers;
+};

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/related-urls-block/resolved/types.d.ts

@@ -0,0 +1,8 @@
+import { CardProviderRenderers } from '@atlaskit/link-provider';
+import { RelatedUrlsResponse } from '../../../../../../state/hooks/use-related-urls';
+import { BlockProps } from '../../types';
+export type RelatedUrlsProps = {
+    relatedUrlsResponse: RelatedUrlsResponse;
+    renderers?: CardProviderRenderers;
+    initializeOpened?: boolean;
+} & BlockProps;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/related-urls-block/resolving/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { BlockProps } from '../../types';
+export declare const RelatedUrlsBlockResolvingView: React.FC<BlockProps & {
+    testId?: string;
+}>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.39.0",
+  "version": "26.41.0",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -27,7 +27,7 @@
     "@atlaskit/avatar": "^21.4.0",
     "@atlaskit/avatar-group": "^9.4.0",
     "@atlaskit/badge": "^15.1.0",
-    "@atlaskit/button": "^16.11.0",
+    "@atlaskit/button": "^16.12.0",
     "@atlaskit/dropdown-menu": "^12.1.0",
     "@atlaskit/frontend-utilities": "^2.7.0",
     "@atlaskit/icon": "^21.12.0",
@@ -36,7 +36,7 @@
     "@atlaskit/icon-priority": "^6.3.0",
     "@atlaskit/in-product-testing": "^0.2.0",
     "@atlaskit/link-analytics": "^8.3.0",
-    "@atlaskit/link-client-extension": "^1.7.0",
+    "@atlaskit/link-client-extension": "^1.8.0",
     "@atlaskit/link-extractors": "^1.2.0",
     "@atlaskit/linking-common": "^4.12.0",
     "@atlaskit/linking-types": "^8.4.0",
@@ -46,6 +46,7 @@
     "@atlaskit/outbound-auth-flow-client": "^3.4.0",
     "@atlaskit/platform-feature-flags": "^0.2.1",
     "@atlaskit/popup": "^1.11.0",
+    "@atlaskit/primitives": "^1.6.7",
     "@atlaskit/spinner": "^15.6.0",
     "@atlaskit/theme": "^12.6.0",
     "@atlaskit/tokens": "^1.28.0",
@@ -157,6 +158,9 @@
     },
     "platform.linking-platform.smart-card.cross-join": {
       "type": "boolean"
+    },
+    "platform.linking-platform.smart-card.enable-hover-card-related-urls": {
+      "type": "boolean"
     }
   },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"