@atlaskit/smart-card 23.10.2 → 23.11.0

package/dist/esm/state/analytics/useSmartLinkAnalytics.js

@@ -11,16 +11,17 @@ import { chunkloadFailedEvent as _chunkloadFailedEvent, connectFailedEvent as _c
 import { failUfoExperience, startUfoExperience, succeedUfoExperience } from './ufoExperiences';
 import { getDefinitionId, getExtensionKey, getProduct, getResourceType, getSubproduct } from '../helpers';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
+import { trackLinkUpdated } from '../../utils/analytics/analytics';
 
 var applyCommonAttributes = function applyCommonAttributes(event, commonAttributes) {
   if (event && event.attributes) {
     for (var _i = 0, _Object$entries = Object.entries(commonAttributes); _i < _Object$entries.length; _i++) {
       var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
-          key = _Object$entries$_i[0],
+          _key = _Object$entries$_i[0],
           value = _Object$entries$_i[1];
 
-      if (event.attributes[key] === undefined) {
-        event.attributes[key] = value;
+      if (event.attributes[_key] === undefined) {
+        event.attributes[_key] = value;
       }
     }
   }
@@ -674,6 +675,13 @@ export var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, dispatchA
           extensionKey: extensionKey,
           location: location
         })), commonAttributes));
+      },
+
+      /**
+       * This fires a tracking event before and after link updated.
+       */
+      linkUpdated: function linkUpdated(props) {
+        return dispatchAnalytics(applyCommonAttributes(trackLinkUpdated(_objectSpread(_objectSpread({}, commonAttributes), props)), commonAttributes));
       }
     };
   }, [commonAttributes, dispatchAnalytics]);

package/dist/esm/utils/analytics/analytics.js

@@ -1,6 +1,8 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
+var _excluded = ["actionSubjectId"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -228,13 +230,25 @@ export var trackAppAccountAuthStarted = function trackAppAccountAuthStarted(_ref
     })
   };
 };
-export var uiAuthEvent = function uiAuthEvent(_ref8) {
-  var definitionId = _ref8.definitionId,
-      extensionKey = _ref8.extensionKey,
-      destinationProduct = _ref8.destinationProduct,
-      destinationSubproduct = _ref8.destinationSubproduct,
-      location = _ref8.location,
-      display = _ref8.display;
+export var trackLinkUpdated = function trackLinkUpdated(_ref8) {
+  var actionSubjectId = _ref8.actionSubjectId,
+      attributes = _objectWithoutProperties(_ref8, _excluded);
+
+  return {
+    action: 'updated',
+    actionSubject: 'link',
+    actionSubjectId: actionSubjectId,
+    eventType: 'track',
+    attributes: _objectSpread(_objectSpread({}, context), attributes)
+  };
+};
+export var uiAuthEvent = function uiAuthEvent(_ref9) {
+  var definitionId = _ref9.definitionId,
+      extensionKey = _ref9.extensionKey,
+      destinationProduct = _ref9.destinationProduct,
+      destinationSubproduct = _ref9.destinationSubproduct,
+      location = _ref9.location,
+      display = _ref9.display;
   return {
     action: 'clicked',
     actionSubject: 'button',
@@ -250,13 +264,13 @@ export var uiAuthEvent = function uiAuthEvent(_ref8) {
     })
   };
 };
-export var uiAuthAlternateAccountEvent = function uiAuthAlternateAccountEvent(_ref9) {
-  var definitionId = _ref9.definitionId,
-      extensionKey = _ref9.extensionKey,
-      destinationProduct = _ref9.destinationProduct,
-      destinationSubproduct = _ref9.destinationSubproduct,
-      location = _ref9.location,
-      display = _ref9.display;
+export var uiAuthAlternateAccountEvent = function uiAuthAlternateAccountEvent(_ref10) {
+  var definitionId = _ref10.definitionId,
+      extensionKey = _ref10.extensionKey,
+      destinationProduct = _ref10.destinationProduct,
+      destinationSubproduct = _ref10.destinationSubproduct,
+      location = _ref10.location,
+      display = _ref10.display;
   return {
     action: 'clicked',
     actionSubject: 'smartLink',
@@ -272,17 +286,17 @@ export var uiAuthAlternateAccountEvent = function uiAuthAlternateAccountEvent(_r
     })
   };
 };
