@atlaskit/smart-card 30.2.4 → 30.2.6

package/dist/es2019/view/InlineCard/UnauthorisedView/index.js

@@ -1,10 +1,12 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import Button from '@atlaskit/button';
 import LockIcon from '@atlaskit/icon/glyph/lock-filled';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { N500, R400 } from '@atlaskit/theme/colors';
+import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
 import { messages } from '../../../messages';
 import { HoverCard } from '../../HoverCard';
 import { Frame } from '../Frame';
@@ -17,7 +19,64 @@ const FallbackUnauthorizedIcon = /*#__PURE__*/React.createElement(AKIconWrapper,
   size: "small",
   primaryColor: `var(--ds-icon-danger, ${R400})`
 }));
-export class InlineCardUnauthorizedView extends React.Component {
+const InlineCardUnauthorizedViewNew = ({
+  url,
+  id,
+  icon,
+  onAuthorise,
+  onClick,
+  isSelected,
+  testId = 'inline-card-unauthorized-view',
+  showAuthTooltip = false,
+  truncateInline,
+  context
+}) => {
+  const frameRef = React.useRef(null);
+  const {
+    fireEvent
+  } = useAnalyticsEvents();
+  const handleConnectAccount = React.useCallback(event => {
+    event.preventDefault();
+    event.stopPropagation();
+    if (onAuthorise) {
+      fireEvent('track.applicationAccount.authStarted', {});
+      onAuthorise();
+    }
+  }, [fireEvent, onAuthorise]);
+  const renderActionButton = React.useCallback(() => {
+    const ActionButton = withFrameStyleControl(Button, frameRef);
+    return onAuthorise ? /*#__PURE__*/React.createElement(ActionButton, {
+      spacing: "none",
+      component: IconStyledButton,
+      onClick: handleConnectAccount,
+      testId: "button-connect-account"
+    }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.connect_link_account_card_name, {
+      values: {
+        context
+      }
+    }))) : undefined;
+  }, [handleConnectAccount, onAuthorise, context]);
+  const inlineCardUnauthenticatedView = /*#__PURE__*/React.createElement(Frame, {
+    testId: testId,
+    isSelected: isSelected,
+    ref: frameRef,
+    truncateInline: truncateInline
+  }, /*#__PURE__*/React.createElement(IconAndTitleLayout, {
+    icon: icon ? icon : FallbackUnauthorizedIcon,
+    title: url,
+    link: url,
+    onClick: onClick,
+    titleColor: `var(--ds-text-subtle, ${N500})`
+  }), renderActionButton());
+  if (onAuthorise && showAuthTooltip) {
+    return /*#__PURE__*/React.createElement(HoverCard, {
+      url: url,
+      id: id
+    }, inlineCardUnauthenticatedView);
+  }
+  return inlineCardUnauthenticatedView;
+};
+class InlineCardUnauthorizedViewOld extends React.Component {
   constructor(...args) {
     super(...args);
     _defineProperty(this, "frameRef", /*#__PURE__*/React.createRef());
@@ -85,4 +144,11 @@ export class InlineCardUnauthorizedView extends React.Component {
     }
     return inlineCardUnauthenticatedView;
   }
-}
+}
+export const InlineCardUnauthorizedView = props => {
+  if (fg('smart-card-migrate-track-analytics')) {
+    return /*#__PURE__*/React.createElement(InlineCardUnauthorizedViewNew, props);
+  } else {
+    return /*#__PURE__*/React.createElement(InlineCardUnauthorizedViewOld, props);
+  }
+};

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

@@ -7,7 +7,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "30.2.4",
+  packageVersion: "30.2.6",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');

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

@@ -4,6 +4,8 @@ import { useCallback, useMemo } from 'react';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
 import { ACTION_RESOLVING, ACTION_UPDATE_METADATA_STATUS, cardAction } from '@atlaskit/linking-common';
 import { auth } from '@atlaskit/outbound-auth-flow-client';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
 import { SmartLinkStatus } from '../../constants';
 import { getByDefinitionId, getDefinitionId, getExtensionKey, getServices } from '../helpers';
 import useInvokeClientAction from '../hooks/use-invoke-client-action';
