@atlaskit/smart-card 30.2.4 → 30.2.6

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/smart-card
 
+## 30.2.6
+
+### Patch Changes
+
+- [#165246](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/165246)
+  [`44736d02ef327`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/44736d02ef327) -
+  Migrate track events to analytics.spec.yaml
+
+## 30.2.5
+
+### Patch Changes
+
+- [#164921](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/164921)
+  [`e8067159036a3`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e8067159036a3) -
+  Fix smartLinkIframe location attribute not being included when fired
+- Updated dependencies
+
 ## 30.2.4
 
 ### Patch Changes

package/analytics.spec.yaml

@@ -9,6 +9,41 @@ context:
     packageVersion:
       type: string
       description: version of the package the event was fired from
+  CommonContext: &CommonContext
+    extensionKey:
+      type: string
+      required: false
+      description: The provider identifier of the resolver that was used to resolve the link
+    resourceType:
+      required: false
+      type: string
+      description: Type of resource the link is pointing to
+    destinationObjectType:
+      type: string
+      required: false
+      description: |
+        The type of object of the linked resource.
+        Typically maps to `resourceType` as defined by resolvers.
+    destinationSubproduct:
+      type: string
+      required: false
+      description: |
+        Which subproduct will the link take you to when clicked.
+    destinationProduct:
+      type: string
+      required: false
+      description: |
+        Which product the linked resource will navigate to when clicked.
+    location:
+      required: false
+      type: string
+      description: Where the Smart Link is currently rendered
+    statusDetails:
+      type: string
+      description:
+        Provides further information of the resolved status. May be different for different status
+        values
+      required: false
   ResolvedContext: &ResolvedContext
     status:
       type:
@@ -82,6 +117,14 @@ context:
       type: boolean
       required: false
       description: An indicator that a link can be converted to datasource view
+    location:
+      required: false
+      type: string
+      description: Where the Smart Link is currently rendered
+    resourceType:
+      required: false
+      type: string
+      description: Type of resource the link is pointing to
 
 attributes:
   AiInteractionAttributes: &AiInteractionAttributes
@@ -98,6 +141,23 @@ attributes:
       description:
         Attribute that captures the fact that a user interaction with a feature lead to generation
         of an AI result.
+  CommonAttributes: &CommonAttributes
+    definitionId:
+      required: false
+      type: string
+      description: The definitionId of the Smart Link resolver invoked.
+  smartLinkActionTypeAttribute: &smartLinkActionTypeAttribute
+    smartLinkActionType:
+      required: true
+      type:
+        [
+          'FollowEntityAction',
+          'GetStatusTransitionsAction',
+          'StatusUpdateAction',
+          'UnfollowEntityAction',
+          'StatusUpdate',
+        ]
+      description: The type of action being invoked
 
 events:
   - button clicked (aiSummary):
@@ -222,10 +282,6 @@ events:
           required: false
           type: string
           description: The definitionId of the Smart Link resolver invoked.
-        location:
-          required: false
-          type: string
-          description: Where the Smart Link is currently rendered
         dwellTime:
           required: true
           type: number
@@ -250,7 +306,32 @@ events:
           required: false
           type: string
           description: The definitionId of the Smart Link resolver invoked.
-        location:
+  - applicationAccount connected:
+      type: track
+      description: user connecting their account to view a Smart Link.
+      attributes:
+        <<: [*PackageMetaDataContext, *CommonAttributes, *CommonContext]
+  - applicationAccount authStarted:
+      type: track
+      description: user starting the Smart Link connect account process.
+      attributes:
+        <<: [*PackageMetaDataContext, *CommonContext]
+  - smartLinkQuickAction started:
+      type: track
+      description: fires event before an action invoke api call is made
+      attributes:
+        <<: [*PackageMetaDataContext, *CommonContext, *smartLinkActionTypeAttribute]
+  - smartLinkQuickAction success:
+      type: track
+      description: fires a tracking event after an action invoke api call is successful
+      attributes:
+        <<: [*PackageMetaDataContext, *CommonContext, *smartLinkActionTypeAttribute]
+  - smartLinkQuickAction failed:
+      type: track
+      description: fires a tracking event after an action invoke api call has failed
+      attributes:
+        <<: [*PackageMetaDataContext, *CommonContext, *smartLinkActionTypeAttribute]
+        reason:
           required: false
-          type: string
-          description: Where the Smart Link is currently rendered.
+          description: The reason for the failure
+          type: ['PermissionError', 'ValidationError', 'UnknownError']

package/dist/cjs/state/actions/index.js

@@ -11,6 +11,8 @@ var _react = require("react");
 var _linkProvider = require("@atlaskit/link-provider");
 var _linkingCommon = require("@atlaskit/linking-common");
 var _outboundAuthFlowClient = require("@atlaskit/outbound-auth-flow-client");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _useAnalyticsEvents2 = require("../../common/analytics/generated/use-analytics-events");
 var _constants = require("../../constants");
 var _helpers = require("../helpers");
 var _useInvokeClientAction = _interopRequireDefault(require("../hooks/use-invoke-client-action"));
@@ -20,6 +22,8 @@ var useSmartCardActions = exports.useSmartCardActions = function useSmartCardAct
   var invokeClientAction = (0, _useInvokeClientAction.default)({
     analytics: analytics
   });
+  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
   var _useSmartLinkContext = (0, _linkProvider.useSmartLinkContext)(),
     store = _useSmartLinkContext.store;
   var getState = store.getState,
@@ -121,10 +125,16 @@ var useSmartCardActions = exports.useSmartCardActions = function useSmartCardAct
         extensionKey: extensionKey
       });
       (0, _outboundAuthFlowClient.auth)(services[0].url).then(function () {
-        analytics.track.appAccountConnected({
-          definitionId: definitionId,
-          extensionKey: extensionKey
-        });
+        if ((0, _platformFeatureFlags.fg)('smart-card-migrate-track-analytics')) {
+          fireEvent('track.applicationAccount.connected', {
+            definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null
+          });
+        } else {
+          analytics.track.appAccountConnected({
+            definitionId: definitionId,
+            extensionKey: extensionKey
+          });
+        }
         analytics.operational.connectSucceededEvent({
           id: id,
           definitionId: definitionId,
@@ -148,7 +158,7 @@ var useSmartCardActions = exports.useSmartCardActions = function useSmartCardAct
         reload();
       });
     }
-  }, [getSmartLinkState, analytics.ui, analytics.screen, analytics.track, analytics.operational, id, reload]);
+  }, [getSmartLinkState, analytics.ui, analytics.screen, analytics.track, analytics.operational, id, reload, fireEvent]);
   var invoke = (0, _react.useCallback)( /*#__PURE__*/function () {
     var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(opts, appearance) {
       var key, action, source;

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

@@ -718,6 +718,7 @@ var useSmartLinkAnalytics = exports.useSmartLinkAnalytics = function useSmartLin
        * @param definitionId The definitionId of the Smart Link resolver invoked.
        * @param extensionKey The extensionKey of the Smart Link resovler invoked.
        * @returns
+       * @deprecated
        */
       appAccountConnected: function appAccountConnected(_ref19) {
         var extensionKey = _ref19.extensionKey,
@@ -740,6 +741,7 @@ var useSmartLinkAnalytics = exports.useSmartLinkAnalytics = function useSmartLin
        * @param location a location where the Smart Link auth action was initiated.
        * @param extensionKey The extensionKey of the Smart Link resolver invoked.
        * @returns
+       * @deprecated
        */
       appAccountAuthStarted: function appAccountAuthStarted(_ref20) {
         var extensionKey = _ref20.extensionKey,
@@ -751,24 +753,28 @@ var useSmartLinkAnalytics = exports.useSmartLinkAnalytics = function useSmartLin
       },
       /**
        * This fires a tracking event before an action invoke api call is made
+       * @deprecated
        */
       smartLinkQuickActionStarted: function smartLinkQuickActionStarted(props) {
         return dispatchAnalytics(applyCommonAttributes((0, _analytics2.trackSmartLinkQuickActionStarted)(_objectSpread(_objectSpread({}, commonAttributes), props)), commonAttributes));
       },
       /**
        * This fires a tracking event after an action invoke api call is successful
+       * @deprecated
        */
       smartLinkQuickActionSuccess: function smartLinkQuickActionSuccess(props) {
         return dispatchAnalytics(applyCommonAttributes((0, _analytics2.trackSmartLinkQuickActionSuccess)(_objectSpread(_objectSpread({}, commonAttributes), props)), commonAttributes));
       },
       /**
        * This fires a tracking event after an action invoke api call has failed
+       * @deprecated
        */
       smartLinkQuickActionFailed: function smartLinkQuickActionFailed(props) {
         return dispatchAnalytics(applyCommonAttributes((0, _analytics2.trackSmartLinkQuickActionFailed)(_objectSpread(_objectSpread({}, commonAttributes), props)), commonAttributes));
       },
       /**
        * Fires a track event when we call loadMetadata() to get information for a hover card
+       * @deprecated
        */
       hoverCardResolutionStarted: function hoverCardResolutionStarted() {
         return dispatchAnalytics(applyCommonAttributes((0, _analytics2.trackHoverCardResolutionStarted)(_objectSpread({

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

@@ -22,7 +22,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "30.2.4"
+  packageVersion: "30.2.6"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
@@ -212,6 +212,10 @@ var connectFailedEvent = exports.connectFailedEvent = function connectFailedEven
     })
   };
 };
+
+/**
+ * @deprecated
+ */
 var trackAppAccountConnected = exports.trackAppAccountConnected = function trackAppAccountConnected(_ref6) {
   var definitionId = _ref6.definitionId,
     extensionKey = _ref6.extensionKey,
@@ -231,6 +235,10 @@ var trackAppAccountConnected = exports.trackAppAccountConnected = function track
     })
   };
 };
+
+/**
+ * @deprecated
+ */
 var trackAppAccountAuthStarted = exports.trackAppAccountAuthStarted = function trackAppAccountAuthStarted(_ref7) {
   var extensionKey = _ref7.extensionKey,
     location = _ref7.location;
@@ -244,6 +252,10 @@ var trackAppAccountAuthStarted = exports.trackAppAccountAuthStarted = function t
     })
   };
 };
