@atlaskit/smart-card 26.0.1 → 26.1.0

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

@@ -2,7 +2,10 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-var _excluded = ["actionSubjectId"];
+var _excluded = ["actionSubjectId"],
+  _excluded2 = ["smartLinkActionType"],
+  _excluded3 = ["smartLinkActionType"],
+  _excluded4 = ["smartLinkActionType"];
 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; }
 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 { name as packageName, version as packageVersion } from '../../version.json';
@@ -236,13 +239,49 @@ export var trackLinkUpdated = function trackLinkUpdated(_ref8) {
     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;
+export var trackSmartLinkQuickActionStarted = function trackSmartLinkQuickActionStarted(_ref9) {
+  var smartLinkActionType = _ref9.smartLinkActionType,
+    attributes = _objectWithoutProperties(_ref9, _excluded2);
+  return {
+    action: 'started',
+    actionSubject: 'smartLinkQuickAction',
+    eventType: 'track',
+    attributes: _objectSpread(_objectSpread(_objectSpread({}, context), attributes), {}, {
+      smartLinkActionType: smartLinkActionType
+    })
+  };
+};
+export var trackSmartLinkQuickActionSuccess = function trackSmartLinkQuickActionSuccess(_ref10) {
+  var smartLinkActionType = _ref10.smartLinkActionType,
+    attributes = _objectWithoutProperties(_ref10, _excluded3);
+  return {
+    action: 'success',
+    actionSubject: 'smartLinkQuickAction',
+    eventType: 'track',
+    attributes: _objectSpread(_objectSpread(_objectSpread({}, context), attributes), {}, {
+      smartLinkActionType: smartLinkActionType
+    })
+  };
+};
+export var trackSmartLinkQuickActionFailed = function trackSmartLinkQuickActionFailed(_ref11) {
+  var smartLinkActionType = _ref11.smartLinkActionType,
+    attributes = _objectWithoutProperties(_ref11, _excluded4);
+  return {
+    action: 'failed',
+    actionSubject: 'smartLinkQuickAction',
+    eventType: 'track',
+    attributes: _objectSpread(_objectSpread(_objectSpread({}, context), attributes), {}, {
+      smartLinkActionType: smartLinkActionType
+    })
+  };
+};
+export var uiAuthEvent = function uiAuthEvent(_ref12) {
+  var definitionId = _ref12.definitionId,
+    extensionKey = _ref12.extensionKey,
+    destinationProduct = _ref12.destinationProduct,
+    destinationSubproduct = _ref12.destinationSubproduct,
+    location = _ref12.location,
+    display = _ref12.display;
   return {
     action: 'clicked',
     actionSubject: 'button',
@@ -258,13 +297,13 @@ export var uiAuthEvent = function uiAuthEvent(_ref9) {
     })
   };
 };
-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;
+export var uiAuthAlternateAccountEvent = function uiAuthAlternateAccountEvent(_ref13) {
+  var definitionId = _ref13.definitionId,
+    extensionKey = _ref13.extensionKey,
+    destinationProduct = _ref13.destinationProduct,
+    destinationSubproduct = _ref13.destinationSubproduct,
+    location = _ref13.location,
+    display = _ref13.display;
   return {
     action: 'clicked',
     actionSubject: 'smartLink',
@@ -280,17 +319,17 @@ export var uiAuthAlternateAccountEvent = function uiAuthAlternateAccountEvent(_r
     })
   };
 };
-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;
+export var uiCardClickedEvent = function uiCardClickedEvent(_ref14) {
+  var id = _ref14.id,
+    display = _ref14.display,
+    status = _ref14.status,
+    definitionId = _ref14.definitionId,
+    extensionKey = _ref14.extensionKey,
+    isModifierKeyPressed = _ref14.isModifierKeyPressed,
+    location = _ref14.location,
+    destinationProduct = _ref14.destinationProduct,
+    destinationSubproduct = _ref14.destinationSubproduct,
+    actionSubjectId = _ref14.actionSubjectId;
   return {
     action: 'clicked',
     actionSubject: 'smartLink',
@@ -309,17 +348,17 @@ export var uiCardClickedEvent = function uiCardClickedEvent(_ref11) {
     })
   };
 };
