@atlaskit/smart-card 26.2.2 → 26.3.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/smart-card
 
+## 26.3.0
+
+### Minor Changes
+
+- [`8406b471923`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8406b471923) - [ux] Update analytics tracking events for lozenge action
+
 ## 26.2.2
 
 ### Patch Changes

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

@@ -11,50 +11,30 @@ var _react = require("react");
 var _linkClientExtension = require("@atlaskit/link-client-extension");
 var _linkProvider = require("@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 = (0, _linkProvider.useSmartLinkContext)(),
     connections = _useSmartLinkContext.connections;
   var clientExt = (0, _linkClientExtension.useSmartLinkClientExtension)(connections.client);
   return (0, _react.useCallback)( /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(req, cb) {
-      var _req$action;
-      var smartLinkActionType, response;
+    var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(req, cb) {
+      var response;
       return _regenerator.default.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            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;
+            _context.next = 2;
             return clientExt.invoke(req);
-          case 5:
+          case 2:
             response = _context.sent;
-            success && success({
-              smartLinkActionType: smartLinkActionType
-            });
             return _context.abrupt("return", cb ? cb(response) : response);
-          case 10:
-            _context.prev = 10;
-            _context.t0 = _context["catch"](1);
-            failed && failed({
-              smartLinkActionType: smartLinkActionType
-            });
-            throw _context.t0;
-          case 14:
+          case 4:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[1, 10]]);
+      }, _callee);
     }));
     return function (_x, _x2) {
-      return _ref2.apply(this, arguments);
+      return _ref.apply(this, arguments);
     };
-  }(), [clientExt, failed, started, success]);
+  }(), [clientExt]);
 };
 var _default = useInvoke;
 exports.default = _default;

package/dist/cjs/utils/analytics/analytics.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.unresolvedEvent = exports.uiSmartLinkStatusOpenPreviewButtonClicked = exports.uiSmartLinkStatusLozengeButtonClicked = exports.uiSmartLinkStatusListItemButtonClicked = exports.uiRenderSuccessEvent = exports.uiRenderFailedEvent = exports.uiLearnMoreLinkClickedEvent = exports.uiIframeFocusedEvent = exports.uiIframeDwelledEvent = exports.uiHoverCardViewedEvent = exports.uiHoverCardOpenLinkClickedEvent = exports.uiHoverCardDismissedEvent = exports.uiClosedAuthEvent = exports.uiCardClickedEvent = exports.uiAuthEvent = exports.uiAuthAlternateAccountEvent = exports.uiActionClickedEvent = exports.trackSmartLinkQuickActionSuccess = exports.trackSmartLinkQuickActionStarted = exports.trackSmartLinkQuickActionFailed = exports.trackLinkUpdated = exports.trackAppAccountConnected = exports.trackAppAccountAuthStarted = exports.screenAuthPopupEvent = exports.resolvedEvent = exports.invokeSucceededEvent = exports.invokeFailedEvent = exports.fireSmartLinkEvent = exports.context = exports.connectSucceededEvent = exports.connectFailedEvent = exports.chunkloadFailedEvent = exports.SmartLinkEvents = exports.ANALYTICS_CHANNEL = void 0;
+exports.unresolvedEvent = exports.uiSmartLinkStatusOpenPreviewButtonClicked = exports.uiSmartLinkStatusLozengeButtonClicked = exports.uiSmartLinkStatusListItemButtonClicked = exports.uiRenderSuccessEvent = exports.uiRenderFailedEvent = exports.uiLearnMoreLinkClickedEvent = exports.uiIframeFocusedEvent = exports.uiIframeDwelledEvent = exports.uiHoverCardViewedEvent = exports.uiHoverCardOpenLinkClickedEvent = exports.uiHoverCardDismissedEvent = exports.uiClosedAuthEvent = exports.uiCardClickedEvent = exports.uiAuthEvent = exports.uiAuthAlternateAccountEvent = exports.uiActionClickedEvent = exports.trackSmartLinkQuickActionSuccess = exports.trackSmartLinkQuickActionStarted = exports.trackSmartLinkQuickActionFailed = exports.trackLinkUpdated = exports.trackAppAccountConnected = exports.trackAppAccountAuthStarted = exports.screenAuthPopupEvent = exports.resolvedEvent = exports.invokeSucceededEvent = exports.invokeFailedEvent = exports.fireSmartLinkEvent = exports.context = exports.connectSucceededEvent = exports.connectFailedEvent = exports.chunkloadFailedEvent = exports.TrackQuickActionType = exports.TrackQuickActionFailureReason = exports.SmartLinkEvents = exports.ANALYTICS_CHANNEL = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
@@ -25,6 +25,18 @@ var context = {
   packageVersion: _version.version
 };
 exports.context = context;