-export var uiCardClickedEvent = function uiCardClickedEvent(_ref10) {
-  var id = _ref10.id,
-      display = _ref10.display,
-      status = _ref10.status,
-      definitionId = _ref10.definitionId,
-      extensionKey = _ref10.extensionKey,
-      isModifierKeyPressed = _ref10.isModifierKeyPressed,
-      location = _ref10.location,
-      destinationProduct = _ref10.destinationProduct,
-      destinationSubproduct = _ref10.destinationSubproduct,
-      actionSubjectId = _ref10.actionSubjectId;
+export var uiCardClickedEvent = function uiCardClickedEvent(_ref11) {
+  var id = _ref11.id,
+      display = _ref11.display,
+      status = _ref11.status,
+      definitionId = _ref11.definitionId,
+      extensionKey = _ref11.extensionKey,
+      isModifierKeyPressed = _ref11.isModifierKeyPressed,
+      location = _ref11.location,
+      destinationProduct = _ref11.destinationProduct,
+      destinationSubproduct = _ref11.destinationSubproduct,
+      actionSubjectId = _ref11.actionSubjectId;
   return {
     action: 'clicked',
     actionSubject: 'smartLink',
@@ -301,15 +315,15 @@ export var uiCardClickedEvent = function uiCardClickedEvent(_ref10) {
     })
   };
 };
-export var uiActionClickedEvent = function uiActionClickedEvent(_ref11) {
-  var id = _ref11.id,
-      actionType = _ref11.actionType,
-      extensionKey = _ref11.extensionKey,
-      display = _ref11.display,
-      definitionId = _ref11.definitionId,
-      destinationProduct = _ref11.destinationProduct,
-      destinationSubproduct = _ref11.destinationSubproduct,
-      location = _ref11.location;
+export var uiActionClickedEvent = function uiActionClickedEvent(_ref12) {
+  var id = _ref12.id,
+      actionType = _ref12.actionType,
+      extensionKey = _ref12.extensionKey,
+      display = _ref12.display,
+      definitionId = _ref12.definitionId,
+      destinationProduct = _ref12.destinationProduct,
+      destinationSubproduct = _ref12.destinationSubproduct,
+      location = _ref12.location;
   return {
     action: 'clicked',
     actionSubject: 'button',
@@ -327,13 +341,13 @@ export var uiActionClickedEvent = function uiActionClickedEvent(_ref11) {
     })
   };
 };
-export var uiClosedAuthEvent = function uiClosedAuthEvent(_ref12) {
-  var display = _ref12.display,
-      extensionKey = _ref12.extensionKey,
-      definitionId = _ref12.definitionId,
-      destinationProduct = _ref12.destinationProduct,
-      destinationSubproduct = _ref12.destinationSubproduct,
-      location = _ref12.location;
+export var uiClosedAuthEvent = function uiClosedAuthEvent(_ref13) {
+  var display = _ref13.display,
+      extensionKey = _ref13.extensionKey,
+      definitionId = _ref13.definitionId,
+      destinationProduct = _ref13.destinationProduct,
+      destinationSubproduct = _ref13.destinationSubproduct,
+      location = _ref13.location;
   return {
     action: 'closed',
     actionSubject: 'consentModal',
@@ -348,12 +362,12 @@ export var uiClosedAuthEvent = function uiClosedAuthEvent(_ref12) {
     })
   };
 };
-export var screenAuthPopupEvent = function screenAuthPopupEvent(_ref13) {
-  var extensionKey = _ref13.extensionKey,
-      definitionId = _ref13.definitionId,
-      destinationProduct = _ref13.destinationProduct,
-      destinationSubproduct = _ref13.destinationSubproduct,
-      location = _ref13.location;
+export var screenAuthPopupEvent = function screenAuthPopupEvent(_ref14) {
+  var extensionKey = _ref14.extensionKey,
+      definitionId = _ref14.definitionId,
+      destinationProduct = _ref14.destinationProduct,
+      destinationSubproduct = _ref14.destinationSubproduct,
+      location = _ref14.location;
   return {
     actionSubject: 'consentModal',
     eventType: 'screen',
@@ -366,14 +380,14 @@ export var screenAuthPopupEvent = function screenAuthPopupEvent(_ref13) {
     })
   };
 };
