@atlaskit/smart-card 21.3.0 → 22.0.0

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

@@ -48,28 +48,29 @@ export var fireSmartLinkEvent = function fireSmartLinkEvent(payload, createAnaly
     createAnalyticsEvent(payload).fire(ANALYTICS_CHANNEL);
   }
 };
-export var resolvedEvent = function resolvedEvent(id, definitionId, extensionKey, resourceType) {
+export var resolvedEvent = function resolvedEvent(props) {
   return {
     action: 'resolved',
     actionSubject: 'smartLink',
     eventType: 'operational',
-    attributes: _objectSpread(_objectSpread(_objectSpread(_objectSpread({
-      id: id
-    }, context), definitionId ? {
-      definitionId: definitionId
-    } : {}), extensionKey ? {
-      extensionKey: extensionKey
-    } : {}), resourceType ? {
-      resourceType: resourceType
-    } : {})
+    attributes: _objectSpread(_objectSpread({}, props), context)
   };
 };
-export var unresolvedEvent = function unresolvedEvent(id, status, definitionId, extensionKey, resourceType, error) {
+export var unresolvedEvent = function unresolvedEvent(_ref) {
+  var id = _ref.id,
+      definitionId = _ref.definitionId,
+      extensionKey = _ref.extensionKey,
+      resourceType = _ref.resourceType,
+      destinationSubproduct = _ref.destinationSubproduct,
+      destinationProduct = _ref.destinationProduct,
+      error = _ref.error,
+      status = _ref.status,
+      location = _ref.location;
   return {
     action: 'unresolved',
     actionSubject: 'smartLink',
     eventType: 'operational',
-    attributes: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
+    attributes: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
       id: id
     }, context), definitionId ? {
       definitionId: definitionId
@@ -77,17 +78,31 @@ export var unresolvedEvent = function unresolvedEvent(id, status, definitionId,
       extensionKey: extensionKey
     } : {}), resourceType ? {
       resourceType: resourceType
+    } : {}), destinationSubproduct ? {
+      destinationSubproduct: destinationSubproduct
+    } : {}), destinationProduct ? {
+      destinationProduct: destinationProduct
+    } : {}), location ? {
+      location: location
     } : {}), {}, {
       reason: status,
       error: error ? {
-        message: error.message,
-        kind: error.kind,
-        type: error.type
+        message: error === null || error === void 0 ? void 0 : error.message,
+        kind: error === null || error === void 0 ? void 0 : error.kind,
+        type: error === null || error === void 0 ? void 0 : error.type
       } : undefined
     })
   };
 };
-export var invokeSucceededEvent = function invokeSucceededEvent(id, actionType, display, extensionKey) {
+export var invokeSucceededEvent = function invokeSucceededEvent(_ref2) {
+  var id = _ref2.id,
+      actionType = _ref2.actionType,
+      display = _ref2.display,
+      extensionKey = _ref2.extensionKey,
+      definitionId = _ref2.definitionId,
+      destinationProduct = _ref2.destinationProduct,
+      destinationSubproduct = _ref2.destinationSubproduct,
+      location = _ref2.location;
   var measure = getMeasure(id, 'resolved') || {
     duration: undefined
   };
@@ -99,12 +114,25 @@ export var invokeSucceededEvent = function invokeSucceededEvent(id, actionType,
       id: id,
       actionType: actionType,
       display: display,
-      extensionKey: extensionKey || '',
+      definitionId: definitionId,
+      destinationProduct: destinationProduct,
+      destinationSubproduct: destinationSubproduct,
+      location: location,
+      extensionKey: extensionKey,
       duration: measure.duration
     })
   };
 };
-export var invokeFailedEvent = function invokeFailedEvent(id, actionType, display, reason, extensionKey) {
+export var invokeFailedEvent = function invokeFailedEvent(_ref3) {
+  var id = _ref3.id,
+      actionType = _ref3.actionType,
+      display = _ref3.display,
+      reason = _ref3.reason,
+      extensionKey = _ref3.extensionKey,
+      definitionId = _ref3.definitionId,
+      destinationProduct = _ref3.destinationProduct,
+      destinationSubproduct = _ref3.destinationSubproduct,
+      location = _ref3.location;
   var measure = getMeasure(id, 'errored') || {
     duration: undefined
   };
@@ -116,78 +144,131 @@ export var invokeFailedEvent = function invokeFailedEvent(id, actionType, displa
       id: id,
       actionType: actionType,
       display: display,
-      extensionKey: extensionKey || '',
+      extensionKey: extensionKey,
+      definitionId: definitionId,
+      destinationProduct: destinationProduct,
+      destinationSubproduct: destinationSubproduct,
+      location: location,
       duration: measure.duration,
       reason: reason
     })
   };
 };