+var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
+  TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
+  return TrackQuickActionType;
+}({});
+exports.TrackQuickActionType = TrackQuickActionType;
+var TrackQuickActionFailureReason = /*#__PURE__*/function (TrackQuickActionFailureReason) {
+  TrackQuickActionFailureReason["PermissionError"] = "PermissionError";
+  TrackQuickActionFailureReason["ValidationError"] = "ValidationError";
+  TrackQuickActionFailureReason["UnknownError"] = "UnknownError";
+  return TrackQuickActionFailureReason;
+}({});
+exports.TrackQuickActionFailureReason = TrackQuickActionFailureReason;
 var uiActionSubjectIds = {
   DownloadAction: 'downloadDocument',
   PreviewAction: 'invokePreviewScreen',

package/dist/cjs/version.json

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

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

@@ -24,6 +24,8 @@ var _createStatusUpdateRequest = _interopRequireDefault(require("../../../../../
 var _useResolve = _interopRequireDefault(require("../../../../../state/hooks/use-resolve"));
 var _types = require("./lozenge-action-error/types");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _analytics = require("../../../../../utils/analytics/analytics");
+var _lozengeActionAnalytics = require("./lozenge-action-analytics");
 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 */
@@ -76,11 +78,7 @@ var LozengeAction = function LozengeAction(_ref) {
   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
-  });
+  var invoke = (0, _useInvoke.default)();
   (0, _react2.useEffect)(function () {
     setSelected({
       text: text,
@@ -99,47 +97,52 @@ var LozengeAction = function LozengeAction(_ref) {
           case 0:
             setIsOpen(args.isOpen);
             if (!args.isOpen) {
-              _context.next = 22;
+              _context.next = 24;
               break;
             }
             analytics === null || analytics === void 0 ? void 0 : analytics.ui.smartLinkLozengeActionClickedEvent();
+            analytics === null || analytics === void 0 ? void 0 : analytics.track.smartLinkQuickActionStarted({
+              smartLinkActionType: _analytics.TrackQuickActionType.StatusUpdate
+            });
             if (!(!isLoaded && action !== null && action !== void 0 && action.read)) {
-              _context.next = 22;
+              _context.next = 24;
               break;
             }
-            _context.prev = 4;
+            _context.prev = 5;
             setIsLoading(true);
-            _context.next = 8;
+            _context.next = 9;
             return invoke(action.read, _extractLozengeActionItems.default);
-          case 8:
+          case 9:
             responseItems = _context.sent;
             validItems = typeof text === 'string' ? validateItems(responseItems, text) : responseItems;
             setItems(validItems);
             setIsLoaded(true);
             if ((validItems === null || validItems === void 0 ? void 0 : validItems.length) === 0) {
+              analytics === null || analytics === void 0 ? void 0 : analytics.track.smartLinkQuickActionFailed(_lozengeActionAnalytics.permissionLoadErrorAnalyticsPayload);
               setErrorMessage(_types.LozengeActionErrorMessages.noData);
               setIsLoaded(false);
             }
-            _context.next = 19;
+            _context.next = 21;
             break;
-          case 15:
-            _context.prev = 15;
-            _context.t0 = _context["catch"](4);
+          case 16:
+            _context.prev = 16;
+            _context.t0 = _context["catch"](5);
             setErrorMessage(_types.LozengeActionErrorMessages.unknown);
             setIsLoaded(false);
-          case 19:
-            _context.prev = 19;
+            analytics === null || analytics === void 0 ? void 0 : analytics.track.smartLinkQuickActionFailed(_lozengeActionAnalytics.unknownLoadErrorAnalyticsPayload);
+          case 21:
+            _context.prev = 21;
             setIsLoading(false);
-            return _context.finish(19);
-          case 22:
+            return _context.finish(21);
+          case 24:
             if (!args.isOpen) {
               setErrorMessage(undefined);
             }
-          case 23:
+          case 25:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[4, 15, 19, 22]]);
+      }, _callee, null, [[5, 16, 21, 24]]);
     }));
     return function (_x) {
       return _ref3.apply(this, arguments);
@@ -162,7 +165,7 @@ var LozengeAction = function LozengeAction(_ref) {
             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 = 16;
+              _context2.next = 17;
               break;
             }
             setIsLoading(true);
@@ -178,34 +181,39 @@ var LozengeAction = function LozengeAction(_ref) {
             setIsLoaded(false);
             setIsOpen(false);
             setItems([]);
+            analytics === null || analytics === void 0 ? void 0 : analytics.track.smartLinkQuickActionSuccess({
+              smartLinkActionType: _analytics.TrackQuickActionType.StatusUpdate
+            });
             if (!url) {
-              _context2.next = 16;
+              _context2.next = 17;
               break;
             }
-            _context2.next = 16;
+            _context2.next = 17;
             return reload(url, true, undefined, linkId);
-          case 16:
-            _context2.next = 22;
+          case 17:
+            _context2.next = 23;
             break;
-          case 18:
-            _context2.prev = 18;
+          case 19:
+            _context2.prev = 19;
             _context2.t0 = _context2["catch"](0);
             setIsLoading(false);
             if (isInvokeCustomError(_context2.t0)) {
               setErrorMessage(_context2.t0.message);
+              analytics === null || analytics === void 0 ? void 0 : analytics.track.smartLinkQuickActionFailed(_lozengeActionAnalytics.validationUpdateErrorAnalyticsPayload);
             } else {
               setErrorMessage(_types.LozengeActionErrorMessages.updateFailed);
+              analytics === null || analytics === void 0 ? void 0 : analytics.track.smartLinkQuickActionFailed(_lozengeActionAnalytics.unknownUpdateErrorAnalyticsPayload);
             }
-          case 22:
+          case 23:
           case "end":
             return _context2.stop();
         }
-      }, _callee2, null, [[0, 18]]);
+      }, _callee2, null, [[0, 19]]);
     }));
     return function (_x2, _x3, _x4) {
       return _ref4.apply(this, arguments);
     };