+
+/**
+ * @deprecated
+ */
 var trackSmartLinkQuickActionStarted = exports.trackSmartLinkQuickActionStarted = function trackSmartLinkQuickActionStarted(_ref8) {
   var _SmartLinkActionTypeT2;
   var smartLinkActionType = _ref8.smartLinkActionType,
@@ -257,6 +269,10 @@ var trackSmartLinkQuickActionStarted = exports.trackSmartLinkQuickActionStarted
     })
   };
 };
+
+/**
+ * @deprecated
+ */
 var trackSmartLinkQuickActionSuccess = exports.trackSmartLinkQuickActionSuccess = function trackSmartLinkQuickActionSuccess(_ref9) {
   var _SmartLinkActionTypeT3;
   var smartLinkActionType = _ref9.smartLinkActionType,
@@ -270,6 +286,10 @@ var trackSmartLinkQuickActionSuccess = exports.trackSmartLinkQuickActionSuccess
     })
   };
 };
+
+/**
+ * @deprecated
+ */
 var trackSmartLinkQuickActionFailed = exports.trackSmartLinkQuickActionFailed = function trackSmartLinkQuickActionFailed(_ref10) {
   var _SmartLinkActionTypeT4;
   var smartLinkActionType = _ref10.smartLinkActionType,
@@ -283,6 +303,10 @@ var trackSmartLinkQuickActionFailed = exports.trackSmartLinkQuickActionFailed =
     })
   };
 };