-export var connectSucceededEvent = function connectSucceededEvent(definitionId, extensionKey) {
+export var connectSucceededEvent = function connectSucceededEvent(_ref4) {
+  var definitionId = _ref4.definitionId,
+      extensionKey = _ref4.extensionKey,
+      destinationProduct = _ref4.destinationProduct,
+      destinationSubproduct = _ref4.destinationSubproduct,
+      location = _ref4.location;
   return {
     action: 'connectSucceeded',
     actionSubject: 'smartLink',
     eventType: 'operational',
-    attributes: _objectSpread(_objectSpread(_objectSpread({}, context), definitionId ? {
-      definitionId: definitionId
-    } : {}), extensionKey ? {
-      extensionKey: extensionKey
-    } : {})
+    attributes: _objectSpread(_objectSpread({}, context), {}, {
+      definitionId: definitionId,
+      extensionKey: extensionKey,
+      destinationProduct: destinationProduct,
+      destinationSubproduct: destinationSubproduct,
+      location: location
+    })
   };
 };
-export var connectFailedEvent = function connectFailedEvent(definitionId, extensionKey, reason) {
+export var connectFailedEvent = function connectFailedEvent(_ref5) {
+  var definitionId = _ref5.definitionId,
+      extensionKey = _ref5.extensionKey,
+      destinationProduct = _ref5.destinationProduct,
+      destinationSubproduct = _ref5.destinationSubproduct,
+      location = _ref5.location,
+      reason = _ref5.reason;
   return {
     action: 'connectFailed',
     actionSubject: 'smartLink',
     actionSubjectId: reason,
     eventType: 'operational',
-    attributes: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, context), reason ? {
-      reason: reason
-    } : {}), definitionId ? {
-      definitionId: definitionId
-    } : {}), extensionKey ? {
-      extensionKey: extensionKey
-    } : {})
+    attributes: _objectSpread(_objectSpread({}, context), {}, {
+      reason: reason,
+      extensionKey: extensionKey,
+      definitionId: definitionId,
+      destinationProduct: destinationProduct,
+      destinationSubproduct: destinationSubproduct,
+      location: location
+    })
   };
 };