-export var uiRenderSuccessEvent = function uiRenderSuccessEvent(_ref14) {
-  var display = _ref14.display,
-      status = _ref14.status,
-      extensionKey = _ref14.extensionKey,
-      definitionId = _ref14.definitionId,
-      destinationProduct = _ref14.destinationProduct,
-      destinationSubproduct = _ref14.destinationSubproduct,
-      location = _ref14.location;
+export var uiRenderSuccessEvent = function uiRenderSuccessEvent(_ref15) {
+  var display = _ref15.display,
+      status = _ref15.status,
+      extensionKey = _ref15.extensionKey,
+      definitionId = _ref15.definitionId,
+      destinationProduct = _ref15.destinationProduct,
+      destinationSubproduct = _ref15.destinationSubproduct,
+      location = _ref15.location;
   return {
     action: 'renderSuccess',
     actionSubject: 'smartLink',
@@ -389,15 +403,15 @@ export var uiRenderSuccessEvent = function uiRenderSuccessEvent(_ref14) {
     })
   };
 };
-export var uiRenderFailedEvent = function uiRenderFailedEvent(_ref15) {
-  var display = _ref15.display,
-      error = _ref15.error,
-      errorInfo = _ref15.errorInfo,
-      extensionKey = _ref15.extensionKey,
-      definitionId = _ref15.definitionId,
-      destinationProduct = _ref15.destinationProduct,
-      destinationSubproduct = _ref15.destinationSubproduct,
-      location = _ref15.location;
+export var uiRenderFailedEvent = function uiRenderFailedEvent(_ref16) {
+  var display = _ref16.display,
+      error = _ref16.error,
+      errorInfo = _ref16.errorInfo,
+      extensionKey = _ref16.extensionKey,
+      definitionId = _ref16.definitionId,
+      destinationProduct = _ref16.destinationProduct,
+      destinationSubproduct = _ref16.destinationSubproduct,
+      location = _ref16.location;
   return {
     actionSubject: 'smartLink',
     action: 'renderFailed',
@@ -414,16 +428,16 @@ export var uiRenderFailedEvent = function uiRenderFailedEvent(_ref15) {
     })
   };
 };
-export var uiHoverCardViewedEvent = function uiHoverCardViewedEvent(_ref16) {
-  var id = _ref16.id,
-      previewDisplay = _ref16.previewDisplay,
-      extensionKey = _ref16.extensionKey,
-      definitionId = _ref16.definitionId,
-      destinationProduct = _ref16.destinationProduct,
-      destinationSubproduct = _ref16.destinationSubproduct,
-      location = _ref16.location,
-      previewInvokeMethod = _ref16.previewInvokeMethod,
-      status = _ref16.status;
+export var uiHoverCardViewedEvent = function uiHoverCardViewedEvent(_ref17) {
+  var id = _ref17.id,
+      previewDisplay = _ref17.previewDisplay,
+      extensionKey = _ref17.extensionKey,
+      definitionId = _ref17.definitionId,
+      destinationProduct = _ref17.destinationProduct,
+      destinationSubproduct = _ref17.destinationSubproduct,
+      location = _ref17.location,
+      previewInvokeMethod = _ref17.previewInvokeMethod,
+      status = _ref17.status;
   return {
     action: 'viewed',
     actionSubject: 'hoverCard',
@@ -441,17 +455,17 @@ export var uiHoverCardViewedEvent = function uiHoverCardViewedEvent(_ref16) {
     })
   };
 };
