@atlaskit/smart-card 44.4.0 → 44.5.1

package/dist/esm/view/FlexibleCard/components/blocks/hover-card-footer-block/index.js

@@ -6,6 +6,8 @@ import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useMemo } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { ActionName } from '../../../../../constants';
 import { useFlexibleCardContext } from '../../../../../state/flexible-ui-context';
 import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
@@ -18,6 +20,7 @@ import Block from '../block';
  */
 var HIDDEN_HOVER_CARD_FOOTER_ACTIONS = [ActionName.RovoChatAction];
 var ignoreContainerMarginStyles = null;
+var inlineActionNudgeFooterMarginStyles = null;
 var elevatedFooterStyles = null;
 var providerStyles = null;
 var actionsStyles = null;
@@ -63,7 +66,7 @@ var ResolvedHoverCardFooterBlock = function ResolvedHoverCardFooterBlock(_ref) {
   return /*#__PURE__*/React.createElement(Block, _extends({}, props, {
     size: size,
     testId: "".concat(testId, "-resolved-view"),
-    className: ax(["_18zrpxbi _1rjcutpp _vchhusvi _1bsb129b _18u01ivi _2hwxc10g _otyr1ya9 _4t3ioahv", "_zulpu2gc _x3doj0fz _bfhkhfxm _mrkb1mok _1o0z1mok"])
+    className: ax(["_18zrpxbi _1rjcutpp _vchhusvi _1bsb129b _18u01ivi _2hwxc10g _otyr1ya9 _4t3ioahv", "_zulpu2gc _x3doj0fz _bfhkhfxm _mrkb1mok _1o0z1mok", fg('rovogrowth-640-inline-action-nudge-fg') && expValEqualsNoExposure('rovogrowth-640-inline-action-nudge-exp', 'isEnabled', true) && "_19pkutpp"])
   }), !hideProvider && /*#__PURE__*/React.createElement("div", {
     className: ax(["_4t3i1ejb _1e0c1txw _4cvr1h6o _1bah1y6m _vchhusvi _16jlkb7n"])
   }, /*#__PURE__*/React.createElement(Provider, {

package/dist/esm/view/FlexibleCard/components/common/image-icon/index.js

@@ -15,7 +15,7 @@ var messages = defineMessages({
   imageAltText: {
     id: 'smart-link.image-icon.altText',
     defaultMessage: 'Link Icon',
-    description: 'Alt text for a link icon.'
+    description: 'Alternative text for the link icon image displayed on a flexible smart link card, used by screen readers and when the image cannot be rendered.'
   }
 });
 var ImageIcon = function ImageIcon(_ref) {

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

@@ -15,7 +15,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "44.3.24",
+  packageVersion: "44.5.0",
   componentName: 'linkUrl'
 };
 var Anchor = withLinkClickedEvent('a');

package/dist/types/common/analytics/generated/analytics.types.d.ts

@@ -3,7 +3,7 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::4d978bf4946aee0ad737d8305df7a6a0>>
+ * @codegen <<SignedSource::4e18b8952a94e4fc3afd62ef6213f7b1>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen smart-card
  */
 export type PackageMetaDataContextType = {
@@ -11,80 +11,80 @@ export type PackageMetaDataContextType = {
     packageVersion: string;
 };
 export type CommonContextType = {
-    extensionKey: string | null;
-    destinationObjectType: string | null;
-    destinationSubproduct: string | null;
-    destinationProduct: string | null;
-    location: string | null;
-    statusDetails: string | null;
+    extensionKey?: string | null;
+    destinationObjectType?: string | null;
+    destinationSubproduct?: string | null;
+    destinationProduct?: string | null;
+    location?: string | null;
+    statusDetails?: string | null;
 };
 export type ResolvedContextType = {
-    status: 'pending' | 'resolving' | 'resolved' | 'errored' | 'fallback' | 'unauthorized' | 'forbidden' | 'not_found' | null;
-    statusDetails: string | null;
+    status?: 'pending' | 'resolving' | 'resolved' | 'errored' | 'fallback' | 'unauthorized' | 'forbidden' | 'not_found' | null;
+    statusDetails?: string | null;
     displayCategory: 'smartLink' | 'link';
-    extensionKey: string | null;
-    destinationProduct: string | null;
-    destinationSubproduct: string | null;
-    destinationCategory: string | null;
-    destinationObjectId: string | null;
-    destinationObjectType: string | null;
-    destinationContainerId: string | null;
-    destinationTenantId: string | null;
-    canBeDatasource: boolean | null;
-    location: string | null;
+    extensionKey?: string | null;
+    destinationProduct?: string | null;
+    destinationSubproduct?: string | null;
+    destinationCategory?: string | null;
+    destinationObjectId?: string | null;
+    destinationObjectType?: string | null;
+    destinationContainerId?: string | null;
+    destinationTenantId?: string | null;
+    canBeDatasource?: boolean | null;
+    location?: string | null;
 };
 export type ButtonClickedCopyLinkAttributesType = {
-    actionType: string | null;
-    id: string | null;
-    definitionId: string | null;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'url' | null;
-    resourceType: string | null;
+    actionType?: string | null;
+    id?: string | null;
+    definitionId?: string | null;
+    display?: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'url' | null;
+    resourceType?: string | null;
 };
 export type ButtonClickedDownloadDocumentAttributesType = {
-    actionType: string | null;
-    id: string | null;
-    definitionId: string | null;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'url' | null;
-    resourceType: string | null;
+    actionType?: string | null;
+    id?: string | null;
+    definitionId?: string | null;
+    display?: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'url' | null;
+    resourceType?: string | null;
 };
 export type ButtonClickedInvokePreviewScreenAttributesType = {
-    actionType: string | null;
-    id: string | null;
-    definitionId: string | null;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'url' | null;
-    resourceType: string | null;
+    actionType?: string | null;
+    id?: string | null;
+    definitionId?: string | null;
+    display?: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'url' | null;
+    resourceType?: string | null;
 };
 export type ButtonClickedShortcutGoToLinkAttributesType = {
-    actionType: string | null;
-    id: string | null;
-    definitionId: string | null;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'url' | null;
-    resourceType: string | null;
+    actionType?: string | null;
+    id?: string | null;
+    definitionId?: string | null;
+    display?: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'url' | null;
+    resourceType?: string | null;
 };
 export type ButtonClickedIssueStatusUpdateAttributesType = {
-    actionType: string | null;
-    id: string | null;
-    definitionId: string | null;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'url' | null;
-    resourceType: string | null;
+    actionType?: string | null;
+    id?: string | null;
+    definitionId?: string | null;
+    display?: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'url' | null;
+    resourceType?: string | null;
 };
 export type ButtonClickedAiSummaryAttributesType = {};
 export type ButtonClickedRovoChatPromptAttributesType = {
-    actionType: string | null;
-    id: string | null;
-    definitionId: string | null;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'url' | null;
-    resourceType: string | null;
-    prompt: string | null;
+    actionType?: string | null;
+    id?: string | null;
+    definitionId?: string | null;
+    display?: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'url' | null;
+    resourceType?: string | null;
+    prompt?: string | null;
 };
 export type ButtonClickedCopySummaryAttributesType = {};
 export type SummaryViewedAttributesType = {
-    fromCache: boolean | null;
+    fromCache?: boolean | null;
 };
 export type ErrorViewedAiSummaryAttributesType = {};
 export type SummarySuccessAttributesType = {};
 export type SummaryFailedAttributesType = {
-    reason: string | null;
+    reason?: string | null;
     isSloError: boolean;
 };
 export type AiInteractionInitiatedAttributesType = {
@@ -108,18 +108,18 @@ export type RelatedLinksFailedAttributesType = {
 export type SmartLinkIframeDwelledAttributesType = {
     id: string;
     display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'url';
-    definitionId: string | null;
+    definitionId?: string | null;
     dwellTime: number;
     dwellPercentVisible: number;
 };
 export type SmartLinkIframeFocusedAttributesType = {
     id: string;
     display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'url';
-    definitionId: string | null;
+    definitionId?: string | null;
     interactionType?: 'mouseenter' | 'mouseleave' | 'focus' | null;
 };
 export type ApplicationAccountConnectedAttributesType = {
-    definitionId: string | null;
+    definitionId?: string | null;
 };
 export type ApplicationAccountAuthStartedAttributesType = {};
 export type SmartLinkQuickActionStartedAttributesType = {
@@ -130,83 +130,85 @@ export type SmartLinkQuickActionSuccessAttributesType = {
 };
 export type SmartLinkQuickActionFailedAttributesType = {
     smartLinkActionType: 'FollowEntityAction' | 'GetStatusTransitionsAction' | 'StatusUpdateAction' | 'UnfollowEntityAction' | 'StatusUpdate';
-    reason: 'PermissionError' | 'ValidationError' | 'UnknownError' | null;
+    reason?: 'PermissionError' | 'ValidationError' | 'UnknownError' | null;
 };
 export type ConsentModalViewedAttributesType = {
-    definitionId: string | null;
+    definitionId?: string | null;
 };
 export type EmbedPreviewModalViewedAttributesType = {
-    origin: 'smartLinkCard' | 'smartLinkEmbed' | 'smartLinkInline' | 'smartLinkPreviewHoverCard' | null;
-    size: 'large' | 'small' | null;
+    origin?: 'smartLinkCard' | 'smartLinkEmbed' | 'smartLinkInline' | 'smartLinkPreviewHoverCard' | null;
+    size?: 'large' | 'small' | null;
 };
 export type SmartLinkConnectSucceededAttributesType = {
-    definitionId: string | null;
+    definitionId?: string | null;
 };
 export type SmartLinkConnectFailedAttributesType = {
-    reason: string | null;
-    definitionId: string | null;
+    reason?: string | null;
+    definitionId?: string | null;
 };
 export type SmartLinkResolvedAttributesType = {
-    definitionId: string | null;
-    duration: number | null;
+    status?: 'pending' | 'resolving' | 'resolved' | 'errored' | 'fallback' | 'unauthorized' | 'forbidden' | 'not_found' | null;
+    definitionId?: string | null;
+    duration?: number | null;
 };
 export type SmartLinkUnresolvedAttributesType = {
-    definitionId: string | null;
-    error: Record<string, unknown> | null;
+    status?: 'pending' | 'resolving' | 'resolved' | 'errored' | 'fallback' | 'unauthorized' | 'forbidden' | 'not_found' | null;
+    definitionId?: string | null;
+    error?: Record<string, unknown> | null;
     reason: string;
 };
 export type SmartLinkChunkLoadFailedAttributesType = {
     display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'url';
-    definitionId: string | null;
+    definitionId?: string | null;
     error: Record<string, unknown>;
     errorInfo: Record<string, unknown>;
 };
 export type SmartLinkActionResolvedAttributesType = {
-    actionType: string | null;
-    id: string | null;
-    definitionId: string | null;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'url' | null;
-    resourceType: string | null;
-    duration: number | null;
+    actionType?: string | null;
+    id?: string | null;
+    definitionId?: string | null;
+    display?: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'url' | null;
+    resourceType?: string | null;
+    duration?: number | null;
 };
 export type SmartLinkActionUnresolvedAttributesType = {
-    actionType: string | null;
-    id: string | null;
-    definitionId: string | null;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'url' | null;
-    resourceType: string | null;
-    duration: number | null;
-    reason: string | null;
+    actionType?: string | null;
+    id?: string | null;
+    definitionId?: string | null;
+    display?: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'url' | null;
+    resourceType?: string | null;
+    duration?: number | null;
+    reason?: string | null;
 };
 export type HyperlinkResolvedAttributesType = {
-    definitionId: string | null;
-    extensionKey: string | null;
-    resourceType: string | null;
-    duration: number | null;
+    extensionKey?: string | null;
+    definitionId?: string | null;
+    resourceType?: string | null;
+    duration?: number | null;
 };
 export type HyperlinkUnresolvedAttributesType = {
-    definitionId: string | null;
-    extensionKey: string | null;
-    resourceType: string | null;
-    reason: string | null;
-    error: Record<string, unknown> | null;
+    extensionKey?: string | null;
+    definitionId?: string | null;
+    resourceType?: string | null;
+    reason?: string | null;
+    error?: Record<string, unknown> | null;
 };
 export type SmartLinkClickedAttributesType = {
     id: string;
     display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';
-    definitionId: string | null;
-    isModifierKeyPressed: boolean | null;
+    definitionId?: string | null;
+    isModifierKeyPressed?: boolean | null;
 };
 export type SmartLinkVisitedAttributesType = {
     id: string;
     display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';
-    definitionId: string | null;
+    definitionId?: string | null;
 };
 export type SmartLinkClickedTitleGoToLinkAttributesType = {
     id: string;
     display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';
-    definitionId: string | null;
-    isModifierKeyPressed: boolean | null;
+    definitionId?: string | null;
+    isModifierKeyPressed?: boolean | null;
 };
 export type SmartLinkClickedPreviewHoverCardAttributesType = {
     id: string;
@@ -215,34 +217,35 @@ export type SmartLinkClickedPreviewHoverCardAttributesType = {
 };
 export type HoverCardViewedAttributesType = {
     previewDisplay: 'card' | 'embed';
-    previewInvokeMethod: 'keyboard' | 'mouse_hover' | 'mouse_click' | null;
-    definitionId: string | null;
-    rovoActionsCtaShown?: boolean;
+    previewInvokeMethod?: 'keyboard' | 'mouse_hover' | 'mouse_click' | null;
+    definitionId?: string | null;
+    rovoActionsCtaShown?: boolean | null;
 };
 export type HoverCardDismissedAttributesType = {
     previewDisplay: 'card' | 'embed';
     hoverTime: number;
-    previewInvokeMethod: 'keyboard' | 'mouse_hover' | 'mouse_click' | null;
-    definitionId: string | null;
-    rovoActionsCtaShown?: boolean;
+    previewInvokeMethod?: 'keyboard' | 'mouse_hover' | 'mouse_click' | null;
+    definitionId?: string | null;
+    rovoActionsCtaShown?: boolean | null;
 };
 export type ButtonClickedConnectAccountAttributesType = {
     display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'url';
-    definitionId: string | null;
+    definitionId?: string | null;
 };
 export type SmartLinkClickedTryAnotherAccountAttributesType = {
     display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'url';
-    definitionId: string | null;
+    definitionId?: string | null;
 };
 export type ConsentModalClosedAttributesType = {
     display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'url';
-    definitionId: string | null;
+    definitionId?: string | null;
 };
 export type ModalClosedEmbedPreviewAttributesType = {
-    origin: 'smartLinkCard' | 'smartLinkEmbed' | 'smartLinkInline' | 'smartLinkPreviewHoverCard' | null;
-    previewTime: number | null;
-    size: 'large' | 'small' | null;
+    origin?: 'smartLinkCard' | 'smartLinkEmbed' | 'smartLinkInline' | 'smartLinkPreviewHoverCard' | null;
+    previewTime?: number | null;
+    size?: 'large' | 'small' | null;
 };
+export type ButtonClickedDismissAttributesType = {};
 export type ButtonClickedLearnMoreAttributesType = {};
 export type ButtonClickedSmartLinkStatusLozengeAttributesType = {};
 export type ButtonClickedSmartLinkStatusListItemAttributesType = {};
@@ -252,27 +255,26 @@ export type ButtonClickedStatusUpdateActionAttributesType = {};
 export type ButtonClickedGetStatusTransitionsActionAttributesType = {};
 export type ButtonClickedEmbedPreviewResizeAttributesType = {
     newSize: 'large' | 'small';
-    origin: 'smartLinkCard' | 'smartLinkEmbed' | 'smartLinkInline' | 'smartLinkPreviewHoverCard' | null;
+    origin?: 'smartLinkCard' | 'smartLinkEmbed' | 'smartLinkInline' | 'smartLinkPreviewHoverCard' | null;
     previousSize: 'large' | 'small';
 };
 export type SmartLinkRenderSuccessAttributesType = {
     display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';
-    rovoActionsCtaShown?: boolean;
+    rovoActionsCtaShown?: boolean | null;
 };
 export type SmartLinkRenderFailedAttributesType = {
     display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';
     error: Record<string, unknown>;
     errorInfo: Record<string, unknown>;
-    id: string | null;
+    id?: string | null;
 };
-export type ButtonClickedDismissAttributesType = {};
 export type SmartLinkSeenAttributesType = {
     display: 'inline' | 'block' | 'embed' | 'flexible';
 };
 export type SmartLinkClickedSmartlinkClickAnalyticsWorkflowsAttributesType = {
     thirdPartyARI: string;
     eventName: string;
-    firstPartyIdentifier: string | null;
+    firstPartyIdentifier?: string | null;
     clickedAt: string;
 };
 export type AnalyticsEventAttributes = {
@@ -417,6 +419,9 @@ export type AnalyticsEventAttributes = {
     /**
      * Fires an event that represents when a user close a modal. */
     'ui.modal.closed.embedPreview': ModalClosedEmbedPreviewAttributesType;
+    /**
+     * fires when a user dismisses a dismissible Smart Link or hover card control. */
+    'ui.button.clicked.dismiss': ButtonClickedDismissAttributesType;
     /**
      * fires an event that signifies that a "Learn More" link was clicked on an unauthenticated card */
     'ui.button.clicked.learnMore': ButtonClickedLearnMoreAttributesType;
@@ -451,8 +456,5 @@ export type AnalyticsEventAttributes = {
     /**
      * fires an event that represents when a user clicks on a Smart Link to track analytics for the 3P Workflows team */
     'ui.smartLink.clicked.smartlinkClickAnalyticsWorkflows': SmartLinkClickedSmartlinkClickAnalyticsWorkflowsAttributesType;
-    /**
-     * fires an event that represents when a user dismisses a hover card */
-    'ui.button.clicked.dismiss': ButtonClickedDismissAttributesType;
 };
 export type EventKey = keyof AnalyticsEventAttributes;

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

@@ -3,7 +3,7 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::f914fb83fac56e7154ef460866628f7d>>
+ * @codegen <<SignedSource::268e746266cde1271e40a794eb774cf3>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen smart-card
  */
 import type { AnalyticsEventAttributes, EventKey } from './analytics.types';

package/dist/types/common/analytics/generated/use-analytics-events.d.ts

@@ -1,4 +1,7 @@
 import type { EventKey } from './analytics.types';
+import createEventPayload from './create-event-payload';
+type UseAnalyticsEventsFireFn = <K extends EventKey>(...params: Parameters<typeof createEventPayload<K>>) => void;
 export declare const useAnalyticsEvents: () => {
-    fireEvent: <K extends EventKey>(eventKey: K, ...params: undefined extends import("./analytics.types").AnalyticsEventAttributes[K] ? [param?: import("./analytics.types").AnalyticsEventAttributes[K] | undefined] : [param: import("./analytics.types").AnalyticsEventAttributes[K]]) => void;
+    fireEvent: UseAnalyticsEventsFireFn;
 };
+export {};

package/dist/types/preloadLazyCardWithUrlContent.d.ts

@@ -0,0 +1 @@
+export declare const preloadLazyCardWithUrlContent: () => Promise<unknown>;