-  }(), [action === null || action === void 0 ? void 0 : action.update, analytics === null || analytics === void 0 ? void 0 : analytics.ui, invoke, linkId, reload, url]);
+  }(), [action === null || action === void 0 ? void 0 : action.update, analytics, invoke, linkId, reload, url]);
   var dropdownItemGroup = (0, _react2.useMemo)(function () {
     if (errorMessage) {
       return (0, _react.jsx)(_lozengeActionError.default, {

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

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.validationUpdateErrorAnalyticsPayload = exports.unknownUpdateErrorAnalyticsPayload = exports.unknownLoadErrorAnalyticsPayload = exports.permissionLoadErrorAnalyticsPayload = void 0;
+var _analytics = require("../../../../../utils/analytics/analytics");
+var unknownLoadErrorAnalyticsPayload = {
+  smartLinkActionType: _analytics.TrackQuickActionType.StatusUpdate,
+  reason: _analytics.TrackQuickActionFailureReason.UnknownError,
+  step: 'load'
+};
+exports.unknownLoadErrorAnalyticsPayload = unknownLoadErrorAnalyticsPayload;
+var permissionLoadErrorAnalyticsPayload = {
+  smartLinkActionType: _analytics.TrackQuickActionType.StatusUpdate,
+  reason: _analytics.TrackQuickActionFailureReason.PermissionError,
+  step: 'load'
+};
+exports.permissionLoadErrorAnalyticsPayload = permissionLoadErrorAnalyticsPayload;
+var unknownUpdateErrorAnalyticsPayload = {
+  smartLinkActionType: _analytics.TrackQuickActionType.StatusUpdate,
+  reason: _analytics.TrackQuickActionFailureReason.UnknownError,
+  step: 'update'
+};
+exports.unknownUpdateErrorAnalyticsPayload = unknownUpdateErrorAnalyticsPayload;
+var validationUpdateErrorAnalyticsPayload = {
+  smartLinkActionType: _analytics.TrackQuickActionType.StatusUpdate,
+  reason: _analytics.TrackQuickActionFailureReason.ValidationError,
+  step: 'update'
+};
+exports.validationUpdateErrorAnalyticsPayload = validationUpdateErrorAnalyticsPayload;

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

@@ -15,7 +15,7 @@ exports.dropdownItemGroupStyles = dropdownItemGroupStyles;
 var sharedBlockStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  gap: 0.5rem;\n  line-height: 1rem;\n  min-width: 0;\n  overflow: hidden;\n  flex-direction: row;\n  align-items: center;\n"])));
 var contentStyles = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  ", ";\n\n  margin-top: ", ";\n  align-items: flex-start;\n\n  > span,\n  > div {\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n    color: ", ";\n  }\n"])), sharedBlockStyles, "var(--ds-space-025, 2px)", "var(--ds-text, ".concat(_colors.N800, ")"));
 exports.contentStyles = contentStyles;
-var linkStyles = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  ", ";\n\n  font-size: 0.875rem;\n  margin-top: 10px;\n  margin-left: ", ";\n  margin-bottom: ", ";\n"])), sharedBlockStyles, "var(--ds-space-400, 32px)", "var(--ds-space-025, 2px)");
+var linkStyles = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  ", ";\n\n  cursor: pointer;\n  font-size: 0.875rem;\n  margin-top: 10px;\n  margin-left: ", ";\n  margin-bottom: ", ";\n"])), sharedBlockStyles, "var(--ds-space-400, 32px)", "var(--ds-space-025, 2px)");
 exports.linkStyles = linkStyles;
 var textStyles = function textStyles(maxLines) {
   return (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  line-height: 1rem;\n  white-space: normal;\n  ", ";\n"])), (0, _utils.getTruncateStyles)(maxLines));

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

@@ -1,33 +1,14 @@
 import { useCallback } from 'react';
 import { useSmartLinkClientExtension } from '@atlaskit/link-client-extension';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
-const useInvoke = ({
-  failed,
-  started,
-  success
-} = {}) => {
+const useInvoke = () => {
   const {
     connections
   } = useSmartLinkContext();
   const clientExt = useSmartLinkClientExtension(connections.client);
   return useCallback(async (req, cb) => {
-    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]);
+    const response = await clientExt.invoke(req);
+    return cb ? cb(response) : response;
+  }, [clientExt]);
 };
 export default useInvoke;

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

@@ -6,6 +6,16 @@ export const context = {
   packageName,
   packageVersion
 };
+export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
+  TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
+  return TrackQuickActionType;
+}({});
+export let TrackQuickActionFailureReason = /*#__PURE__*/function (TrackQuickActionFailureReason) {
+  TrackQuickActionFailureReason["PermissionError"] = "PermissionError";
+  TrackQuickActionFailureReason["ValidationError"] = "ValidationError";
+  TrackQuickActionFailureReason["UnknownError"] = "UnknownError";
+  return TrackQuickActionFailureReason;
+}({});
 const uiActionSubjectIds = {
   DownloadAction: 'downloadDocument',
   PreviewAction: 'invokePreviewScreen',

package/dist/es2019/version.json

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

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

@@ -14,6 +14,8 @@ import createStatusUpdateRequest from '../../../../../utils/actions/create-statu
 import useResolve from '../../../../../state/hooks/use-resolve';
 import { LozengeActionErrorMessages } from './lozenge-action-error/types';
 import { useFlexibleUiAnalyticsContext } from '../../../../../state/flexible-ui-context';
+import { TrackQuickActionType } from '../../../../../utils/analytics/analytics';
+import { permissionLoadErrorAnalyticsPayload, unknownLoadErrorAnalyticsPayload, unknownUpdateErrorAnalyticsPayload, validationUpdateErrorAnalyticsPayload } from './lozenge-action-analytics';
 const validateItems = (items = [], text) => {
   return items.filter(item => item.text !== text);
 };
@@ -38,11 +40,7 @@ const LozengeAction = ({
   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
-  });
+  const invoke = useInvoke();
   useEffect(() => {
     setSelected({
       text,
@@ -58,6 +56,9 @@ const LozengeAction = ({
     setIsOpen(args.isOpen);
     if (args.isOpen) {
       analytics === null || analytics === void 0 ? void 0 : analytics.ui.smartLinkLozengeActionClickedEvent();
+      analytics === null || analytics === void 0 ? void 0 : analytics.track.smartLinkQuickActionStarted({
+        smartLinkActionType: TrackQuickActionType.StatusUpdate
+      });
       if (!isLoaded && action !== null && action !== void 0 && action.read) {
         try {
           setIsLoading(true);
@@ -66,12 +67,14 @@ const LozengeAction = ({
           setItems(validItems);
           setIsLoaded(true);
           if ((validItems === null || validItems === void 0 ? void 0 : validItems.length) === 0) {
+            analytics === null || analytics === void 0 ? void 0 : analytics.track.smartLinkQuickActionFailed(permissionLoadErrorAnalyticsPayload);
             setErrorMessage(LozengeActionErrorMessages.noData);
             setIsLoaded(false);
           }
         } catch (err) {
           setErrorMessage(LozengeActionErrorMessages.unknown);
           setIsLoaded(false);
+          analytics === null || analytics === void 0 ? void 0 : analytics.track.smartLinkQuickActionFailed(unknownLoadErrorAnalyticsPayload);
         } finally {
           setIsLoading(false);
         }
@@ -102,6 +105,9 @@ const LozengeAction = ({
         setIsLoaded(false);
         setIsOpen(false);
         setItems([]);
+        analytics === null || analytics === void 0 ? void 0 : analytics.track.smartLinkQuickActionSuccess({
+          smartLinkActionType: TrackQuickActionType.StatusUpdate
+        });
         if (url) {
           await reload(url, true, undefined, linkId);
         }
@@ -110,11 +116,13 @@ const LozengeAction = ({
       setIsLoading(false);
       if (isInvokeCustomError(err)) {
         setErrorMessage(err.message);
+        analytics === null || analytics === void 0 ? void 0 : analytics.track.smartLinkQuickActionFailed(validationUpdateErrorAnalyticsPayload);
       } else {
         setErrorMessage(LozengeActionErrorMessages.updateFailed);
+        analytics === null || analytics === void 0 ? void 0 : analytics.track.smartLinkQuickActionFailed(unknownUpdateErrorAnalyticsPayload);
       }
     }
-  }, [action === null || action === void 0 ? void 0 : action.update, analytics === null || analytics === void 0 ? void 0 : analytics.ui, invoke, linkId, reload, url]);
+  }, [action === null || action === void 0 ? void 0 : action.update, analytics, invoke, linkId, reload, url]);
   const dropdownItemGroup = useMemo(() => {
     if (errorMessage) {
       return jsx(LozengeActionError, {

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

@@ -0,0 +1,21 @@
+import { TrackQuickActionFailureReason, TrackQuickActionType } from '../../../../../utils/analytics/analytics';
+export const unknownLoadErrorAnalyticsPayload = {
+  smartLinkActionType: TrackQuickActionType.StatusUpdate,
+  reason: TrackQuickActionFailureReason.UnknownError,
+  step: 'load'
+};
+export const permissionLoadErrorAnalyticsPayload = {
+  smartLinkActionType: TrackQuickActionType.StatusUpdate,
+  reason: TrackQuickActionFailureReason.PermissionError,
+  step: 'load'
+};
+export const unknownUpdateErrorAnalyticsPayload = {
+  smartLinkActionType: TrackQuickActionType.StatusUpdate,
+  reason: TrackQuickActionFailureReason.UnknownError,
+  step: 'update'
+};
+export const validationUpdateErrorAnalyticsPayload = {
+  smartLinkActionType: TrackQuickActionType.StatusUpdate,
+  reason: TrackQuickActionFailureReason.ValidationError,
+  step: 'update'
+};

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

@@ -36,6 +36,7 @@ export const contentStyles = css`
 export const linkStyles = css`
   ${sharedBlockStyles};
 
+  cursor: pointer;
   font-size: 0.875rem;
   margin-top: 10px;
   margin-left: ${"var(--ds-space-400, 32px)"};

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

@@ -4,49 +4,29 @@ 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 _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(req, cb) {
-      var _req$action;
-      var smartLinkActionType, response;
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(req, cb) {
+      var response;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            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;
+            _context.next = 2;
             return clientExt.invoke(req);
-          case 5:
+          case 2:
             response = _context.sent;
-            success && success({
-              smartLinkActionType: smartLinkActionType
-            });
             return _context.abrupt("return", cb ? cb(response) : response);
-          case 10:
-            _context.prev = 10;
-            _context.t0 = _context["catch"](1);
-            failed && failed({
-              smartLinkActionType: smartLinkActionType
-            });
-            throw _context.t0;
-          case 14:
+          case 4:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[1, 10]]);
+      }, _callee);
     }));
     return function (_x, _x2) {
-      return _ref2.apply(this, arguments);
+      return _ref.apply(this, arguments);
     };
-  }(), [clientExt, failed, started, success]);
+  }(), [clientExt]);
 };
 export default useInvoke;

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

@@ -16,6 +16,16 @@ export var context = {
   packageName: packageName,
   packageVersion: packageVersion
 };
+export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
+  TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
+  return TrackQuickActionType;
+}({});
+export var TrackQuickActionFailureReason = /*#__PURE__*/function (TrackQuickActionFailureReason) {
+  TrackQuickActionFailureReason["PermissionError"] = "PermissionError";
+  TrackQuickActionFailureReason["ValidationError"] = "ValidationError";
+  TrackQuickActionFailureReason["UnknownError"] = "UnknownError";
+  return TrackQuickActionFailureReason;
+}({});
 var uiActionSubjectIds = {
   DownloadAction: 'downloadDocument',
   PreviewAction: 'invokePreviewScreen',

package/dist/esm/version.json

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