@atlaskit/smart-card 21.3.0 → 22.0.0

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

@@ -75,7 +75,11 @@ 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);
@@ -100,7 +104,10 @@ 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
 
 

package/dist/cjs/view/HoverCard/components/HoverCardContent.js

@@ -55,7 +55,9 @@ var getOpenAction = function getOpenAction(url, analytics, onActionClick) {
       }
 
       window.open(url, '_blank');
-      analytics.ui.hoverCardOpenLinkClickedEvent('card');
+      analytics.ui.hoverCardOpenLinkClickedEvent({
+        previewDisplay: 'card'
+      });
     },
     testId: 'hover-card-open-button'
   };
@@ -102,15 +104,24 @@ var HoverCardContent = function HoverCardContent(_ref) {
   (0, _react.useEffect)(function () {
     // Since hover preview only render on resolved status,
     // there is no need to check for statuses.
-    analytics.ui.renderSuccessEvent(_utils2.SMART_CARD_ANALYTICS_DISPLAY, cardState.status);
+    analytics.ui.renderSuccessEvent({
+      display: _utils2.SMART_CARD_ANALYTICS_DISPLAY,
+      status: cardState.status
+    });
   }, [analytics.ui, cardState.status]);
   var extensionKey = (0, _react.useMemo)(function () {
     return (0, _helpers.getExtensionKey)(cardState.details);
   }, [cardState.details]);
   var onClick = (0, _react.useCallback)(function (event) {
     var isModifierKeyPressed = (0, _utils.isSpecialEvent)(event);
-    analytics.ui.cardClickedEvent(undefined, _utils2.SMART_CARD_ANALYTICS_DISPLAY, cardState.status, undefined, undefined, isModifierKeyPressed, undefined, undefined, undefined, 'titleGoToLink');
-  }, [cardState.status, analytics.ui]);
+    analytics.ui.cardClickedEvent({
+      id: id,
+      display: _utils2.SMART_CARD_ANALYTICS_DISPLAY,
+      status: cardState.status,
+      isModifierKeyPressed: isModifierKeyPressed,
+      actionSubjectId: 'titleGoToLink'
+    });
+  }, [cardState.status, analytics.ui, id]);
   var titleActions = (0, _react.useMemo)(function () {
     return [getOpenAction(url, analytics, onActionClick)];
   }, [url, analytics, onActionClick]);

package/dist/cjs/view/HoverCard/index.js

@@ -36,7 +36,12 @@ var HoverCardWithErrorBoundary = function HoverCardWithErrorBoundary(props) {
   }, [createAnalyticsEvent]);
   var analytics = (0, _analytics.useSmartLinkAnalytics)(url, analyticsHandler, id);
   var onError = (0, _react.useCallback)(function (error, info) {
-    analytics.ui.renderFailedEvent(_utils.SMART_CARD_ANALYTICS_DISPLAY, id, error, info);
+    analytics.ui.renderFailedEvent({
+      display: _utils.SMART_CARD_ANALYTICS_DISPLAY,
+      id: id,
+      error: error,
+      errorInfo: info
+    });
   }, [analytics.ui, id]);
   return (0, _core.jsx)(_reactErrorBoundary.ErrorBoundary, {
     fallback: children,

package/dist/es2019/extractors/common/actions/extractPreviewAction.js

@@ -54,10 +54,18 @@ export const extractPreviewAction = (extensionKey = 'empty-object-provider', vie
       featureFlags,
       testId,
       onOpen: () => {
-        handleAnalytics(uiRenderSuccessEvent('preview', 'resolved', key));
+        handleAnalytics(uiRenderSuccessEvent({
+          display: 'preview',
+          status: 'resolved',
+          extensionKey: key
+        }));
       },
       onOpenFailed: (error, errorInfo) => {
-        handleAnalytics(uiRenderFailedEvent('preview', error, errorInfo));
+        handleAnalytics(uiRenderFailedEvent({
+          display: 'preview',
+          error,
+          errorInfo
+        }));
       },
       onDownloadActionClick: () => {
         handleInvoke(getInvokeOpts(key, 'DownloadAction'));

package/dist/es2019/state/actions/index.js

@@ -155,24 +155,51 @@ export const useSmartCardActions = (id, url, analytics) => {
     const services = getServices(details); // When authentication is triggered, let GAS know!
 
     if (status === 'unauthorized') {
-      analytics.ui.authEvent(appearance, definitionId, extensionKey);
+      analytics.ui.authEvent({
+        display: appearance,
+        definitionId,
+        extensionKey
+      });
     }
 
     if (status === 'forbidden') {
-      analytics.ui.authAlternateAccountEvent(appearance, definitionId, extensionKey);
+      analytics.ui.authAlternateAccountEvent({
+        display: appearance,
+        definitionId,
+        extensionKey
+      });
     }
 
     if (services.length > 0) {
-      analytics.screen.authPopupEvent(definitionId, extensionKey);
+      analytics.screen.authPopupEvent({
+        definitionId,
+        extensionKey
+      });
       auth(services[0].url).then(() => {
-        analytics.track.appAccountConnected(definitionId, extensionKey);
-        analytics.operational.connectSucceededEvent(id, definitionId, extensionKey);
+        analytics.track.appAccountConnected({
+          definitionId,
+          extensionKey
+        });
+        analytics.operational.connectSucceededEvent({
+          id,
+          definitionId,
+          extensionKey
+        });
         reload();
       }, err => {
-        analytics.operational.connectFailedEvent(id, definitionId, extensionKey, err.type);
+        analytics.operational.connectFailedEvent({
+          id,
+          definitionId,
+          extensionKey,
+          reason: err.type
+        });
 
         if (err.type === 'auth_window_closed') {
-          analytics.ui.closedAuthEvent(appearance, definitionId, extensionKey);
+          analytics.ui.closedAuthEvent({
+            display: appearance,
+            definitionId,
+            extensionKey
+          });
         }
 
         reload();
@@ -191,7 +218,13 @@ export const useSmartCardActions = (id, url, analytics) => {
 
     try {
       // Begin analytics instrumentation.
-      analytics.ui.actionClickedEvent(id, key, action.type, source, opts.type); // Invoke action - either client-side or server-side.
+      analytics.ui.actionClickedEvent({
+        id,
+        extensionKey: key,
+        actionType: action.type,
+        display: source,
+        invokeType: opts.type
+      }); // Invoke action - either client-side or server-side.
 
       let response;
 
@@ -202,11 +235,22 @@ export const useSmartCardActions = (id, url, analytics) => {
       }
 
       measure.mark(markName, 'resolved');
-      analytics.operational.invokeSucceededEvent(id, key, action.type, source);
+      analytics.operational.invokeSucceededEvent({
+        id,
+        extensionKey: key,
+        actionType: action.type,
+        display: source
+      });
       return response;
     } catch (err) {
       measure.mark(markName, 'errored');
-      analytics.operational.invokeFailedEvent(id, key, action.type, source, err.message);
+      analytics.operational.invokeFailedEvent({
+        id,
+        extensionKey: key,
+        actionType: action.type,
+        display: source,
+        reason: err.message
+      });
       throw err;
     }
   }, [id, analytics.ui, analytics.operational, connections.client]);

package/dist/es2019/state/analytics/types.js

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