@atlaskit/smart-card 21.3.0 → 22.1.1

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

@@ -1,6 +1,5 @@
-import { uiRenderSuccessEvent, uiRenderFailedEvent } from '../../../utils/analytics';
 import { extractDownloadUrl } from '../detail';
-import { extractProvider, extractPreview } from '@atlaskit/linking-common/extractors';
+import { extractPreview, extractProvider } from '@atlaskit/linking-common/extractors';
 import { PreviewAction } from '../../../view/BlockCard';
 
 const getMetadataFromJsonLd = (jsonLd, platform) => {
@@ -39,7 +38,18 @@ const getInvokeOpts = (key, action, source) => ({
   }
 });
 
-export const extractPreviewAction = (extensionKey = 'empty-object-provider', viewProps, jsonLd, handleInvoke, handleAnalytics, testId, platform, source, featureFlags) => {
+export const extractPreviewAction = ({
+  extensionKey = 'empty-object-provider',
+  viewProps,
+  jsonLd,
+  handleInvoke,
+  testId,
+  platform,
+  origin,
+  source = 'block',
+  featureFlags,
+  analytics
+}) => {
   // Extract metadata from view props & raw JSON-LD.
   const metadataFromJsonLd = getMetadataFromJsonLd(jsonLd, platform);
   const metadataFromViewProps = getMetadataFromResolvedProps(viewProps);
@@ -51,14 +61,10 @@ export const extractPreviewAction = (extensionKey = 'empty-object-provider', vie
     // Build action using instrumentation hooks.
     const key = extensionKey;
     const previewAction = PreviewAction({ ...metadata,
+      analytics,
+      origin,
       featureFlags,
       testId,
-      onOpen: () => {
-        handleAnalytics(uiRenderSuccessEvent('preview', 'resolved', key));
-      },
-      onOpenFailed: (error, errorInfo) => {
-        handleAnalytics(uiRenderFailedEvent('preview', error, errorInfo));
-      },
       onDownloadActionClick: () => {
         handleInvoke(getInvokeOpts(key, 'DownloadAction'));
       },
@@ -68,7 +74,7 @@ export const extractPreviewAction = (extensionKey = 'empty-object-provider', vie
     }); // Setup props to go through proper Redux 'invocation' flow
     // for analytics, further state management if required in future.
 
-    const previewActionProps = getInvokeOpts(key, 'PreviewAction', source !== null && source !== void 0 ? source : 'block'); // - Promise invoked by the action invocation handler; open preview.
+    const previewActionProps = getInvokeOpts(key, 'PreviewAction', source); // - Promise invoked by the action invocation handler; open preview.
 
     previewActionProps.action.promise = previewAction.promise; // - Promise invoked on click of `Preview` on block card; trigger above promise.
 

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 {};