-export var uiIframeDwelledEvent = function uiIframeDwelledEvent(_ref12) {
-  var id = _ref12.id,
-    display = _ref12.display,
-    status = _ref12.status,
-    definitionId = _ref12.definitionId,
-    extensionKey = _ref12.extensionKey,
-    location = _ref12.location,
-    destinationProduct = _ref12.destinationProduct,
-    destinationSubproduct = _ref12.destinationSubproduct,
-    dwellTime = _ref12.dwellTime,
-    dwellPercentVisible = _ref12.dwellPercentVisible;
+export var uiIframeDwelledEvent = function uiIframeDwelledEvent(_ref15) {
+  var id = _ref15.id,
+    display = _ref15.display,
+    status = _ref15.status,
+    definitionId = _ref15.definitionId,
+    extensionKey = _ref15.extensionKey,
+    location = _ref15.location,
+    destinationProduct = _ref15.destinationProduct,
+    destinationSubproduct = _ref15.destinationSubproduct,
+    dwellTime = _ref15.dwellTime,
+    dwellPercentVisible = _ref15.dwellPercentVisible;
   return {
     action: 'dwelled',
     actionSubject: 'smartLinkIframe',
@@ -338,15 +377,15 @@ export var uiIframeDwelledEvent = function uiIframeDwelledEvent(_ref12) {
     })
   };
 };
-export var uiIframeFocusedEvent = function uiIframeFocusedEvent(_ref13) {
-  var id = _ref13.id,
-    display = _ref13.display,
-    status = _ref13.status,
-    definitionId = _ref13.definitionId,
-    extensionKey = _ref13.extensionKey,
-    location = _ref13.location,
-    destinationProduct = _ref13.destinationProduct,
-    destinationSubproduct = _ref13.destinationSubproduct;
+export var uiIframeFocusedEvent = function uiIframeFocusedEvent(_ref16) {
+  var id = _ref16.id,
+    display = _ref16.display,
+    status = _ref16.status,
+    definitionId = _ref16.definitionId,
+    extensionKey = _ref16.extensionKey,
+    location = _ref16.location,
+    destinationProduct = _ref16.destinationProduct,
+    destinationSubproduct = _ref16.destinationSubproduct;
   return {
     action: 'focused',
     actionSubject: 'smartLinkIframe',
@@ -363,15 +402,15 @@ export var uiIframeFocusedEvent = function uiIframeFocusedEvent(_ref13) {
     })
   };
 };
-export var uiActionClickedEvent = function uiActionClickedEvent(_ref14) {
-  var id = _ref14.id,
-    actionType = _ref14.actionType,
-    extensionKey = _ref14.extensionKey,
-    display = _ref14.display,
-    definitionId = _ref14.definitionId,
-    destinationProduct = _ref14.destinationProduct,
-    destinationSubproduct = _ref14.destinationSubproduct,
-    location = _ref14.location;
+export var uiActionClickedEvent = function uiActionClickedEvent(_ref17) {
+  var id = _ref17.id,
+    actionType = _ref17.actionType,
+    extensionKey = _ref17.extensionKey,
+    display = _ref17.display,
+    definitionId = _ref17.definitionId,
+    destinationProduct = _ref17.destinationProduct,
+    destinationSubproduct = _ref17.destinationSubproduct,
+    location = _ref17.location;
   return {
     action: 'clicked',
     actionSubject: 'button',
@@ -389,13 +428,13 @@ export var uiActionClickedEvent = function uiActionClickedEvent(_ref14) {
     })
   };
 };