-export var uiHoverCardDismissedEvent = function uiHoverCardDismissedEvent(_ref17) {
-  var id = _ref17.id,
-      previewDisplay = _ref17.previewDisplay,
-      hoverTime = _ref17.hoverTime,
-      extensionKey = _ref17.extensionKey,
-      definitionId = _ref17.definitionId,
-      destinationProduct = _ref17.destinationProduct,
-      destinationSubproduct = _ref17.destinationSubproduct,
-      location = _ref17.location,
-      previewInvokeMethod = _ref17.previewInvokeMethod,
-      status = _ref17.status;
+export var uiHoverCardDismissedEvent = function uiHoverCardDismissedEvent(_ref18) {
+  var id = _ref18.id,
+      previewDisplay = _ref18.previewDisplay,
+      hoverTime = _ref18.hoverTime,
+      extensionKey = _ref18.extensionKey,
+      definitionId = _ref18.definitionId,
+      destinationProduct = _ref18.destinationProduct,
+      destinationSubproduct = _ref18.destinationSubproduct,
+      location = _ref18.location,
+      previewInvokeMethod = _ref18.previewInvokeMethod,
+      status = _ref18.status;
   return {
     action: 'dismissed',
     actionSubject: 'hoverCard',
@@ -470,15 +484,15 @@ export var uiHoverCardDismissedEvent = function uiHoverCardDismissedEvent(_ref17
     })
   };
 };