@@ -13,6 +15,8 @@ export var useSmartCardActions = function useSmartCardActions(id, url, analytics
   var invokeClientAction = useInvokeClientAction({
     analytics: analytics
   });
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
   var _useSmartLinkContext = useSmartLinkContext(),
     store = _useSmartLinkContext.store;
   var getState = store.getState,
@@ -114,10 +118,16 @@ export var useSmartCardActions = function useSmartCardActions(id, url, analytics
         extensionKey: extensionKey
       });
       auth(services[0].url).then(function () {
-        analytics.track.appAccountConnected({
-          definitionId: definitionId,
-          extensionKey: extensionKey
-        });
+        if (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,
@@ -141,7 +151,7 @@ export var useSmartCardActions = function useSmartCardActions(id, url, analytics
         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 = useCallback( /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(opts, appearance) {
       var key, action, source;

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

@@ -711,6 +711,7 @@ export var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, id, defau
        * @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,
@@ -733,6 +734,7 @@ export var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, id, defau
        * @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,
@@ -744,24 +746,28 @@ export var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, id, defau
       },
       /**
        * This fires a tracking event before an action invoke api call is made
+       * @deprecated
        */
       smartLinkQuickActionStarted: function smartLinkQuickActionStarted(props) {
         return dispatchAnalytics(applyCommonAttributes(trackSmartLinkQuickActionStarted(_objectSpread(_objectSpread({}, commonAttributes), props)), commonAttributes));
       },
       /**
        * This fires a tracking event after an action invoke api call is successful
+       * @deprecated
        */
       smartLinkQuickActionSuccess: function smartLinkQuickActionSuccess(props) {
         return dispatchAnalytics(applyCommonAttributes(trackSmartLinkQuickActionSuccess(_objectSpread(_objectSpread({}, commonAttributes), props)), commonAttributes));
       },
       /**
        * This fires a tracking event after an action invoke api call has failed
+       * @deprecated
        */
       smartLinkQuickActionFailed: function smartLinkQuickActionFailed(props) {
         return dispatchAnalytics(applyCommonAttributes(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(trackHoverCardResolutionStarted(_objectSpread({

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

@@ -15,7 +15,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "30.2.4"
+  packageVersion: "30.2.6"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
@@ -205,6 +205,10 @@ export var connectFailedEvent = function connectFailedEvent(_ref5) {
     })
   };
 };
+
+/**
+ * @deprecated
+ */
 export var trackAppAccountConnected = function trackAppAccountConnected(_ref6) {
   var definitionId = _ref6.definitionId,
     extensionKey = _ref6.extensionKey,
@@ -224,6 +228,10 @@ export var trackAppAccountConnected = function trackAppAccountConnected(_ref6) {
     })
   };
 };
+
+/**
+ * @deprecated
+ */
 export var trackAppAccountAuthStarted = function trackAppAccountAuthStarted(_ref7) {
   var extensionKey = _ref7.extensionKey,
     location = _ref7.location;
@@ -237,6 +245,10 @@ export var trackAppAccountAuthStarted = function trackAppAccountAuthStarted(_ref
     })
   };
 };
+
+/**
+ * @deprecated
+ */
 export var trackSmartLinkQuickActionStarted = function trackSmartLinkQuickActionStarted(_ref8) {
   var _SmartLinkActionTypeT2;
   var smartLinkActionType = _ref8.smartLinkActionType,
@@ -250,6 +262,10 @@ export var trackSmartLinkQuickActionStarted = function trackSmartLinkQuickAction
     })
   };
 };
+
+/**
+ * @deprecated
+ */
 export var trackSmartLinkQuickActionSuccess = function trackSmartLinkQuickActionSuccess(_ref9) {
   var _SmartLinkActionTypeT3;
   var smartLinkActionType = _ref9.smartLinkActionType,
@@ -263,6 +279,10 @@ export var trackSmartLinkQuickActionSuccess = function trackSmartLinkQuickAction
     })
   };
 };
