@atlaskit/smart-card 26.0.0 → 26.1.0

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

@@ -23,6 +23,7 @@ var _extractLozengeActionItems = _interopRequireDefault(require("../../../../../
 var _createStatusUpdateRequest = _interopRequireDefault(require("../../../../../utils/actions/create-status-update-request"));
 var _useResolve = _interopRequireDefault(require("../../../../../state/hooks/use-resolve"));
 var _types = require("./lozenge-action-error/types");
+var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 /** @jsx jsx */
@@ -72,14 +73,20 @@ var LozengeAction = function LozengeAction(_ref) {
     _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
     errorMessage = _useState12[0],
     setErrorMessage = _useState12[1];
+  var reload = (0, _useResolve.default)();
+  //TODO EDM-6583 Replace usage of useFlexibleUiAnalyticsContext with linking platform analytics context from find team.
+  var analytics = (0, _flexibleUiContext.useFlexibleUiAnalyticsContext)();
+  var invoke = (0, _useInvoke.default)({
+    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
+  });
   (0, _react2.useEffect)(function () {
     setSelected({
       text: text,
       appearance: appearance
     });
   }, [text, appearance]);
-  var invoke = (0, _useInvoke.default)();
-  var reload = (0, _useResolve.default)();
   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,
@@ -91,15 +98,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.default);
-          case 6:
+          case 8:
             responseItems = _context.sent;
             validItems = typeof text === 'string' ? validateItems(responseItems, text) : responseItems;
             setItems(validItems);
@@ -108,31 +120,31 @@ var LozengeAction = function LozengeAction(_ref) {
               setErrorMessage(_types.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(_types.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 = (0, _react2.useCallback)(function (props) {
     return (0, _react.jsx)(_lozengeActionTrigger.default, (0, _extends2.default)({}, props, {
       appearance: selected.appearance,
@@ -147,16 +159,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 = (0, _createStatusUpdateRequest.default)(updateAction, id);
-            _context2.next = 7;
+            _context2.next = 8;
             return invoke(request);
-          case 7:
+          case 8:
             setSelected({
               appearance: appearance,
               text: text
@@ -166,16 +179,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)) {
@@ -183,16 +196,16 @@ var LozengeAction = function LozengeAction(_ref) {
             } else {
               setErrorMessage(_types.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 = (0, _react2.useMemo)(function () {
     if (errorMessage) {
       return (0, _react.jsx)(_lozengeActionError.default, {

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

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

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

@@ -1,10 +1,10 @@
 import { useMemo } from 'react';
 import { getUrl } from '@atlaskit/linking-common';
-import { chunkloadFailedEvent, connectFailedEvent, connectSucceededEvent, context, instrumentEvent, invokeFailedEvent, invokeSucceededEvent, screenAuthPopupEvent, trackAppAccountAuthStarted, trackAppAccountConnected, uiActionClickedEvent, uiAuthAlternateAccountEvent, uiAuthEvent, uiCardClickedEvent, uiClosedAuthEvent, uiHoverCardDismissedEvent, uiHoverCardOpenLinkClickedEvent, uiHoverCardViewedEvent, uiLearnMoreLinkClickedEvent, uiRenderFailedEvent, uiRenderSuccessEvent } from '../../utils/analytics';
+import { chunkloadFailedEvent, connectFailedEvent, connectSucceededEvent, context, instrumentEvent, invokeFailedEvent, invokeSucceededEvent, screenAuthPopupEvent, trackAppAccountAuthStarted, trackAppAccountConnected, uiActionClickedEvent, uiAuthAlternateAccountEvent, uiAuthEvent, uiCardClickedEvent, uiClosedAuthEvent, uiHoverCardDismissedEvent, uiHoverCardOpenLinkClickedEvent, uiHoverCardViewedEvent, uiLearnMoreLinkClickedEvent, uiRenderFailedEvent, uiRenderSuccessEvent, uiSmartLinkStatusLozengeButtonClicked, uiSmartLinkStatusListItemButtonClicked, uiSmartLinkStatusOpenPreviewButtonClicked } from '../../utils/analytics';
 import { failUfoExperience, startUfoExperience, succeedUfoExperience } from './ufoExperiences';
 import { getDefinitionId, getExtensionKey, getProduct, getResourceType, getSubproduct } from '../helpers';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
-import { trackLinkUpdated, uiIframeDwelledEvent, uiIframeFocusedEvent } from '../../utils/analytics/analytics';
+import { trackLinkUpdated, trackSmartLinkQuickActionFailed, trackSmartLinkQuickActionStarted, trackSmartLinkQuickActionSuccess, uiIframeDwelledEvent, uiIframeFocusedEvent } from '../../utils/analytics/analytics';
 import { useDispatchAnalytics } from './useDispatchAnalytics';
 const applyCommonAttributes = (event, commonAttributes) => {
   if (event && event.attributes) {
@@ -52,6 +52,7 @@ export const useSmartLinkAnalytics = (url, _dispatchAnalytics, id, defaultLocati
     definitionId: extractedDefinitionId,
     extensionKey: extractedExtensionKey,
     resourceType: extractedResourceType,
+    destinationObjectType: extractedResourceType,
     destinationSubproduct: extractedSubproduct,
     destinationProduct: extractedProduct,
     location: defaultLocation
@@ -478,7 +479,19 @@ export const useSmartLinkAnalytics = (url, _dispatchAnalytics, id, defaultLocati
      * @param extensionKey The extensionKey of the Smart Link resovler invoked.
      * @param location The location where a link is displayed (jiraWebLinks, confluencePages etc)
      */
-    learnMoreClickedEvent: () => dispatchAnalytics(applyCommonAttributes(uiLearnMoreLinkClickedEvent(), commonAttributes))
+    learnMoreClickedEvent: () => dispatchAnalytics(applyCommonAttributes(uiLearnMoreLinkClickedEvent(), commonAttributes)),
+    /**
+     * Fires an event that represent a click was performed on a Status Lozenge
+     */
+    smartLinkLozengeActionClickedEvent: () => dispatchAnalytics(applyCommonAttributes(uiSmartLinkStatusLozengeButtonClicked(), commonAttributes)),
+    /**
+     * Fires an event that represent a click was performed on a Status Lozenge's dropdown item
+     */
+    smartLinkLozengeActionListItemClickedEvent: () => dispatchAnalytics(applyCommonAttributes(uiSmartLinkStatusListItemButtonClicked(), commonAttributes)),
+    /**
+     * Fires an event that represent a click was performed on a Status Lozenge open preview button
+     */
+    smartLinkLozengeActionErrorOpenPreviewClickedEvent: () => dispatchAnalytics(applyCommonAttributes(uiSmartLinkStatusOpenPreviewButtonClicked(), commonAttributes))
   }), [defaultId, commonAttributes, dispatchAnalytics]);
 
   /** Contains all operational analytics events */
@@ -725,6 +738,27 @@ export const useSmartLinkAnalytics = (url, _dispatchAnalytics, id, defaultLocati
     linkUpdated: props => dispatchAnalytics(applyCommonAttributes(trackLinkUpdated({
       ...commonAttributes,
       ...props
+    }), commonAttributes)),
+    /**
+     * This fires a tracking event before an action invoke api call is made
+     */
+    smartLinkQuickActionStarted: props => dispatchAnalytics(applyCommonAttributes(trackSmartLinkQuickActionStarted({
+      ...commonAttributes,
+      ...props
+    }), commonAttributes)),
+    /**
+     * This fires a tracking event after an action invoke api call is successful
+     */
+    smartLinkQuickActionSuccess: props => dispatchAnalytics(applyCommonAttributes(trackSmartLinkQuickActionSuccess({
+      ...commonAttributes,
+      ...props
+    }), commonAttributes)),
+    /**
+     * This fires a tracking event after an action invoke api call has failed
+     */
+    smartLinkQuickActionFailed: props => dispatchAnalytics(applyCommonAttributes(trackSmartLinkQuickActionFailed({
+      ...commonAttributes,
+      ...props
     }), commonAttributes))
   }), [commonAttributes, dispatchAnalytics]);
 

package/dist/es2019/state/hooks/use-invoke/index.js

@@ -1,19 +1,33 @@
 import { useCallback } from 'react';
 import { useSmartLinkClientExtension } from '@atlaskit/link-client-extension';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
-const useInvoke = () => {
+const useInvoke = ({
+  failed,
+  started,
+  success
+} = {}) => {
   const {
     connections
   } = useSmartLinkContext();
   const clientExt = useSmartLinkClientExtension(connections.client);
   return useCallback(async (req, cb) => {
-    // TODO: EDM-6140: Check cache from store
-
-    const response = await clientExt.invoke(req);
-
-    // TODO: EDM-6140: Cache response in store
-
-    return cb ? cb(response) : response;
-  }, [clientExt]);
+    var _req$action;
+    const smartLinkActionType = req === null || req === void 0 ? void 0 : (_req$action = req.action) === null || _req$action === void 0 ? void 0 : _req$action.actionType;
+    try {
+      started && started({
+        smartLinkActionType
+      });
+      const response = await clientExt.invoke(req);
+      success && success({
+        smartLinkActionType
+      });
+      return cb ? cb(response) : response;
+    } catch (err) {
+      failed && failed({
+        smartLinkActionType
+      });
+      throw err;
+    }
+  }, [clientExt, failed, started, success]);
 };
 export default useInvoke;

package/dist/es2019/utils/actions/create-status-update-request.js

@@ -1,5 +1,5 @@
 const createStatusUpdateRequest = (request, id) => ({
-  ...request,
+  providerKey: request.providerKey,
   action: {
     ...request.action,
     payload: {

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

@@ -234,6 +234,45 @@ export const trackLinkUpdated = ({
     ...attributes
   }
 });
+export const trackSmartLinkQuickActionStarted = ({
+  smartLinkActionType,
+  ...attributes
+}) => ({
+  action: 'started',
+  actionSubject: 'smartLinkQuickAction',
+  eventType: 'track',
+  attributes: {
+    ...context,
+    ...attributes,
+    smartLinkActionType
+  }
+});
+export const trackSmartLinkQuickActionSuccess = ({
+  smartLinkActionType,
+  ...attributes
+}) => ({
+  action: 'success',
+  actionSubject: 'smartLinkQuickAction',
+  eventType: 'track',
+  attributes: {
+    ...context,
+    ...attributes,
+    smartLinkActionType
+  }
+});
+export const trackSmartLinkQuickActionFailed = ({
+  smartLinkActionType,
+  ...attributes
+}) => ({
+  action: 'failed',
+  actionSubject: 'smartLinkQuickAction',
+  eventType: 'track',
+  attributes: {
+    ...context,
+    ...attributes,
+    smartLinkActionType
+  }
+});
 export const uiAuthEvent = ({
   definitionId,
   extensionKey,
@@ -589,4 +628,31 @@ export const chunkloadFailedEvent = ({
     destinationSubproduct,
     location
   }
+});
+export const uiSmartLinkStatusLozengeButtonClicked = () => ({
+  action: 'clicked',
+  actionSubject: 'button',
+  actionSubjectId: 'smartLinkStatusLozenge',
+  eventType: 'ui',
+  attributes: {
+    ...context
+  }
+});
+export const uiSmartLinkStatusListItemButtonClicked = () => ({
+  action: 'clicked',
+  actionSubject: 'button',
+  actionSubjectId: 'smartLinkStatusListItem',
+  eventType: 'ui',
+  attributes: {
+    ...context
+  }
+});
+export const uiSmartLinkStatusOpenPreviewButtonClicked = () => ({
+  action: 'clicked',
+  actionSubject: 'button',
+  actionSubjectId: 'smartLinkStatusOpenPreview',
+  eventType: 'ui',
+  attributes: {
+    ...context
+  }
 });

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

@@ -1,6 +1,6 @@
 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 const instrumentEvent = ({
   id,
   status,

package/dist/es2019/version.json

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

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

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

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

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

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

@@ -13,6 +13,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';
 const validateItems = (items = [], text) => {
   return items.filter(item => item.text !== text);
 };
@@ -34,14 +35,20 @@ const LozengeAction = ({
   const [isOpen, setIsOpen] = useState(false);
   const [items, setItems] = useState();
   const [errorMessage, setErrorMessage] = useState();
+  const reload = useResolve();
+  //TODO EDM-6583 Replace usage of useFlexibleUiAnalyticsContext with linking platform analytics context from find team.
+  const analytics = useFlexibleUiAnalyticsContext();
+  const 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(() => {
     setSelected({
       text,
       appearance
     });
   }, [text, appearance]);
-  const invoke = useInvoke();
-  const reload = useResolve();
   const {
     url,
     id: linkId,
@@ -49,28 +56,31 @@ const LozengeAction = ({
   } = (action === null || action === void 0 ? void 0 : (_action$update = action.update) === null || _action$update === void 0 ? void 0 : _action$update.details) || {};
   const handleOpenChange = useCallback(async args => {
     setIsOpen(args.isOpen);
-    if (args.isOpen && !isLoaded && action !== null && action !== void 0 && action.read) {
-      try {
-        setIsLoading(true);
-        const responseItems = await invoke(action.read, extractLozengeActionItems);
-        const validItems = typeof text === 'string' ? validateItems(responseItems, text) : responseItems;
-        setItems(validItems);
-        setIsLoaded(true);
-        if ((validItems === null || validItems === void 0 ? void 0 : validItems.length) === 0) {
-          setErrorMessage(LozengeActionErrorMessages.noData);
+    if (args.isOpen) {
+      analytics === null || analytics === void 0 ? void 0 : analytics.ui.smartLinkLozengeActionClickedEvent();
+      if (!isLoaded && action !== null && action !== void 0 && action.read) {
+        try {
+          setIsLoading(true);
+          const responseItems = await invoke(action.read, extractLozengeActionItems);
+          const validItems = typeof text === 'string' ? validateItems(responseItems, text) : responseItems;
+          setItems(validItems);
+          setIsLoaded(true);
+          if ((validItems === null || validItems === void 0 ? void 0 : validItems.length) === 0) {
+            setErrorMessage(LozengeActionErrorMessages.noData);
+            setIsLoaded(false);
+          }
+        } catch (err) {
+          setErrorMessage(LozengeActionErrorMessages.unknown);
           setIsLoaded(false);
+        } finally {
+          setIsLoading(false);
         }
-      } catch (err) {
-        setErrorMessage(LozengeActionErrorMessages.unknown);
-        setIsLoaded(false);
-      } finally {
-        setIsLoading(false);
       }
     }
     if (!args.isOpen) {
       setErrorMessage(undefined);
     }
-  }, [action === null || action === void 0 ? void 0 : action.read, invoke, isLoaded, text]);
+  }, [action.read, analytics, invoke, isLoaded, text]);
   const trigger = useCallback(props => jsx(LozengeActionTrigger, _extends({}, props, {
     appearance: selected.appearance,
     testId: testId,
@@ -78,6 +88,7 @@ const LozengeAction = ({
   })), [testId, selected]);
   const handleItemClick = useCallback(async (id, text, appearance) => {
     try {
+      analytics === null || analytics === void 0 ? void 0 : analytics.ui.smartLinkLozengeActionListItemClickedEvent();
       const updateAction = action === null || action === void 0 ? void 0 : action.update;
       if (updateAction && id) {
         setIsLoading(true);
@@ -103,7 +114,7 @@ const LozengeAction = ({
         setErrorMessage(LozengeActionErrorMessages.updateFailed);
       }
     }
-  }, [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]);
   const dropdownItemGroup = useMemo(() => {
     if (errorMessage) {
       return jsx(LozengeActionError, {

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

@@ -103,7 +103,8 @@ const HoverCardContent = ({
     showServerActions,
     ui: flexibleUiOptions,
     url: url,
-    children: {}
+    children: {},
+    analytics
   };
   const onClickStopPropagation = useCallback(e => e.stopPropagation(), []);
   const getCardView = cardState => {

package/dist/esm/state/analytics/useSmartLinkAnalytics.js

@@ -4,11 +4,11 @@ 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 { useMemo } from 'react';
 import { getUrl } from '@atlaskit/linking-common';
-import { chunkloadFailedEvent as _chunkloadFailedEvent, connectFailedEvent as _connectFailedEvent, connectSucceededEvent as _connectSucceededEvent, context, instrumentEvent, invokeFailedEvent as _invokeFailedEvent, invokeSucceededEvent as _invokeSucceededEvent, screenAuthPopupEvent, trackAppAccountAuthStarted, trackAppAccountConnected, uiActionClickedEvent, uiAuthAlternateAccountEvent, uiAuthEvent, uiCardClickedEvent, uiClosedAuthEvent, uiHoverCardDismissedEvent, uiHoverCardOpenLinkClickedEvent, uiHoverCardViewedEvent, uiLearnMoreLinkClickedEvent, uiRenderFailedEvent, uiRenderSuccessEvent } from '../../utils/analytics';
+import { chunkloadFailedEvent as _chunkloadFailedEvent, connectFailedEvent as _connectFailedEvent, connectSucceededEvent as _connectSucceededEvent, context, instrumentEvent, invokeFailedEvent as _invokeFailedEvent, invokeSucceededEvent as _invokeSucceededEvent, screenAuthPopupEvent, trackAppAccountAuthStarted, trackAppAccountConnected, uiActionClickedEvent, uiAuthAlternateAccountEvent, uiAuthEvent, uiCardClickedEvent, uiClosedAuthEvent, uiHoverCardDismissedEvent, uiHoverCardOpenLinkClickedEvent, uiHoverCardViewedEvent, uiLearnMoreLinkClickedEvent, uiRenderFailedEvent, uiRenderSuccessEvent, uiSmartLinkStatusLozengeButtonClicked, uiSmartLinkStatusListItemButtonClicked, uiSmartLinkStatusOpenPreviewButtonClicked } from '../../utils/analytics';
 import { failUfoExperience, startUfoExperience, succeedUfoExperience } from './ufoExperiences';
 import { getDefinitionId, getExtensionKey, getProduct, getResourceType, getSubproduct } from '../helpers';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
-import { trackLinkUpdated, uiIframeDwelledEvent, uiIframeFocusedEvent } from '../../utils/analytics/analytics';
+import { trackLinkUpdated, trackSmartLinkQuickActionFailed, trackSmartLinkQuickActionStarted, trackSmartLinkQuickActionSuccess, uiIframeDwelledEvent, uiIframeFocusedEvent } from '../../utils/analytics/analytics';
 import { useDispatchAnalytics } from './useDispatchAnalytics';
 var applyCommonAttributes = function applyCommonAttributes(event, commonAttributes) {
   if (event && event.attributes) {
@@ -58,6 +58,7 @@ export var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, _dispatch
       definitionId: extractedDefinitionId,
       extensionKey: extractedExtensionKey,
       resourceType: extractedResourceType,
+      destinationObjectType: extractedResourceType,
       destinationSubproduct: extractedSubproduct,
       destinationProduct: extractedProduct,
       location: defaultLocation
@@ -490,6 +491,24 @@ export var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, _dispatch
        */
       learnMoreClickedEvent: function learnMoreClickedEvent() {
         return dispatchAnalytics(applyCommonAttributes(uiLearnMoreLinkClickedEvent(), commonAttributes));
+      },
+      /**
+       * Fires an event that represent a click was performed on a Status Lozenge
+       */
+      smartLinkLozengeActionClickedEvent: function smartLinkLozengeActionClickedEvent() {
+        return dispatchAnalytics(applyCommonAttributes(uiSmartLinkStatusLozengeButtonClicked(), commonAttributes));
+      },
+      /**
+       * Fires an event that represent a click was performed on a Status Lozenge's dropdown item
+       */
+      smartLinkLozengeActionListItemClickedEvent: function smartLinkLozengeActionListItemClickedEvent() {
+        return dispatchAnalytics(applyCommonAttributes(uiSmartLinkStatusListItemButtonClicked(), commonAttributes));
+      },
+      /**
+       * Fires an event that represent a click was performed on a Status Lozenge open preview button
+       */
+      smartLinkLozengeActionErrorOpenPreviewClickedEvent: function smartLinkLozengeActionErrorOpenPreviewClickedEvent() {
+        return dispatchAnalytics(applyCommonAttributes(uiSmartLinkStatusOpenPreviewButtonClicked(), commonAttributes));
       }
     };
   }, [defaultId, commonAttributes, dispatchAnalytics]);
@@ -731,6 +750,24 @@ export var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, _dispatch
        */
       linkUpdated: function linkUpdated(props) {
         return dispatchAnalytics(applyCommonAttributes(trackLinkUpdated(_objectSpread(_objectSpread({}, commonAttributes), props)), commonAttributes));
+      },
+      /**
+       * This fires a tracking event before an action invoke api call is made
+       */
+      smartLinkQuickActionStarted: function smartLinkQuickActionStarted(props) {
+        return dispatchAnalytics(applyCommonAttributes(trackSmartLinkQuickActionStarted(_objectSpread(_objectSpread({}, commonAttributes), props)), commonAttributes));
+      },
+      /**
+       * This fires a tracking event after an action invoke api call is successful
+       */
+      smartLinkQuickActionSuccess: function smartLinkQuickActionSuccess(props) {
+        return dispatchAnalytics(applyCommonAttributes(trackSmartLinkQuickActionSuccess(_objectSpread(_objectSpread({}, commonAttributes), props)), commonAttributes));
+      },
+      /**
+       * This fires a tracking event after an action invoke api call has failed
+       */
+      smartLinkQuickActionFailed: function smartLinkQuickActionFailed(props) {
+        return dispatchAnalytics(applyCommonAttributes(trackSmartLinkQuickActionFailed(_objectSpread(_objectSpread({}, commonAttributes), props)), commonAttributes));
       }
     };
   }, [commonAttributes, dispatchAnalytics]);

package/dist/esm/state/hooks/use-invoke/index.js

@@ -4,29 +4,49 @@ import { useCallback } from 'react';
 import { useSmartLinkClientExtension } from '@atlaskit/link-client-extension';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
 var useInvoke = function useInvoke() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    failed = _ref.failed,
+    started = _ref.started,
+    success = _ref.success;
   var _useSmartLinkContext = useSmartLinkContext(),
     connections = _useSmartLinkContext.connections;
   var clientExt = useSmartLinkClientExtension(connections.client);
   return useCallback( /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(req, cb) {
-      var response;
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(req, cb) {
+      var _req$action;
+      var smartLinkActionType, response;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            _context.next = 2;
+            smartLinkActionType = req === null || req === void 0 ? void 0 : (_req$action = req.action) === null || _req$action === void 0 ? void 0 : _req$action.actionType;
+            _context.prev = 1;
+            started && started({
+              smartLinkActionType: smartLinkActionType
+            });
+            _context.next = 5;
             return clientExt.invoke(req);
-          case 2:
+          case 5:
             response = _context.sent;
+            success && success({
+              smartLinkActionType: smartLinkActionType
+            });
             return _context.abrupt("return", cb ? cb(response) : response);
-          case 4:
+          case 10:
+            _context.prev = 10;
+            _context.t0 = _context["catch"](1);
+            failed && failed({
+              smartLinkActionType: smartLinkActionType
+            });
+            throw _context.t0;
+          case 14:
           case "end":
             return _context.stop();
         }
-      }, _callee);
+      }, _callee, null, [[1, 10]]);
     }));
     return function (_x, _x2) {
-      return _ref.apply(this, arguments);
+      return _ref2.apply(this, arguments);
     };
-  }(), [clientExt]);
+  }(), [clientExt, failed, started, success]);
 };
 export default useInvoke;