@atlaskit/smart-card 23.7.2 → 23.8.0

package/dist/types/i18n/tr.d.ts

@@ -13,6 +13,7 @@ declare const _default: {
     'fabric.linking.connect_link_account_card_view_description': string;
     'fabric.linking.connect_link_account_card_view_name': string;
     'fabric.linking.connect_to': string;
+    'fabric.linking.connect_unauthorised_account_action': string;
     'fabric.linking.couldnt_load_link': string;
     'fabric.linking.create_on_absolute': string;
     'fabric.linking.create_on_relative': string;
@@ -31,8 +32,12 @@ declare const _default: {
     'fabric.linking.more_actions': string;
     'fabric.linking.not_found_description': string;
     'fabric.linking.not_found_title': string;
+    'fabric.linking.open_link_in_a_new_tab': string;
     'fabric.linking.pending_request': string;
     'fabric.linking.preview': string;
+    'fabric.linking.preview_close': string;
+    'fabric.linking.preview_max_size': string;
+    'fabric.linking.preview_min_size': string;
     'fabric.linking.priority_blocker': string;
     'fabric.linking.priority_critical': string;
     'fabric.linking.priority_high': string;

package/dist/types/i18n/uk.d.ts

@@ -13,6 +13,7 @@ declare const _default: {
     'fabric.linking.connect_link_account_card_view_description': string;
     'fabric.linking.connect_link_account_card_view_name': string;
     'fabric.linking.connect_to': string;
+    'fabric.linking.connect_unauthorised_account_action': string;
     'fabric.linking.couldnt_load_link': string;
     'fabric.linking.create_on_absolute': string;
     'fabric.linking.create_on_relative': string;
@@ -31,8 +32,12 @@ declare const _default: {
     'fabric.linking.more_actions': string;
     'fabric.linking.not_found_description': string;
     'fabric.linking.not_found_title': string;
+    'fabric.linking.open_link_in_a_new_tab': string;
     'fabric.linking.pending_request': string;
     'fabric.linking.preview': string;
+    'fabric.linking.preview_close': string;
+    'fabric.linking.preview_max_size': string;
+    'fabric.linking.preview_min_size': string;
     'fabric.linking.priority_blocker': string;
     'fabric.linking.priority_critical': string;
     'fabric.linking.priority_high': string;

package/dist/types/i18n/vi.d.ts

@@ -13,6 +13,7 @@ declare const _default: {
     'fabric.linking.connect_link_account_card_view_description': string;
     'fabric.linking.connect_link_account_card_view_name': string;
     'fabric.linking.connect_to': string;
+    'fabric.linking.connect_unauthorised_account_action': string;
     'fabric.linking.couldnt_load_link': string;
     'fabric.linking.create_on_absolute': string;
     'fabric.linking.create_on_relative': string;
@@ -25,14 +26,19 @@ declare const _default: {
     'fabric.linking.invalid_permissions': string;
     'fabric.linking.invalid_permissions_description': string;
     'fabric.linking.join_to_view': string;
+    'fabric.linking.learn_more_about_smart_links_security': string;
     'fabric.linking.loading': string;
     'fabric.linking.modified_on_absolute': string;
     'fabric.linking.modified_on_relative': string;
     'fabric.linking.more_actions': string;
     'fabric.linking.not_found_description': string;
     'fabric.linking.not_found_title': string;
+    'fabric.linking.open_link_in_a_new_tab': string;
     'fabric.linking.pending_request': string;
     'fabric.linking.preview': string;
+    'fabric.linking.preview_close': string;
+    'fabric.linking.preview_max_size': string;
+    'fabric.linking.preview_min_size': string;
     'fabric.linking.priority_blocker': string;
     'fabric.linking.priority_critical': string;
     'fabric.linking.priority_high': string;

package/dist/types/i18n/zh.d.ts

@@ -13,6 +13,7 @@ declare const _default: {
     'fabric.linking.connect_link_account_card_view_description': string;
     'fabric.linking.connect_link_account_card_view_name': string;
     'fabric.linking.connect_to': string;
+    'fabric.linking.connect_unauthorised_account_action': string;
     'fabric.linking.couldnt_load_link': string;
     'fabric.linking.create_on_absolute': string;
     'fabric.linking.create_on_relative': string;
@@ -31,8 +32,12 @@ declare const _default: {
     'fabric.linking.more_actions': string;
     'fabric.linking.not_found_description': string;
     'fabric.linking.not_found_title': string;
+    'fabric.linking.open_link_in_a_new_tab': string;
     'fabric.linking.pending_request': string;
     'fabric.linking.preview': string;
+    'fabric.linking.preview_close': string;
+    'fabric.linking.preview_max_size': string;
+    'fabric.linking.preview_min_size': string;
     'fabric.linking.priority_blocker': string;
     'fabric.linking.priority_critical': string;
     'fabric.linking.priority_high': string;

package/dist/types/i18n/zh_TW.d.ts

@@ -13,6 +13,7 @@ declare const _default: {
     'fabric.linking.connect_link_account_card_view_description': string;
     'fabric.linking.connect_link_account_card_view_name': string;
     'fabric.linking.connect_to': string;
+    'fabric.linking.connect_unauthorised_account_action': string;
     'fabric.linking.couldnt_load_link': string;
     'fabric.linking.create_on_absolute': string;
     'fabric.linking.create_on_relative': string;
@@ -31,8 +32,12 @@ declare const _default: {
     'fabric.linking.more_actions': string;
     'fabric.linking.not_found_description': string;
     'fabric.linking.not_found_title': string;
+    'fabric.linking.open_link_in_a_new_tab': string;
     'fabric.linking.pending_request': string;
     'fabric.linking.preview': string;
+    'fabric.linking.preview_close': string;
+    'fabric.linking.preview_max_size': string;
+    'fabric.linking.preview_min_size': string;
     'fabric.linking.priority_blocker': string;
     'fabric.linking.priority_critical': string;
     'fabric.linking.priority_high': string;

package/dist/types/state/actions/index.d.ts

@@ -1,12 +1,11 @@
 import { JsonLd } from 'json-ld-types';
-import { CardAppearance } from '../../view/Card';
 import { InvokeServerOpts, InvokeClientOpts } from '../../model/invoke-opts';
 import { AnalyticsFacade } from '../analytics';
 import { CardInnerAppearance } from '../../view/Card/types';
 export declare const useSmartCardActions: (id: string, url: string, analytics: AnalyticsFacade) => {
     register: () => Promise<void>;
     reload: () => void;
-    authorize: (appearance: CardAppearance) => void;
+    authorize: (appearance: CardInnerAppearance) => void;
     invoke: (opts: InvokeClientOpts | InvokeServerOpts, appearance: CardInnerAppearance) => Promise<JsonLd.Response | void>;
     loadMetadata: () => Promise<void> | undefined;
 };

package/dist/types/state/analytics/useSmartLinkAnalytics.d.ts

@@ -110,17 +110,23 @@ export declare const useSmartLinkAnalytics: (url: string, dispatchAnalytics: Ana
          * @param previewInvokeMethod How the preview was triggered.
          * @returns
          */
-        hoverCardViewedEvent: ({ previewDisplay, previewInvokeMethod, id, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: UiHoverCardViewedEventProps) => void;
+        hoverCardViewedEvent: ({ previewDisplay, previewInvokeMethod, id, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, status, }: UiHoverCardViewedEventProps) => void;
         /**
          * This fires an event that represents a hover preview being dismissed.
          * @param hoverDisplay Whether the hover preview was displayed as a card or embed.
          * @param hoverTime The duration that the user hovered over a Smart Link before the preview was dismissed.
          * @param definitionId The definitionId of the Smart Link resolver invoked.
-         * @param extensionKey The extensionKey of the Smart Link resovler invoked.
+         * @param extensionKey The extensionKey of the Smart Link resolver invoked.
          * @param previewInvokeMethod How the preview was triggered.
          * @returns
          */
-        hoverCardDismissedEvent: ({ id, previewDisplay, hoverTime, previewInvokeMethod, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: UiHoverCardDismissedEventProps) => void;
+        hoverCardDismissedEvent: ({ id, previewDisplay, hoverTime, previewInvokeMethod, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, status, }: UiHoverCardDismissedEventProps) => void;
+        /**
+         * Fires an event that signifies that a "Learn More" link was clicked on an unauthenticated card
+         * @param extensionKey The extensionKey of the Smart Link resovler invoked.
+         * @param location The location where a link is displayed (jiraWebLinks, confluencePages etc)
+         */
+        learnMoreClickedEvent: () => void;
     };
     operational: {
         /**
@@ -168,12 +174,19 @@ export declare const useSmartLinkAnalytics: (url: string, dispatchAnalytics: Ana
     };
     track: {
         /**
-         * This fires an event which represents a user starting the Smart Link connect account process.
+         * This fires an event which represents a user connecting their account to view a Smart Link.
          * @param definitionId The definitionId of the Smart Link resolver invoked.
          * @param extensionKey The extensionKey of the Smart Link resovler invoked.
          * @returns
          */
         appAccountConnected: ({ extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: TrackAppAccountConnectedProps) => void;
+        /**
+         * This fires an event which represents a user starting the Smart Link connect account process.
+         * @param location a location where the Smart Link auth action was initiated.
+         * @param extensionKey The extensionKey of the Smart Link resolver invoked.
+         * @returns
+         */
+        appAccountAuthStarted: ({ extensionKey, location, }: TrackAppAccountConnectedProps) => void;
     };
     screen: {
         /**

package/dist/types/state/flexible-ui-context/index.d.ts

@@ -26,8 +26,9 @@ export declare const FlexibleUiAnalyticsContext: import("react").Context<{
         }) => void;
         renderSuccessEvent: ({ display, status, id, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("../../utils/analytics/types").UiRenderSuccessEventProps) => void;
         renderFailedEvent: ({ display, id, error, errorInfo, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("../../utils/analytics/types").UiRenderFailedEventProps) => void;
-        hoverCardViewedEvent: ({ previewDisplay, previewInvokeMethod, id, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("../../utils/analytics/types").UiHoverCardViewedEventProps) => void;
-        hoverCardDismissedEvent: ({ id, previewDisplay, hoverTime, previewInvokeMethod, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("../../utils/analytics/types").UiHoverCardDismissedEventProps) => void;
+        hoverCardViewedEvent: ({ previewDisplay, previewInvokeMethod, id, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, status, }: import("../../utils/analytics/types").UiHoverCardViewedEventProps) => void;
+        hoverCardDismissedEvent: ({ id, previewDisplay, hoverTime, previewInvokeMethod, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, status, }: import("../../utils/analytics/types").UiHoverCardDismissedEventProps) => void;
+        learnMoreClickedEvent: () => void;
     };
     operational: {
         invokeSucceededEvent: ({ id, actionType, display, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("../../utils/analytics/types").InvokeSucceededEventProps) => void;
@@ -38,6 +39,7 @@ export declare const FlexibleUiAnalyticsContext: import("react").Context<{
     };
     track: {
         appAccountConnected: ({ extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("../../utils/analytics/types").CommonEventProps) => void;
+        appAccountAuthStarted: ({ extensionKey, location, }: import("../../utils/analytics/types").CommonEventProps) => void;
     };
     screen: {
         authPopupEvent: ({ extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("../../utils/analytics/types").CommonEventProps) => void;
@@ -62,8 +64,9 @@ export declare const useFlexibleUiAnalyticsContext: () => {
         }) => void;
         renderSuccessEvent: ({ display, status, id, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("../../utils/analytics/types").UiRenderSuccessEventProps) => void;
         renderFailedEvent: ({ display, id, error, errorInfo, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("../../utils/analytics/types").UiRenderFailedEventProps) => void;
-        hoverCardViewedEvent: ({ previewDisplay, previewInvokeMethod, id, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("../../utils/analytics/types").UiHoverCardViewedEventProps) => void;
-        hoverCardDismissedEvent: ({ id, previewDisplay, hoverTime, previewInvokeMethod, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("../../utils/analytics/types").UiHoverCardDismissedEventProps) => void;
+        hoverCardViewedEvent: ({ previewDisplay, previewInvokeMethod, id, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, status, }: import("../../utils/analytics/types").UiHoverCardViewedEventProps) => void;
+        hoverCardDismissedEvent: ({ id, previewDisplay, hoverTime, previewInvokeMethod, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, status, }: import("../../utils/analytics/types").UiHoverCardDismissedEventProps) => void;
+        learnMoreClickedEvent: () => void;
     };
     operational: {
         invokeSucceededEvent: ({ id, actionType, display, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("../../utils/analytics/types").InvokeSucceededEventProps) => void;
@@ -74,6 +77,7 @@ export declare const useFlexibleUiAnalyticsContext: () => {
     };
     track: {
         appAccountConnected: ({ extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("../../utils/analytics/types").CommonEventProps) => void;
+        appAccountAuthStarted: ({ extensionKey, location, }: import("../../utils/analytics/types").CommonEventProps) => void;
     };
     screen: {
         authPopupEvent: ({ extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("../../utils/analytics/types").CommonEventProps) => void;

package/dist/types/state/hooks/useSmartLink.d.ts

@@ -4,7 +4,7 @@ export declare function useSmartLink(id: string, url: string, dispatchAnalytics:
     actions: {
         register: () => Promise<void>;
         reload: () => void;
-        authorize: (appearance: import("@atlaskit/linking-common").CardAppearance) => void;
+        authorize: (appearance: import("../../view/Card/types").CardInnerAppearance) => void;
         invoke: (opts: import("../../model/invoke-opts").InvokeClientOpts | import("../../model/invoke-opts").InvokeServerOpts, appearance: import("../../view/Card/types").CardInnerAppearance) => Promise<void | import("json-ld-types").JsonLd.Response<import("json-ld-types").JsonLd.Data.BaseData>>;
         loadMetadata: () => Promise<void> | undefined;
     };
@@ -25,8 +25,9 @@ export declare function useSmartLink(id: string, url: string, dispatchAnalytics:
             }) => void;
             renderSuccessEvent: ({ display, status, id, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("../../utils/analytics/types").UiRenderSuccessEventProps) => void;
             renderFailedEvent: ({ display, id, error, errorInfo, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("../../utils/analytics/types").UiRenderFailedEventProps) => void;
-            hoverCardViewedEvent: ({ previewDisplay, previewInvokeMethod, id, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("../../utils/analytics/types").UiHoverCardViewedEventProps) => void;
-            hoverCardDismissedEvent: ({ id, previewDisplay, hoverTime, previewInvokeMethod, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("../../utils/analytics/types").UiHoverCardDismissedEventProps) => void;
+            hoverCardViewedEvent: ({ previewDisplay, previewInvokeMethod, id, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, status, }: import("../../utils/analytics/types").UiHoverCardViewedEventProps) => void;
+            hoverCardDismissedEvent: ({ id, previewDisplay, hoverTime, previewInvokeMethod, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, status, }: import("../../utils/analytics/types").UiHoverCardDismissedEventProps) => void;
+            learnMoreClickedEvent: () => void;
         };
         operational: {
             invokeSucceededEvent: ({ id, actionType, display, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("../../utils/analytics/types").InvokeSucceededEventProps) => void;
@@ -37,6 +38,7 @@ export declare function useSmartLink(id: string, url: string, dispatchAnalytics:
         };
         track: {
             appAccountConnected: ({ extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("../../utils/analytics/types").CommonEventProps) => void;
+            appAccountAuthStarted: ({ extensionKey, location, }: import("../../utils/analytics/types").CommonEventProps) => void;
         };
         screen: {
             authPopupEvent: ({ extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("../../utils/analytics/types").CommonEventProps) => void;

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

@@ -19,6 +19,7 @@ export declare const invokeFailedEvent: ({ id, actionType, display, reason, exte
 export declare const connectSucceededEvent: ({ definitionId, extensionKey, destinationProduct, destinationSubproduct, location, }: ConnectSucceededEventProps) => AnalyticsPayload;
 export declare const connectFailedEvent: ({ definitionId, extensionKey, destinationProduct, destinationSubproduct, location, reason, }: ConnectFailedEventProps) => AnalyticsPayload;
 export declare const trackAppAccountConnected: ({ definitionId, extensionKey, destinationProduct, destinationSubproduct, location, }: TrackAppAccountConnectedProps) => AnalyticsPayload;
+export declare const trackAppAccountAuthStarted: ({ extensionKey, location, }: TrackAppAccountConnectedProps) => AnalyticsPayload;
 export declare const uiAuthEvent: ({ definitionId, extensionKey, destinationProduct, destinationSubproduct, location, display, }: UiAuthEventProps) => AnalyticsPayload;
 export declare const uiAuthAlternateAccountEvent: ({ definitionId, extensionKey, destinationProduct, destinationSubproduct, location, display, }: UiAuthAlternateAccountEventProps) => AnalyticsPayload;
 export declare const uiCardClickedEvent: ({ id, display, status, definitionId, extensionKey, isModifierKeyPressed, location, destinationProduct, destinationSubproduct, actionSubjectId, }: UiCardClickedEventProps) => AnalyticsPayload;
@@ -27,6 +28,7 @@ export declare const uiClosedAuthEvent: ({ display, extensionKey, definitionId,
 export declare const screenAuthPopupEvent: ({ extensionKey, definitionId, destinationProduct, destinationSubproduct, location, }: ScreenAuthPopupEventProps) => AnalyticsPayload;
 export declare const uiRenderSuccessEvent: ({ display, status, extensionKey, definitionId, destinationProduct, destinationSubproduct, location, }: UiRenderSuccessEventProps) => AnalyticsPayload;
 export declare const uiRenderFailedEvent: ({ display, error, errorInfo, extensionKey, definitionId, destinationProduct, destinationSubproduct, location, }: UiRenderFailedEventProps) => AnalyticsPayload;
-export declare const uiHoverCardViewedEvent: ({ id, previewDisplay, extensionKey, definitionId, destinationProduct, destinationSubproduct, location, previewInvokeMethod, }: UiHoverCardViewedEventProps) => AnalyticsPayload;
-export declare const uiHoverCardDismissedEvent: ({ id, previewDisplay, hoverTime, extensionKey, definitionId, destinationProduct, destinationSubproduct, location, previewInvokeMethod, }: UiHoverCardDismissedEventProps) => AnalyticsPayload;
+export declare const uiHoverCardViewedEvent: ({ id, previewDisplay, extensionKey, definitionId, destinationProduct, destinationSubproduct, location, previewInvokeMethod, status, }: UiHoverCardViewedEventProps) => AnalyticsPayload;
+export declare const uiHoverCardDismissedEvent: ({ id, previewDisplay, hoverTime, extensionKey, definitionId, destinationProduct, destinationSubproduct, location, previewInvokeMethod, status, }: UiHoverCardDismissedEventProps) => AnalyticsPayload;
 export declare const uiHoverCardOpenLinkClickedEvent: ({ id, previewDisplay, extensionKey, definitionId, destinationProduct, destinationSubproduct, location, previewInvokeMethod, }: UiHoverCardOpenLinkClickedEventProps) => AnalyticsPayload;
+export declare const uiLearnMoreLinkClickedEvent: () => AnalyticsPayload;

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

@@ -1,4 +1,4 @@
 import { AnalyticsPayload } from '../types';
 import { InstrumentEventProps } from './types';
-export { ANALYTICS_CHANNEL, context, fireSmartLinkEvent, resolvedEvent, unresolvedEvent, invokeSucceededEvent, invokeFailedEvent, connectSucceededEvent, connectFailedEvent, trackAppAccountConnected, uiAuthEvent, uiAuthAlternateAccountEvent, uiCardClickedEvent, uiActionClickedEvent, uiClosedAuthEvent, screenAuthPopupEvent, uiRenderSuccessEvent, uiRenderFailedEvent, uiHoverCardViewedEvent, uiHoverCardDismissedEvent, uiHoverCardOpenLinkClickedEvent, } from './analytics';
+export { ANALYTICS_CHANNEL, context, fireSmartLinkEvent, resolvedEvent, unresolvedEvent, invokeSucceededEvent, invokeFailedEvent, connectSucceededEvent, connectFailedEvent, trackAppAccountAuthStarted, trackAppAccountConnected, uiAuthEvent, uiAuthAlternateAccountEvent, uiCardClickedEvent, uiActionClickedEvent, uiClosedAuthEvent, screenAuthPopupEvent, uiRenderSuccessEvent, uiRenderFailedEvent, uiHoverCardViewedEvent, uiHoverCardDismissedEvent, uiHoverCardOpenLinkClickedEvent, uiLearnMoreLinkClickedEvent, } from './analytics';
 export declare const instrumentEvent: ({ id, status, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, error, }: InstrumentEventProps) => AnalyticsPayload | undefined;

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

@@ -76,11 +76,13 @@ export declare type UiRenderFailedEventProps = CommonEventProps & {
 export declare type UiHoverCardViewedEventProps = CommonEventProps & {
     previewDisplay: PreviewDisplay;
     previewInvokeMethod?: PreviewInvokeMethod;
+    status: CardType;
 };
 export declare type UiHoverCardDismissedEventProps = CommonEventProps & {
     previewDisplay: PreviewDisplay;
     hoverTime: number;
     previewInvokeMethod?: PreviewInvokeMethod;
+    status: CardType;
 };
 export declare type UiHoverCardOpenLinkClickedEventProps = CommonEventProps & {
     previewDisplay: PreviewDisplay;

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

@@ -53,8 +53,9 @@ export declare const mockAnalytics: {
         }) => void;
         renderSuccessEvent: ({ display, status, id, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("./analytics/types").UiRenderSuccessEventProps) => void;
         renderFailedEvent: ({ display, id, error, errorInfo, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("./analytics/types").UiRenderFailedEventProps) => void;
-        hoverCardViewedEvent: ({ previewDisplay, previewInvokeMethod, id, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("./analytics/types").UiHoverCardViewedEventProps) => void;
-        hoverCardDismissedEvent: ({ id, previewDisplay, hoverTime, previewInvokeMethod, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("./analytics/types").UiHoverCardDismissedEventProps) => void;
+        hoverCardViewedEvent: ({ previewDisplay, previewInvokeMethod, id, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, status, }: import("./analytics/types").UiHoverCardViewedEventProps) => void;
+        hoverCardDismissedEvent: ({ id, previewDisplay, hoverTime, previewInvokeMethod, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, status, }: import("./analytics/types").UiHoverCardDismissedEventProps) => void;
+        learnMoreClickedEvent: () => void;
     };
     operational: {
         invokeSucceededEvent: ({ id, actionType, display, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("./analytics/types").InvokeSucceededEventProps) => void;
@@ -65,6 +66,7 @@ export declare const mockAnalytics: {
     };
     track: {
         appAccountConnected: ({ extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("./analytics/types").CommonEventProps) => void;
+        appAccountAuthStarted: ({ extensionKey, location, }: import("./analytics/types").CommonEventProps) => void;
     };
     screen: {
         authPopupEvent: ({ extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("./analytics/types").CommonEventProps) => void;

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

@@ -1,6 +1,6 @@
 import { GasPayload } from '@atlaskit/analytics-gas-types';
 import { CardInnerAppearance } from '../view/Card/types';
-export declare type AnalyticsAction = 'resolved' | 'unresolved' | 'connectSucceeded' | 'connectFailed' | 'connected' | 'clicked' | 'closed' | 'renderFailed' | 'renderWithStatus' | 'renderSuccess' | 'inserted' | 'viewed' | 'dismissed' | 'created';
+export declare type AnalyticsAction = 'authStarted' | 'clicked' | 'closed' | 'connected' | 'connectFailed' | 'connectSucceeded' | 'created' | 'dismissed' | 'inserted' | 'renderFailed' | 'renderSuccess' | 'renderWithStatus' | 'resolved' | 'viewed' | 'unresolved';
 export declare type AnalyticsActionSubject = 'smartLink' | 'smartLinkAction' | 'applicationAccount' | 'button' | 'consentModal' | 'hoverCard' | 'modal' | 'embedPreviewModal';
 export declare type AnalyticsName = 'embedPreviewModal';
 export declare type AnalyticsOrigin = 'smartLinkCard' | 'smartLinkEmbed' | 'smartLinkInline' | 'smartLinkPreviewHoverCard';

package/dist/types/view/BlockCard/components/flexible/footer/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { BlockCardFooterProps } from './types';
 /**
- * This Components is a footer that is used in a Block Card with Flexible UI.
+ * This Component is a footer that is used in a Block Card with Flexible UI.
  * It contains a provider icon if provider is present and an actions list if one is passed.
  * To be shown as a part of Flexible UI, needs to be wrapped inside of a CustomBlock
  *

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

@@ -7,5 +7,5 @@ import { FlexibleBlockCardProps } from './types';
  * @see SmartLinkStatus
  * @see FlexibleCardProps
  */
-declare const FlexibleUnauthorisedView: ({ cardState, onAuthorize, onClick, onError, testId, ui, url, }: FlexibleBlockCardProps) => JSX.Element;
+declare const FlexibleUnauthorisedView: ({ analytics, cardState, extensionKey, onAuthorize, onClick, onError, testId, ui, url, }: FlexibleBlockCardProps) => JSX.Element;
 export default FlexibleUnauthorisedView;

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

@@ -6,20 +6,23 @@ import { OnResolveCallback } from '../../../Card/types';
 import { CardProviderRenderers } from '@atlaskit/link-provider';
 import { AnalyticsFacade } from '../../../../state/analytics';
 export declare type FlexibleBlockCardProps = {
+    /**
+     * An AnalyticsFacade object used for calling analytics.
+     */
+    analytics: AnalyticsFacade;
     /**
      * Determines the status and data of the Smart Link.
      * @internal
      */
     cardState: CardState;
     /**
-     * function to be called after a flexible card has rendered its resolved state
+     * Provides the extensionKey of a Smart Link resolver invoked.
      */
-    onResolve?: OnResolveCallback;
+    extensionKey?: string;
     /**
-     * Any additional renderers required by Flexible UI. Currently used by icon
-     * to render Emoji.
+     * A unique id for this Smart Link instance, used for analytics.
      */
-    renderers?: CardProviderRenderers;
+    id?: string;
     /**
      * An additional action that can be performed when link is not resolved, e.g.
      * connect account to gain access to 403 link.
@@ -35,6 +38,15 @@ export declare type FlexibleBlockCardProps = {
      * function to be called after a flexible card has rendered its error states
      */
     onError?: OnErrorCallback;
+    /**
+     * function to be called after a flexible card has rendered its resolved state
+     */
+    onResolve?: OnResolveCallback;
+    /**
+     * Any additional renderers required by Flexible UI. Currently used by icon
+     * to render Emoji.
+     */
+    renderers?: CardProviderRenderers;
     /**
      * A name of the provider, needed to specify to user which account has to be connected
      */
@@ -50,14 +62,6 @@ export declare type FlexibleBlockCardProps = {
      * @see FlexibleUiOptions
      */
     ui?: FlexibleUiOptions;
-    /**
-     * A unique id for this Smart Link instance, used for analytics.
-     */
-    id?: string;
-    /**
-     * An AnalyticsFacade object used for calling analytics.
-     */
-    analytics: AnalyticsFacade;
     /**
      * Determines the URL of the Smart Link.
      */

package/dist/types/view/Card/types.d.ts

@@ -5,7 +5,7 @@ import { AnalyticsFacade } from '../../state/analytics';
 import { FlexibleUiOptions } from '../FlexibleCard/types';
 import { InlinePreloaderStyle, OnErrorCallback } from '../types';
 export type { CardAppearance, CardPlatform };
-export declare type CardInnerAppearance = CardAppearance | 'preview' | 'flexible';
+export declare type CardInnerAppearance = CardAppearance | 'embedPreview' | 'flexible' | 'hoverCardPreview';
 export declare type OnResolveCallback = (data: {
     url?: string;
     title?: string;

package/dist/types/view/EmbedCard/views/UnauthorisedView.d.ts

@@ -1,6 +1,8 @@
 import React, { FC } from 'react';
 import { ContextViewModel } from '../types';
+import { AnalyticsFacade } from '../../../state/analytics';
 export interface EmbedCardUnauthorisedViewProps {
+    analytics: AnalyticsFacade;
     context?: ContextViewModel;
     link: string;
     isSelected?: boolean;
@@ -8,5 +10,6 @@ export interface EmbedCardUnauthorisedViewProps {
     onAuthorise?: () => void;
     inheritDimensions?: boolean;
     onClick?: (evt: React.MouseEvent) => void;
+    extensionKey?: string;
 }
 export declare const EmbedCardUnauthorisedView: FC<EmbedCardUnauthorisedViewProps>;

package/dist/types/view/HoverCard/components/views/unauthorised/types.d.ts

@@ -1,19 +1,30 @@
 import { FlexibleCardProps } from '../../../../FlexibleCard/types';
+import { AnalyticsFacade } from '../../../../../state/analytics';
 export declare type HoverCardUnauthorisedProps = {
+    /**
+     * An AnalyticsFacade object used for calling analytics.
+     */
+    analytics: AnalyticsFacade;
+    /**
+     * Provides the extensionKey of a Smart Link resolver invoked.
+     */
+    extensionKey?: string;
     /**
      * Data required for rendering a Flexible Card
      */
     flexibleCardProps: FlexibleCardProps;
     /**
-     * A function that determines an additional action that can be performed on an unauthorised link, e.g.
-     * connecting an account to gain access.
-     * @internal
+     *  A unique ID for a Smart Link.
      */
-    onAuthorize?: () => void;
+    id?: string;
     /**
      * A `testId` prop is provided for specified elements, which is a unique
      * string that appears as a data attribute `data-testid` in the rendered code,
      * serving as a hook for automated tests
      */
     testId?: string;
+    /**
+     * The url that we were trying to resolve and that has the 'unauthorized' state for the current user
+     */
+    url: string;
 };

package/dist/types/view/HoverCard/types.d.ts

@@ -16,7 +16,6 @@ export interface HoverCardProps extends WithAnalyticsEventsProps {
 export interface HoverCardComponentProps extends HoverCardProps {
     analyticsHandler: AnalyticsHandler;
     analytics: AnalyticsFacade;
-    onAuthorize?: () => void;
 }
 export declare type PreviewDisplay = 'card' | 'embed';
 export declare type PreviewInvokeMethod = 'keyboard' | 'mouse_hover' | 'mouse_click';
@@ -34,7 +33,6 @@ export declare type HoverCardContentProps = {
     onActionClick: (actionId: string) => void;
     onResolve: () => void;
     url: string;
-    onAuthorize?: () => void;
 };
 export declare type SnippetOrPreviewProps = {
     data: JsonLd.Data.BaseData;

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

@@ -1,6 +1,5 @@
 import { JsonLd } from 'json-ld-types';
 import { LinkAction } from '../../state/hooks-external/useSmartLinkActions';
 import { ElementItem } from '../FlexibleCard/components/blocks/types';
-export declare const SMART_CARD_ANALYTICS_DISPLAY = "flexible";
 export declare const getSimulatedMetadata: (extensionKey?: string, types?: JsonLd.Primitives.ObjectType[]) => JsonLd.Primitives.Property<any>;
 export declare const toActionableMetadata: (onActionClick: (actionId: string) => void, extensionKey?: string | undefined, types?: JsonLd.Primitives.ObjectType[], cardActions?: LinkAction[], elementItems?: ElementItem[]) => ElementItem[];

package/dist/types/view/InlineCard/ErroredView/index.d.ts

@@ -16,6 +16,6 @@ export interface InlineCardErroredViewProps {
 }
 export declare class InlineCardErroredView extends React.Component<InlineCardErroredViewProps> {
     handleRetry: (event: React.MouseEvent<HTMLElement>) => void;
-    renderMessage: () => JSX.Element;
+    renderRightSide: () => string | JSX.Element;
     render(): JSX.Element;
 }

package/dist/types/view/InlineCard/ForbiddenView/index.d.ts

@@ -20,6 +20,6 @@ export interface InlineCardForbiddenViewProps {
 export declare class InlineCardForbiddenView extends React.Component<InlineCardForbiddenViewProps> {
     handleRetry: (event: React.MouseEvent<HTMLElement>) => void;
     renderForbiddenAccessMessage: () => JSX.Element;
-    renderMessage: () => JSX.Element;
+    renderRightSide: () => JSX.Element | null;
     render(): JSX.Element;
 }

package/dist/types/view/InlineCard/Frame/index.d.ts

@@ -4,7 +4,6 @@ export interface FrameViewProps {
     isSelected?: boolean;
     /** A flag that determines whether the card needs a backgorund or not */
     withoutBackground?: boolean;
-    withoutHover?: boolean;
     children?: React.ReactNode;
     link?: string;
     /** The optional click handler */

package/dist/types/view/InlineCard/Frame/styled.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="react" />
 export interface WrapperProps {
+    href?: string;
     isSelected?: boolean;
     isInteractive?: boolean;
-    withoutHover?: boolean;
     withoutBackground?: boolean;
 }
-export declare const Wrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, WrapperProps, object>;
+export declare const WrapperAnchor: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, WrapperProps, object>;
+export declare const WrapperSpan: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, WrapperProps, object>;

package/dist/types/view/InlineCard/IconAndTitleLayout/index.d.ts

@@ -9,11 +9,16 @@ export interface IconAndTitleLayoutProps {
     children?: React.ReactNode;
     defaultIcon?: React.ReactNode;
     testId?: string;
+    link?: string;
+    rightSide?: React.ReactNode;
+    onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
 }
 export declare class IconAndTitleLayout extends React.Component<IconAndTitleLayoutProps> {
     private renderAtlaskitIcon;
     private renderImageIcon;
     private renderIconPlaceholder;
     renderIcon(testId: string): JSX.Element;
+    handleClick: (event: React.MouseEvent) => void;
+    handleKeyPress: (event: React.KeyboardEvent<HTMLAnchorElement>) => void;
     render(): JSX.Element;
 }

package/dist/types/view/InlineCard/ResolvingView/index.d.ts

@@ -11,7 +11,6 @@ export interface InlineCardResolvingViewProps {
     /** A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests */
     testId?: string;
     titleTextColor?: string;
-    withoutHover?: boolean;
 }
 export declare class InlineCardResolvingView extends React.Component<InlineCardResolvingViewProps> {
     render(): JSX.Element;

package/dist/types/view/InlineCard/UnauthorisedView/index.d.ts

@@ -16,9 +16,11 @@ export interface InlineCardUnauthorizedViewProps {
     testId?: string;
     /** A flag that determines is a tooltip should show up on hover over the unauthorised link */
     showAuthTooltip?: boolean;
+    /** A smart link id that may be used in analytics */
+    id?: string;
 }
 export declare class InlineCardUnauthorizedView extends React.Component<InlineCardUnauthorizedViewProps> {
     handleConnectAccount: (event: React.MouseEvent<HTMLElement>) => void;
-    renderMessage: () => JSX.Element;
+    renderRightSide: () => JSX.Element | undefined;
     render(): JSX.Element;
 }

package/dist/types/view/InlineCard/styled.d.ts

@@ -4,6 +4,6 @@ export declare const NoLinkAppearance: import("@emotion/styled-base").StyledComp
     __ATLASKIT_THEME__: import("@atlaskit/theme").Theme;
 }>;
 export declare const LowercaseAppearance: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
-export declare const LinkAppearance: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("@emotion/styled-base/types/helper").Overwrapped<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, import("@atlaskit/theme").ThemeProps | undefined>, never>, {
+export declare const LinkAppearance: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, Pick<import("@emotion/styled-base/types/helper").Overwrapped<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, import("@atlaskit/theme").ThemeProps | undefined>, never>, {
     __ATLASKIT_THEME__: import("@atlaskit/theme").Theme;
 }>;

package/dist/types/view/common/UnauthorisedViewContent.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { AnalyticsFacade } from '../../state/analytics';
 declare type UnauthorisedViewContentProps = {
     /**
      * Is the name of the provider for the account that needs to be connected
@@ -11,10 +12,15 @@ declare type UnauthorisedViewContentProps = {
      * serving as a hook for automated tests
      */
     testId?: string;
+    /**
+     * An analytics facade object which will be used to send analytics.
+     * @internal
+     */
+    analytics?: AnalyticsFacade;
 };
 /**
  * This component is used in unauthorized views of a smart link.
  * It represents the main text that provides a user with information on how to connect their account
  */
-declare const UnauthorisedViewContent: ({ providerName, testId, }: UnauthorisedViewContentProps) => JSX.Element;
+declare const UnauthorisedViewContent: ({ providerName, testId, analytics, }: UnauthorisedViewContentProps) => JSX.Element;
 export default UnauthorisedViewContent;