+
+/**
+ * @deprecated
+ */
 export var trackSmartLinkQuickActionFailed = function trackSmartLinkQuickActionFailed(_ref10) {
   var _SmartLinkActionTypeT4;
   var smartLinkActionType = _ref10.smartLinkActionType,
@@ -276,6 +296,10 @@ export var trackSmartLinkQuickActionFailed = function trackSmartLinkQuickActionF
     })
   };
 };
+
+/**
+ * @deprecated
+ */
 export var trackHoverCardResolutionStarted = function trackHoverCardResolutionStarted(_ref11) {
   var display = _ref11.display,
     attributes = _objectWithoutProperties(_ref11, _excluded4);
@@ -361,6 +385,10 @@ export var uiCardClickedEvent = function uiCardClickedEvent(_ref14) {
     })
   };
 };
+
+/**
+ * @deprecated
+ */
 export var uiIframeDwelledEvent = function uiIframeDwelledEvent(_ref15) {
   var id = _ref15.id,
     display = _ref15.display,
@@ -390,6 +418,10 @@ export var uiIframeDwelledEvent = function uiIframeDwelledEvent(_ref15) {
     })
   };
 };
+
+/**
+ * @deprecated
+ */
 export var uiIframeFocusedEvent = function uiIframeFocusedEvent(_ref16) {
   var id = _ref16.id,
     display = _ref16.display,

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

@@ -11,6 +11,8 @@ import { useCallback, useMemo } from 'react';
 import { css, jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { extractProvider } from '@atlaskit/link-extractors';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { useAnalyticsEvents } from '../../../../common/analytics/generated/use-analytics-events';
 import { messages } from '../../../../messages';
 import { getExtensionKey, hasAuthScopeOverrides } from '../../../../state/helpers';
 import UnauthorisedViewContent from '../../../common/UnauthorisedViewContent';
@@ -42,14 +44,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 = extractProvider(data)) === null || _extractProvider === void 0 ? void 0 : _extractProvider.text;
   var isProductIntegrationSupported = hasAuthScopeOverrides(cardState === null || cardState === void 0 ? void 0 : cardState.details);
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
   var handleAuthorize = useCallback(function () {
     if (onAuthorize) {
-      analytics === null || analytics === void 0 || analytics.track.appAccountAuthStarted({
-        extensionKey: extensionKey
-      });
+      if (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 = useMemo(function () {
     return onAuthorize ? jsx(UnauthorisedViewContent, {
       providerName: providerName,

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

@@ -154,7 +154,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
@@ -178,7 +177,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/esm/view/EmbedCard/views/unauthorized-view/index.js

@@ -4,6 +4,8 @@ var _excluded = ["analytics", "context", "extensionKey", "isProductIntegrationSu
 import React, { useCallback, useMemo } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import Button from '@atlaskit/button';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { useAnalyticsEvents } from '../../../../common/analytics/generated/use-analytics-events';
 import { messages } from '../../../../messages';
 import UnauthorisedViewContent from '../../../common/UnauthorisedViewContent';
 import UnresolvedView from '../unresolved-view';
@@ -18,14 +20,20 @@ var UnauthorizedView = function UnauthorizedView(_ref) {
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'embed-card-unauthorized-view' : _ref$testId,
     unresolvedViewProps = _objectWithoutProperties(_ref, _excluded);
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
   var handleOnAuthorizeClick = useCallback(function () {
     if (onAuthorize) {
-      analytics.track.appAccountAuthStarted({
-        extensionKey: extensionKey
-      });
+      if (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 = useMemo(function () {
     if (onAuthorize) {
       var _context$text;

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

@@ -5,6 +5,8 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["action", "onClick", "onError"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useCallback, useState } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { useAnalyticsEvents } from '../../../../../../common/analytics/generated/use-analytics-events';
 import { useFlexibleUiAnalyticsContext } from '../../../../../../state/flexible-ui-context';
 import useInvoke from '../../../../../../state/hooks/use-invoke';
 import { getInvokeFailureReason } from '../../../../../../state/hooks/use-invoke/utils';
@@ -23,6 +25,8 @@ var ServerAction = function ServerAction(_ref) {
   var analytics = useFlexibleUiAnalyticsContext();
   var invoke = useInvoke();
   var reload = useResolve();
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
   var handleClick = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     var _action$action, smartLinkActionType, request;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
@@ -38,16 +42,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 (fg('smart-card-migrate-track-analytics')) {
+            fireEvent('track.smartLinkQuickAction.started', {
+              smartLinkActionType: smartLinkActionType
+            });
+          } else {
+            analytics === null || analytics === void 0 || analytics.track.smartLinkQuickActionStarted({
+              smartLinkActionType: smartLinkActionType
+            });
+          }
           request = createInvokeRequest(action);
           _context.next = 9;
           return invoke(request);
         case 9:
-          analytics === null || analytics === void 0 || analytics.track.smartLinkQuickActionSuccess({
-            smartLinkActionType: smartLinkActionType
-          });
+          if (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;
@@ -65,17 +81,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: getInvokeFailureReason(_context.t0)
-          });
+          if (fg('smart-card-migrate-track-analytics')) {
+            fireEvent('track.smartLinkQuickAction.failed', {
+              smartLinkActionType: smartLinkActionType,
+              reason: getInvokeFailureReason(_context.t0)
+            });
+          } else {
+            analytics === null || analytics === void 0 || analytics.track.smartLinkQuickActionFailed({
+              smartLinkActionType: smartLinkActionType,
+              reason: 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.createElement(Action, _extends({}, props, {
     isLoading: isLoading,
     onClick: handleClick

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

@@ -11,6 +11,8 @@ import { useCallback, useEffect, useMemo, useState } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import DropdownMenu from '@atlaskit/dropdown-menu';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { useAnalyticsEvents } from '../../../../../../common/analytics/generated/use-analytics-events';
 import extractLozengeActionItems from '../../../../../../extractors/action/extract-lozenge-action-items';
 import { useFlexibleUiAnalyticsContext } from '../../../../../../state/flexible-ui-context';
 import useInvoke from '../../../../../../state/hooks/use-invoke';
@@ -70,6 +72,8 @@ var LozengeAction = function LozengeAction(_ref) {
   //TODO EDM-6583 Replace usage of useFlexibleUiAnalyticsContext with linking platform analytics context from find team.
   var analytics = useFlexibleUiAnalyticsContext();
   var invoke = useInvoke();
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
   useEffect(function () {
     setSelected({
       text: text,
@@ -92,9 +96,15 @@ var LozengeAction = function LozengeAction(_ref) {
               break;
             }
             analytics === null || analytics === void 0 || analytics.ui.smartLinkLozengeActionClickedEvent();
-            analytics === null || analytics === void 0 || analytics.track.smartLinkQuickActionStarted({
-              smartLinkActionType: TrackQuickActionType.StatusUpdate
-            });
+            if (fg('smart-card-migrate-track-analytics')) {
+              fireEvent('track.smartLinkQuickAction.started', {
+                smartLinkActionType: TrackQuickActionType.StatusUpdate
+              });
+            } else {
+              analytics === null || analytics === void 0 || analytics.track.smartLinkQuickActionStarted({
+                smartLinkActionType: TrackQuickActionType.StatusUpdate
+              });
+            }
             if (!(!isLoaded && action !== null && action !== void 0 && action.read)) {
               _context.next = 24;
               break;
@@ -109,7 +119,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(permissionLoadErrorAnalyticsPayload);
+              if (fg('smart-card-migrate-track-analytics')) {
+                fireEvent('track.smartLinkQuickAction.failed', permissionLoadErrorAnalyticsPayload);
+              } else {
+                analytics === null || analytics === void 0 || analytics.track.smartLinkQuickActionFailed(permissionLoadErrorAnalyticsPayload);
+              }
               setErrorMessage(LozengeActionErrorMessages.noData);
               setIsLoaded(false);
             }
@@ -120,7 +134,11 @@ var LozengeAction = function LozengeAction(_ref) {
             _context.t0 = _context["catch"](5);
             setErrorMessage(LozengeActionErrorMessages.unknown);
             setIsLoaded(false);
-            analytics === null || analytics === void 0 || analytics.track.smartLinkQuickActionFailed(unknownLoadErrorAnalyticsPayload);
+            if (fg('smart-card-migrate-track-analytics')) {
+              fireEvent('track.smartLinkQuickAction.failed', unknownLoadErrorAnalyticsPayload);
+            } else {
+              analytics === null || analytics === void 0 || analytics.track.smartLinkQuickActionFailed(unknownLoadErrorAnalyticsPayload);
+            }
           case 21:
             _context.prev = 21;
             setIsLoading(false);
@@ -138,7 +156,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 = useCallback(function (props) {
     return jsx(LozengeActionTrigger, _extends({}, props, {
       appearance: selected.appearance,
@@ -173,9 +191,15 @@ var LozengeAction = function LozengeAction(_ref) {
             setIsLoaded(false);
             setIsOpen(false);
             setItems([]);
-            analytics === null || analytics === void 0 || analytics.track.smartLinkQuickActionSuccess({
-              smartLinkActionType: TrackQuickActionType.StatusUpdate
-            });
+            if (fg('smart-card-migrate-track-analytics')) {
+              fireEvent('track.smartLinkQuickAction.success', {
+                smartLinkActionType: TrackQuickActionType.StatusUpdate
+              });
+            } else {
+              analytics === null || analytics === void 0 || analytics.track.smartLinkQuickActionSuccess({
+                smartLinkActionType: TrackQuickActionType.StatusUpdate
+              });
+            }
             if (!url) {
               _context2.next = 17;
               break;
@@ -191,10 +215,18 @@ var LozengeAction = function LozengeAction(_ref) {
             setIsLoading(false);
             if (isInvokeCustomError(_context2.t0)) {
               setErrorMessage(_context2.t0.message);
-              analytics === null || analytics === void 0 || analytics.track.smartLinkQuickActionFailed(validationUpdateErrorAnalyticsPayload);
+              if (fg('smart-card-migrate-track-analytics')) {
+                fireEvent('track.smartLinkQuickAction.failed', validationUpdateErrorAnalyticsPayload);
+              } else {
+                analytics === null || analytics === void 0 || analytics.track.smartLinkQuickActionFailed(validationUpdateErrorAnalyticsPayload);
+              }
             } else {
               setErrorMessage(LozengeActionErrorMessages.updateFailed);
-              analytics === null || analytics === void 0 || analytics.track.smartLinkQuickActionFailed(unknownUpdateErrorAnalyticsPayload);
+              if (fg('smart-card-migrate-track-analytics')) {
+                fireEvent('track.smartLinkQuickAction.failed', unknownUpdateErrorAnalyticsPayload);
+              } else {
+                analytics === null || analytics === void 0 || analytics.track.smartLinkQuickActionFailed(unknownUpdateErrorAnalyticsPayload);
+              }
             }
           case 23:
           case "end":
@@ -205,7 +237,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 = useMemo(function () {
     if (errorMessage) {
       return jsx(LozengeActionError, {

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

@@ -2,6 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useMemo } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { extractProvider } from '@atlaskit/link-extractors';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { useAnalyticsEvents } from '../../../../../common/analytics/generated/use-analytics-events';
 import { ActionName, CardDisplay } from '../../../../../constants';
 import { messages } from '../../../../../messages';
 import { useSmartCardActions } from '../../../../../state/actions';
@@ -28,14 +30,20 @@ var HoverCardUnauthorisedView = function HoverCardUnauthorisedView(_ref) {
   var isProductIntegrationSupported = hasAuthScopeOverrides(cardState.details);
   var _useSmartCardActions = useSmartCardActions(id, url, analytics),
     authorize = _useSmartCardActions.authorize;
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
   var handleAuthorize = useCallback(function () {
     if (authorize) {
-      analytics.track.appAccountAuthStarted({
-        extensionKey: extensionKey
-      });
+      if (fg('smart-card-migrate-track-analytics')) {
+        fireEvent('track.applicationAccount.authStarted', {});
+      } else {
+        analytics.track.appAccountAuthStarted({
+          extensionKey: extensionKey
+        });
+      }
       authorize(CardDisplay.HoverCardPreview);
     }
-  }, [authorize, extensionKey, analytics.track]);
+  }, [authorize, extensionKey, analytics.track, fireEvent]);
   var actions = useMemo(function () {
     return [{
       name: ActionName.CustomAction,