-export var uiClosedAuthEvent = function uiClosedAuthEvent(_ref15) {
-  var display = _ref15.display,
-    extensionKey = _ref15.extensionKey,
-    definitionId = _ref15.definitionId,
-    destinationProduct = _ref15.destinationProduct,
-    destinationSubproduct = _ref15.destinationSubproduct,
-    location = _ref15.location;
+export var uiClosedAuthEvent = function uiClosedAuthEvent(_ref18) {
+  var display = _ref18.display,
+    extensionKey = _ref18.extensionKey,
+    definitionId = _ref18.definitionId,
+    destinationProduct = _ref18.destinationProduct,
+    destinationSubproduct = _ref18.destinationSubproduct,
+    location = _ref18.location;
   return {
     action: 'closed',
     actionSubject: 'consentModal',
@@ -410,12 +449,12 @@ export var uiClosedAuthEvent = function uiClosedAuthEvent(_ref15) {
     })
   };
 };
-export var screenAuthPopupEvent = function screenAuthPopupEvent(_ref16) {
-  var extensionKey = _ref16.extensionKey,
-    definitionId = _ref16.definitionId,
-    destinationProduct = _ref16.destinationProduct,
-    destinationSubproduct = _ref16.destinationSubproduct,
-    location = _ref16.location;
+export var screenAuthPopupEvent = function screenAuthPopupEvent(_ref19) {
+  var extensionKey = _ref19.extensionKey,
+    definitionId = _ref19.definitionId,
+    destinationProduct = _ref19.destinationProduct,
+    destinationSubproduct = _ref19.destinationSubproduct,
+    location = _ref19.location;
   return {
     actionSubject: 'consentModal',
     eventType: 'screen',
@@ -428,14 +467,14 @@ export var screenAuthPopupEvent = function screenAuthPopupEvent(_ref16) {
     })
   };
 };
-export var uiRenderSuccessEvent = function uiRenderSuccessEvent(_ref17) {
-  var display = _ref17.display,
-    status = _ref17.status,
-    extensionKey = _ref17.extensionKey,
-    definitionId = _ref17.definitionId,
-    destinationProduct = _ref17.destinationProduct,
-    destinationSubproduct = _ref17.destinationSubproduct,
-    location = _ref17.location;
+export var uiRenderSuccessEvent = function uiRenderSuccessEvent(_ref20) {
+  var display = _ref20.display,
+    status = _ref20.status,
+    extensionKey = _ref20.extensionKey,
+    definitionId = _ref20.definitionId,
+    destinationProduct = _ref20.destinationProduct,
+    destinationSubproduct = _ref20.destinationSubproduct,
+    location = _ref20.location;
   return {
     action: 'renderSuccess',
     actionSubject: 'smartLink',
@@ -451,15 +490,15 @@ export var uiRenderSuccessEvent = function uiRenderSuccessEvent(_ref17) {
     })
   };
 };
-export var uiRenderFailedEvent = function uiRenderFailedEvent(_ref18) {
-  var display = _ref18.display,
-    error = _ref18.error,
-    errorInfo = _ref18.errorInfo,
-    extensionKey = _ref18.extensionKey,
-    definitionId = _ref18.definitionId,
-    destinationProduct = _ref18.destinationProduct,
-    destinationSubproduct = _ref18.destinationSubproduct,
-    location = _ref18.location;
+export var uiRenderFailedEvent = function uiRenderFailedEvent(_ref21) {
+  var display = _ref21.display,
+    error = _ref21.error,
+    errorInfo = _ref21.errorInfo,
+    extensionKey = _ref21.extensionKey,
+    definitionId = _ref21.definitionId,
+    destinationProduct = _ref21.destinationProduct,
+    destinationSubproduct = _ref21.destinationSubproduct,
+    location = _ref21.location;
   return {
     actionSubject: 'smartLink',
     action: 'renderFailed',
@@ -476,16 +515,16 @@ export var uiRenderFailedEvent = function uiRenderFailedEvent(_ref18) {
     })
   };
 };
