@atlaskit/smart-card 32.7.7 → 32.7.9

package/dist/es2019/utils/analytics/analytics.js

@@ -1,10 +1,9 @@
-import { SmartLinkActionType } from '@atlaskit/linking-types';
 import { getMeasure } from '../performance';
 export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "32.7.7"
+  packageVersion: "32.7.9"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
@@ -16,15 +15,6 @@ export let TrackQuickActionFailureReason = /*#__PURE__*/function (TrackQuickActi
   TrackQuickActionFailureReason["UnknownError"] = "UnknownError";
   return TrackQuickActionFailureReason;
 }({});
-export const SmartLinkActionTypeTrackingEventMapper = {
-  [SmartLinkActionType.FollowEntityAction]: 'Follow',
-  [SmartLinkActionType.StatusUpdateAction]: 'StatusUpdate',
-  [SmartLinkActionType.UnfollowEntityAction]: 'Unfollow'
-};
-export const SmartLinkActionTypeUiEventMapper = {
-  [SmartLinkActionType.FollowEntityAction]: 'smartLinkFollowButton',
-  [SmartLinkActionType.UnfollowEntityAction]: 'smartLinkFollowButton'
-};
 const uiActionSubjectIds = {
   DownloadAction: 'downloadDocument',
   PreviewAction: 'invokePreviewScreen',
@@ -111,91 +101,6 @@ export const invokeFailedEvent = ({
     }
   };
 };
