@atlaskit/smart-card 26.41.3 → 26.42.1

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

@@ -1,7 +1,7 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 var _templateObject;
-import React, { useCallback, useMemo, useState } from 'react';
+import React, { useCallback, 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';
@@ -10,7 +10,7 @@ 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';
+import ResolvedResultsStack from './resolved-result-stack';
 var RelatedUrlList = function RelatedUrlList(_ref) {
   var resolvedResults = _ref.resolvedResults,
     title = _ref.title,
@@ -26,19 +26,6 @@ var RelatedUrlList = function RelatedUrlList(_ref) {
   }, [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({
@@ -46,7 +33,11 @@ var RelatedUrlList = function RelatedUrlList(_ref) {
     })
   }, /*#__PURE__*/React.createElement(Box, {
     onClick: chevronClickHandler,
-    testId: "".concat(testId, "-expand-title")
+    testId: "".concat(testId, "-expand-title"),
+    as: "button",
+    backgroundColor: "color.background.neutral.subtle",
+    "aria-expanded": !!isOpen,
+    padding: "space.0"
   }, /*#__PURE__*/React.createElement(Inline, {
     alignBlock: "center",
     spread: "space-between"
@@ -58,7 +49,11 @@ var RelatedUrlList = function RelatedUrlList(_ref) {
   }), /*#__PURE__*/React.createElement(ChevronComponent, {
     label: getFormattedMessageAsString(intl, title),
     size: 'medium'
-  }))), isOpen && resolvedResultsStack) : /*#__PURE__*/React.createElement(Text, {
+  }))), isOpen && /*#__PURE__*/React.createElement(ResolvedResultsStack, {
+    resolvedResults: resolvedResults,
+    testId: testId,
+    renderers: renderers
+  })) : /*#__PURE__*/React.createElement(Text, {
     testId: testId,
     message: {
       descriptor: messages.related_work_items_not_found

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

@@ -1,20 +1,27 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React, { useMemo } from 'react';
+import React, { useCallback, useMemo } from 'react';
 import { Inline } from '@atlaskit/primitives';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { SmartLinkSize } from '../../../../../../../../constants';
 import extractFlexibleUiContext from '../../../../../../../../extractors/flexible';
 import Icon from '../../../../../elements/icon';
 import Link from '../../../../../elements/link';
+import { fireLinkClickedEvent } from '../../../../../../../../utils/analytics/click';
 var RelatedUrlItem = function RelatedUrlItem(_ref) {
   var results = _ref.results,
     renderers = _ref.renderers,
     testId = _ref.testId;
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var flexibleDataContext = useMemo(function () {
     return extractFlexibleUiContext({
       response: results,
       renderers: renderers
     });
   }, [renderers, results]);
+  var onClick = useCallback(function (event) {
+    fireLinkClickedEvent(createAnalyticsEvent)(event);
+  }, [createAnalyticsEvent]);
   return /*#__PURE__*/React.createElement(Inline, {
     alignBlock: "center",
     space: "space.050",
@@ -27,7 +34,8 @@ var RelatedUrlItem = function RelatedUrlItem(_ref) {
     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
+    maxLines: 1,
+    onClick: onClick
   }));
 };
 export default RelatedUrlItem;

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

@@ -0,0 +1,44 @@
+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 React from 'react';
+import { AnalyticsContext } from '@atlaskit/analytics-next';
+import { getResolvedAttributes } from '@atlaskit/link-analytics/resolved-attributes';
+import { ANALYTICS_CHANNEL } from '../../../../../../../../utils/analytics';
+var createUiRelatedLinksViewedEventPayload = function createUiRelatedLinksViewedEventPayload(_ref) {
+  var relatedLinksCount = _ref.relatedLinksCount;
+  return {
+    action: 'viewed',
+    actionSubject: 'relatedLinks',
+    eventType: 'ui',
+    attributes: {
+      relatedLinksCount: relatedLinksCount
+    }
+  };
+};
+export var fireRelatedLinksViewedEvent = function fireRelatedLinksViewedEvent(createAnalyticsEvent) {
+  return function (attributes) {
+    var payload = createUiRelatedLinksViewedEventPayload(attributes);
+    if (payload) {
+      createAnalyticsEvent(_objectSpread({}, payload)).fire(ANALYTICS_CHANNEL);
+    }
+  };
+};
+export var RelatedUrlItemAnalyticsContext = function RelatedUrlItemAnalyticsContext(props) {
+  var children = props.children,
+    details = props.details;
+
+  /**
+   * We don't really need the `url` to get the attributes here so set
+   * it to an empty string to just make typescript happy
+   */
+  var attributes = getResolvedAttributes({
+    url: ''
+  }, details);
+  return /*#__PURE__*/React.createElement(AnalyticsContext, {
+    data: {
+      attributes: attributes,
+      component: 'relatedLink'
+    }
+  }, children);
+};

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

@@ -0,0 +1,44 @@
+import React, { useEffect } from 'react';
+import { Stack, xcss } from '@atlaskit/primitives';
+import { AnalyticsContext, useAnalyticsEvents } from '@atlaskit/analytics-next';
+import RelatedUrlItem from '../related-url-item';
+import { RelatedUrlItemAnalyticsContext, fireRelatedLinksViewedEvent } from './analytics';
+var ResolvedResultsStack = function ResolvedResultsStack(_ref) {
+  var resolvedResults = _ref.resolvedResults,
+    testId = _ref.testId,
+    renderers = _ref.renderers;
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  useEffect(function () {
+    // This event will fire each time the component is loaded
+    fireRelatedLinksViewedEvent(createAnalyticsEvent)({
+      relatedLinksCount: resolvedResults.length
+    });
+  }, [resolvedResults.length, createAnalyticsEvent]);
+  return /*#__PURE__*/React.createElement(Stack, {
+    space: "space.050",
+    testId: "".concat(testId, "-items-wrapper"),
+    as: "ul",
+    xcss: xcss({
+      paddingLeft: '0px',
+      marginTop: '0px'
+    })
+  }, resolvedResults.map(function (resolvedResults, idx) {
+    return /*#__PURE__*/React.createElement(RelatedUrlItemAnalyticsContext, {
+      details: resolvedResults,
+      key: idx
+    }, /*#__PURE__*/React.createElement(RelatedUrlItem, {
+      testId: "".concat(testId, "-item"),
+      results: resolvedResults,
+      renderers: renderers
+    }));
+  }));
+};
+var ResolvedResultsStackWithAnalytics = function ResolvedResultsStackWithAnalytics(props) {
+  return /*#__PURE__*/React.createElement(AnalyticsContext, {
+    data: {
+      component: 'relatedLinksSection'
+    }
+  }, /*#__PURE__*/React.createElement(ResolvedResultsStack, props));
+};
+export default ResolvedResultsStackWithAnalytics;

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

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

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

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

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

@@ -10,11 +10,14 @@ import { connectButtonStyles, mainTextStyles, titleBlockStyles } from './styled'
 import { getPreviewBlockStyles } from '../../../styled';
 import { extractRequestAccessContextImproved } from '../../../../../extractors/common/context/extractAccessContext';
 import extractHostname from '../../../../../extractors/common/hostname/extractHostname';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 var HoverCardForbiddenView = function HoverCardForbiddenView(_ref) {
   var _cardState$details, _cardState$details2, _extractProvider$text, _extractProvider, _extractRequestAccess;
   var flexibleCardProps = _ref.flexibleCardProps,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'hover-card-forbidden-view' : _ref$testId;
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var cardState = flexibleCardProps.cardState,
     url = flexibleCardProps.url;
   var data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
@@ -24,7 +27,8 @@ var HoverCardForbiddenView = function HoverCardForbiddenView(_ref) {
   var _ref2 = (_extractRequestAccess = extractRequestAccessContextImproved({
       jsonLd: meta,
       url: url,
-      product: product
+      product: product,
+      createAnalyticsEvent: createAnalyticsEvent
     })) !== null && _extractRequestAccess !== void 0 ? _extractRequestAccess : {},
     action = _ref2.action,
     descriptiveMessageKey = _ref2.descriptiveMessageKey,
@@ -55,9 +59,9 @@ var HoverCardForbiddenView = function HoverCardForbiddenView(_ref) {
       hostname: hostname
     }
   }))), action && /*#__PURE__*/React.createElement(CustomBlock, {
-    overrideCss: connectButtonStyles,
-    testId: "".concat(testId, "-button")
+    overrideCss: connectButtonStyles
   }, /*#__PURE__*/React.createElement(Button, {
+    testId: "".concat(testId, "-button"),
     onClick: action === null || action === void 0 ? void 0 : action.promise,
     appearance: "primary",
     isDisabled: buttonDisabled

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.41.3",
+  packageVersion: "26.42.1",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

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

@@ -14,6 +14,7 @@ import { extractProvider } from '@atlaskit/link-extractors';
 import { useFeatureFlag } from '@atlaskit/link-provider';
 import { getExtensionKey } from '../../state/helpers';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 export { InlineCardResolvedView, InlineCardResolvingView, InlineCardErroredView, InlineCardForbiddenView, InlineCardUnauthorizedView };
 export var InlineCard = function InlineCard(_ref) {
   var _details$meta, _providerForbidden$te;
@@ -32,6 +33,8 @@ export var InlineCard = function InlineCard(_ref) {
     showHoverPreview = _ref.showHoverPreview,
     showAuthTooltip = _ref.showAuthTooltip,
     showServerActions = _ref.showServerActions;
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var status = cardState.status,
     details = cardState.details;
   var cardDetails = details && details.data || getEmptyJsonLd();
@@ -101,7 +104,8 @@ export var InlineCard = function InlineCard(_ref) {
       var requestAccessContext = getBooleanFF('platform.linking-platform.smart-card.cross-join') ? extractRequestAccessContextImproved({
         jsonLd: cardMetadata,
         url: url,
-        product: (_providerForbidden$te = providerForbidden === null || providerForbidden === void 0 ? void 0 : providerForbidden.text) !== null && _providerForbidden$te !== void 0 ? _providerForbidden$te : ''
+        product: (_providerForbidden$te = providerForbidden === null || providerForbidden === void 0 ? void 0 : providerForbidden.text) !== null && _providerForbidden$te !== void 0 ? _providerForbidden$te : '',
+        createAnalyticsEvent: createAnalyticsEvent
       }) : extractRequestAccessContext({
         jsonLd: cardMetadata,
         url: url,

package/dist/types/extractors/common/context/extractAccessContext.d.ts

@@ -1,12 +1,14 @@
 import { JsonLd } from 'json-ld-types';
 import { RequestAccessContextProps } from '../../../view/types';
+import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 export declare const extractRequestAccessContext: ({ jsonLd, url, context, }: {
     jsonLd: JsonLd.Meta.BaseMeta;
     url: string;
     context?: string | undefined;
 }) => RequestAccessContextProps;
-export declare const extractRequestAccessContextImproved: ({ jsonLd, url, product, }: {
+export declare const extractRequestAccessContextImproved: ({ jsonLd, url, product, createAnalyticsEvent, }: {
     jsonLd: JsonLd.Meta.BaseMeta;
     url: string;
     product: string;
+    createAnalyticsEvent: CreateUIAnalyticsEvent;
 }) => RequestAccessContextProps;

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

@@ -1,7 +1,7 @@
 import { GasPayload } from '@atlaskit/analytics-gas-types';
 import { CardInnerAppearance } from '../view/Card/types';
-export type AnalyticsAction = 'authStarted' | 'clicked' | 'closed' | 'connected' | 'connectFailed' | 'connectSucceeded' | 'created' | 'dismissed' | 'inserted' | 'renderFailed' | 'renderSuccess' | 'renderWithStatus' | 'resolved' | 'viewed' | 'unresolved' | 'updated' | 'chunkLoadFailed' | 'dwelled' | 'focused' | 'started' | 'success' | 'failed';
-export type AnalyticsActionSubject = 'smartLink' | 'smartLinkAction' | 'applicationAccount' | 'button' | 'consentModal' | 'hoverCard' | 'modal' | 'embedPreviewModal' | 'smartLinkIframe' | 'link' | 'smartLinkQuickAction';
+export type AnalyticsAction = 'authStarted' | 'clicked' | 'closed' | 'connected' | 'connectFailed' | 'connectSucceeded' | 'created' | 'dismissed' | 'inserted' | 'renderFailed' | 'renderSuccess' | 'renderWithStatus' | 'resolved' | 'viewed' | 'unresolved' | 'updated' | 'chunkLoadFailed' | 'dwelled' | 'focused' | 'started' | 'success' | 'failed' | 'loaded';
+export type AnalyticsActionSubject = 'smartLink' | 'smartLinkAction' | 'applicationAccount' | 'button' | 'consentModal' | 'hoverCard' | 'modal' | 'embedPreviewModal' | 'smartLinkIframe' | 'link' | 'smartLinkQuickAction' | 'relatedLinks';
 export type AnalyticsName = 'embedPreviewModal';
 export type AnalyticsOrigin = 'smartLinkCard' | 'smartLinkEmbed' | 'smartLinkInline' | 'smartLinkPreviewHoverCard';
 export type AnalyticsPayload = GasPayload & {

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

@@ -0,0 +1,3 @@
+import { AnalyticsEventPayload, UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { TrackRelatedLinksLoadedEventProps } from './types';
+export declare const fireRelatedLinksLoadedEvent: (createAnalyticsEvent: (payload: AnalyticsEventPayload) => UIAnalyticsEvent) => (attributes: TrackRelatedLinksLoadedEventProps) => void;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { AnalyticsEventPayload, UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { JsonLd } from 'json-ld-types';
+import { UiRelatedLinksViewedEventProps } from './types';
+export declare const fireRelatedLinksViewedEvent: (createAnalyticsEvent: (payload: AnalyticsEventPayload) => UIAnalyticsEvent) => (attributes: UiRelatedLinksViewedEventProps) => void;
+type RelatedUrlItemAnalyticsContextProps = {
+    details: JsonLd.Response;
+    children?: React.ReactNode;
+};
+export declare const RelatedUrlItemAnalyticsContext: (props: RelatedUrlItemAnalyticsContextProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ResolvedResultsStackProps } from './types';
+declare const ResolvedResultsStackWithAnalytics: (props: ResolvedResultsStackProps) => JSX.Element;
+export default ResolvedResultsStackWithAnalytics;

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

@@ -0,0 +1,10 @@
+import { JsonLd } from 'json-ld-types';
+import { CardProviderRenderers } from '@atlaskit/link-provider';
+export interface ResolvedResultsStackProps {
+    testId: string;
+    resolvedResults: JsonLd.Response[];
+    renderers?: CardProviderRenderers;
+}
+export type UiRelatedLinksViewedEventProps = {
+    relatedLinksCount: number;
+};

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

@@ -0,0 +1,3 @@
+export type TrackRelatedLinksLoadedEventProps = {
+    relatedLinksCount: number;
+};

package/dist/types-ts4.5/extractors/common/context/extractAccessContext.d.ts

@@ -1,12 +1,14 @@
 import { JsonLd } from 'json-ld-types';
 import { RequestAccessContextProps } from '../../../view/types';
+import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 export declare const extractRequestAccessContext: ({ jsonLd, url, context, }: {
     jsonLd: JsonLd.Meta.BaseMeta;
     url: string;
     context?: string | undefined;
 }) => RequestAccessContextProps;
-export declare const extractRequestAccessContextImproved: ({ jsonLd, url, product, }: {
+export declare const extractRequestAccessContextImproved: ({ jsonLd, url, product, createAnalyticsEvent, }: {
     jsonLd: JsonLd.Meta.BaseMeta;
     url: string;
     product: string;
+    createAnalyticsEvent: CreateUIAnalyticsEvent;
 }) => RequestAccessContextProps;

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

@@ -1,7 +1,7 @@
 import { GasPayload } from '@atlaskit/analytics-gas-types';
 import { CardInnerAppearance } from '../view/Card/types';
-export type AnalyticsAction = 'authStarted' | 'clicked' | 'closed' | 'connected' | 'connectFailed' | 'connectSucceeded' | 'created' | 'dismissed' | 'inserted' | 'renderFailed' | 'renderSuccess' | 'renderWithStatus' | 'resolved' | 'viewed' | 'unresolved' | 'updated' | 'chunkLoadFailed' | 'dwelled' | 'focused' | 'started' | 'success' | 'failed';
-export type AnalyticsActionSubject = 'smartLink' | 'smartLinkAction' | 'applicationAccount' | 'button' | 'consentModal' | 'hoverCard' | 'modal' | 'embedPreviewModal' | 'smartLinkIframe' | 'link' | 'smartLinkQuickAction';
+export type AnalyticsAction = 'authStarted' | 'clicked' | 'closed' | 'connected' | 'connectFailed' | 'connectSucceeded' | 'created' | 'dismissed' | 'inserted' | 'renderFailed' | 'renderSuccess' | 'renderWithStatus' | 'resolved' | 'viewed' | 'unresolved' | 'updated' | 'chunkLoadFailed' | 'dwelled' | 'focused' | 'started' | 'success' | 'failed' | 'loaded';
+export type AnalyticsActionSubject = 'smartLink' | 'smartLinkAction' | 'applicationAccount' | 'button' | 'consentModal' | 'hoverCard' | 'modal' | 'embedPreviewModal' | 'smartLinkIframe' | 'link' | 'smartLinkQuickAction' | 'relatedLinks';
 export type AnalyticsName = 'embedPreviewModal';
 export type AnalyticsOrigin = 'smartLinkCard' | 'smartLinkEmbed' | 'smartLinkInline' | 'smartLinkPreviewHoverCard';
 export type AnalyticsPayload = GasPayload & {

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

@@ -0,0 +1,3 @@
+import { AnalyticsEventPayload, UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { TrackRelatedLinksLoadedEventProps } from './types';
+export declare const fireRelatedLinksLoadedEvent: (createAnalyticsEvent: (payload: AnalyticsEventPayload) => UIAnalyticsEvent) => (attributes: TrackRelatedLinksLoadedEventProps) => void;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { AnalyticsEventPayload, UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { JsonLd } from 'json-ld-types';
+import { UiRelatedLinksViewedEventProps } from './types';
+export declare const fireRelatedLinksViewedEvent: (createAnalyticsEvent: (payload: AnalyticsEventPayload) => UIAnalyticsEvent) => (attributes: UiRelatedLinksViewedEventProps) => void;
+type RelatedUrlItemAnalyticsContextProps = {
+    details: JsonLd.Response;
+    children?: React.ReactNode;
+};
+export declare const RelatedUrlItemAnalyticsContext: (props: RelatedUrlItemAnalyticsContextProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ResolvedResultsStackProps } from './types';
+declare const ResolvedResultsStackWithAnalytics: (props: ResolvedResultsStackProps) => JSX.Element;
+export default ResolvedResultsStackWithAnalytics;

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

@@ -0,0 +1,10 @@
+import { JsonLd } from 'json-ld-types';
+import { CardProviderRenderers } from '@atlaskit/link-provider';
+export interface ResolvedResultsStackProps {
+    testId: string;
+    resolvedResults: JsonLd.Response[];
+    renderers?: CardProviderRenderers;
+}
+export type UiRelatedLinksViewedEventProps = {
+    relatedLinksCount: number;
+};

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

@@ -0,0 +1,3 @@
+export type TrackRelatedLinksLoadedEventProps = {
+    relatedLinksCount: number;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.41.3",
+  "version": "26.42.1",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -38,7 +38,7 @@
     "@atlaskit/link-analytics": "^8.3.0",
     "@atlaskit/link-client-extension": "^1.8.0",
     "@atlaskit/link-extractors": "^1.2.0",
-    "@atlaskit/linking-common": "^4.15.0",
+    "@atlaskit/linking-common": "^4.17.0",
     "@atlaskit/linking-types": "^8.4.0",
     "@atlaskit/logo": "^13.14.0",
     "@atlaskit/lozenge": "^11.4.0",

package/report.api.md

@@ -104,6 +104,7 @@ export type AnalyticsAction =
   | 'failed'
   | 'focused'
   | 'inserted'
+  | 'loaded'
   | 'renderFailed'
   | 'renderSuccess'
   | 'renderWithStatus'
@@ -123,6 +124,7 @@ export type AnalyticsActionSubject =
   | 'hoverCard'
   | 'link'
   | 'modal'
+  | 'relatedLinks'
   | 'smartLink'
   | 'smartLinkAction'
   | 'smartLinkIframe'

package/tmp/api-report-tmp.d.ts

@@ -76,10 +76,10 @@ type ActionProps = {
 };
 
 // @public (undocumented)
-export type AnalyticsAction = 'authStarted' | 'chunkLoadFailed' | 'clicked' | 'closed' | 'connectFailed' | 'connectSucceeded' | 'connected' | 'created' | 'dismissed' | 'dwelled' | 'failed' | 'focused' | 'inserted' | 'renderFailed' | 'renderSuccess' | 'renderWithStatus' | 'resolved' | 'started' | 'success' | 'unresolved' | 'updated' | 'viewed';
+export type AnalyticsAction = 'authStarted' | 'chunkLoadFailed' | 'clicked' | 'closed' | 'connectFailed' | 'connectSucceeded' | 'connected' | 'created' | 'dismissed' | 'dwelled' | 'failed' | 'focused' | 'inserted' | 'loaded' | 'renderFailed' | 'renderSuccess' | 'renderWithStatus' | 'resolved' | 'started' | 'success' | 'unresolved' | 'updated' | 'viewed';
 
 // @public (undocumented)
-export type AnalyticsActionSubject = 'applicationAccount' | 'button' | 'consentModal' | 'embedPreviewModal' | 'hoverCard' | 'link' | 'modal' | 'smartLink' | 'smartLinkAction' | 'smartLinkIframe' | 'smartLinkQuickAction';
+export type AnalyticsActionSubject = 'applicationAccount' | 'button' | 'consentModal' | 'embedPreviewModal' | 'hoverCard' | 'link' | 'modal' | 'relatedLinks' | 'smartLink' | 'smartLinkAction' | 'smartLinkIframe' | 'smartLinkQuickAction';
 
 // @public (undocumented)
 type AnalyticsFacade = ReturnType<typeof useSmartLinkAnalytics>;