@atlaskit/smart-card 26.24.0 → 26.26.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/smart-card
 
+## 26.26.0
+
+### Minor Changes
+
+- [`d3e04f50bbc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3e04f50bbc) - Add follow action analytics (behind feature flag)
+
+## 26.25.0
+
+### Minor Changes
+
+- [`dc3345f4b47`](https://bitbucket.org/atlassian/atlassian-frontend/commits/dc3345f4b47) - Refactor flexible card to use client action hook. (Minor due to the change to the deprecated hook.)
+
+### Patch Changes
+
+- [`2c8b781fd3a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2c8b781fd3a) - cleanup: remove server actions from actions extractor
+
 ## 26.24.0
 
 ### Minor Changes

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

@@ -38,7 +38,7 @@ var extractBlockDetails = function extractBlockDetails(jsonLd) {
 var extractBlockActions = function extractBlockActions(props, jsonLd, opts, platform, meta) {
   if (opts) {
     var handleInvoke = opts.handleInvoke;
-    var actions = (0, _extractActions.extractActions)(jsonLd, handleInvoke);
+    var actions = (0, _extractActions.extractClientActions)(jsonLd, handleInvoke);
     var previewAction = (0, _extractPreviewAction.extractPreviewAction)(_objectSpread(_objectSpread({}, opts), {}, {
       viewProps: props,
       jsonLd: jsonLd,

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

@@ -4,9 +4,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.extractActions = extractActions;
+exports.extractClientActions = extractClientActions;
 exports.getActionsFromJsonLd = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _ViewAction = require("../../../view/BlockCard/actions/ViewAction");
 var _DownloadAction = require("../../../view/BlockCard/actions/DownloadAction");
@@ -45,27 +44,6 @@ var getClientActionProps = function getClientActionProps(jsonLd, action, handler
     }
   });
 };
-var getServerActionProps = function getServerActionProps(jsonLd, action, handler) {
-  var id = action['@id'] || action['@type'];
-  var data = {
-    type: 'server',
-    key: action.identifier,
-    action: {
-      type: action['@type'],
-      payload: {
-        id: id,
-        context: jsonLd.context
-      }
-    }
-  };
-  return {
-    id: id,
-    text: action.name,
-    promise: function promise() {
-      return handler(data);
-    }
-  };
-};
 var getActionsFromJsonLd = function getActionsFromJsonLd(jsonLd) {
   var actions = jsonLd && jsonLd['schema:potentialAction'];
   if (!actions) {
@@ -77,17 +55,11 @@ var getActionsFromJsonLd = function getActionsFromJsonLd(jsonLd) {
   return actions;
 };
 exports.getActionsFromJsonLd = getActionsFromJsonLd;
-function extractActions(jsonLd, handler) {
+function extractClientActions(jsonLd, handler) {
   var actions = getActionsFromJsonLd(jsonLd);
   var clientActions = actions.filter(isClientAction);
-  var serverActions = actions.filter(function (action) {
-    return !isClientAction(action);
-  });
   var clientActionImpls = clientActions.map(function (action) {
     return getClientActionProps(jsonLd, action, handler);
   });
-  var serverActionImpls = serverActions.map(function (action) {
-    return getServerActionProps(jsonLd, action, handler);
-  });
-  return [].concat((0, _toConsumableArray2.default)(clientActionImpls), (0, _toConsumableArray2.default)(serverActionImpls));
+  return clientActionImpls;
 }

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

@@ -254,11 +254,11 @@ var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, _dispatchAnalyti
        * @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: function actionClickedEvent(_ref6) {
-        var experienceId = _ref6.id,
+        var id = _ref6.id,
           actionType = _ref6.actionType,
           display = _ref6.display,
           invokeType = _ref6.invokeType,
@@ -269,14 +269,8 @@ var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, _dispatchAnalyti
           destinationSubproduct = _ref6.destinationSubproduct,
           location = _ref6.location;
         var extensionKey = overrideExtensionKey !== null && overrideExtensionKey !== void 0 ? overrideExtensionKey : extractedExtensionKey;
-        (0, _ufoExperiences.startUfoExperience)('smart-link-action-invocation', experienceId, {
-          actionType: actionType,
-          display: display,
-          extensionKey: extensionKey,
-          invokeType: invokeType
-        });
         dispatchAnalytics(applyCommonAttributes((0, _analytics.uiActionClickedEvent)({
-          id: defaultId,
+          id: id !== null && id !== void 0 ? id : defaultId,
           actionType: actionType,
           display: display,
           extensionKey: extensionKey,
@@ -519,6 +513,9 @@ var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, _dispatchAnalyti
        */
       smartLinkLozengeActionErrorOpenPreviewClickedEvent: function smartLinkLozengeActionErrorOpenPreviewClickedEvent() {
         return dispatchAnalytics(applyCommonAttributes((0, _analytics.uiSmartLinkStatusOpenPreviewButtonClicked)(), commonAttributes));
+      },
+      smartLinkServerActionClickedEvent: function smartLinkServerActionClickedEvent(props) {
+        return dispatchAnalytics(applyCommonAttributes((0, _analytics2.uiServerActionClicked)(props), commonAttributes));
       }
     };
   }, [dispatchAnalytics, commonAttributes, defaultId, extractedExtensionKey]);
@@ -534,7 +531,7 @@ var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, _dispatchAnalyti
        * @param display Whether the card was an Inline, Block, Embed or Flexible UI.
        */
       invokeSucceededEvent: function invokeSucceededEvent(_ref13) {
-        var experienceId = _ref13.id,
+        var id = _ref13.id,
           actionType = _ref13.actionType,
           display = _ref13.display,
           extensionKey = _ref13.extensionKey,
@@ -543,9 +540,8 @@ var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, _dispatchAnalyti
           destinationProduct = _ref13.destinationProduct,
           destinationSubproduct = _ref13.destinationSubproduct,
           location = _ref13.location;
-        (0, _ufoExperiences.succeedUfoExperience)('smart-link-action-invocation', experienceId);
         dispatchAnalytics(applyCommonAttributes((0, _analytics.invokeSucceededEvent)({
-          id: defaultId,
+          id: id !== null && id !== void 0 ? id : defaultId,
           actionType: actionType,
           display: display,
           extensionKey: extensionKey,
@@ -565,7 +561,7 @@ var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, _dispatchAnalyti
        * @param reason The reason the invocation failed.
        */
       invokeFailedEvent: function invokeFailedEvent(_ref14) {
-        var experienceId = _ref14.id,
+        var id = _ref14.id,
           actionType = _ref14.actionType,
           display = _ref14.display,
           reason = _ref14.reason,
@@ -575,9 +571,8 @@ var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, _dispatchAnalyti
           destinationProduct = _ref14.destinationProduct,
           destinationSubproduct = _ref14.destinationSubproduct,
           location = _ref14.location;
-        (0, _ufoExperiences.failUfoExperience)('smart-link-action-invocation', experienceId);
         dispatchAnalytics(applyCommonAttributes((0, _analytics.invokeFailedEvent)({
-          id: defaultId,
+          id: id !== null && id !== void 0 ? id : defaultId,
           actionType: actionType,
           display: display,
           reason: reason,

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

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isInvokeCustomError = exports.getInvokeFailureReason = void 0;
+var _analytics = require("../../../utils/analytics/analytics");
+var getInvokeFailureReason = function getInvokeFailureReason(err) {
+  if (!isInvokeCustomError(err)) {
+    return _analytics.TrackQuickActionFailureReason.UnknownError;
+  }
+  switch (err === null || err === void 0 ? void 0 : err.errorCode) {
+    case 403:
+      return _analytics.TrackQuickActionFailureReason.PermissionError;
+    default:
+      return _analytics.TrackQuickActionFailureReason.UnknownError;
+  }
+};
+exports.getInvokeFailureReason = getInvokeFailureReason;
+var isInvokeCustomError = function isInvokeCustomError(err) {
+  return (err === null || err === void 0 ? void 0 : err.message) !== undefined && (err === null || err === void 0 ? void 0 : err.errorCode) !== undefined;
+};
+exports.isInvokeCustomError = isInvokeCustomError;

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

@@ -11,8 +11,11 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _react = require("react");
 var _uuid = _interopRequireDefault(require("uuid"));
 var measure = _interopRequireWildcard(require("../../../utils/performance"));
+var _analytics = require("../../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; }
+var ACTION_EXPERIENCE_NAME = 'smart-link-action-invocation';
+
 /**
  * Invoke client action such as preview, download and open link
  */
@@ -29,45 +32,48 @@ var useInvokeClientAction = function useInvokeClientAction(_ref) {
             markName = "".concat(experienceId, "-").concat(actionType);
             measure.mark(markName, 'pending');
             _context.prev = 4;
-            // Begin analytics instrumentation.
-            analytics === null || analytics === void 0 ? void 0 : analytics.ui.actionClickedEvent({
-              id: experienceId,
-              extensionKey: extensionKey,
+            // Begin UFO experience
+            (0, _analytics.startUfoExperience)(ACTION_EXPERIENCE_NAME, experienceId, {
               actionType: actionType,
               display: display,
+              extensionKey: extensionKey,
               invokeType: 'client'
             });
 
+            // Begin analytics instrumentation.
+            analytics === null || analytics === void 0 ? void 0 : analytics.ui.actionClickedEvent({
+              actionType: actionType,
+              display: display
+            });
+
             // Invoke action
-            _context.next = 8;
+            _context.next = 9;
             return actionFn();
-          case 8:
+          case 9:
             result = _context.sent;
             measure.mark(markName, 'resolved');
+            (0, _analytics.succeedUfoExperience)(ACTION_EXPERIENCE_NAME, experienceId);
             analytics === null || analytics === void 0 ? void 0 : analytics.operational.invokeSucceededEvent({
-              id: experienceId,
-              extensionKey: extensionKey,
               actionType: actionType,
               display: display
             });
             return _context.abrupt("return", result);
-          case 14:
-            _context.prev = 14;
+          case 16:
+            _context.prev = 16;
             _context.t0 = _context["catch"](4);
             measure.mark(markName, 'errored');
+            (0, _analytics.failUfoExperience)(ACTION_EXPERIENCE_NAME, experienceId);
             reason = typeof _context.t0 === 'string' ? _context.t0 : _context.t0 === null || _context.t0 === void 0 ? void 0 : _context.t0.message;
             analytics === null || analytics === void 0 ? void 0 : analytics.operational.invokeFailedEvent({
-              id: experienceId,
-              extensionKey: extensionKey,
               actionType: actionType,
               display: display,
               reason: reason
             });
-          case 19:
+          case 22:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[4, 14]]);
+      }, _callee, null, [[4, 16]]);
     }));
     return function (_x) {
       return _ref3.apply(this, arguments);

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

@@ -4,16 +4,18 @@ 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.trackHoverCardResolutionStarted = 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;
+exports.unresolvedEvent = exports.uiSmartLinkStatusOpenPreviewButtonClicked = exports.uiSmartLinkStatusLozengeButtonClicked = exports.uiSmartLinkStatusListItemButtonClicked = exports.uiServerActionClicked = 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.trackHoverCardResolutionStarted = 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.SmartLinkActionTypeUiEventMapper = exports.SmartLinkActionTypeTrackingEventMapper = 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"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _performance = require("../performance");
+var _linkingTypes = require("@atlaskit/linking-types");
 var _excluded = ["smartLinkActionType"],
   _excluded2 = ["smartLinkActionType"],
   _excluded3 = ["smartLinkActionType"],
   _excluded4 = ["display"];
+var _SmartLinkActionTypeT, _SmartLinkActionTypeU;
 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 ANALYTICS_CHANNEL = 'media';
@@ -21,7 +23,7 @@ exports.ANALYTICS_CHANNEL = ANALYTICS_CHANNEL;
 var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.24.0"
+  packageVersion: "26.26.0"
 };
 exports.context = context;
 var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
@@ -36,6 +38,10 @@ var TrackQuickActionFailureReason = /*#__PURE__*/function (TrackQuickActionFailu
   return TrackQuickActionFailureReason;
 }({});
 exports.TrackQuickActionFailureReason = TrackQuickActionFailureReason;
+var SmartLinkActionTypeTrackingEventMapper = (_SmartLinkActionTypeT = {}, (0, _defineProperty2.default)(_SmartLinkActionTypeT, _linkingTypes.SmartLinkActionType.FollowEntityAction, 'Follow'), (0, _defineProperty2.default)(_SmartLinkActionTypeT, _linkingTypes.SmartLinkActionType.StatusUpdateAction, 'StatusUpdate'), (0, _defineProperty2.default)(_SmartLinkActionTypeT, _linkingTypes.SmartLinkActionType.UnfollowEntityAction, 'Unfollow'), _SmartLinkActionTypeT);
+exports.SmartLinkActionTypeTrackingEventMapper = SmartLinkActionTypeTrackingEventMapper;
+var SmartLinkActionTypeUiEventMapper = (_SmartLinkActionTypeU = {}, (0, _defineProperty2.default)(_SmartLinkActionTypeU, _linkingTypes.SmartLinkActionType.FollowEntityAction, 'smartLinkFollowButton'), (0, _defineProperty2.default)(_SmartLinkActionTypeU, _linkingTypes.SmartLinkActionType.UnfollowEntityAction, 'smartLinkFollowButton'), _SmartLinkActionTypeU);
+exports.SmartLinkActionTypeUiEventMapper = SmartLinkActionTypeUiEventMapper;
 var uiActionSubjectIds = {
   DownloadAction: 'downloadDocument',
   PreviewAction: 'invokePreviewScreen',
@@ -255,6 +261,7 @@ var trackAppAccountAuthStarted = function trackAppAccountAuthStarted(_ref7) {
 };
 exports.trackAppAccountAuthStarted = trackAppAccountAuthStarted;
 var trackSmartLinkQuickActionStarted = function trackSmartLinkQuickActionStarted(_ref8) {
+  var _SmartLinkActionTypeT2;
   var smartLinkActionType = _ref8.smartLinkActionType,
     attributes = (0, _objectWithoutProperties2.default)(_ref8, _excluded);
   return {
@@ -262,12 +269,13 @@ var trackSmartLinkQuickActionStarted = function trackSmartLinkQuickActionStarted
     actionSubject: 'smartLinkQuickAction',
     eventType: 'track',
     attributes: _objectSpread(_objectSpread(_objectSpread({}, context), attributes), {}, {
-      smartLinkActionType: smartLinkActionType
+      smartLinkActionType: (_SmartLinkActionTypeT2 = SmartLinkActionTypeTrackingEventMapper[smartLinkActionType]) !== null && _SmartLinkActionTypeT2 !== void 0 ? _SmartLinkActionTypeT2 : smartLinkActionType
     })
   };
 };
 exports.trackSmartLinkQuickActionStarted = trackSmartLinkQuickActionStarted;
 var trackSmartLinkQuickActionSuccess = function trackSmartLinkQuickActionSuccess(_ref9) {
+  var _SmartLinkActionTypeT3;
   var smartLinkActionType = _ref9.smartLinkActionType,
     attributes = (0, _objectWithoutProperties2.default)(_ref9, _excluded2);
   return {
@@ -275,12 +283,13 @@ var trackSmartLinkQuickActionSuccess = function trackSmartLinkQuickActionSuccess
     actionSubject: 'smartLinkQuickAction',
     eventType: 'track',
     attributes: _objectSpread(_objectSpread(_objectSpread({}, context), attributes), {}, {
-      smartLinkActionType: smartLinkActionType
+      smartLinkActionType: (_SmartLinkActionTypeT3 = SmartLinkActionTypeTrackingEventMapper[smartLinkActionType]) !== null && _SmartLinkActionTypeT3 !== void 0 ? _SmartLinkActionTypeT3 : smartLinkActionType
     })
   };
 };
 exports.trackSmartLinkQuickActionSuccess = trackSmartLinkQuickActionSuccess;
 var trackSmartLinkQuickActionFailed = function trackSmartLinkQuickActionFailed(_ref10) {
+  var _SmartLinkActionTypeT4;
   var smartLinkActionType = _ref10.smartLinkActionType,
     attributes = (0, _objectWithoutProperties2.default)(_ref10, _excluded3);
   return {
@@ -288,7 +297,7 @@ var trackSmartLinkQuickActionFailed = function trackSmartLinkQuickActionFailed(_
     actionSubject: 'smartLinkQuickAction',
     eventType: 'track',
     attributes: _objectSpread(_objectSpread(_objectSpread({}, context), attributes), {}, {
-      smartLinkActionType: smartLinkActionType
+      smartLinkActionType: (_SmartLinkActionTypeT4 = SmartLinkActionTypeTrackingEventMapper[smartLinkActionType]) !== null && _SmartLinkActionTypeT4 !== void 0 ? _SmartLinkActionTypeT4 : smartLinkActionType
     })
   };
 };
@@ -706,4 +715,16 @@ var uiSmartLinkStatusOpenPreviewButtonClicked = function uiSmartLinkStatusOpenPr
     attributes: _objectSpread({}, context)
   };
 };
-exports.uiSmartLinkStatusOpenPreviewButtonClicked = uiSmartLinkStatusOpenPreviewButtonClicked;
+exports.uiSmartLinkStatusOpenPreviewButtonClicked = uiSmartLinkStatusOpenPreviewButtonClicked;
+var uiServerActionClicked = function uiServerActionClicked(_ref26) {
+  var _SmartLinkActionTypeU2;
+  var smartLinkActionType = _ref26.smartLinkActionType;
+  return {
+    action: 'clicked',
+    actionSubject: 'button',
+    actionSubjectId: (_SmartLinkActionTypeU2 = SmartLinkActionTypeUiEventMapper[smartLinkActionType]) !== null && _SmartLinkActionTypeU2 !== void 0 ? _SmartLinkActionTypeU2 : smartLinkActionType,
+    eventType: 'ui',
+    attributes: _objectSpread({}, context)
+  };
+};
+exports.uiServerActionClicked = uiServerActionClicked;

package/dist/cjs/utils/mocks.js

@@ -308,13 +308,18 @@ var mockAnalytics = {
     buttonClickedEvent: function buttonClickedEvent() {},
     modalClosedEvent: function modalClosedEvent() {},
     renderSuccessEvent: function renderSuccessEvent() {},
-    renderFailedEvent: function renderFailedEvent() {}
+    renderFailedEvent: function renderFailedEvent() {},
+    smartLinkServerActionClickedEvent: function smartLinkServerActionClickedEvent() {}
   },
   operational: {
     invokeSucceededEvent: function invokeSucceededEvent() {},
     invokeFailedEvent: function invokeFailedEvent() {}
   },
-  track: {},
+  track: {
+    smartLinkQuickActionFailed: function smartLinkQuickActionFailed() {},
+    smartLinkQuickActionStarted: function smartLinkQuickActionStarted() {},
+    smartLinkQuickActionSuccess: function smartLinkQuickActionSuccess() {}
+  },
   screen: {
     modalViewedEvent: function modalViewedEvent() {}
   }

package/dist/cjs/view/BlockCard/views/flexible/FlexibleErroredView.js

@@ -41,6 +41,7 @@ var FlexibleErroredView = function FlexibleErroredView(_ref) {
     return onAuthorize ? [(0, _RetryAction.RetryAction)(onAuthorize)] : [];
   }, [onAuthorize]);
   return /*#__PURE__*/_react.default.createElement(_FlexibleCard.default, {
+    appearance: "block",
     cardState: cardState,
     onAuthorize: onAuthorize,
     onClick: onClick,

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

@@ -14,7 +14,6 @@ var _titleBlock = _interopRequireDefault(require("../../../FlexibleCard/componen
 var _blocks = require("../../../FlexibleCard/components/blocks");
 var _styled = require("./styled");
 var _constants = require("../../../../constants");
-var _uuid = _interopRequireDefault(require("uuid"));
 var _utils = require("./utils");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _withFlexibleUIBlockCardStyle = require("./utils/withFlexibleUIBlockCardStyle");
@@ -45,11 +44,6 @@ var FlexibleResolvedView = function FlexibleResolvedView(_ref) {
   (0, _react.useEffect)(function () {
     setIsPreviewBlockErrored(false);
   }, [url, cardState]);
-  var _useState3 = (0, _react.useState)(function () {
-      return id ? id : (0, _uuid.default)();
-    }),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 1),
-    analyticsId = _useState4[0];
   var _ref2 = (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.enable-better-metadata_iojwg') ? (0, _utils.getSimulatedBetterMetadata)(cardState.details) : (0, _utils.getSimulatedMetadata)(cardState.details),
     titleMetadata = _ref2.titleMetadata,
     topMetadata = _ref2.topMetadata,
@@ -96,49 +90,13 @@ var FlexibleResolvedView = function FlexibleResolvedView(_ref) {
   }, {
     actions: [{
       name: _constants.ActionName.PreviewAction,
-      hideIcon: true,
-      onClick: function onClick() {
-        analytics.ui.actionClickedEvent({
-          id: analyticsId,
-          actionType: 'PreviewAction',
-          display: _constants.CardDisplay.Block
-        });
-        analytics.operational.invokeSucceededEvent({
-          id: analyticsId,
-          actionType: 'PreviewAction',
-          display: _constants.CardDisplay.Block
-        });
-      }
+      hideIcon: true
     }, {
       name: _constants.ActionName.ViewAction,
-      hideIcon: true,
-      onClick: function onClick() {
-        analytics.ui.actionClickedEvent({
-          id: analyticsId,
-          actionType: 'ViewAction',
-          display: _constants.CardDisplay.Block
-        });
-        analytics.operational.invokeSucceededEvent({
-          id: analyticsId,
-          actionType: 'ViewAction',
-          display: _constants.CardDisplay.Block
-        });
-      }
+      hideIcon: true
     }, {
       name: _constants.ActionName.DownloadAction,
-      hideIcon: true,
-      onClick: function onClick() {
-        analytics.ui.actionClickedEvent({
-          id: analyticsId,
-          actionType: 'DownloadAction',
-          display: _constants.CardDisplay.Block
-        });
-        analytics.operational.invokeSucceededEvent({
-          id: analyticsId,
-          actionType: 'DownloadAction',
-          display: _constants.CardDisplay.Block
-        });
-      }
+      hideIcon: true
     }]
   })));
 };

package/dist/cjs/view/FlexibleCard/components/actions/action/download-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 _useInvokeClientAction = _interopRequireDefault(require("../../../../../../state/hooks/use-invoke-client-action"));
+var _flexibleUiContext = require("../../../../../../state/flexible-ui-context");
 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 DownloadAction = function DownloadAction(props) {
@@ -19,10 +24,37 @@ var DownloadAction = function DownloadAction(props) {
     _onClick = props.onClick,
     testId = props.testId,
     url = props.url;
+  var analytics = (0, _flexibleUiContext.useFlexibleUiAnalyticsContext)();
+  var invoke = (0, _useInvokeClientAction.default)({
+    analytics: analytics
+  });
   if (downloadUrl && url) {
     var action = _objectSpread(_objectSpread({}, props), {}, {
       onClick: function onClick() {
-        (0, _utils.downloadUrl)(downloadUrl);
+        invoke({
+          actionType: _constants.ActionName.DownloadAction,
+          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.downloadUrl)(downloadUrl));
+                  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/actions/action/preview-action/index.js

@@ -5,15 +5,18 @@ 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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = _interopRequireDefault(require("react"));
 var _index = _interopRequireDefault(require("../index"));
 var _flexibleUiContext = require("../../../../../../state/flexible-ui-context");
-var _state = require("../../../../../../state");
 var _reactIntlNext = require("react-intl-next");
 var _messages = require("../../../../../../messages");
 var _utils = require("../../../utils");
+var _useInvokeClientAction = _interopRequireDefault(require("../../../../../../state/hooks/use-invoke-client-action"));
+var _constants = require("../../../../../../constants");
 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 PreviewAction = function PreviewAction(props) {
@@ -28,23 +31,46 @@ var PreviewAction = function PreviewAction(props) {
     providerName = props.providerName,
     downloadUrl = props.downloadUrl,
     isSupportTheming = props.isSupportTheming;
-  var defaultAnalytics = (0, _state.useSmartLinkAnalytics)(url, function () {});
-  var analytics = (0, _flexibleUiContext.useFlexibleUiAnalyticsContext)() || defaultAnalytics;
+  var analytics = (0, _flexibleUiContext.useFlexibleUiAnalyticsContext)();
+  var invoke = (0, _useInvokeClientAction.default)({
+    analytics: analytics
+  });
   if (src && url) {
-    var embedModal = function embedModal() {
-      return (0, _utils.openEmbedModalWithFlexibleUiIcon)({
-        title: title,
-        providerName: providerName,
-        downloadUrl: downloadUrl,
-        isSupportTheming: isSupportTheming,
-        analytics: analytics,
-        linkIcon: linkIcon,
-        src: src
-      });
-    };
+    var actionFn = /*#__PURE__*/function () {
+      var _ref = (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.openEmbedModalWithFlexibleUiIcon)({
+                download: downloadUrl,
+                title: title,
+                providerName: providerName,
+                isSupportTheming: isSupportTheming,
+                analytics: analytics,
+                linkIcon: linkIcon,
+                src: src,
+                url: url
+              }));
+            case 1:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function actionFn() {
+        return _ref.apply(this, arguments);
+      };
+    }();
     var action = _objectSpread(_objectSpread({}, props), {}, {
       onClick: function onClick() {
-        embedModal();
+        invoke({
+          actionType: _constants.ActionName.PreviewAction,
+          actionFn: 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();
         }