-export var uiHoverCardViewedEvent = function uiHoverCardViewedEvent(_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,
-    status = _ref19.status;
+export var uiHoverCardViewedEvent = function uiHoverCardViewedEvent(_ref22) {
+  var id = _ref22.id,
+    previewDisplay = _ref22.previewDisplay,
+    extensionKey = _ref22.extensionKey,
+    definitionId = _ref22.definitionId,
+    destinationProduct = _ref22.destinationProduct,
+    destinationSubproduct = _ref22.destinationSubproduct,
+    location = _ref22.location,
+    previewInvokeMethod = _ref22.previewInvokeMethod,
+    status = _ref22.status;
   return {
     action: 'viewed',
     actionSubject: 'hoverCard',
@@ -503,17 +542,17 @@ export var uiHoverCardViewedEvent = function uiHoverCardViewedEvent(_ref19) {
     })
   };
 };
-export var uiHoverCardDismissedEvent = function uiHoverCardDismissedEvent(_ref20) {
-  var id = _ref20.id,
-    previewDisplay = _ref20.previewDisplay,
-    hoverTime = _ref20.hoverTime,
-    extensionKey = _ref20.extensionKey,
-    definitionId = _ref20.definitionId,
-    destinationProduct = _ref20.destinationProduct,
-    destinationSubproduct = _ref20.destinationSubproduct,
-    location = _ref20.location,
-    previewInvokeMethod = _ref20.previewInvokeMethod,
-    status = _ref20.status;
+export var uiHoverCardDismissedEvent = function uiHoverCardDismissedEvent(_ref23) {
+  var id = _ref23.id,
+    previewDisplay = _ref23.previewDisplay,
+    hoverTime = _ref23.hoverTime,
+    extensionKey = _ref23.extensionKey,
+    definitionId = _ref23.definitionId,
+    destinationProduct = _ref23.destinationProduct,
+    destinationSubproduct = _ref23.destinationSubproduct,
+    location = _ref23.location,
+    previewInvokeMethod = _ref23.previewInvokeMethod,
+    status = _ref23.status;
   return {
     action: 'dismissed',
     actionSubject: 'hoverCard',
@@ -532,15 +571,15 @@ export var uiHoverCardDismissedEvent = function uiHoverCardDismissedEvent(_ref20
     })
   };
 };