+
+/**
+ * @deprecated
+ */
 var trackHoverCardResolutionStarted = exports.trackHoverCardResolutionStarted = function trackHoverCardResolutionStarted(_ref11) {
   var display = _ref11.display,
     attributes = (0, _objectWithoutProperties2.default)(_ref11, _excluded4);
@@ -368,6 +392,10 @@ var uiCardClickedEvent = exports.uiCardClickedEvent = function uiCardClickedEven
     })
   };
 };
+
+/**
+ * @deprecated
+ */
 var uiIframeDwelledEvent = exports.uiIframeDwelledEvent = function uiIframeDwelledEvent(_ref15) {
   var id = _ref15.id,
     display = _ref15.display,
@@ -397,6 +425,10 @@ var uiIframeDwelledEvent = exports.uiIframeDwelledEvent = function uiIframeDwell
     })
   };
 };
+
+/**
+ * @deprecated
+ */
 var uiIframeFocusedEvent = exports.uiIframeFocusedEvent = function uiIframeFocusedEvent(_ref16) {
   var id = _ref16.id,
     display = _ref16.display,

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

@@ -11,6 +11,8 @@ var _react = require("react");
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _linkExtractors = require("@atlaskit/link-extractors");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _useAnalyticsEvents2 = require("../../../../common/analytics/generated/use-analytics-events");
 var _messages = require("../../../../messages");
 var _helpers = require("../../../../state/helpers");
 var _UnauthorisedViewContent = _interopRequireDefault(require("../../../common/UnauthorisedViewContent"));
@@ -48,14 +50,20 @@ var FlexibleUnauthorisedView = function FlexibleUnauthorisedView(_ref) {
   var data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
   var providerName = (_extractProvider = (0, _linkExtractors.extractProvider)(data)) === null || _extractProvider === void 0 ? void 0 : _extractProvider.text;
   var isProductIntegrationSupported = (0, _helpers.hasAuthScopeOverrides)(cardState === null || cardState === void 0 ? void 0 : cardState.details);
+  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
   var handleAuthorize = (0, _react.useCallback)(function () {
     if (onAuthorize) {
-      analytics === null || analytics === void 0 || analytics.track.appAccountAuthStarted({
-        extensionKey: extensionKey
-      });
+      if ((0, _platformFeatureFlags.fg)('smart-card-migrate-track-analytics')) {
+        fireEvent('track.applicationAccount.authStarted', {});
+      } else {
+        analytics === null || analytics === void 0 || analytics.track.appAccountAuthStarted({
+          extensionKey: extensionKey
+        });
+      }
       onAuthorize();
     }
-  }, [onAuthorize, extensionKey, analytics === null || analytics === void 0 ? void 0 : analytics.track]);
+  }, [onAuthorize, extensionKey, analytics === null || analytics === void 0 ? void 0 : analytics.track, fireEvent]);
   var content = (0, _react.useMemo)(function () {
     return onAuthorize ? (0, _react2.jsx)(_UnauthorisedViewContent.default, {
       providerName: providerName,

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

@@ -164,7 +164,6 @@ function Component(_ref) {
       fireEvent('ui.smartLinkIframe.dwelled', {
         id: id,
         definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
-        location: null,
         display: isFlexibleUi ? 'flexible' : appearance,
         dwellPercentVisible: dwellPercentVisible,
         dwellTime: dwellTime
@@ -188,7 +187,6 @@ function Component(_ref) {
       fireEvent('ui.smartLinkIframe.focus', {
         id: id,
         definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
-        location: null,
         display: isFlexibleUi ? 'flexible' : appearance
       });
     } else {

package/dist/cjs/view/EmbedCard/views/unauthorized-view/index.js

@@ -11,6 +11,8 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _button = _interopRequireDefault(require("@atlaskit/button"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _useAnalyticsEvents2 = require("../../../../common/analytics/generated/use-analytics-events");
 var _messages = require("../../../../messages");
 var _UnauthorisedViewContent = _interopRequireDefault(require("../../../common/UnauthorisedViewContent"));
 var _unresolvedView = _interopRequireDefault(require("../unresolved-view"));
@@ -28,14 +30,20 @@ var UnauthorizedView = function UnauthorizedView(_ref) {
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'embed-card-unauthorized-view' : _ref$testId,
     unresolvedViewProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
   var handleOnAuthorizeClick = (0, _react.useCallback)(function () {
     if (onAuthorize) {
-      analytics.track.appAccountAuthStarted({
-        extensionKey: extensionKey
-      });
+      if ((0, _platformFeatureFlags.fg)('smart-card-migrate-track-analytics')) {
+        fireEvent('track.applicationAccount.authStarted', {});
+      } else {
+        analytics.track.appAccountAuthStarted({
+          extensionKey: extensionKey
+        });
+      }
       onAuthorize();
     }
-  }, [onAuthorize, analytics.track, extensionKey]);
+  }, [onAuthorize, analytics.track, extensionKey, fireEvent]);
   var content = (0, _react.useMemo)(function () {
     if (onAuthorize) {
       var _context$text;

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

@@ -12,6 +12,8 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _useAnalyticsEvents2 = require("../../../../../../common/analytics/generated/use-analytics-events");
 var _flexibleUiContext = require("../../../../../../state/flexible-ui-context");
 var _useInvoke = _interopRequireDefault(require("../../../../../../state/hooks/use-invoke"));
 var _utils = require("../../../../../../state/hooks/use-invoke/utils");
@@ -33,6 +35,8 @@ var ServerAction = function ServerAction(_ref) {
   var analytics = (0, _flexibleUiContext.useFlexibleUiAnalyticsContext)();
   var invoke = (0, _useInvoke.default)();
   var reload = (0, _useResolve.default)();
+  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
   var handleClick = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
     var _action$action, smartLinkActionType, request;
     return _regenerator.default.wrap(function _callee$(_context) {
@@ -48,16 +52,28 @@ var ServerAction = function ServerAction(_ref) {
           analytics === null || analytics === void 0 || analytics.ui.smartLinkServerActionClickedEvent({
             smartLinkActionType: smartLinkActionType
           });
-          analytics === null || analytics === void 0 || analytics.track.smartLinkQuickActionStarted({
-            smartLinkActionType: smartLinkActionType
-          });
+          if ((0, _platformFeatureFlags.fg)('smart-card-migrate-track-analytics')) {
+            fireEvent('track.smartLinkQuickAction.started', {
+              smartLinkActionType: smartLinkActionType
+            });
+          } else {
+            analytics === null || analytics === void 0 || analytics.track.smartLinkQuickActionStarted({
+              smartLinkActionType: smartLinkActionType
+            });
+          }
           request = (0, _createInvokeRequest.default)(action);
           _context.next = 9;
           return invoke(request);
         case 9:
-          analytics === null || analytics === void 0 || analytics.track.smartLinkQuickActionSuccess({
-            smartLinkActionType: smartLinkActionType
-          });
+          if ((0, _platformFeatureFlags.fg)('smart-card-migrate-track-analytics')) {
+            fireEvent('track.smartLinkQuickAction.success', {
+              smartLinkActionType: smartLinkActionType
+            });
+          } else {
+            analytics === null || analytics === void 0 || analytics.track.smartLinkQuickActionSuccess({
+              smartLinkActionType: smartLinkActionType
+            });
+          }
           if (!(action.reload && action.reload.url)) {
             _context.next = 13;
             break;
@@ -75,17 +91,24 @@ var ServerAction = function ServerAction(_ref) {
           _context.prev = 17;
           _context.t0 = _context["catch"](2);
           setIsLoading(false);
-          analytics === null || analytics === void 0 || analytics.track.smartLinkQuickActionFailed({
-            smartLinkActionType: smartLinkActionType,
-            reason: (0, _utils.getInvokeFailureReason)(_context.t0)
-          });
+          if ((0, _platformFeatureFlags.fg)('smart-card-migrate-track-analytics')) {
+            fireEvent('track.smartLinkQuickAction.failed', {
+              smartLinkActionType: smartLinkActionType,
+              reason: (0, _utils.getInvokeFailureReason)(_context.t0)
+            });
+          } else {
+            analytics === null || analytics === void 0 || analytics.track.smartLinkQuickActionFailed({
+              smartLinkActionType: smartLinkActionType,
+              reason: (0, _utils.getInvokeFailureReason)(_context.t0)
+            });
+          }
           onErrorCallback === null || onErrorCallback === void 0 || onErrorCallback();
         case 22:
         case "end":
           return _context.stop();
       }
     }, _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, onErrorCallback, reload]);
+  })), [action, analytics === null || analytics === void 0 ? void 0 : analytics.track, analytics === null || analytics === void 0 ? void 0 : analytics.ui, invoke, onClick, onErrorCallback, reload, fireEvent]);
   return /*#__PURE__*/_react.default.createElement(_index.default, (0, _extends2.default)({}, props, {
     isLoading: isLoading,
     onClick: handleClick

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

@@ -12,6 +12,8 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _dropdownMenu = _interopRequireDefault(require("@atlaskit/dropdown-menu"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _useAnalyticsEvents2 = require("../../../../../../common/analytics/generated/use-analytics-events");
 var _extractLozengeActionItems = _interopRequireDefault(require("../../../../../../extractors/action/extract-lozenge-action-items"));
 var _flexibleUiContext = require("../../../../../../state/flexible-ui-context");
 var _useInvoke = _interopRequireDefault(require("../../../../../../state/hooks/use-invoke"));
@@ -78,6 +80,8 @@ var LozengeAction = function LozengeAction(_ref) {
   //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)();
+  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
   (0, _react.useEffect)(function () {
     setSelected({
       text: text,
@@ -100,9 +104,15 @@ var LozengeAction = function LozengeAction(_ref) {
               break;
             }
             analytics === null || analytics === void 0 || analytics.ui.smartLinkLozengeActionClickedEvent();
-            analytics === null || analytics === void 0 || analytics.track.smartLinkQuickActionStarted({
-              smartLinkActionType: _analytics.TrackQuickActionType.StatusUpdate
-            });
+            if ((0, _platformFeatureFlags.fg)('smart-card-migrate-track-analytics')) {
+              fireEvent('track.smartLinkQuickAction.started', {
+                smartLinkActionType: _analytics.TrackQuickActionType.StatusUpdate
+              });
+            } else {
+              analytics === null || analytics === void 0 || analytics.track.smartLinkQuickActionStarted({
+                smartLinkActionType: _analytics.TrackQuickActionType.StatusUpdate
+              });
+            }
             if (!(!isLoaded && action !== null && action !== void 0 && action.read)) {
               _context.next = 24;
               break;
@@ -117,7 +127,11 @@ var LozengeAction = function LozengeAction(_ref) {
             setItems(validItems);
             setIsLoaded(true);
             if ((validItems === null || validItems === void 0 ? void 0 : validItems.length) === 0) {
-              analytics === null || analytics === void 0 || analytics.track.smartLinkQuickActionFailed(_lozengeActionAnalytics.permissionLoadErrorAnalyticsPayload);
+              if ((0, _platformFeatureFlags.fg)('smart-card-migrate-track-analytics')) {
+                fireEvent('track.smartLinkQuickAction.failed', _lozengeActionAnalytics.permissionLoadErrorAnalyticsPayload);
+              } else {
+                analytics === null || analytics === void 0 || analytics.track.smartLinkQuickActionFailed(_lozengeActionAnalytics.permissionLoadErrorAnalyticsPayload);
+              }
               setErrorMessage(_types.LozengeActionErrorMessages.noData);
               setIsLoaded(false);
             }
@@ -128,7 +142,11 @@ var LozengeAction = function LozengeAction(_ref) {
             _context.t0 = _context["catch"](5);
             setErrorMessage(_types.LozengeActionErrorMessages.unknown);
             setIsLoaded(false);
-            analytics === null || analytics === void 0 || analytics.track.smartLinkQuickActionFailed(_lozengeActionAnalytics.unknownLoadErrorAnalyticsPayload);
+            if ((0, _platformFeatureFlags.fg)('smart-card-migrate-track-analytics')) {
+              fireEvent('track.smartLinkQuickAction.failed', _lozengeActionAnalytics.unknownLoadErrorAnalyticsPayload);
+            } else {
+              analytics === null || analytics === void 0 || analytics.track.smartLinkQuickActionFailed(_lozengeActionAnalytics.unknownLoadErrorAnalyticsPayload);
+            }
           case 21:
             _context.prev = 21;
             setIsLoading(false);
@@ -146,7 +164,7 @@ var LozengeAction = function LozengeAction(_ref) {
     return function (_x) {
       return _ref3.apply(this, arguments);
     };
-  }(), [action.read, analytics, invoke, isLoaded, text]);
+  }(), [action.read, analytics, invoke, isLoaded, text, fireEvent]);
   var trigger = (0, _react.useCallback)(function (props) {
     return (0, _react2.jsx)(_lozengeActionTrigger.default, (0, _extends2.default)({}, props, {
       appearance: selected.appearance,
@@ -181,9 +199,15 @@ var LozengeAction = function LozengeAction(_ref) {
             setIsLoaded(false);
             setIsOpen(false);
             setItems([]);
-            analytics === null || analytics === void 0 || analytics.track.smartLinkQuickActionSuccess({
-              smartLinkActionType: _analytics.TrackQuickActionType.StatusUpdate
-            });
+            if ((0, _platformFeatureFlags.fg)('smart-card-migrate-track-analytics')) {
+              fireEvent('track.smartLinkQuickAction.success', {
+                smartLinkActionType: _analytics.TrackQuickActionType.StatusUpdate
+              });
+            } else {
+              analytics === null || analytics === void 0 || analytics.track.smartLinkQuickActionSuccess({
+                smartLinkActionType: _analytics.TrackQuickActionType.StatusUpdate
+              });
+            }
             if (!url) {
               _context2.next = 17;
               break;
@@ -199,10 +223,18 @@ var LozengeAction = function LozengeAction(_ref) {
             setIsLoading(false);
             if ((0, _utils.isInvokeCustomError)(_context2.t0)) {
               setErrorMessage(_context2.t0.message);
-              analytics === null || analytics === void 0 || analytics.track.smartLinkQuickActionFailed(_lozengeActionAnalytics.validationUpdateErrorAnalyticsPayload);
+              if ((0, _platformFeatureFlags.fg)('smart-card-migrate-track-analytics')) {
+                fireEvent('track.smartLinkQuickAction.failed', _lozengeActionAnalytics.validationUpdateErrorAnalyticsPayload);
+              } else {
+                analytics === null || analytics === void 0 || analytics.track.smartLinkQuickActionFailed(_lozengeActionAnalytics.validationUpdateErrorAnalyticsPayload);
+              }
             } else {
               setErrorMessage(_types.LozengeActionErrorMessages.updateFailed);
-              analytics === null || analytics === void 0 || analytics.track.smartLinkQuickActionFailed(_lozengeActionAnalytics.unknownUpdateErrorAnalyticsPayload);
+              if ((0, _platformFeatureFlags.fg)('smart-card-migrate-track-analytics')) {
+                fireEvent('track.smartLinkQuickAction.failed', _lozengeActionAnalytics.unknownUpdateErrorAnalyticsPayload);
+              } else {
+                analytics === null || analytics === void 0 || analytics.track.smartLinkQuickActionFailed(_lozengeActionAnalytics.unknownUpdateErrorAnalyticsPayload);
+              }
             }
           case 23:
           case "end":
@@ -213,7 +245,7 @@ var LozengeAction = function LozengeAction(_ref) {
     return function (_x2, _x3, _x4) {
       return _ref4.apply(this, arguments);
     };
-  }(), [action === null || action === void 0 ? void 0 : action.update, analytics, invoke, linkId, reload, url]);
+  }(), [action === null || action === void 0 ? void 0 : action.update, analytics, invoke, linkId, reload, url, fireEvent]);
   var dropdownItemGroup = (0, _react.useMemo)(function () {
     if (errorMessage) {
       return (0, _react2.jsx)(_lozengeActionError.default, {

package/dist/cjs/view/HoverCard/components/views/unauthorised/index.js

@@ -10,6 +10,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _linkExtractors = require("@atlaskit/link-extractors");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _useAnalyticsEvents2 = require("../../../../../common/analytics/generated/use-analytics-events");
 var _constants = require("../../../../../constants");
 var _messages = require("../../../../../messages");
 var _actions = require("../../../../../state/actions");
@@ -38,14 +40,20 @@ var HoverCardUnauthorisedView = function HoverCardUnauthorisedView(_ref) {
   var isProductIntegrationSupported = (0, _helpers.hasAuthScopeOverrides)(cardState.details);
   var _useSmartCardActions = (0, _actions.useSmartCardActions)(id, url, analytics),
     authorize = _useSmartCardActions.authorize;
+  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
   var handleAuthorize = (0, _react.useCallback)(function () {
     if (authorize) {
-      analytics.track.appAccountAuthStarted({
-        extensionKey: extensionKey
-      });
+      if ((0, _platformFeatureFlags.fg)('smart-card-migrate-track-analytics')) {
+        fireEvent('track.applicationAccount.authStarted', {});
+      } else {
+        analytics.track.appAccountAuthStarted({
+          extensionKey: extensionKey
+        });
+      }
       authorize(_constants.CardDisplay.HoverCardPreview);
     }
-  }, [authorize, extensionKey, analytics.track]);
+  }, [authorize, extensionKey, analytics.track, fireEvent]);
   var actions = (0, _react.useMemo)(function () {
     return [{
       name: _constants.ActionName.CustomAction,