-
-/**
- * @deprecated consider removing when cleaning up FF platform_migrate-some-ui-events-smart-card
- */
-export const uiAuthEvent = ({
-  definitionId,
-  extensionKey,
-  destinationProduct,
-  destinationSubproduct,
-  location,
-  display
-}) => ({
-  action: 'clicked',
-  actionSubject: 'button',
-  actionSubjectId: 'connectAccount',
-  eventType: 'ui',
-  attributes: {
-    ...context,
-    definitionId,
-    extensionKey,
-    destinationProduct,
-    destinationSubproduct,
-    location,
-    display
-  }
-});
-
-/**
- * @deprecated consider removing when cleaning up FF platform_migrate-some-ui-events-smart-card
- */
-export const uiAuthAlternateAccountEvent = ({
-  definitionId,
-  extensionKey,
-  destinationProduct,
-  destinationSubproduct,
-  location,
-  display
-}) => ({
-  action: 'clicked',
-  actionSubject: 'smartLink',
-  actionSubjectId: 'tryAnotherAccount',
-  eventType: 'ui',
-  attributes: {
-    ...context,
-    definitionId,
-    extensionKey,
-    destinationProduct,
-    destinationSubproduct,
-    location,
-    display
-  }
-});
-
-/**
- * @deprecated consider removing when cleaning up FF platform_migrate-some-ui-events-smart-card
- */
-export const uiCardClickedEvent = ({
-  id,
-  display,
-  status,
-  definitionId,
-  extensionKey,
-  isModifierKeyPressed,
-  location,
-  destinationProduct,
-  destinationSubproduct,
-  actionSubjectId
-}) => ({
-  action: 'clicked',
-  actionSubject: 'smartLink',
-  actionSubjectId,
-  eventType: 'ui',
-  attributes: {
-    ...context,
-    id,
-    status,
-    definitionId,
-    extensionKey,
-    display,
-    isModifierKeyPressed,
-    location,
-    destinationProduct,
-    destinationSubproduct
-  }
-});
 export const uiActionClickedEvent = ({
   id,
   actionType,
@@ -222,31 +127,6 @@ export const uiActionClickedEvent = ({
     location
   }
 });
-
-/**
- * @deprecated consider removing when cleaning up FF platform_migrate-some-ui-events-smart-card
- */
-export const uiClosedAuthEvent = ({
-  display,
-  extensionKey,
-  definitionId,
-  destinationProduct,
-  destinationSubproduct,
-  location
-}) => ({
-  action: 'closed',
-  actionSubject: 'consentModal',
-  eventType: 'ui',
-  attributes: {
-    ...context,
-    extensionKey,
-    definitionId,
-    destinationProduct,
-    destinationSubproduct,
-    location,
-    display
-  }
-});
 export const uiRenderSuccessEvent = ({
   display,
   status,
@@ -296,168 +176,4 @@ export const uiRenderFailedEvent = ({
     destinationSubproduct,
     location
   }
-});
-
-/**
- * @deprecated consider removing when cleaning up FF platform_migrate-some-ui-events-smart-card
- */
-export const uiHoverCardViewedEvent = ({
-  id,
-  previewDisplay,
-  extensionKey,
-  definitionId,
-  destinationProduct,
-  destinationSubproduct,
-  location,
-  previewInvokeMethod,
-  status
-}) => ({
-  action: 'viewed',
-  actionSubject: 'hoverCard',
-  eventType: 'ui',
-  attributes: {
-    ...context,
-    id,
-    previewDisplay,
-    extensionKey,
-    definitionId,
-    destinationProduct,
-    destinationSubproduct,
-    location,
-    previewInvokeMethod,
-    status
-  }
-});
-
-/**
- * @deprecated consider removing when cleaning up FF platform_migrate-some-ui-events-smart-card
- */
-export const uiHoverCardDismissedEvent = ({
-  id,
-  previewDisplay,
-  hoverTime,
-  extensionKey,
-  definitionId,
-  destinationProduct,
-  destinationSubproduct,
-  location,
-  previewInvokeMethod,
-  status
-}) => ({
-  action: 'dismissed',
-  actionSubject: 'hoverCard',
-  eventType: 'ui',
-  attributes: {
-    ...context,
-    id,
-    previewDisplay,
-    hoverTime,
-    extensionKey,
-    definitionId,
-    destinationProduct,
-    destinationSubproduct,
-    location,
-    previewInvokeMethod,
-    status
-  }
-});
-
-/**
- * @deprecated consider removing when cleaning up FF platform_migrate-some-ui-events-smart-card
- */
-export const uiHoverCardOpenLinkClickedEvent = ({
-  id,
-  previewDisplay,
-  extensionKey,
-  definitionId,
-  destinationProduct,
-  destinationSubproduct,
-  location,
-  previewInvokeMethod
-}) => ({
-  action: 'clicked',
-  actionSubject: 'button',
-  actionSubjectId: 'shortcutGoToLink',
-  eventType: 'ui',
-  attributes: {
-    ...context,
-    id,
-    previewDisplay,
-    extensionKey,
-    definitionId,
-    destinationProduct,
-    destinationSubproduct,
-    location,
-    previewInvokeMethod
-  }
-});
-
-/**
- * @deprecated consider removing when cleaning up FF platform_migrate-some-ui-events-smart-card
- */
-export const uiLearnMoreLinkClickedEvent = () => ({
-  action: 'clicked',
-  actionSubject: 'button',
-  actionSubjectId: 'learnMore',
-  eventType: 'ui',
-  attributes: {
-    ...context
-  }
-});
-
-/**
- * @deprecated consider removing when cleaning up FF platform_migrate-some-ui-events-smart-card
- */
-export const uiSmartLinkStatusLozengeButtonClicked = () => ({
-  action: 'clicked',
-  actionSubject: 'button',
-  actionSubjectId: 'smartLinkStatusLozenge',
-  eventType: 'ui',
-  attributes: {
-    ...context
-  }
-});
-
-/**
- * @deprecated consider removing when cleaning up FF platform_migrate-some-ui-events-smart-card
- */
-export const uiSmartLinkStatusListItemButtonClicked = () => ({
-  action: 'clicked',
-  actionSubject: 'button',
-  actionSubjectId: 'smartLinkStatusListItem',
-  eventType: 'ui',
-  attributes: {
-    ...context
-  }
-});
-
-/**
- * @deprecated consider removing when cleaning up FF platform_migrate-some-ui-events-smart-card
- */
-export const uiSmartLinkStatusOpenPreviewButtonClicked = () => ({
-  action: 'clicked',
-  actionSubject: 'button',
-  actionSubjectId: 'smartLinkStatusOpenPreview',
-  eventType: 'ui',
-  attributes: {
-    ...context
-  }
-});
-
-/**
- * @deprecated consider removing when cleaning up FF platform_migrate-some-ui-events-smart-card
- */
-export const uiServerActionClicked = ({
-  smartLinkActionType
-}) => {
-  var _SmartLinkActionTypeU;
-  return {
-    action: 'clicked',
-    actionSubject: 'button',
-    actionSubjectId: (_SmartLinkActionTypeU = SmartLinkActionTypeUiEventMapper[smartLinkActionType]) !== null && _SmartLinkActionTypeU !== void 0 ? _SmartLinkActionTypeU : smartLinkActionType,
-    eventType: 'ui',
-    attributes: {
-      ...context
-    }
-  };
-};
+});

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