-export var uiHoverCardOpenLinkClickedEvent = function uiHoverCardOpenLinkClickedEvent(_ref21) {
-  var id = _ref21.id,
-    previewDisplay = _ref21.previewDisplay,
-    extensionKey = _ref21.extensionKey,
-    definitionId = _ref21.definitionId,
-    destinationProduct = _ref21.destinationProduct,
-    destinationSubproduct = _ref21.destinationSubproduct,
-    location = _ref21.location,
-    previewInvokeMethod = _ref21.previewInvokeMethod;
+export var uiHoverCardOpenLinkClickedEvent = function uiHoverCardOpenLinkClickedEvent(_ref24) {
+  var id = _ref24.id,
+    previewDisplay = _ref24.previewDisplay,
+    extensionKey = _ref24.extensionKey,
+    definitionId = _ref24.definitionId,
+    destinationProduct = _ref24.destinationProduct,
+    destinationSubproduct = _ref24.destinationSubproduct,
+    location = _ref24.location,
+    previewInvokeMethod = _ref24.previewInvokeMethod;
   return {
     action: 'clicked',
     actionSubject: 'button',
@@ -567,15 +606,15 @@ export var uiLearnMoreLinkClickedEvent = function uiLearnMoreLinkClickedEvent()
     attributes: _objectSpread({}, context)
   };
 };
-export var chunkloadFailedEvent = function chunkloadFailedEvent(_ref22) {
-  var display = _ref22.display,
-    error = _ref22.error,
-    errorInfo = _ref22.errorInfo,
-    extensionKey = _ref22.extensionKey,
-    definitionId = _ref22.definitionId,
-    destinationProduct = _ref22.destinationProduct,
-    destinationSubproduct = _ref22.destinationSubproduct,
-    location = _ref22.location;
+export var chunkloadFailedEvent = function chunkloadFailedEvent(_ref25) {
+  var display = _ref25.display,
+    error = _ref25.error,
+    errorInfo = _ref25.errorInfo,
+    extensionKey = _ref25.extensionKey,
+    definitionId = _ref25.definitionId,
+    destinationProduct = _ref25.destinationProduct,
+    destinationSubproduct = _ref25.destinationSubproduct,
+    location = _ref25.location;
   return {
     action: 'chunkLoadFailed',
     actionSubject: 'smartLink',
@@ -591,4 +630,31 @@ export var chunkloadFailedEvent = function chunkloadFailedEvent(_ref22) {
       location: location
     })
   };
+};
+export var uiSmartLinkStatusLozengeButtonClicked = function uiSmartLinkStatusLozengeButtonClicked() {
+  return {
+    action: 'clicked',
+    actionSubject: 'button',
+    actionSubjectId: 'smartLinkStatusLozenge',
+    eventType: 'ui',
+    attributes: _objectSpread({}, context)
+  };
+};
+export var uiSmartLinkStatusListItemButtonClicked = function uiSmartLinkStatusListItemButtonClicked() {
+  return {
+    action: 'clicked',
+    actionSubject: 'button',
+    actionSubjectId: 'smartLinkStatusListItem',
+    eventType: 'ui',
+    attributes: _objectSpread({}, context)
+  };
+};
+export var uiSmartLinkStatusOpenPreviewButtonClicked = function uiSmartLinkStatusOpenPreviewButtonClicked() {
+  return {
+    action: 'clicked',
+    actionSubject: 'button',
+    actionSubjectId: 'smartLinkStatusOpenPreview',
+    eventType: 'ui',
+    attributes: _objectSpread({}, context)
+  };
 };

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

@@ -3,7 +3,7 @@ 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 { getMeasure } from '../performance';
 import { resolvedEvent, unresolvedEvent } from './analytics';
-export { ANALYTICS_CHANNEL, context, fireSmartLinkEvent, resolvedEvent, unresolvedEvent, invokeSucceededEvent, invokeFailedEvent, chunkloadFailedEvent, connectSucceededEvent, connectFailedEvent, trackAppAccountAuthStarted, trackAppAccountConnected, uiAuthEvent, uiAuthAlternateAccountEvent, uiCardClickedEvent, uiActionClickedEvent, uiClosedAuthEvent, screenAuthPopupEvent, uiRenderSuccessEvent, uiRenderFailedEvent, uiHoverCardViewedEvent, uiHoverCardDismissedEvent, uiHoverCardOpenLinkClickedEvent, uiLearnMoreLinkClickedEvent, uiIframeDwelledEvent } from './analytics';
+export { ANALYTICS_CHANNEL, context, fireSmartLinkEvent, resolvedEvent, unresolvedEvent, invokeSucceededEvent, invokeFailedEvent, chunkloadFailedEvent, connectSucceededEvent, connectFailedEvent, trackAppAccountAuthStarted, trackAppAccountConnected, uiAuthEvent, uiAuthAlternateAccountEvent, uiCardClickedEvent, uiActionClickedEvent, uiClosedAuthEvent, screenAuthPopupEvent, uiRenderSuccessEvent, uiRenderFailedEvent, uiHoverCardViewedEvent, uiHoverCardDismissedEvent, uiHoverCardOpenLinkClickedEvent, uiLearnMoreLinkClickedEvent, uiIframeDwelledEvent, uiSmartLinkStatusLozengeButtonClicked, uiSmartLinkStatusListItemButtonClicked, uiSmartLinkStatusOpenPreviewButtonClicked } from './analytics';
 export var instrumentEvent = function instrumentEvent(_ref) {
   var id = _ref.id,
     status = _ref.status,

package/dist/esm/version.json

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

package/dist/esm/view/BlockCard/views/flexible/FlexibleResolvedView.js

@@ -61,6 +61,7 @@ var FlexibleResolvedView = function FlexibleResolvedView(_ref) {
     name: ElementName.ModifiedBy
   }].concat(baseMetadata);
   return /*#__PURE__*/React.createElement(FlexibleCard, {
+    analytics: analytics,
     appearance: "block",
     cardState: cardState,
     onClick: onClick,

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

@@ -184,7 +184,8 @@ export function CardWithUrlContent(_ref) {
       url: url,
       testId: testId,
       onResolve: onResolve,
-      onError: onError
+      onError: onError,
+      analytics: analytics
     }, children);
   }
 

package/dist/esm/view/FlexibleCard/components/common/lozenge-action/index.js

@@ -16,6 +16,7 @@ import extractLozengeActionItems from '../../../../../extractors/action/extract-
 import createStatusUpdateRequest from '../../../../../utils/actions/create-status-update-request';
 import useResolve from '../../../../../state/hooks/use-resolve';
 import { LozengeActionErrorMessages } from './lozenge-action-error/types';
+import { useFlexibleUiAnalyticsContext } from '../../../../../state/flexible-ui-context';
 var validateItems = function validateItems() {
   var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var text = arguments.length > 1 ? arguments[1] : undefined;
@@ -61,14 +62,20 @@ var LozengeAction = function LozengeAction(_ref) {
     _useState12 = _slicedToArray(_useState11, 2),
     errorMessage = _useState12[0],
     setErrorMessage = _useState12[1];
+  var reload = useResolve();
+  //TODO EDM-6583 Replace usage of useFlexibleUiAnalyticsContext with linking platform analytics context from find team.
+  var analytics = useFlexibleUiAnalyticsContext();
+  var invoke = useInvoke({
+    started: analytics === null || analytics === void 0 ? void 0 : analytics.track.smartLinkQuickActionStarted,
+    success: analytics === null || analytics === void 0 ? void 0 : analytics.track.smartLinkQuickActionSuccess,
+    failed: analytics === null || analytics === void 0 ? void 0 : analytics.track.smartLinkQuickActionFailed
+  });
   useEffect(function () {
     setSelected({
       text: text,
       appearance: appearance
     });
   }, [text, appearance]);
-  var invoke = useInvoke();
-  var reload = useResolve();
   var _ref2 = (action === null || action === void 0 ? void 0 : (_action$update = action.update) === null || _action$update === void 0 ? void 0 : _action$update.details) || {},
     url = _ref2.url,
     linkId = _ref2.id,
@@ -80,15 +87,20 @@ var LozengeAction = function LozengeAction(_ref) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             setIsOpen(args.isOpen);
-            if (!(args.isOpen && !isLoaded && action !== null && action !== void 0 && action.read)) {
-              _context.next = 20;
+            if (!args.isOpen) {
+              _context.next = 22;
               break;
             }
-            _context.prev = 2;
+            analytics === null || analytics === void 0 ? void 0 : analytics.ui.smartLinkLozengeActionClickedEvent();
+            if (!(!isLoaded && action !== null && action !== void 0 && action.read)) {
+              _context.next = 22;
+              break;
+            }
+            _context.prev = 4;
             setIsLoading(true);
-            _context.next = 6;
+            _context.next = 8;
             return invoke(action.read, extractLozengeActionItems);
-          case 6:
+          case 8:
             responseItems = _context.sent;
             validItems = typeof text === 'string' ? validateItems(responseItems, text) : responseItems;
             setItems(validItems);
@@ -97,31 +109,31 @@ var LozengeAction = function LozengeAction(_ref) {
               setErrorMessage(LozengeActionErrorMessages.noData);
               setIsLoaded(false);
             }
-            _context.next = 17;
+            _context.next = 19;
             break;
-          case 13:
-            _context.prev = 13;
-            _context.t0 = _context["catch"](2);
+          case 15:
+            _context.prev = 15;
+            _context.t0 = _context["catch"](4);
             setErrorMessage(LozengeActionErrorMessages.unknown);
             setIsLoaded(false);
-          case 17:
-            _context.prev = 17;
+          case 19:
+            _context.prev = 19;
             setIsLoading(false);
-            return _context.finish(17);
-          case 20:
+            return _context.finish(19);
+          case 22:
             if (!args.isOpen) {
               setErrorMessage(undefined);
             }
-          case 21:
+          case 23:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[2, 13, 17, 20]]);
+      }, _callee, null, [[4, 15, 19, 22]]);
     }));
     return function (_x) {
       return _ref3.apply(this, arguments);
     };