-export var uiHoverCardOpenLinkClickedEvent = function uiHoverCardOpenLinkClickedEvent(_ref18) {
-  var id = _ref18.id,
-      previewDisplay = _ref18.previewDisplay,
-      extensionKey = _ref18.extensionKey,
-      definitionId = _ref18.definitionId,
-      destinationProduct = _ref18.destinationProduct,
-      destinationSubproduct = _ref18.destinationSubproduct,
-      location = _ref18.location,
-      previewInvokeMethod = _ref18.previewInvokeMethod;
+export var uiHoverCardOpenLinkClickedEvent = function uiHoverCardOpenLinkClickedEvent(_ref19) {
+  var id = _ref19.id,
+      previewDisplay = _ref19.previewDisplay,
+      extensionKey = _ref19.extensionKey,
+      definitionId = _ref19.definitionId,
+      destinationProduct = _ref19.destinationProduct,
+      destinationSubproduct = _ref19.destinationSubproduct,
+      location = _ref19.location,
+      previewInvokeMethod = _ref19.previewInvokeMethod;
   return {
     action: 'clicked',
     actionSubject: 'button',
@@ -505,15 +519,15 @@ export var uiLearnMoreLinkClickedEvent = function uiLearnMoreLinkClickedEvent()
     attributes: _objectSpread({}, context)
   };
 };
-export var chunkloadFailedEvent = function chunkloadFailedEvent(_ref19) {
-  var display = _ref19.display,
-      error = _ref19.error,
-      errorInfo = _ref19.errorInfo,
-      extensionKey = _ref19.extensionKey,
-      definitionId = _ref19.definitionId,
-      destinationProduct = _ref19.destinationProduct,
-      destinationSubproduct = _ref19.destinationSubproduct,
-      location = _ref19.location;
+export var chunkloadFailedEvent = function chunkloadFailedEvent(_ref20) {
+  var display = _ref20.display,
+      error = _ref20.error,
+      errorInfo = _ref20.errorInfo,
+      extensionKey = _ref20.extensionKey,
+      definitionId = _ref20.definitionId,
+      destinationProduct = _ref20.destinationProduct,
+      destinationSubproduct = _ref20.destinationSubproduct,
+      location = _ref20.location;
   return {
     action: 'chunkLoadFailed',
     actionSubject: 'smartLink',

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "23.10.2",
+	"version": "23.11.0",
 	"sideEffects": false
 }

package/dist/types/extractors/common/lozenge/extractLozengeText.d.ts

@@ -0,0 +1,2 @@
+import { JsonLd } from 'json-ld-types';
+export declare const extractLozengeText: (response?: JsonLd.Response<JsonLd.Data.BaseData> | undefined) => string | undefined;

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

@@ -1,5 +1,5 @@
 import { AnalyticsHandler, AnalyticsName, AnalyticsPayload } from '../../utils/types';
-import { ConnectFailedEventProps, ConnectSucceededEventProps, InstrumentEventProps, InvokeFailedEventProps, InvokeSucceededEventProps, ScreenAuthPopupEventProps, TrackAppAccountConnectedProps, UiActionClickedEventProps, UiAuthAlternateAccountEventProps, UiAuthEventProps, UiCardClickedEventProps, UiClosedAuthEventProps, UiHoverCardDismissedEventProps, UiHoverCardOpenLinkClickedEventProps, UiHoverCardViewedEventProps, UiRenderFailedEventProps, UiRenderSuccessEventProps } from '../../utils/analytics/types';
+import { CommonEventProps, ConnectFailedEventProps, ConnectSucceededEventProps, InstrumentEventProps, InvokeFailedEventProps, InvokeSucceededEventProps, ScreenAuthPopupEventProps, TrackAppAccountConnectedProps, UiActionClickedEventProps, UiAuthAlternateAccountEventProps, UiAuthEventProps, UiCardClickedEventProps, UiClosedAuthEventProps, UiHoverCardDismissedEventProps, UiHoverCardOpenLinkClickedEventProps, UiHoverCardViewedEventProps, UiRenderFailedEventProps, UiRenderSuccessEventProps } from '../../utils/analytics/types';
 /**
  * This hook provides usage of Smart Link analytics outside of the Card component.
  * Can be provided to Card via the analyticsEvents prop to change the analytics events.
@@ -195,6 +195,12 @@ export declare const useSmartLinkAnalytics: (url: string, dispatchAnalytics: Ana
          * @returns
          */
         appAccountAuthStarted: ({ extensionKey, location, }: TrackAppAccountConnectedProps) => void;
+        /**
+         * This fires a tracking event before and after link updated.
+         */
+        linkUpdated: (props: CommonEventProps & {
+            [key: string]: any;
+        }) => void;
     };
     screen: {
         /**

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

@@ -41,6 +41,9 @@ 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;
+        linkUpdated: (props: import("../../utils/analytics/types").CommonEventProps & {
+            [key: string]: any;
+        }) => void;
     };
     screen: {
         authPopupEvent: ({ extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("../../utils/analytics/types").CommonEventProps) => void;
@@ -80,6 +83,9 @@ 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;
+        linkUpdated: (props: import("../../utils/analytics/types").CommonEventProps & {
+            [key: string]: any;
+        }) => void;
     };
     screen: {
         authPopupEvent: ({ extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("../../utils/analytics/types").CommonEventProps) => void;

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

@@ -40,6 +40,9 @@ 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;
+            linkUpdated: (props: import("../../utils/analytics/types").CommonEventProps & {
+                [key: string]: any;
+            }) => void;
         };
         screen: {
             authPopupEvent: ({ extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("../../utils/analytics/types").CommonEventProps) => void;

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

@@ -1,7 +1,7 @@
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { AnalyticsPayload } from '../types';
 import { CardInnerAppearance } from '../../view/Card/types';
-import { ConnectFailedEventProps, ConnectSucceededEventProps, InvokeFailedEventProps, InvokeSucceededEventProps, ResolvedEventProps, ScreenAuthPopupEventProps, TrackAppAccountConnectedProps, UiActionClickedEventProps, UiAuthAlternateAccountEventProps, UiAuthEventProps, UiCardClickedEventProps, UiClosedAuthEventProps, UiHoverCardDismissedEventProps, UiHoverCardOpenLinkClickedEventProps, UiHoverCardViewedEventProps, UiRenderFailedEventProps, UiRenderSuccessEventProps, UnresolvedEventProps } from './types';
+import { CommonEventProps, ConnectFailedEventProps, ConnectSucceededEventProps, InvokeFailedEventProps, InvokeSucceededEventProps, ResolvedEventProps, ScreenAuthPopupEventProps, TrackAppAccountConnectedProps, UiActionClickedEventProps, UiAuthAlternateAccountEventProps, UiAuthEventProps, UiCardClickedEventProps, UiClosedAuthEventProps, UiHoverCardDismissedEventProps, UiHoverCardOpenLinkClickedEventProps, UiHoverCardViewedEventProps, UiRenderFailedEventProps, UiRenderSuccessEventProps, UnresolvedEventProps } from './types';
 export declare const ANALYTICS_CHANNEL = "media";
 export declare const context: {
     componentName: string;
@@ -20,6 +20,9 @@ export declare const connectSucceededEvent: ({ definitionId, extensionKey, desti
 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 trackLinkUpdated: ({ actionSubjectId, ...attributes }: CommonEventProps & {
+    [key: string]: any;
+}) => 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;

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

@@ -70,6 +70,9 @@ 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;
+        linkUpdated: (props: import("./analytics/types").CommonEventProps & {
+            [key: string]: any;
+        }) => void;
     };
     screen: {
         authPopupEvent: ({ extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("./analytics/types").CommonEventProps) => void;

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 declare type AnalyticsAction = 'authStarted' | 'clicked' | 'closed' | 'connected' | 'connectFailed' | 'connectSucceeded' | 'created' | 'dismissed' | 'inserted' | 'renderFailed' | 'renderSuccess' | 'renderWithStatus' | 'resolved' | 'viewed' | 'unresolved' | 'chunkLoadFailed';
-export declare type AnalyticsActionSubject = 'smartLink' | 'smartLinkAction' | 'applicationAccount' | 'button' | 'consentModal' | 'hoverCard' | 'modal' | 'embedPreviewModal';
+export declare type AnalyticsAction = 'authStarted' | 'clicked' | 'closed' | 'connected' | 'connectFailed' | 'connectSucceeded' | 'created' | 'dismissed' | 'inserted' | 'renderFailed' | 'renderSuccess' | 'renderWithStatus' | 'resolved' | 'viewed' | 'unresolved' | 'updated' | 'chunkLoadFailed';
+export declare type AnalyticsActionSubject = 'smartLink' | 'smartLinkAction' | 'applicationAccount' | 'button' | 'consentModal' | 'hoverCard' | 'modal' | 'embedPreviewModal' | 'link';
 export declare type AnalyticsName = 'embedPreviewModal';
 export declare type AnalyticsOrigin = 'smartLinkCard' | 'smartLinkEmbed' | 'smartLinkInline' | 'smartLinkPreviewHoverCard';
 export declare type AnalyticsPayload = GasPayload & {

package/dist/types/view/EmbedCard/components/styled.d.ts

@@ -13,34 +13,82 @@ export interface WrapperProps {
 export declare const borderRadius: string;
 export declare const ellipsis: (maxWidth?: string | number) => string;
 export declare const csssize: (value?: string | number) => string;
-export declare const LinkWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, WrapperProps, object>;
-export declare const Wrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, WrapperProps, object>;
+export declare const LinkWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & WrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & WrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const embedHeaderHeight = 32;
-export declare const Header: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const Header: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export interface PlaceholderProps {
     isPlaceholder: boolean;
 }
-export declare const IconWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, PlaceholderProps, object>;
-export declare const TextWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, PlaceholderProps, object>;
+export declare const IconWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & PlaceholderProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TextWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & PlaceholderProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export interface ContentProps {
     isInteractive: boolean;
     allowScrollBar: boolean;
 }
-export declare const Content: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContentProps, object>;
+export declare const Content: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & ContentProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export interface ImageProps {
     size: number;
 }
-export declare const Image: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, ImageProps, object>;
+export declare const Image: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & ImageProps, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const maxAvatarCount = 6;
-export declare const ContentWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
-export declare const Title: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
-export declare const Byline: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
-export declare const Description: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
-export declare const ResolvedViewIconWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const ContentWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Title: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Byline: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Description: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ResolvedViewIconWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export interface ThumbnailProps {
     src: string;
 }
-export declare const Thumbnail: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ThumbnailProps, object>;
-export declare const UsersWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
-export declare const ActionsWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
-export declare const AlertWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const Thumbnail: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & ThumbnailProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const UsersWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ActionsWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const AlertWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -5,5 +5,11 @@ export interface WrapperProps {
     isInteractive?: boolean;
     withoutBackground?: boolean;
 }
-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>;
+export declare const WrapperAnchor: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & WrapperProps, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
+export declare const WrapperSpan: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & WrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

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

@@ -1,4 +1,13 @@
 /// <reference types="react" />
-export declare const Icon: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, Pick<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement>, keyof import("react").ImgHTMLAttributes<HTMLImageElement>>, object>;
-export declare const AKIconWrapper: 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 Shimmer: 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 Icon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
+export declare const AKIconWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const Shimmer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;