@@ -1 +1 @@
-export { ANALYTICS_CHANNEL, context, fireSmartLinkEvent, invokeSucceededEvent, invokeFailedEvent, uiAuthEvent, uiAuthAlternateAccountEvent, uiCardClickedEvent, uiActionClickedEvent, uiClosedAuthEvent, uiRenderSuccessEvent, uiRenderFailedEvent, uiHoverCardViewedEvent, uiHoverCardDismissedEvent, uiHoverCardOpenLinkClickedEvent, uiLearnMoreLinkClickedEvent, uiSmartLinkStatusLozengeButtonClicked, uiSmartLinkStatusListItemButtonClicked, uiSmartLinkStatusOpenPreviewButtonClicked } from './analytics';
+export { ANALYTICS_CHANNEL, context, fireSmartLinkEvent, invokeSucceededEvent, invokeFailedEvent, uiActionClickedEvent, uiRenderSuccessEvent, uiRenderFailedEvent } from './analytics';

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

@@ -5,7 +5,7 @@ import { useAnalyticsEvents } from '../../common/analytics/generated/use-analyti
 import { CardDisplay } from '../../constants';
 import { useSmartLink } from '../../state';
 import { succeedUfoExperience } from '../../state/analytics';
-import { getCanBeDatasource, getClickUrl, getDefinitionId, getExtensionKey, getProduct, getResourceType, getServices, getSubproduct, isFinalState } from '../../state/helpers';
+import { getCanBeDatasource, getClickUrl, getDefinitionId, getExtensionKey, getResourceType, getServices, isFinalState } from '../../state/helpers';
 import { SmartLinkModalProvider } from '../../state/modal';
 import { isSpecialEvent } from '../../utils';
 import { combineActionOptions } from '../../utils/actions/combine-action-options';