-export var trackAppAccountConnected = function trackAppAccountConnected(definitionId, extensionKey) {
+export var trackAppAccountConnected = function trackAppAccountConnected(_ref6) {
+  var definitionId = _ref6.definitionId,
+      extensionKey = _ref6.extensionKey,
+      destinationProduct = _ref6.destinationProduct,
+      destinationSubproduct = _ref6.destinationSubproduct,
+      location = _ref6.location;
   return {
     action: 'connected',
     actionSubject: 'applicationAccount',
     eventType: 'track',
-    attributes: _objectSpread(_objectSpread(_objectSpread({}, context), definitionId ? {
-      definitionId: definitionId
-    } : {}), extensionKey ? {
-      extensionKey: extensionKey
-    } : {})
+    attributes: _objectSpread(_objectSpread({}, context), {}, {
+      definitionId: definitionId,
+      extensionKey: extensionKey,
+      destinationProduct: destinationProduct,
+      destinationSubproduct: destinationSubproduct,
+      location: location
+    })
   };
 };
-export var uiAuthEvent = function uiAuthEvent(display, definitionId, extensionKey) {
+export var uiAuthEvent = function uiAuthEvent(_ref7) {
+  var definitionId = _ref7.definitionId,
+      extensionKey = _ref7.extensionKey,
+      destinationProduct = _ref7.destinationProduct,
+      destinationSubproduct = _ref7.destinationSubproduct,
+      location = _ref7.location,
+      display = _ref7.display;
   return {
     action: 'clicked',
     actionSubject: 'button',
     actionSubjectId: 'connectAccount',
     eventType: 'ui',
     attributes: _objectSpread(_objectSpread({}, context), {}, {
-      definitionId: definitionId || '',
-      extensionKey: extensionKey || '',
+      definitionId: definitionId,
+      extensionKey: extensionKey,
+      destinationProduct: destinationProduct,
+      destinationSubproduct: destinationSubproduct,
+      location: location,
       display: display
     })
   };
 };
-export var uiAuthAlternateAccountEvent = function uiAuthAlternateAccountEvent(display, definitionId, extensionKey) {
+export var uiAuthAlternateAccountEvent = function uiAuthAlternateAccountEvent(_ref8) {
+  var definitionId = _ref8.definitionId,
+      extensionKey = _ref8.extensionKey,
+      destinationProduct = _ref8.destinationProduct,
+      destinationSubproduct = _ref8.destinationSubproduct,
+      location = _ref8.location,
+      display = _ref8.display;
   return {
     action: 'clicked',
     actionSubject: 'smartLink',
     actionSubjectId: 'tryAnotherAccount',
     eventType: 'ui',
     attributes: _objectSpread(_objectSpread({}, context), {}, {
-      definitionId: definitionId || '',
-      extensionKey: extensionKey || '',
+      definitionId: definitionId,
+      extensionKey: extensionKey,
+      destinationProduct: destinationProduct,
+      destinationSubproduct: destinationSubproduct,
+      location: location,
       display: display
     })
   };
 };
-export var uiCardClickedEvent = function uiCardClickedEvent(id, display, status, definitionId, extensionKey, isModifierKeyPressed, location, destinationProduct, destinationSubproduct, actionSubjectId) {
+export var uiCardClickedEvent = function uiCardClickedEvent(_ref9) {
+  var id = _ref9.id,
+      display = _ref9.display,
+      status = _ref9.status,
+      definitionId = _ref9.definitionId,
+      extensionKey = _ref9.extensionKey,
+      isModifierKeyPressed = _ref9.isModifierKeyPressed,
+      location = _ref9.location,
+      destinationProduct = _ref9.destinationProduct,
+      destinationSubproduct = _ref9.destinationSubproduct,
+      actionSubjectId = _ref9.actionSubjectId;
   return {
     action: 'clicked',
     actionSubject: 'smartLink',
@@ -196,8 +277,8 @@ export var uiCardClickedEvent = function uiCardClickedEvent(id, display, status,
     attributes: _objectSpread(_objectSpread({}, context), {}, {
       id: id,
       status: status,
-      definitionId: definitionId || '',
-      extensionKey: extensionKey || '',
+      definitionId: definitionId,
+      extensionKey: extensionKey,
       display: display,
       isModifierKeyPressed: isModifierKeyPressed,
       location: location,
@@ -206,7 +287,15 @@ export var uiCardClickedEvent = function uiCardClickedEvent(id, display, status,
     })
   };
 };
-export var uiActionClickedEvent = function uiActionClickedEvent(id, actionType, extensionKey, display) {
+export var uiActionClickedEvent = function uiActionClickedEvent(_ref10) {
+  var id = _ref10.id,
+      actionType = _ref10.actionType,
+      extensionKey = _ref10.extensionKey,
+      display = _ref10.display,
+      definitionId = _ref10.definitionId,
+      destinationProduct = _ref10.destinationProduct,
+      destinationSubproduct = _ref10.destinationSubproduct,
+      location = _ref10.location;
   return {
     action: 'clicked',
     actionSubject: 'button',
@@ -215,47 +304,86 @@ export var uiActionClickedEvent = function uiActionClickedEvent(id, actionType,
     attributes: _objectSpread(_objectSpread({}, context), {}, {
       id: id,
       display: display,
-      extensionKey: extensionKey || '',
-      actionType: actionType
+      actionType: actionType,
+      extensionKey: extensionKey,
+      definitionId: definitionId,
+      destinationProduct: destinationProduct,
+      destinationSubproduct: destinationSubproduct,
+      location: location
     })
   };
 };
-export var uiClosedAuthEvent = function uiClosedAuthEvent(display, definitionId, extensionKey) {
+export var uiClosedAuthEvent = function uiClosedAuthEvent(_ref11) {
+  var display = _ref11.display,
+      extensionKey = _ref11.extensionKey,
+      definitionId = _ref11.definitionId,
+      destinationProduct = _ref11.destinationProduct,
+      destinationSubproduct = _ref11.destinationSubproduct,
+      location = _ref11.location;
   return {
     action: 'closed',
     actionSubject: 'consentModal',
     eventType: 'ui',
     attributes: _objectSpread(_objectSpread({}, context), {}, {
-      definitionId: definitionId || '',
-      extensionKey: extensionKey || '',
+      extensionKey: extensionKey,
+      definitionId: definitionId,
+      destinationProduct: destinationProduct,
+      destinationSubproduct: destinationSubproduct,
+      location: location,
       display: display
     })
   };
 };
-export var screenAuthPopupEvent = function screenAuthPopupEvent(definitionId, extensionKey) {
+export var screenAuthPopupEvent = function screenAuthPopupEvent(_ref12) {
+  var extensionKey = _ref12.extensionKey,
+      definitionId = _ref12.definitionId,
+      destinationProduct = _ref12.destinationProduct,
+      destinationSubproduct = _ref12.destinationSubproduct,
+      location = _ref12.location;
   return {
     actionSubject: 'consentModal',
     eventType: 'screen',
     attributes: _objectSpread(_objectSpread({}, context), {}, {
-      definitionId: definitionId || '',
-      extensionKey: extensionKey || ''
+      extensionKey: extensionKey,
+      definitionId: definitionId,
+      destinationProduct: destinationProduct,
+      destinationSubproduct: destinationSubproduct,
+      location: location
     })
   };
 };
-export var uiRenderSuccessEvent = function uiRenderSuccessEvent(display, status, definitionId, extensionKey) {
+export var uiRenderSuccessEvent = function uiRenderSuccessEvent(_ref13) {
+  var display = _ref13.display,
+      status = _ref13.status,
+      extensionKey = _ref13.extensionKey,
+      definitionId = _ref13.definitionId,
+      destinationProduct = _ref13.destinationProduct,
+      destinationSubproduct = _ref13.destinationSubproduct,
+      location = _ref13.location;
   return {
     action: 'renderSuccess',
     actionSubject: 'smartLink',
     eventType: 'ui',
     attributes: _objectSpread(_objectSpread({}, context), {}, {
       status: status,
-      definitionId: definitionId || '',
-      extensionKey: extensionKey || '',
+      extensionKey: extensionKey,
+      definitionId: definitionId,
+      destinationProduct: destinationProduct,
+      destinationSubproduct: destinationSubproduct,
+      location: location,
       display: display
     })
   };
 };
-export var uiRenderFailedEvent = function uiRenderFailedEvent(display, error, errorInfo) {
+export var uiRenderFailedEvent = function uiRenderFailedEvent(_ref14) {
+  var display = _ref14.display,
+      error = _ref14.error,
+      errorInfo = _ref14.errorInfo,
+      extensionKey = _ref14.extensionKey,
+      definitionId = _ref14.definitionId,
+      destinationProduct = _ref14.destinationProduct,
+      destinationSubproduct = _ref14.destinationSubproduct,
+      location = _ref14.location;
   return {
     actionSubject: 'smartLink',
     action: 'renderFailed',
@@ -263,40 +391,76 @@ export var uiRenderFailedEvent = function uiRenderFailedEvent(display, error, er
     attributes: {
       error: error,
       errorInfo: errorInfo,
-      display: display
+      display: display,
+      extensionKey: extensionKey,
+      definitionId: definitionId,
+      destinationProduct: destinationProduct,
+      destinationSubproduct: destinationSubproduct,
+      location: location
     }
   };
 };
-export var uiHoverCardViewedEvent = function uiHoverCardViewedEvent(id, previewDisplay, definitionId, extensionKey, previewInvokeMethod) {
+export var uiHoverCardViewedEvent = function uiHoverCardViewedEvent(_ref15) {
+  var id = _ref15.id,
+      previewDisplay = _ref15.previewDisplay,
+      extensionKey = _ref15.extensionKey,
+      definitionId = _ref15.definitionId,
+      destinationProduct = _ref15.destinationProduct,
+      destinationSubproduct = _ref15.destinationSubproduct,
+      location = _ref15.location,
+      previewInvokeMethod = _ref15.previewInvokeMethod;
   return {
     action: 'viewed',
     actionSubject: 'hoverCard',
     eventType: 'ui',
     attributes: _objectSpread(_objectSpread({}, context), {}, {
       id: id,
-      definitionId: definitionId || '',
-      extensionKey: extensionKey || '',
       previewDisplay: previewDisplay,
+      extensionKey: extensionKey,
+      definitionId: definitionId,
+      destinationProduct: destinationProduct,
+      destinationSubproduct: destinationSubproduct,
+      location: location,
       previewInvokeMethod: previewInvokeMethod
     })
   };
 };
-export var uiHoverCardDismissedEvent = function uiHoverCardDismissedEvent(id, previewDisplay, hoverTime, definitionId, extensionKey, previewInvokeMethod) {
+export var uiHoverCardDismissedEvent = function uiHoverCardDismissedEvent(_ref16) {
+  var id = _ref16.id,
+      previewDisplay = _ref16.previewDisplay,
+      hoverTime = _ref16.hoverTime,
+      extensionKey = _ref16.extensionKey,
+      definitionId = _ref16.definitionId,
+      destinationProduct = _ref16.destinationProduct,
+      destinationSubproduct = _ref16.destinationSubproduct,
+      location = _ref16.location,
+      previewInvokeMethod = _ref16.previewInvokeMethod;
   return {
     action: 'dismissed',
     actionSubject: 'hoverCard',
     eventType: 'ui',
     attributes: _objectSpread(_objectSpread({}, context), {}, {
       id: id,
-      definitionId: definitionId || '',
-      extensionKey: extensionKey || '',
-      hoverTime: hoverTime,
       previewDisplay: previewDisplay,
+      hoverTime: hoverTime,
+      extensionKey: extensionKey,
+      definitionId: definitionId,
+      destinationProduct: destinationProduct,
+      destinationSubproduct: destinationSubproduct,
+      location: location,
       previewInvokeMethod: previewInvokeMethod
     })
   };
 };
-export var uiHoverCardOpenLinkClickedEvent = function uiHoverCardOpenLinkClickedEvent(id, previewDisplay, definitionId, extensionKey, previewInvokeMethod) {
+export var uiHoverCardOpenLinkClickedEvent = function uiHoverCardOpenLinkClickedEvent(_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;
   return {
     action: 'clicked',
     actionSubject: 'button',
@@ -304,9 +468,12 @@ export var uiHoverCardOpenLinkClickedEvent = function uiHoverCardOpenLinkClicked
     eventType: 'ui',
     attributes: _objectSpread(_objectSpread({}, context), {}, {
       id: id,
-      definitionId: definitionId || '',
-      extensionKey: extensionKey || '',
       previewDisplay: previewDisplay,
+      extensionKey: extensionKey,
+      definitionId: definitionId,
+      destinationProduct: destinationProduct,
+      destinationSubproduct: destinationSubproduct,
+      location: location,
       previewInvokeMethod: previewInvokeMethod
     })
   };

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

@@ -4,16 +4,33 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-import { resolvedEvent, unresolvedEvent } from './analytics';
 import { getMeasure } from '../performance';
+import { resolvedEvent, unresolvedEvent } from './analytics';
 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 var instrumentEvent = function instrumentEvent(id, status, definitionId, extensionKey, resourceType, error) {
+export var instrumentEvent = function instrumentEvent(_ref) {
+  var id = _ref.id,
+      status = _ref.status,
+      extensionKey = _ref.extensionKey,
+      definitionId = _ref.definitionId,
+      resourceType = _ref.resourceType,
+      destinationProduct = _ref.destinationProduct,
+      destinationSubproduct = _ref.destinationSubproduct,
+      location = _ref.location,
+      error = _ref.error;
   var measure = getMeasure(id, status) || {
     duration: undefined
   };
 
   if (status === 'resolved') {
-    var event = resolvedEvent(id, definitionId, extensionKey, resourceType);
+    var event = resolvedEvent({
+      id: id,
+      extensionKey: extensionKey,
+      definitionId: definitionId,
+      resourceType: resourceType,
+      destinationProduct: destinationProduct,
+      destinationSubproduct: destinationSubproduct,
+      location: location
+    });
     return _objectSpread(_objectSpread({}, event), {}, {
       attributes: _objectSpread(_objectSpread({}, event.attributes), {}, {
         duration: measure.duration
@@ -21,7 +38,17 @@ export var instrumentEvent = function instrumentEvent(id, status, definitionId,
     });
   } else {
     if ((error === null || error === void 0 ? void 0 : error.type) !== 'ResolveUnsupportedError') {
-      var _event = unresolvedEvent(id, status, definitionId, extensionKey, resourceType, error);
+      var _event = unresolvedEvent({
+        id: id,
+        status: status,
+        extensionKey: extensionKey,
+        definitionId: definitionId,
+        resourceType: resourceType,
+        destinationProduct: destinationProduct,
+        destinationSubproduct: destinationSubproduct,
+        location: location,
+        error: error
+      });
 
       return _objectSpread(_objectSpread({}, _event), {}, {
         attributes: _objectSpread(_objectSpread({}, _event.attributes), {}, {

package/dist/esm/version.json

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

package/dist/esm/view/CardWithUrl/component.js

@@ -63,7 +63,16 @@ export function CardWithUrlContent(_ref) {
   }, [state.details, url]);
   var handleClickWrapper = useCallback(function (event) {
     var isModifierKeyPressed = isSpecialEvent(event);
-    analytics.ui.cardClickedEvent(id, isFlexibleUi ? 'flexible' : appearance, state.status, definitionId, extensionKey, isModifierKeyPressed, undefined, product, subproduct);
+    analytics.ui.cardClickedEvent({
+      id: id,
+      display: isFlexibleUi ? 'flexible' : appearance,
+      status: state.status,
+      definitionId: definitionId,
+      extensionKey: extensionKey,
+      isModifierKeyPressed: isModifierKeyPressed,
+      destinationProduct: product,
+      destinationSubproduct: subproduct
+    });
 
     if (onClick) {
       onClick(event);
@@ -87,7 +96,14 @@ export function CardWithUrlContent(_ref) {
 
     if (state.status !== 'pending') {
       measure.create(id, state.status);
-      analytics.operational.instrument(id, state.status, definitionId, extensionKey, resourceType, state.error);
+      analytics.operational.instrument({
+        id: id,
+        status: state.status,
+        definitionId: definitionId,
+        extensionKey: extensionKey,
+        resourceType: resourceType,
+        error: state.error
+      });
     }
   }, [id, appearance, state.status, state.error, definitionId, extensionKey, resourceType, analytics.operational]); // NB: once the smart-card has rendered into an end state, we capture
   // this as a successful render. These can be one of:
@@ -96,7 +112,13 @@ export function CardWithUrlContent(_ref) {
 
   useEffect(function () {
     if (isFinalState(state.status)) {
-      analytics.ui.renderSuccessEvent(appearance, state.status, id, definitionId, extensionKey);
+      analytics.ui.renderSuccessEvent({
+        display: appearance,
+        status: state.status,
+        id: id,
+        definitionId: definitionId,
+        extensionKey: extensionKey
+      });
     }
   }, [appearance, state.status, url, definitionId, extensionKey, analytics.ui, id]);
 

package/dist/esm/view/CardWithUrl/loader.js

@@ -72,7 +72,12 @@ export function CardWithURLRenderer(props) {
       var errorInfo = {
         componentStack: componentStack
       };
-      analytics.ui.renderFailedEvent(appearance, id, error, errorInfo);
+      analytics.ui.renderFailedEvent({
+        display: appearance,
+        id: id,
+        error: error,
+        errorInfo: errorInfo
+      });
     }
   }, [analytics.ui, appearance, id]);
 

package/dist/esm/view/HoverCard/components/HoverCardComponent.js

@@ -48,7 +48,11 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
     //Check its previously open to avoid firing events when moving between the child and hover card components
     if (isOpen === true && cardOpenTime.current) {
       var hoverTime = Date.now() - cardOpenTime.current;
-      analytics.ui.hoverCardDismissedEvent('card', hoverTime, 'mouse_hover');
+      analytics.ui.hoverCardDismissedEvent({
+        previewDisplay: 'card',
+        hoverTime: hoverTime,
+        previewInvokeMethod: 'mouse_hover'
+      });
     }
 
     setIsOpen(false);
@@ -73,7 +77,10 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
       //Check if its previously closed to avoid firing events when moving between the child and hover card components
       if (isOpen === false) {
         cardOpenTime.current = Date.now();
-        analytics.ui.hoverCardViewedEvent(hoverDisplay, invokeMethod);
+        analytics.ui.hoverCardViewedEvent({
+          previewDisplay: hoverDisplay,
+          previewInvokeMethod: invokeMethod
+        });
       } //If these are undefined then popupOffset is undefined and we fallback to default bottom-start placement