@atlaskit/smart-card 26.24.0 → 26.26.0

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

@@ -13,9 +13,11 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _useInvoke = _interopRequireDefault(require("../../../../../../state/hooks/use-invoke"));
+var _utils = require("../../../../../../state/hooks/use-invoke/utils");
 var _useResolve = _interopRequireDefault(require("../../../../../../state/hooks/use-resolve"));
 var _createInvokeRequest = _interopRequireDefault(require("../../../../../../utils/actions/create-invoke-request"));
 var _index = _interopRequireDefault(require("../index"));
+var _flexibleUiContext = require("../../../../../../state/flexible-ui-context");
 var _excluded = ["action", "onClick"];
 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; }
@@ -27,46 +29,61 @@ var ServerAction = function ServerAction(_ref) {
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     isLoading = _useState2[0],
     setIsLoading = _useState2[1];
+  var analytics = (0, _flexibleUiContext.useFlexibleUiAnalyticsContext)();
   var invoke = (0, _useInvoke.default)();
   var reload = (0, _useResolve.default)();
   var handleClick = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-    var request;
+    var _action$action, smartLinkActionType, request;
     return _regenerator.default.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           if (!action) {
-            _context.next = 16;
+            _context.next = 21;
             break;
           }
-          _context.prev = 1;
+          smartLinkActionType = (_action$action = action.action) === null || _action$action === void 0 ? void 0 : _action$action.actionType;
+          _context.prev = 2;
           setIsLoading(true);
+          analytics === null || analytics === void 0 ? void 0 : analytics.ui.smartLinkServerActionClickedEvent({
+            smartLinkActionType: smartLinkActionType
+          });
+          analytics === null || analytics === void 0 ? void 0 : analytics.track.smartLinkQuickActionStarted({
+            smartLinkActionType: smartLinkActionType
+          });
           request = (0, _createInvokeRequest.default)(action);
-          _context.next = 6;
+          _context.next = 9;
           return invoke(request);
-        case 6:
+        case 9:
+          analytics === null || analytics === void 0 ? void 0 : analytics.track.smartLinkQuickActionSuccess({
+            smartLinkActionType: smartLinkActionType
+          });
           if (!(action.reload && action.reload.url)) {
-            _context.next = 9;
+            _context.next = 13;
             break;
           }
-          _context.next = 9;
+          _context.next = 13;
           return reload(action.reload.url, true, undefined, action.reload.id);
-        case 9:
+        case 13:
           setIsLoading(false);
           if (onClick) {
             onClick();
           }
-          _context.next = 16;
+          _context.next = 21;
           break;
-        case 13:
-          _context.prev = 13;
-          _context.t0 = _context["catch"](1);
+        case 17:
+          _context.prev = 17;
+          _context.t0 = _context["catch"](2);
           setIsLoading(false);
-        case 16:
+          analytics === null || analytics === void 0 ? void 0 : analytics.track.smartLinkQuickActionFailed({
+            smartLinkActionType: smartLinkActionType,
+            reason: (0, _utils.getInvokeFailureReason)(_context.t0)
+          });
+        case 21:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[1, 13]]);
-  })), [action, invoke, onClick, reload]);
+    }, _callee, null, [[2, 17]]);
+  })), [action, analytics === null || analytics === void 0 ? void 0 : analytics.track, analytics === null || analytics === void 0 ? void 0 : analytics.ui, invoke, onClick, reload]);
   return /*#__PURE__*/_react.default.createElement(_index.default, (0, _extends2.default)({}, props, {
     isLoading: isLoading,
     onClick: handleClick

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

@@ -5,11 +5,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _index = _interopRequireDefault(require("../index"));
 var _utils = require("../../../../../../utils");
+var _constants = require("../../../../../../constants");
+var _flexibleUiContext = require("../../../../../../state/flexible-ui-context");
+var _useInvokeClientAction = _interopRequireDefault(require("../../../../../../state/hooks/use-invoke-client-action"));
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ViewAction = function ViewAction(props) {
@@ -19,10 +24,37 @@ var ViewAction = function ViewAction(props) {
     _onClick = props.onClick,
     viewUrl = props.viewUrl,
     url = props.url;
+  var analytics = (0, _flexibleUiContext.useFlexibleUiAnalyticsContext)();
+  var invoke = (0, _useInvokeClientAction.default)({
+    analytics: analytics
+  });
   if (viewUrl && url) {
     var action = _objectSpread(_objectSpread({}, props), {}, {
       onClick: function onClick() {
-        (0, _utils.openUrl)(viewUrl);
+        invoke({
+          actionType: _constants.ActionName.ViewAction,
+          actionFn: function () {
+            var _actionFn = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+              return _regenerator.default.wrap(function _callee$(_context) {
+                while (1) switch (_context.prev = _context.next) {
+                  case 0:
+                    return _context.abrupt("return", (0, _utils.openUrl)(viewUrl));
+                  case 1:
+                  case "end":
+                    return _context.stop();
+                }
+              }, _callee);
+            }));
+            function actionFn() {
+              return _actionFn.apply(this, arguments);
+            }
+            return actionFn;
+          }(),
+          // These values have already been set in analytics context.
+          // We only pass these here for ufo experience.
+          display: analytics === null || analytics === void 0 ? void 0 : analytics.display,
+          extensionKey: analytics === null || analytics === void 0 ? void 0 : analytics.extensionKey
+        });
         if (_onClick) {
           _onClick();
         }

package/dist/cjs/view/FlexibleCard/components/elements/lozenge/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 _utils = require("../../../../../../state/hooks/use-invoke/utils");
 var _flexibleUiContext = require("../../../../../../state/flexible-ui-context");
 var _analytics = require("../../../../../../utils/analytics/analytics");
 var _lozengeActionAnalytics = require("./lozenge-action-analytics");
@@ -37,9 +38,6 @@ var validateItems = function validateItems() {
     return item.text !== text;
   });
 };
-var isInvokeCustomError = function isInvokeCustomError(err) {
-  return err.message !== undefined && err.errorCode !== undefined;
-};
 var LozengeAction = function LozengeAction(_ref) {
   var _action$update;
   var action = _ref.action,
@@ -199,7 +197,7 @@ var LozengeAction = function LozengeAction(_ref) {
             _context2.prev = 19;
             _context2.t0 = _context2["catch"](0);
             setIsLoading(false);
-            if (isInvokeCustomError(_context2.t0)) {
+            if ((0, _utils.isInvokeCustomError)(_context2.t0)) {
               setErrorMessage(_context2.t0.message);
               analytics === null || analytics === void 0 ? void 0 : analytics.track.smartLinkQuickActionFailed(_lozengeActionAnalytics.validationUpdateErrorAnalyticsPayload);
             } else {

package/dist/cjs/view/FlexibleCard/components/utils.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.sizeToButtonSpacing = exports.openEmbedModalWithFlexibleUiIcon = exports.hasWhiteSpace = exports.getTruncateStyles = exports.getMaxLines = exports.getMaxLineHeight = exports.getLinkSizeStyles = exports.getLinkLineHeight = exports.getIconWidth = exports.getIconSizeStyles = exports.getFormattedMessageAsString = exports.getFormattedMessage = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -14,7 +15,10 @@ var _reactIntlNext = require("react-intl-next");
 var _constants = require("../../../constants");
 var _icon = _interopRequireDefault(require("./elements/icon"));
 var _utils = require("../../EmbedModal/utils");
+var _excluded = ["linkIcon"];
 var _sizeToButtonSpacing, _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var sizeToButtonSpacing = (_sizeToButtonSpacing = {}, (0, _defineProperty2.default)(_sizeToButtonSpacing, _constants.SmartLinkSize.Small, 'none'), (0, _defineProperty2.default)(_sizeToButtonSpacing, _constants.SmartLinkSize.Medium, 'compact'), (0, _defineProperty2.default)(_sizeToButtonSpacing, _constants.SmartLinkSize.Large, 'compact'), (0, _defineProperty2.default)(_sizeToButtonSpacing, _constants.SmartLinkSize.XLarge, 'default'), _sizeToButtonSpacing);
 exports.sizeToButtonSpacing = sizeToButtonSpacing;
 var getFormattedMessage = function getFormattedMessage(message) {
@@ -116,35 +120,20 @@ var hasWhiteSpace = function hasWhiteSpace(str) {
 };
 exports.hasWhiteSpace = hasWhiteSpace;
 var openEmbedModalWithFlexibleUiIcon = function openEmbedModalWithFlexibleUiIcon(_ref) {
-  var analytics = _ref.analytics,
-    downloadUrl = _ref.downloadUrl,
-    linkIcon = _ref.linkIcon,
-    onClose = _ref.onClose,
-    providerName = _ref.providerName,
-    src = _ref.src,
-    title = _ref.title,
-    url = _ref.url,
-    isSupportTheming = _ref.isSupportTheming;
+  var linkIcon = _ref.linkIcon,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var icon = {
     icon: /*#__PURE__*/_react.default.createElement(_icon.default, (0, _extends2.default)({}, linkIcon, {
       size: _constants.SmartLinkSize.Large
     })),
     isFlexibleUi: true
   };
-  return (0, _utils.openEmbedModal)({
-    analytics: analytics,
-    download: downloadUrl,
+  return (0, _utils.openEmbedModal)(_objectSpread(_objectSpread({}, props), {}, {
     icon: icon,
     // Flex should not send origin as block card. It should be able to support
     // its internal parent components like hover card, block card and
     // itself as a standalone. To be investigated and fix in EDM-7520.
-    origin: 'smartLinkCard',
-    providerName: providerName,
-    onClose: onClose,
-    src: src,
-    title: title,
-    url: url,
-    isSupportTheming: isSupportTheming
-  });
+    origin: 'smartLinkCard'
+  }));
 };
 exports.openEmbedModalWithFlexibleUiIcon = openEmbedModalWithFlexibleUiIcon;

package/dist/cjs/view/FlexibleCard/index.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _constants = require("../../constants");
 var _container = _interopRequireDefault(require("./components/container"));
@@ -14,6 +15,8 @@ var _flexibleUiContext = require("../../state/flexible-ui-context");
 var _utils = require("./utils");
 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; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * This represents a Flexible Card: a link represented by a card with metadata.
  * This is the container in which all Flexible UI Blocks and Elements exist.
@@ -21,7 +24,10 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * @see Container
  */
 var FlexibleCard = function FlexibleCard(_ref) {
+  var _details$meta2;
   var analytics = _ref.analytics,
+    _ref$appearance = _ref.appearance,
+    appearance = _ref$appearance === void 0 ? 'flexible' : _ref$appearance,
     cardState = _ref.cardState,
     children = _ref.children,
     id = _ref.id,
@@ -52,6 +58,13 @@ var FlexibleCard = function FlexibleCard(_ref) {
   var retry = (0, _utils.getRetryOptions)(url, status, details, onAuthorize);
   var _ref2 = context || {},
     title = _ref2.title;
+  var analyticsContext = (0, _react.useMemo)(function () {
+    var _details$meta;
+    return analytics ? _objectSpread(_objectSpread({}, analytics), {}, {
+      display: appearance,
+      extensionKey: details === null || details === void 0 ? void 0 : (_details$meta = details.meta) === null || _details$meta === void 0 ? void 0 : _details$meta.key
+    }) : undefined;
+  }, [analytics, appearance, details === null || details === void 0 ? void 0 : (_details$meta2 = details.meta) === null || _details$meta2 === void 0 ? void 0 : _details$meta2.key]);
   (0, _react.useEffect)(function () {
     switch (status) {
       case _constants.SmartLinkStatus.Resolved:
@@ -77,7 +90,7 @@ var FlexibleCard = function FlexibleCard(_ref) {
     }
   }, [onError, onResolve, status, title, url]);
   return /*#__PURE__*/_react.default.createElement(_flexibleUiContext.FlexibleUiAnalyticsContext.Provider, {
-    value: analytics
+    value: analyticsContext
   }, /*#__PURE__*/_react.default.createElement(_flexibleUiContext.FlexibleUiOptionContext.Provider, {
     value: ui
   }, /*#__PURE__*/_react.default.createElement(_flexibleUiContext.FlexibleUiContext.Provider, {

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

@@ -150,6 +150,7 @@ var HoverCardContent = function HoverCardContent(_ref) {
     subtitle: subtitle
   };
   var flexibleCardProps = {
+    appearance: _constants.CardDisplay.HoverCardPreview,
     cardState: cardState,
     onClick: onClick,
     onResolve: onResolve,

package/dist/cjs/view/LinkUrl/index.js

@@ -18,7 +18,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId"],
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.24.0",
+  packageVersion: "26.26.0",
   componentName: 'linkUrl'
 };
 var Link = (0, _click.withLinkClickedEvent)('a');

package/dist/es2019/extractors/block/index.js

@@ -5,7 +5,7 @@ import { extractCommentCount, extractProgrammingLanguage, extractSubscriberCount
 import { extractLink, extractTitle, extractProvider, extractMembers, extractPersonAssignedTo, extractPersonCreatedBy, extractPersonUpdatedBy, extractImage } from '@atlaskit/link-extractors';
 import { extractByline } from '../common/byline/extractByline';
 import { extractTitlePrefix } from '../common/title-prefix/extractTitlePrefix';
-import { extractActions } from '../common/actions/extractActions';
+import { extractClientActions } from '../common/actions/extractActions';
 import { extractPreviewAction } from '../common/actions/extractPreviewAction';
 import { extractIsTrusted } from '../common/meta/extractIsTrusted';
 const extractBlockIcon = jsonLd => {
@@ -26,7 +26,7 @@ export const extractBlockActions = (props, jsonLd, opts, platform, meta) => {
     const {
       handleInvoke
     } = opts;
-    const actions = extractActions(jsonLd, handleInvoke);
+    const actions = extractClientActions(jsonLd, handleInvoke);
     const previewAction = extractPreviewAction({
       ...opts,
       viewProps: props,

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

@@ -30,25 +30,6 @@ const getClientActionProps = (jsonLd, action, handler) => {
     promise: () => handler(clientActionInvokeOpts)
   };
 };
-const getServerActionProps = (jsonLd, action, handler) => {
-  const id = action['@id'] || action['@type'];
-  const data = {
-    type: 'server',
-    key: action.identifier,
-    action: {
-      type: action['@type'],
-      payload: {
-        id,
-        context: jsonLd.context
-      }
-    }
-  };
-  return {
-    id,
-    text: action.name,
-    promise: () => handler(data)
-  };
-};
 export const getActionsFromJsonLd = jsonLd => {
   let actions = jsonLd && jsonLd['schema:potentialAction'];
   if (!actions) {
@@ -59,11 +40,9 @@ export const getActionsFromJsonLd = jsonLd => {
   }
   return actions;
 };
-export function extractActions(jsonLd, handler) {
+export function extractClientActions(jsonLd, handler) {
   const actions = getActionsFromJsonLd(jsonLd);
   const clientActions = actions.filter(isClientAction);
-  const serverActions = actions.filter(action => !isClientAction(action));
   const clientActionImpls = clientActions.map(action => getClientActionProps(jsonLd, action, handler));
-  const serverActionImpls = serverActions.map(action => getServerActionProps(jsonLd, action, handler));
-  return [...clientActionImpls, ...serverActionImpls];
+  return clientActionImpls;
 }

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

@@ -4,7 +4,7 @@ import { chunkloadFailedEvent, connectFailedEvent, connectSucceededEvent, contex
 import { failUfoExperience, startUfoExperience, succeedUfoExperience } from './ufoExperiences';
 import { getDefinitionId, getExtensionKey, getProduct, getResourceType, getStatusDetails, getSubproduct } from '../helpers';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
-import { trackHoverCardResolutionStarted, trackSmartLinkQuickActionFailed, trackSmartLinkQuickActionStarted, trackSmartLinkQuickActionSuccess, uiIframeDwelledEvent, uiIframeFocusedEvent } from '../../utils/analytics/analytics';
+import { trackHoverCardResolutionStarted, trackSmartLinkQuickActionFailed, trackSmartLinkQuickActionStarted, trackSmartLinkQuickActionSuccess, uiIframeDwelledEvent, uiIframeFocusedEvent, uiServerActionClicked } from '../../utils/analytics/analytics';
 import { useDispatchAnalytics } from './useDispatchAnalytics';
 const applyCommonAttributes = (event, commonAttributes) => {
   if (event && event.attributes) {
@@ -235,11 +235,11 @@ export const useSmartLinkAnalytics = (url, _dispatchAnalytics, id, defaultLocati
      * @param extensionKey The extensionKey of the Smart Link resovler invoked.
      * @param actionType The type of the action that was clicked, e.g. PreviewAction
      * @param display Whether the card was an Inline, Block, Embed or Flexible UI.
-     * @param invokeType Whether the action invoked made a call to a server.
+     * @param invokeType @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-2681 Internal documentation for deprecation (no external access)}
      * @returns
      */
     actionClickedEvent: ({
-      id: experienceId,
+      id,
       actionType,
       display,
       invokeType,
@@ -251,14 +251,8 @@ export const useSmartLinkAnalytics = (url, _dispatchAnalytics, id, defaultLocati
       location
     }) => {
       const extensionKey = overrideExtensionKey !== null && overrideExtensionKey !== void 0 ? overrideExtensionKey : extractedExtensionKey;
-      startUfoExperience('smart-link-action-invocation', experienceId, {
-        actionType,
-        display,
-        extensionKey,
-        invokeType
-      });
       dispatchAnalytics(applyCommonAttributes(uiActionClickedEvent({
-        id: defaultId,
+        id: id !== null && id !== void 0 ? id : defaultId,
         actionType,
         display,
         extensionKey,
@@ -494,7 +488,8 @@ export const useSmartLinkAnalytics = (url, _dispatchAnalytics, id, defaultLocati
     /**
      * Fires an event that represent a click was performed on a Status Lozenge open preview button
      */
-    smartLinkLozengeActionErrorOpenPreviewClickedEvent: () => dispatchAnalytics(applyCommonAttributes(uiSmartLinkStatusOpenPreviewButtonClicked(), commonAttributes))
+    smartLinkLozengeActionErrorOpenPreviewClickedEvent: () => dispatchAnalytics(applyCommonAttributes(uiSmartLinkStatusOpenPreviewButtonClicked(), commonAttributes)),
+    smartLinkServerActionClickedEvent: props => dispatchAnalytics(applyCommonAttributes(uiServerActionClicked(props), commonAttributes))
   }), [dispatchAnalytics, commonAttributes, defaultId, extractedExtensionKey]);
 
   /** Contains all operational analytics events */
@@ -507,7 +502,7 @@ export const useSmartLinkAnalytics = (url, _dispatchAnalytics, id, defaultLocati
      * @param display Whether the card was an Inline, Block, Embed or Flexible UI.
      */
     invokeSucceededEvent: ({
-      id: experienceId,
+      id,
       actionType,
       display,
       extensionKey,
@@ -517,9 +512,8 @@ export const useSmartLinkAnalytics = (url, _dispatchAnalytics, id, defaultLocati
       destinationSubproduct,
       location
     }) => {
-      succeedUfoExperience('smart-link-action-invocation', experienceId);
       dispatchAnalytics(applyCommonAttributes(invokeSucceededEvent({
-        id: defaultId,
+        id: id !== null && id !== void 0 ? id : defaultId,
         actionType,
         display,
         extensionKey,
@@ -539,7 +533,7 @@ export const useSmartLinkAnalytics = (url, _dispatchAnalytics, id, defaultLocati
      * @param reason The reason the invocation failed.
      */
     invokeFailedEvent: ({
-      id: experienceId,
+      id,
       actionType,
       display,
       reason,
@@ -550,9 +544,8 @@ export const useSmartLinkAnalytics = (url, _dispatchAnalytics, id, defaultLocati
       destinationSubproduct,
       location
     }) => {
-      failUfoExperience('smart-link-action-invocation', experienceId);
       dispatchAnalytics(applyCommonAttributes(invokeFailedEvent({
-        id: defaultId,
+        id: id !== null && id !== void 0 ? id : defaultId,
         actionType,
         display,
         reason,

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

@@ -0,0 +1,13 @@
+import { TrackQuickActionFailureReason } from '../../../utils/analytics/analytics';
+export const getInvokeFailureReason = err => {
+  if (!isInvokeCustomError(err)) {
+    return TrackQuickActionFailureReason.UnknownError;
+  }
+  switch (err === null || err === void 0 ? void 0 : err.errorCode) {
+    case 403:
+      return TrackQuickActionFailureReason.PermissionError;
+    default:
+      return TrackQuickActionFailureReason.UnknownError;
+  }
+};
+export const isInvokeCustomError = err => (err === null || err === void 0 ? void 0 : err.message) !== undefined && (err === null || err === void 0 ? void 0 : err.errorCode) !== undefined;

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

@@ -1,6 +1,9 @@
 import { useCallback } from 'react';
 import uuid from 'uuid';
 import * as measure from '../../../utils/performance';
+import { failUfoExperience, startUfoExperience, succeedUfoExperience } from '../../analytics';
+const ACTION_EXPERIENCE_NAME = 'smart-link-action-invocation';
+
 /**
  * Invoke client action such as preview, download and open link
  */
@@ -18,31 +21,34 @@ const useInvokeClientAction = ({
   const markName = `${experienceId}-${actionType}`;
   measure.mark(markName, 'pending');
   try {
-    // Begin analytics instrumentation.
-    analytics === null || analytics === void 0 ? void 0 : analytics.ui.actionClickedEvent({
-      id: experienceId,
-      extensionKey,
+    // Begin UFO experience
+    startUfoExperience(ACTION_EXPERIENCE_NAME, experienceId, {
       actionType,
       display,
+      extensionKey,
       invokeType: 'client'
     });
 
+    // Begin analytics instrumentation.
+    analytics === null || analytics === void 0 ? void 0 : analytics.ui.actionClickedEvent({
+      actionType,
+      display
+    });
+
     // Invoke action
     const result = await actionFn();
     measure.mark(markName, 'resolved');
+    succeedUfoExperience(ACTION_EXPERIENCE_NAME, experienceId);
     analytics === null || analytics === void 0 ? void 0 : analytics.operational.invokeSucceededEvent({
-      id: experienceId,
-      extensionKey,
       actionType,
       display
     });
     return result;
   } catch (err) {
     measure.mark(markName, 'errored');
+    failUfoExperience(ACTION_EXPERIENCE_NAME, experienceId);
     const reason = typeof err === 'string' ? err : err === null || err === void 0 ? void 0 : err.message;
     analytics === null || analytics === void 0 ? void 0 : analytics.operational.invokeFailedEvent({
-      id: experienceId,
-      extensionKey,
       actionType,
       display,
       reason

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

@@ -1,9 +1,10 @@
 import { getMeasure } from '../performance';
+import { SmartLinkActionType } from '@atlaskit/linking-types';
 export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.24.0"
+  packageVersion: "26.26.0"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
@@ -15,6 +16,15 @@ 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',
@@ -229,42 +239,51 @@ export const trackAppAccountAuthStarted = ({
 export const trackSmartLinkQuickActionStarted = ({
   smartLinkActionType,
   ...attributes
-}) => ({
-  action: 'started',
-  actionSubject: 'smartLinkQuickAction',
-  eventType: 'track',
-  attributes: {
-    ...context,
-    ...attributes,
-    smartLinkActionType
-  }
-});
+}) => {
+  var _SmartLinkActionTypeT;
+  return {
+    action: 'started',
+    actionSubject: 'smartLinkQuickAction',
+    eventType: 'track',
+    attributes: {
+      ...context,
+      ...attributes,
+      smartLinkActionType: (_SmartLinkActionTypeT = SmartLinkActionTypeTrackingEventMapper[smartLinkActionType]) !== null && _SmartLinkActionTypeT !== void 0 ? _SmartLinkActionTypeT : smartLinkActionType
+    }
+  };
+};
 export const trackSmartLinkQuickActionSuccess = ({
   smartLinkActionType,
   ...attributes
-}) => ({
-  action: 'success',
-  actionSubject: 'smartLinkQuickAction',
-  eventType: 'track',
-  attributes: {
-    ...context,
-    ...attributes,
-    smartLinkActionType
-  }
-});
+}) => {
+  var _SmartLinkActionTypeT2;
+  return {
+    action: 'success',
+    actionSubject: 'smartLinkQuickAction',
+    eventType: 'track',
+    attributes: {
+      ...context,
+      ...attributes,
+      smartLinkActionType: (_SmartLinkActionTypeT2 = SmartLinkActionTypeTrackingEventMapper[smartLinkActionType]) !== null && _SmartLinkActionTypeT2 !== void 0 ? _SmartLinkActionTypeT2 : smartLinkActionType
+    }
+  };
+};
 export const trackSmartLinkQuickActionFailed = ({
   smartLinkActionType,
   ...attributes
-}) => ({
-  action: 'failed',
-  actionSubject: 'smartLinkQuickAction',
-  eventType: 'track',
-  attributes: {
-    ...context,
-    ...attributes,
-    smartLinkActionType
-  }
-});
+}) => {
+  var _SmartLinkActionTypeT3;
+  return {
+    action: 'failed',
+    actionSubject: 'smartLinkQuickAction',
+    eventType: 'track',
+    attributes: {
+      ...context,
+      ...attributes,
+      smartLinkActionType: (_SmartLinkActionTypeT3 = SmartLinkActionTypeTrackingEventMapper[smartLinkActionType]) !== null && _SmartLinkActionTypeT3 !== void 0 ? _SmartLinkActionTypeT3 : smartLinkActionType
+    }
+  };
+};
 export const trackHoverCardResolutionStarted = ({
   display,
   ...attributes
@@ -660,4 +679,18 @@ export const uiSmartLinkStatusOpenPreviewButtonClicked = () => ({
   attributes: {
     ...context
   }
-});
+});
+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
+    }
+  };
+};