@@ -64,8 +64,6 @@ function Component({
   const definitionId = getDefinitionId(state.details);
   const extensionKey = getExtensionKey(state.details);
   const resourceType = getResourceType(state.details);
-  const product = getProduct(state.details);
-  const subproduct = getSubproduct(state.details);
   const services = getServices(state.details);
   const canBeDatasource = getCanBeDatasource(state.details);
   let isFlexibleUi = useMemo(() => isFlexibleUiCard(children), [children]);
@@ -77,25 +75,12 @@ function Component({
   // Setup UI handlers.
   const handleClickWrapper = useCallback(event => {
     const isModifierKeyPressed = isSpecialEvent(event);
-    if (fg('platform_migrate-some-ui-events-smart-card')) {
-      fireEvent('ui.smartLink.clicked', {
-        id,
-        display: isFlexibleUi ? CardDisplay.Flexible : appearance,
-        definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
-        isModifierKeyPressed
-      });
-    } else {
-      analytics.ui.cardClickedEvent({
-        id,
-        display: isFlexibleUi ? CardDisplay.Flexible : appearance,
-        status: state.status,
-        definitionId,
-        extensionKey,
-        isModifierKeyPressed,
-        destinationProduct: product,
-        destinationSubproduct: subproduct
-      });
-    }
+    fireEvent('ui.smartLink.clicked', {
+      id,
+      display: isFlexibleUi ? CardDisplay.Flexible : appearance,
+      definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
+      isModifierKeyPressed
+    });
     if (!onClick && !isFlexibleUi) {
       const clickUrl = getClickUrl(url, state.details);
       // Ctrl+left click on mac typically doesn't trigger onClick
@@ -115,7 +100,7 @@ function Component({
       }
       fireLinkClickedEvent(createAnalyticsEvent)(event);
     }
-  }, [id, url, state.details, state.status, analytics.ui, appearance, definitionId, extensionKey, onClick, isFlexibleUi, product, subproduct, createAnalyticsEvent, fireEvent]);
+  }, [id, url, state.details, appearance, definitionId, onClick, isFlexibleUi, createAnalyticsEvent, fireEvent]);
   const handleAuthorize = useCallback(() => actions.authorize(appearance), [actions, appearance]);
   const handleRetry = useCallback(() => {
     actions.reload();
@@ -166,7 +151,6 @@ function Component({
           display: isFlexibleUi ? 'flexible' : appearance
         });
         fireEvent('ui.smartLink.renderSuccess', {
-          definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
           display: isFlexibleUi ? 'flexible' : appearance
         });
       } else {

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

@@ -7,6 +7,7 @@ import { useAnalyticsEvents } from '../../common/analytics/generated/use-analyti
 import { useSmartLinkAnalytics } from '../../state';
 import { failUfoExperience, startUfoExperience } from '../../state/analytics';
 import { importWithRetry } from '../../utils';
+import { useSmartLinkAnalyticsContext } from '../../utils/analytics/SmartLinkAnalyticsContext';
 import { isFlexibleUiCard } from '../../utils/flexible';
 import { clearMarks, clearMeasures } from '../../utils/performance';
 import { LoadingCardLink } from './component-lazy/LoadingCardLink';
@@ -53,6 +54,11 @@ export function CardWithURLRenderer(props) {
   } = props;
   const analytics = useSmartLinkAnalytics(url !== null && url !== void 0 ? url : '', id);
   const isFlexibleUi = isFlexibleUiCard(children);
+  const analyticsContext = useSmartLinkAnalyticsContext({
+    display: isFlexibleUi ? 'flexible' : appearance,
+    id,
+    url: url !== null && url !== void 0 ? url : ''
+  });
   const errorHandler = useCallback((error, info) => {
     const {
       componentStack
@@ -67,6 +73,7 @@ export function CardWithURLRenderer(props) {
     // Likewise, chunk loading errors are not caused by a failure of smart-card rendering.
     if (error.name === 'ChunkLoadError') {
       fireEvent('operational.smartLink.chunkLoadFailed', {
+        ...(analyticsContext === null || analyticsContext === void 0 ? void 0 : analyticsContext.attributes),
         display: appearance,
         error: error,
         errorInfo: errorInfo,
@@ -78,6 +85,7 @@ export function CardWithURLRenderer(props) {
         failUfoExperience('smart-link-rendered', id || 'NULL');
         failUfoExperience('smart-link-authenticated', id || 'NULL');
         fireEvent('ui.smartLink.renderFailed', {
+          ...(analyticsContext === null || analyticsContext === void 0 ? void 0 : analyticsContext.attributes),
           display: isFlexibleUi ? 'flexible' : appearance,
           id: id !== null && id !== void 0 ? id : null,
           error: error,
@@ -97,7 +105,7 @@ export function CardWithURLRenderer(props) {
       url: url !== null && url !== void 0 ? url : '',
       err: error
     });
-  }, [analytics.ui, appearance, id, onError, url, isFlexibleUi, fireEvent]);
+  }, [analytics.ui, analyticsContext, appearance, id, onError, url, isFlexibleUi, fireEvent]);
   if (!url) {
     throw new Error('@atlaskit/smart-card: url property is missing.');
   }

package/dist/es2019/view/EmbedModal/components/analytics/index.js

@@ -1,11 +1,16 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { CardDisplay } from '../../../../constants';
+import { failUfoExperience, startUfoExperience, succeedUfoExperience } from '../../../../state/analytics';
 import { EmbedModalSize } from '../../types';
 const getResizeFrom = size => size === EmbedModalSize.Small ? EmbedModalSize.Large : EmbedModalSize.Small;
 const withAnalytics = Component => props => {
   const {
     analytics,
+    fireEvent,
+    extensionKey,
+    id,
     onClose,
     onOpen,
     onOpenFailed,
@@ -13,57 +18,108 @@ const withAnalytics = Component => props => {
     origin
   } = props;
   const handleOnOpen = useCallback(context => {
-    analytics === null || analytics === void 0 ? void 0 : analytics.screen.modalViewedEvent({
-      name: 'embedPreviewModal',
-      attributes: {
-        origin,
+    if (fg('platform-smart-card-migrate-embed-modal-analytics')) {
+      fireEvent === null || fireEvent === void 0 ? void 0 : fireEvent('screen.embedPreviewModal.viewed', {
+        origin: origin !== null && origin !== void 0 ? origin : null,
         size: context.size
-      }
-    });
-    analytics === null || analytics === void 0 ? void 0 : analytics.ui.renderSuccessEvent({
-      status: 'resolved',
-      display: CardDisplay.EmbedPreview
-    });
+      });
+    } else {
+      analytics === null || analytics === void 0 ? void 0 : analytics.screen.modalViewedEvent({
+        name: 'embedPreviewModal',
+        attributes: {
+          origin,
+          size: context.size
+        }
+      });
+    }
+    if (fg('platform-smart-card-migrate-embed-modal-analytics')) {
+      succeedUfoExperience('smart-link-rendered', id || 'NULL', {
+        extensionKey,
+        display: CardDisplay.EmbedPreview
+      });
+
+      // UFO will disregard this if authentication experience has not yet been started
+      succeedUfoExperience('smart-link-authenticated', id || 'NULL', {
+        display: CardDisplay.EmbedPreview
+      });
+      fireEvent === null || fireEvent === void 0 ? void 0 : fireEvent('ui.smartLink.renderSuccess', {
+        display: CardDisplay.EmbedPreview
+      });
+    } else {
+      analytics === null || analytics === void 0 ? void 0 : analytics.ui.renderSuccessEvent({
+        status: 'resolved',
+        display: CardDisplay.EmbedPreview
+      });
+    }
     if (onOpen) {
       onOpen(context);
     }
-  }, [analytics === null || analytics === void 0 ? void 0 : analytics.screen, analytics === null || analytics === void 0 ? void 0 : analytics.ui, onOpen, origin]);
+  }, [analytics === null || analytics === void 0 ? void 0 : analytics.screen, analytics === null || analytics === void 0 ? void 0 : analytics.ui, fireEvent, extensionKey, id, onOpen, origin]);
   const handleOnOpenFailed = useCallback((error, errorInfo) => {
-    analytics === null || analytics === void 0 ? void 0 : analytics.ui.renderFailedEvent({
-      display: CardDisplay.EmbedPreview,
-      error,
-      errorInfo
-    });
+    if (fg('platform-smart-card-migrate-embed-modal-analytics')) {
+      startUfoExperience('smart-link-rendered', id || 'NULL');
+      failUfoExperience('smart-link-rendered', id || 'NULL');
+      failUfoExperience('smart-link-authenticated', id || 'NULL');
+      fireEvent === null || fireEvent === void 0 ? void 0 : fireEvent('ui.smartLink.renderFailed', {
+        display: CardDisplay.EmbedPreview,
+        error: error,
+        errorInfo: errorInfo,
+        id: id !== null && id !== void 0 ? id : null
+      });
+    } else {
+      analytics === null || analytics === void 0 ? void 0 : analytics.ui.renderFailedEvent({
+        display: CardDisplay.EmbedPreview,
+        error,
+        errorInfo
+      });
+    }
     if (onOpenFailed) {
       onOpenFailed(error, errorInfo);
     }
-  }, [analytics === null || analytics === void 0 ? void 0 : analytics.ui, onOpenFailed]);
+  }, [analytics === null || analytics === void 0 ? void 0 : analytics.ui, fireEvent, id, onOpenFailed]);
   const handleOnClose = useCallback(context => {
-    analytics === null || analytics === void 0 ? void 0 : analytics.ui.modalClosedEvent({
-      actionSubjectId: 'embedPreview',
-      attributes: {
-        origin,
-        previewTime: context.duration,
+    if (fg('platform-smart-card-migrate-embed-modal-analytics')) {
+      var _context$duration;
+      fireEvent === null || fireEvent === void 0 ? void 0 : fireEvent('ui.modal.closed.embedPreview', {
+        origin: origin !== null && origin !== void 0 ? origin : null,
+        previewTime: (_context$duration = context.duration) !== null && _context$duration !== void 0 ? _context$duration : null,
         size: context.size
-      }
-    });
+      });
+    } else {
+      analytics === null || analytics === void 0 ? void 0 : analytics.ui.modalClosedEvent({
+        actionSubjectId: 'embedPreview',
+        attributes: {
+          origin,
+          previewTime: context.duration,
+          size: context.size
+        }
+      });
+    }
     if (onClose) {
       onClose(context);
     }
-  }, [analytics === null || analytics === void 0 ? void 0 : analytics.ui, onClose, origin]);
+  }, [analytics === null || analytics === void 0 ? void 0 : analytics.ui, fireEvent, onClose, origin]);
   const handleOnResize = useCallback(context => {
-    analytics === null || analytics === void 0 ? void 0 : analytics.ui.buttonClickedEvent({
-      actionSubjectId: 'embedPreviewResize',
-      attributes: {
+    if (fg('platform-smart-card-migrate-embed-modal-analytics')) {
+      fireEvent === null || fireEvent === void 0 ? void 0 : fireEvent('ui.button.clicked.embedPreviewResize', {
         newSize: context.size,
-        origin,
+        origin: origin !== null && origin !== void 0 ? origin : null,
         previousSize: getResizeFrom(context.size)
-      }
-    });
+      });
+    } else {
+      analytics === null || analytics === void 0 ? void 0 : analytics.ui.buttonClickedEvent({
+        actionSubjectId: 'embedPreviewResize',
+        attributes: {
+          newSize: context.size,
+          origin,
+          previousSize: getResizeFrom(context.size)
+        }
+      });
+    }
     if (onResize) {
       onResize(context);
     }
-  }, [analytics === null || analytics === void 0 ? void 0 : analytics.ui, onResize, origin]);
+  }, [analytics === null || analytics === void 0 ? void 0 : analytics.ui, fireEvent, onResize, origin]);
   return /*#__PURE__*/React.createElement(Component, _extends({}, props, {
     onClose: handleOnClose,
     onOpen: handleOnOpen,

package/dist/es2019/view/FlexibleCard/components/actions/action/server-action/index.js

@@ -1,8 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useState } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnalyticsEvents } from '../../../../../../common/analytics/generated/use-analytics-events';
-import { useFlexibleUiAnalyticsContext } from '../../../../../../state/flexible-ui-context';
 import useInvoke from '../../../../../../state/hooks/use-invoke';
 import { getInvokeFailureReason } from '../../../../../../state/hooks/use-invoke/utils';
 import useResolve from '../../../../../../state/hooks/use-resolve';
@@ -15,7 +13,6 @@ const ServerAction = ({
   ...props
 }) => {
   const [isLoading, setIsLoading] = useState(false);
-  const analytics = useFlexibleUiAnalyticsContext();
   const invoke = useInvoke();
   const reload = useResolve();
   const {
@@ -27,16 +24,10 @@ const ServerAction = ({
       const smartLinkActionType = (_action$action = action.action) === null || _action$action === void 0 ? void 0 : _action$action.actionType;
       try {
         setIsLoading(true);
-        if (fg('platform_migrate-some-ui-events-smart-card')) {
-          if (smartLinkActionType === 'FollowEntityAction' || smartLinkActionType === 'UnfollowEntityAction') {
-            fireEvent('ui.button.clicked.smartLinkFollowButton', {});
-          } else {
-            fireEvent(`ui.button.clicked.${smartLinkActionType}`, {});
-          }
+        if (smartLinkActionType === 'FollowEntityAction' || smartLinkActionType === 'UnfollowEntityAction') {
+          fireEvent('ui.button.clicked.smartLinkFollowButton', {});
         } else {
-          analytics === null || analytics === void 0 ? void 0 : analytics.ui.smartLinkServerActionClickedEvent({
-            smartLinkActionType
-          });
+          fireEvent(`ui.button.clicked.${smartLinkActionType}`, {});
         }
         fireEvent('track.smartLinkQuickAction.started', {
           smartLinkActionType
@@ -62,7 +53,7 @@ const ServerAction = ({
         onErrorCallback === null || onErrorCallback === void 0 ? void 0 : onErrorCallback();
       }
     }
-  }, [action, analytics === null || analytics === void 0 ? void 0 : analytics.ui, invoke, onClick, onErrorCallback, reload, fireEvent]);
+  }, [action, invoke, onClick, onErrorCallback, reload, fireEvent]);
   return /*#__PURE__*/React.createElement(Action, _extends({}, props, {
     isLoading: isLoading,
     onClick: handleClick