-  }(), [action === null || action === void 0 ? void 0 : action.read, invoke, isLoaded, text]);
+  }(), [action.read, analytics, invoke, isLoaded, text]);
   var trigger = useCallback(function (props) {
     return jsx(LozengeActionTrigger, _extends({}, props, {
       appearance: selected.appearance,
@@ -136,16 +148,17 @@ var LozengeAction = function LozengeAction(_ref) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
             _context2.prev = 0;
+            analytics === null || analytics === void 0 ? void 0 : analytics.ui.smartLinkLozengeActionListItemClickedEvent();
             updateAction = action === null || action === void 0 ? void 0 : action.update;
             if (!(updateAction && id)) {
-              _context2.next = 15;
+              _context2.next = 16;
               break;
             }
             setIsLoading(true);
             request = createStatusUpdateRequest(updateAction, id);
-            _context2.next = 7;
+            _context2.next = 8;
             return invoke(request);
-          case 7:
+          case 8:
             setSelected({
               appearance: appearance,
               text: text
@@ -155,16 +168,16 @@ var LozengeAction = function LozengeAction(_ref) {
             setIsOpen(false);
             setItems([]);
             if (!url) {
-              _context2.next = 15;
+              _context2.next = 16;
               break;
             }
-            _context2.next = 15;
+            _context2.next = 16;
             return reload(url, true, undefined, linkId);
-          case 15:
-            _context2.next = 21;
+          case 16:
+            _context2.next = 22;
             break;
-          case 17:
-            _context2.prev = 17;
+          case 18:
+            _context2.prev = 18;
             _context2.t0 = _context2["catch"](0);
             setIsLoading(false);
             if (isInvokeCustomError(_context2.t0)) {
@@ -172,16 +185,16 @@ var LozengeAction = function LozengeAction(_ref) {
             } else {
               setErrorMessage(LozengeActionErrorMessages.updateFailed);
             }
-          case 21:
+          case 22:
           case "end":
             return _context2.stop();
         }
-      }, _callee2, null, [[0, 17]]);
+      }, _callee2, null, [[0, 18]]);
     }));
     return function (_x2, _x3, _x4) {
       return _ref4.apply(this, arguments);
     };
-  }(), [action === null || action === void 0 ? void 0 : action.update, invoke, linkId, reload, url]);
+  }(), [action === null || action === void 0 ? void 0 : action.update, analytics === null || analytics === void 0 ? void 0 : analytics.ui, invoke, linkId, reload, url]);
   var dropdownItemGroup = useMemo(function () {
     if (errorMessage) {
       return jsx(LozengeActionError, {

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

@@ -131,7 +131,8 @@ var HoverCardContent = function HoverCardContent(_ref) {
     showServerActions: showServerActions,
     ui: flexibleUiOptions,
     url: url,
-    children: {}
+    children: {},
+    analytics: analytics
   };
   var onClickStopPropagation = useCallback(function (e) {
     return e.stopPropagation();