@atlaskit/smart-card 26.12.1 → 26.13.0

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @atlaskit/smart-card
 
+## 26.13.0
+
+### Minor Changes
+
+- [`d2ef5ede462`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d2ef5ede462) - Added a new analytics event that will fire on resolution of data for hover cards. The change is behind a FF and will only surface if we pass the FF as true to SmartCardProvider.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 26.12.1
 
 ### Patch Changes

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

@@ -776,6 +776,14 @@ var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, _dispatchAnalyti
        */
       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
+       */
+      hoverCardResolutionStarted: function hoverCardResolutionStarted() {
+        return dispatchAnalytics(applyCommonAttributes((0, _analytics2.trackHoverCardResolutionStarted)(_objectSpread({
+          display: 'hoverCardPreview'
+        }, commonAttributes)), commonAttributes));
       }
     };
   }, [commonAttributes, dispatchAnalytics]);

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.unresolvedEvent = exports.uiSmartLinkStatusOpenPreviewButtonClicked = exports.uiSmartLinkStatusLozengeButtonClicked = exports.uiSmartLinkStatusListItemButtonClicked = exports.uiRenderSuccessEvent = exports.uiRenderFailedEvent = exports.uiLearnMoreLinkClickedEvent = exports.uiIframeFocusedEvent = exports.uiIframeDwelledEvent = exports.uiHoverCardViewedEvent = exports.uiHoverCardOpenLinkClickedEvent = exports.uiHoverCardDismissedEvent = exports.uiClosedAuthEvent = exports.uiCardClickedEvent = exports.uiAuthEvent = exports.uiAuthAlternateAccountEvent = exports.uiActionClickedEvent = exports.trackSmartLinkQuickActionSuccess = exports.trackSmartLinkQuickActionStarted = exports.trackSmartLinkQuickActionFailed = exports.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.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;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
@@ -13,7 +13,8 @@ var _version = require("../../version.json");
 var _performance = require("../performance");
 var _excluded = ["smartLinkActionType"],
   _excluded2 = ["smartLinkActionType"],
-  _excluded3 = ["smartLinkActionType"];
+  _excluded3 = ["smartLinkActionType"],
+  _excluded4 = ["display"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var ANALYTICS_CHANNEL = 'media';
@@ -297,13 +298,26 @@ var trackSmartLinkQuickActionFailed = function trackSmartLinkQuickActionFailed(_
   };
 };
 exports.trackSmartLinkQuickActionFailed = trackSmartLinkQuickActionFailed;
-var uiAuthEvent = function uiAuthEvent(_ref11) {
-  var definitionId = _ref11.definitionId,
-    extensionKey = _ref11.extensionKey,
-    destinationProduct = _ref11.destinationProduct,
-    destinationSubproduct = _ref11.destinationSubproduct,
-    location = _ref11.location,
-    display = _ref11.display;
+var trackHoverCardResolutionStarted = function trackHoverCardResolutionStarted(_ref11) {
+  var display = _ref11.display,
+    attributes = (0, _objectWithoutProperties2.default)(_ref11, _excluded4);
+  return {
+    action: 'resolved',
+    actionSubject: 'hoverCard',
+    eventType: 'track',
+    attributes: _objectSpread(_objectSpread(_objectSpread({}, context), attributes), {}, {
+      display: display
+    })
+  };
+};
+exports.trackHoverCardResolutionStarted = trackHoverCardResolutionStarted;
+var uiAuthEvent = function uiAuthEvent(_ref12) {
+  var definitionId = _ref12.definitionId,
+    extensionKey = _ref12.extensionKey,
+    destinationProduct = _ref12.destinationProduct,
+    destinationSubproduct = _ref12.destinationSubproduct,
+    location = _ref12.location,
+    display = _ref12.display;
   return {
     action: 'clicked',
     actionSubject: 'button',
@@ -320,13 +334,13 @@ var uiAuthEvent = function uiAuthEvent(_ref11) {
   };
 };
 exports.uiAuthEvent = uiAuthEvent;
-var uiAuthAlternateAccountEvent = function uiAuthAlternateAccountEvent(_ref12) {
-  var definitionId = _ref12.definitionId,
-    extensionKey = _ref12.extensionKey,
-    destinationProduct = _ref12.destinationProduct,
-    destinationSubproduct = _ref12.destinationSubproduct,
-    location = _ref12.location,
-    display = _ref12.display;
+var uiAuthAlternateAccountEvent = function uiAuthAlternateAccountEvent(_ref13) {
+  var definitionId = _ref13.definitionId,
+    extensionKey = _ref13.extensionKey,
+    destinationProduct = _ref13.destinationProduct,
+    destinationSubproduct = _ref13.destinationSubproduct,
+    location = _ref13.location,
+    display = _ref13.display;
   return {
     action: 'clicked',
     actionSubject: 'smartLink',
@@ -343,17 +357,17 @@ var uiAuthAlternateAccountEvent = function uiAuthAlternateAccountEvent(_ref12) {
   };
 };
 exports.uiAuthAlternateAccountEvent = uiAuthAlternateAccountEvent;
-var uiCardClickedEvent = function uiCardClickedEvent(_ref13) {
-  var id = _ref13.id,
-    display = _ref13.display,
-    status = _ref13.status,
-    definitionId = _ref13.definitionId,
-    extensionKey = _ref13.extensionKey,
-    isModifierKeyPressed = _ref13.isModifierKeyPressed,
-    location = _ref13.location,
-    destinationProduct = _ref13.destinationProduct,
-    destinationSubproduct = _ref13.destinationSubproduct,
-    actionSubjectId = _ref13.actionSubjectId;
+var uiCardClickedEvent = function uiCardClickedEvent(_ref14) {
+  var id = _ref14.id,
+    display = _ref14.display,
+    status = _ref14.status,
+    definitionId = _ref14.definitionId,
+    extensionKey = _ref14.extensionKey,
+    isModifierKeyPressed = _ref14.isModifierKeyPressed,
+    location = _ref14.location,
+    destinationProduct = _ref14.destinationProduct,
+    destinationSubproduct = _ref14.destinationSubproduct,
+    actionSubjectId = _ref14.actionSubjectId;
   return {
     action: 'clicked',
     actionSubject: 'smartLink',
@@ -373,17 +387,17 @@ var uiCardClickedEvent = function uiCardClickedEvent(_ref13) {
   };
 };
 exports.uiCardClickedEvent = uiCardClickedEvent;
-var uiIframeDwelledEvent = function uiIframeDwelledEvent(_ref14) {
-  var id = _ref14.id,
-    display = _ref14.display,
-    status = _ref14.status,
-    definitionId = _ref14.definitionId,
-    extensionKey = _ref14.extensionKey,
-    location = _ref14.location,
-    destinationProduct = _ref14.destinationProduct,
-    destinationSubproduct = _ref14.destinationSubproduct,
-    dwellTime = _ref14.dwellTime,
-    dwellPercentVisible = _ref14.dwellPercentVisible;
+var uiIframeDwelledEvent = function uiIframeDwelledEvent(_ref15) {
+  var id = _ref15.id,
+    display = _ref15.display,
+    status = _ref15.status,
+    definitionId = _ref15.definitionId,
+    extensionKey = _ref15.extensionKey,
+    location = _ref15.location,
+    destinationProduct = _ref15.destinationProduct,
+    destinationSubproduct = _ref15.destinationSubproduct,
+    dwellTime = _ref15.dwellTime,
+    dwellPercentVisible = _ref15.dwellPercentVisible;
   return {
     action: 'dwelled',
     actionSubject: 'smartLinkIframe',
@@ -403,15 +417,15 @@ var uiIframeDwelledEvent = function uiIframeDwelledEvent(_ref14) {
   };
 };
 exports.uiIframeDwelledEvent = uiIframeDwelledEvent;
-var uiIframeFocusedEvent = function uiIframeFocusedEvent(_ref15) {
-  var id = _ref15.id,
-    display = _ref15.display,
-    status = _ref15.status,
-    definitionId = _ref15.definitionId,
-    extensionKey = _ref15.extensionKey,
-    location = _ref15.location,
-    destinationProduct = _ref15.destinationProduct,
-    destinationSubproduct = _ref15.destinationSubproduct;
+var uiIframeFocusedEvent = function uiIframeFocusedEvent(_ref16) {
+  var id = _ref16.id,
+    display = _ref16.display,
+    status = _ref16.status,
+    definitionId = _ref16.definitionId,
+    extensionKey = _ref16.extensionKey,
+    location = _ref16.location,
+    destinationProduct = _ref16.destinationProduct,
+    destinationSubproduct = _ref16.destinationSubproduct;
   return {
     action: 'focused',
     actionSubject: 'smartLinkIframe',
@@ -429,15 +443,15 @@ var uiIframeFocusedEvent = function uiIframeFocusedEvent(_ref15) {
   };
 };
 exports.uiIframeFocusedEvent = uiIframeFocusedEvent;
-var uiActionClickedEvent = function uiActionClickedEvent(_ref16) {
-  var id = _ref16.id,
-    actionType = _ref16.actionType,
-    extensionKey = _ref16.extensionKey,
-    display = _ref16.display,
-    definitionId = _ref16.definitionId,
-    destinationProduct = _ref16.destinationProduct,
-    destinationSubproduct = _ref16.destinationSubproduct,
-    location = _ref16.location;
+var uiActionClickedEvent = function uiActionClickedEvent(_ref17) {
+  var id = _ref17.id,
+    actionType = _ref17.actionType,
+    extensionKey = _ref17.extensionKey,
+    display = _ref17.display,
+    definitionId = _ref17.definitionId,
+    destinationProduct = _ref17.destinationProduct,
+    destinationSubproduct = _ref17.destinationSubproduct,
+    location = _ref17.location;
   return {
     action: 'clicked',
     actionSubject: 'button',
@@ -456,13 +470,13 @@ var uiActionClickedEvent = function uiActionClickedEvent(_ref16) {
   };
 };
 exports.uiActionClickedEvent = uiActionClickedEvent;
-var uiClosedAuthEvent = function uiClosedAuthEvent(_ref17) {
-  var display = _ref17.display,
-    extensionKey = _ref17.extensionKey,
-    definitionId = _ref17.definitionId,
-    destinationProduct = _ref17.destinationProduct,
-    destinationSubproduct = _ref17.destinationSubproduct,
-    location = _ref17.location;
+var uiClosedAuthEvent = function uiClosedAuthEvent(_ref18) {
+  var display = _ref18.display,
+    extensionKey = _ref18.extensionKey,
+    definitionId = _ref18.definitionId,
+    destinationProduct = _ref18.destinationProduct,
+    destinationSubproduct = _ref18.destinationSubproduct,
+    location = _ref18.location;
   return {
     action: 'closed',
     actionSubject: 'consentModal',
@@ -478,12 +492,12 @@ var uiClosedAuthEvent = function uiClosedAuthEvent(_ref17) {
   };
 };
 exports.uiClosedAuthEvent = uiClosedAuthEvent;
-var screenAuthPopupEvent = function screenAuthPopupEvent(_ref18) {
-  var extensionKey = _ref18.extensionKey,
-    definitionId = _ref18.definitionId,
-    destinationProduct = _ref18.destinationProduct,
-    destinationSubproduct = _ref18.destinationSubproduct,
-    location = _ref18.location;
+var screenAuthPopupEvent = function screenAuthPopupEvent(_ref19) {
+  var extensionKey = _ref19.extensionKey,
+    definitionId = _ref19.definitionId,
+    destinationProduct = _ref19.destinationProduct,
+    destinationSubproduct = _ref19.destinationSubproduct,
+    location = _ref19.location;
   return {
     actionSubject: 'consentModal',
     eventType: 'screen',
@@ -497,14 +511,14 @@ var screenAuthPopupEvent = function screenAuthPopupEvent(_ref18) {
   };
 };
 exports.screenAuthPopupEvent = screenAuthPopupEvent;
-var uiRenderSuccessEvent = function uiRenderSuccessEvent(_ref19) {
-  var display = _ref19.display,
-    status = _ref19.status,
-    extensionKey = _ref19.extensionKey,
-    definitionId = _ref19.definitionId,
-    destinationProduct = _ref19.destinationProduct,
-    destinationSubproduct = _ref19.destinationSubproduct,
-    location = _ref19.location;
+var uiRenderSuccessEvent = function uiRenderSuccessEvent(_ref20) {
+  var display = _ref20.display,
+    status = _ref20.status,
+    extensionKey = _ref20.extensionKey,
+    definitionId = _ref20.definitionId,
+    destinationProduct = _ref20.destinationProduct,
+    destinationSubproduct = _ref20.destinationSubproduct,
+    location = _ref20.location;
   return {
     action: 'renderSuccess',
     actionSubject: 'smartLink',
@@ -521,15 +535,15 @@ var uiRenderSuccessEvent = function uiRenderSuccessEvent(_ref19) {
   };
 };
 exports.uiRenderSuccessEvent = uiRenderSuccessEvent;
-var uiRenderFailedEvent = function uiRenderFailedEvent(_ref20) {
-  var display = _ref20.display,
-    error = _ref20.error,
-    errorInfo = _ref20.errorInfo,
-    extensionKey = _ref20.extensionKey,
-    definitionId = _ref20.definitionId,
-    destinationProduct = _ref20.destinationProduct,
-    destinationSubproduct = _ref20.destinationSubproduct,
-    location = _ref20.location;
+var uiRenderFailedEvent = function uiRenderFailedEvent(_ref21) {
+  var display = _ref21.display,
+    error = _ref21.error,
+    errorInfo = _ref21.errorInfo,
+    extensionKey = _ref21.extensionKey,
+    definitionId = _ref21.definitionId,
+    destinationProduct = _ref21.destinationProduct,
+    destinationSubproduct = _ref21.destinationSubproduct,
+    location = _ref21.location;
   return {
     actionSubject: 'smartLink',
     action: 'renderFailed',
@@ -547,16 +561,16 @@ var uiRenderFailedEvent = function uiRenderFailedEvent(_ref20) {
   };
 };
 exports.uiRenderFailedEvent = uiRenderFailedEvent;
-var uiHoverCardViewedEvent = function uiHoverCardViewedEvent(_ref21) {
-  var id = _ref21.id,
-    previewDisplay = _ref21.previewDisplay,
-    extensionKey = _ref21.extensionKey,
-    definitionId = _ref21.definitionId,
-    destinationProduct = _ref21.destinationProduct,
-    destinationSubproduct = _ref21.destinationSubproduct,
-    location = _ref21.location,
-    previewInvokeMethod = _ref21.previewInvokeMethod,
-    status = _ref21.status;
+var uiHoverCardViewedEvent = function uiHoverCardViewedEvent(_ref22) {
+  var id = _ref22.id,
+    previewDisplay = _ref22.previewDisplay,
+    extensionKey = _ref22.extensionKey,
+    definitionId = _ref22.definitionId,
+    destinationProduct = _ref22.destinationProduct,
+    destinationSubproduct = _ref22.destinationSubproduct,
+    location = _ref22.location,
+    previewInvokeMethod = _ref22.previewInvokeMethod,
+    status = _ref22.status;
   return {
     action: 'viewed',
     actionSubject: 'hoverCard',
@@ -575,17 +589,17 @@ var uiHoverCardViewedEvent = function uiHoverCardViewedEvent(_ref21) {
   };
 };
 exports.uiHoverCardViewedEvent = uiHoverCardViewedEvent;
-var uiHoverCardDismissedEvent = function uiHoverCardDismissedEvent(_ref22) {
-  var id = _ref22.id,
-    previewDisplay = _ref22.previewDisplay,
-    hoverTime = _ref22.hoverTime,
-    extensionKey = _ref22.extensionKey,
-    definitionId = _ref22.definitionId,
-    destinationProduct = _ref22.destinationProduct,
-    destinationSubproduct = _ref22.destinationSubproduct,
-    location = _ref22.location,
-    previewInvokeMethod = _ref22.previewInvokeMethod,
-    status = _ref22.status;
+var uiHoverCardDismissedEvent = function uiHoverCardDismissedEvent(_ref23) {
+  var id = _ref23.id,
+    previewDisplay = _ref23.previewDisplay,
+    hoverTime = _ref23.hoverTime,
+    extensionKey = _ref23.extensionKey,
+    definitionId = _ref23.definitionId,
+    destinationProduct = _ref23.destinationProduct,
+    destinationSubproduct = _ref23.destinationSubproduct,
+    location = _ref23.location,
+    previewInvokeMethod = _ref23.previewInvokeMethod,
+    status = _ref23.status;
   return {
     action: 'dismissed',
     actionSubject: 'hoverCard',
@@ -605,15 +619,15 @@ var uiHoverCardDismissedEvent = function uiHoverCardDismissedEvent(_ref22) {
   };
 };
 exports.uiHoverCardDismissedEvent = uiHoverCardDismissedEvent;
-var uiHoverCardOpenLinkClickedEvent = function uiHoverCardOpenLinkClickedEvent(_ref23) {
-  var id = _ref23.id,
-    previewDisplay = _ref23.previewDisplay,
-    extensionKey = _ref23.extensionKey,
-    definitionId = _ref23.definitionId,
-    destinationProduct = _ref23.destinationProduct,
-    destinationSubproduct = _ref23.destinationSubproduct,
-    location = _ref23.location,
-    previewInvokeMethod = _ref23.previewInvokeMethod;
+var uiHoverCardOpenLinkClickedEvent = function uiHoverCardOpenLinkClickedEvent(_ref24) {
+  var id = _ref24.id,
+    previewDisplay = _ref24.previewDisplay,
+    extensionKey = _ref24.extensionKey,
+    definitionId = _ref24.definitionId,
+    destinationProduct = _ref24.destinationProduct,
+    destinationSubproduct = _ref24.destinationSubproduct,
+    location = _ref24.location,
+    previewInvokeMethod = _ref24.previewInvokeMethod;
   return {
     action: 'clicked',
     actionSubject: 'button',
@@ -642,15 +656,15 @@ var uiLearnMoreLinkClickedEvent = function uiLearnMoreLinkClickedEvent() {
   };
 };
 exports.uiLearnMoreLinkClickedEvent = uiLearnMoreLinkClickedEvent;
-var chunkloadFailedEvent = function chunkloadFailedEvent(_ref24) {
-  var display = _ref24.display,
-    error = _ref24.error,
-    errorInfo = _ref24.errorInfo,
-    extensionKey = _ref24.extensionKey,
-    definitionId = _ref24.definitionId,
-    destinationProduct = _ref24.destinationProduct,
-    destinationSubproduct = _ref24.destinationSubproduct,
-    location = _ref24.location;
+var chunkloadFailedEvent = function chunkloadFailedEvent(_ref25) {
+  var display = _ref25.display,
+    error = _ref25.error,
+    errorInfo = _ref25.errorInfo,
+    extensionKey = _ref25.extensionKey,
+    definitionId = _ref25.definitionId,
+    destinationProduct = _ref25.destinationProduct,
+    destinationSubproduct = _ref25.destinationSubproduct,
+    location = _ref25.location;
   return {
     action: 'chunkLoadFailed',
     actionSubject: 'smartLink',

package/dist/cjs/version.json

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

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

@@ -20,6 +20,7 @@ var _constants = require("../../../constants");
 var _SmartLinkAnalyticsContext = require("../../../utils/analytics/SmartLinkAnalyticsContext");
 var _actions = require("../../../state/actions");
 var _analytics = require("../../../state/analytics");
+var _linkProvider = require("@atlaskit/link-provider");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 /** @jsx jsx */
@@ -61,6 +62,7 @@ var HoverCardComponent = function HoverCardComponent(_ref) {
   var analytics = (0, _analytics.useSmartLinkAnalytics)(url, undefined, id);
   var _useSmartCardActions = (0, _actions.useSmartCardActions)(id, url, analytics),
     loadMetadata = _useSmartCardActions.loadMetadata;
+  var enableHoverCardResolutionTracking = (0, _linkProvider.useFeatureFlag)('enableHoverCardResolutionTracking');
   var setMousePosition = (0, _react2.useCallback)(function (event) {
     if (isOpen && canOpen) {
       return;
@@ -129,9 +131,12 @@ var HoverCardComponent = function HoverCardComponent(_ref) {
     if (!resolveTimeOutId.current && isLinkUnresolved) {
       resolveTimeOutId.current = setTimeout(function () {
         loadMetadata();
+        if (enableHoverCardResolutionTracking) {
+          analytics.track.hoverCardResolutionStarted();
+        }
       }, RESOLVE_DELAY);
     }
-  }, [linkState, loadMetadata]);
+  }, [analytics.track, enableHoverCardResolutionTracking, linkState.metadataStatus, linkState.status, loadMetadata]);
   var initShowCard = (0, _react2.useCallback)(function (event) {
     // clearing out fadeOutTimeoutId in case it's already counting down to hide the card
     if (fadeOutTimeoutId.current) {

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

@@ -4,7 +4,7 @@ import { chunkloadFailedEvent, connectFailedEvent, connectSucceededEvent, contex
 import { failUfoExperience, startUfoExperience, succeedUfoExperience } from './ufoExperiences';
 import { getDefinitionId, getExtensionKey, getProduct, getResourceType, getStatusDetails, getSubproduct } from '../helpers';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
-import { trackSmartLinkQuickActionFailed, trackSmartLinkQuickActionStarted, trackSmartLinkQuickActionSuccess, uiIframeDwelledEvent, uiIframeFocusedEvent } from '../../utils/analytics/analytics';
+import { trackHoverCardResolutionStarted, trackSmartLinkQuickActionFailed, trackSmartLinkQuickActionStarted, trackSmartLinkQuickActionSuccess, uiIframeDwelledEvent, uiIframeFocusedEvent } from '../../utils/analytics/analytics';
 import { useDispatchAnalytics } from './useDispatchAnalytics';
 const applyCommonAttributes = (event, commonAttributes) => {
   if (event && event.attributes) {
@@ -759,6 +759,13 @@ export const useSmartLinkAnalytics = (url, _dispatchAnalytics, id, defaultLocati
     smartLinkQuickActionFailed: props => dispatchAnalytics(applyCommonAttributes(trackSmartLinkQuickActionFailed({
       ...commonAttributes,
       ...props
+    }), commonAttributes)),
+    /**
+     * Fires a track event when we call loadMetadata() to get information for a hover card
+     */
+    hoverCardResolutionStarted: () => dispatchAnalytics(applyCommonAttributes(trackHoverCardResolutionStarted({
+      display: 'hoverCardPreview',
+      ...commonAttributes
     }), commonAttributes))
   }), [commonAttributes, dispatchAnalytics]);
 

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

@@ -270,6 +270,19 @@ export const trackSmartLinkQuickActionFailed = ({
     smartLinkActionType
   }
 });
+export const trackHoverCardResolutionStarted = ({
+  display,
+  ...attributes
+}) => ({
+  action: 'resolved',
+  actionSubject: 'hoverCard',
+  eventType: 'track',
+  attributes: {
+    ...context,
+    ...attributes,
+    display
+  }
+});
 export const uiAuthEvent = ({
   definitionId,
   extensionKey,

package/dist/es2019/version.json

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

package/dist/es2019/view/HoverCard/components/HoverCardComponent.js

@@ -12,6 +12,7 @@ import { CardDisplay } from '../../../constants';
 import { SmartLinkAnalyticsContext } from '../../../utils/analytics/SmartLinkAnalyticsContext';
 import { useSmartCardActions } from '../../../state/actions';
 import { useSmartLinkAnalytics } from '../../../state/analytics';
+import { useFeatureFlag } from '@atlaskit/link-provider';
 const HOVER_CARD_SOURCE = 'smartLinkPreviewHoverCard';
 const FADE_IN_DELAY = 500;
 const FADE_OUT_DELAY = 300;
@@ -41,6 +42,7 @@ export const HoverCardComponent = ({
   const {
     loadMetadata
   } = useSmartCardActions(id, url, analytics);
+  const enableHoverCardResolutionTracking = useFeatureFlag('enableHoverCardResolutionTracking');
   const setMousePosition = useCallback(event => {
     if (isOpen && canOpen) {
       return;
@@ -108,9 +110,12 @@ export const HoverCardComponent = ({
     if (!resolveTimeOutId.current && isLinkUnresolved) {
       resolveTimeOutId.current = setTimeout(() => {
         loadMetadata();
+        if (enableHoverCardResolutionTracking) {
+          analytics.track.hoverCardResolutionStarted();
+        }
       }, RESOLVE_DELAY);
     }
-  }, [linkState, loadMetadata]);
+  }, [analytics.track, enableHoverCardResolutionTracking, linkState.metadataStatus, linkState.status, loadMetadata]);
   const initShowCard = useCallback(event => {
     // clearing out fadeOutTimeoutId in case it's already counting down to hide the card
     if (fadeOutTimeoutId.current) {

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

@@ -8,7 +8,7 @@ import { chunkloadFailedEvent as _chunkloadFailedEvent, connectFailedEvent as _c
 import { failUfoExperience, startUfoExperience, succeedUfoExperience } from './ufoExperiences';
 import { getDefinitionId, getExtensionKey, getProduct, getResourceType, getStatusDetails, getSubproduct } from '../helpers';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
-import { trackSmartLinkQuickActionFailed, trackSmartLinkQuickActionStarted, trackSmartLinkQuickActionSuccess, uiIframeDwelledEvent, uiIframeFocusedEvent } from '../../utils/analytics/analytics';
+import { trackHoverCardResolutionStarted, trackSmartLinkQuickActionFailed, trackSmartLinkQuickActionStarted, trackSmartLinkQuickActionSuccess, uiIframeDwelledEvent, uiIframeFocusedEvent } from '../../utils/analytics/analytics';
 import { useDispatchAnalytics } from './useDispatchAnalytics';
 var applyCommonAttributes = function applyCommonAttributes(event, commonAttributes) {
   if (event && event.attributes) {
@@ -769,6 +769,14 @@ export var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, _dispatch
        */
       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
+       */
+      hoverCardResolutionStarted: function hoverCardResolutionStarted() {
+        return dispatchAnalytics(applyCommonAttributes(trackHoverCardResolutionStarted(_objectSpread({
+          display: 'hoverCardPreview'
+        }, commonAttributes)), commonAttributes));
       }
     };
   }, [commonAttributes, dispatchAnalytics]);

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

@@ -4,7 +4,8 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 var _excluded = ["smartLinkActionType"],
   _excluded2 = ["smartLinkActionType"],
-  _excluded3 = ["smartLinkActionType"];
+  _excluded3 = ["smartLinkActionType"],
+  _excluded4 = ["display"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { name as packageName, version as packageVersion } from '../../version.json';
@@ -273,29 +274,19 @@ export var trackSmartLinkQuickActionFailed = function trackSmartLinkQuickActionF
     })
   };
 };
-export var uiAuthEvent = function uiAuthEvent(_ref11) {
-  var definitionId = _ref11.definitionId,
-    extensionKey = _ref11.extensionKey,
-    destinationProduct = _ref11.destinationProduct,
-    destinationSubproduct = _ref11.destinationSubproduct,
-    location = _ref11.location,
-    display = _ref11.display;
+export var trackHoverCardResolutionStarted = function trackHoverCardResolutionStarted(_ref11) {
+  var display = _ref11.display,
+    attributes = _objectWithoutProperties(_ref11, _excluded4);
   return {
-    action: 'clicked',
-    actionSubject: 'button',
-    actionSubjectId: 'connectAccount',
-    eventType: 'ui',
-    attributes: _objectSpread(_objectSpread({}, context), {}, {
-      definitionId: definitionId,
-      extensionKey: extensionKey,
-      destinationProduct: destinationProduct,
-      destinationSubproduct: destinationSubproduct,
-      location: location,
+    action: 'resolved',
+    actionSubject: 'hoverCard',
+    eventType: 'track',
+    attributes: _objectSpread(_objectSpread(_objectSpread({}, context), attributes), {}, {
       display: display
     })
   };
 };
-export var uiAuthAlternateAccountEvent = function uiAuthAlternateAccountEvent(_ref12) {
+export var uiAuthEvent = function uiAuthEvent(_ref12) {
   var definitionId = _ref12.definitionId,
     extensionKey = _ref12.extensionKey,
     destinationProduct = _ref12.destinationProduct,
@@ -304,8 +295,8 @@ export var uiAuthAlternateAccountEvent = function uiAuthAlternateAccountEvent(_r
     display = _ref12.display;
   return {
     action: 'clicked',
-    actionSubject: 'smartLink',
-    actionSubjectId: 'tryAnotherAccount',
+    actionSubject: 'button',
+    actionSubjectId: 'connectAccount',
     eventType: 'ui',
     attributes: _objectSpread(_objectSpread({}, context), {}, {
       definitionId: definitionId,
@@ -317,49 +308,43 @@ export var uiAuthAlternateAccountEvent = function uiAuthAlternateAccountEvent(_r
     })
   };
 };
-export var uiCardClickedEvent = function uiCardClickedEvent(_ref13) {
-  var id = _ref13.id,
-    display = _ref13.display,
-    status = _ref13.status,
-    definitionId = _ref13.definitionId,
+export var uiAuthAlternateAccountEvent = function uiAuthAlternateAccountEvent(_ref13) {
+  var definitionId = _ref13.definitionId,
     extensionKey = _ref13.extensionKey,
-    isModifierKeyPressed = _ref13.isModifierKeyPressed,
-    location = _ref13.location,
     destinationProduct = _ref13.destinationProduct,
     destinationSubproduct = _ref13.destinationSubproduct,
-    actionSubjectId = _ref13.actionSubjectId;
+    location = _ref13.location,
+    display = _ref13.display;
   return {
     action: 'clicked',
     actionSubject: 'smartLink',
-    actionSubjectId: actionSubjectId,
+    actionSubjectId: 'tryAnotherAccount',
     eventType: 'ui',
     attributes: _objectSpread(_objectSpread({}, context), {}, {
-      id: id,
-      status: status,
       definitionId: definitionId,
       extensionKey: extensionKey,
-      display: display,
-      isModifierKeyPressed: isModifierKeyPressed,
-      location: location,
       destinationProduct: destinationProduct,
-      destinationSubproduct: destinationSubproduct
+      destinationSubproduct: destinationSubproduct,
+      location: location,
+      display: display
     })
   };
 };
-export var uiIframeDwelledEvent = function uiIframeDwelledEvent(_ref14) {
+export var uiCardClickedEvent = function uiCardClickedEvent(_ref14) {
   var id = _ref14.id,
     display = _ref14.display,
     status = _ref14.status,
     definitionId = _ref14.definitionId,
     extensionKey = _ref14.extensionKey,
+    isModifierKeyPressed = _ref14.isModifierKeyPressed,
     location = _ref14.location,
     destinationProduct = _ref14.destinationProduct,
     destinationSubproduct = _ref14.destinationSubproduct,
-    dwellTime = _ref14.dwellTime,
-    dwellPercentVisible = _ref14.dwellPercentVisible;
+    actionSubjectId = _ref14.actionSubjectId;
   return {
-    action: 'dwelled',
-    actionSubject: 'smartLinkIframe',
+    action: 'clicked',
+    actionSubject: 'smartLink',
+    actionSubjectId: actionSubjectId,
     eventType: 'ui',
     attributes: _objectSpread(_objectSpread({}, context), {}, {
       id: id,
@@ -367,15 +352,14 @@ export var uiIframeDwelledEvent = function uiIframeDwelledEvent(_ref14) {
       definitionId: definitionId,
       extensionKey: extensionKey,
       display: display,
+      isModifierKeyPressed: isModifierKeyPressed,
       location: location,
       destinationProduct: destinationProduct,
-      destinationSubproduct: destinationSubproduct,
-      dwellTime: dwellTime,
-      dwellPercentVisible: dwellPercentVisible
+      destinationSubproduct: destinationSubproduct
     })
   };
 };
-export var uiIframeFocusedEvent = function uiIframeFocusedEvent(_ref15) {
+export var uiIframeDwelledEvent = function uiIframeDwelledEvent(_ref15) {
   var id = _ref15.id,
     display = _ref15.display,
     status = _ref15.status,
@@ -383,9 +367,11 @@ export var uiIframeFocusedEvent = function uiIframeFocusedEvent(_ref15) {
     extensionKey = _ref15.extensionKey,
     location = _ref15.location,
     destinationProduct = _ref15.destinationProduct,
-    destinationSubproduct = _ref15.destinationSubproduct;
+    destinationSubproduct = _ref15.destinationSubproduct,
+    dwellTime = _ref15.dwellTime,
+    dwellPercentVisible = _ref15.dwellPercentVisible;
   return {
-    action: 'focused',
+    action: 'dwelled',
     actionSubject: 'smartLinkIframe',
     eventType: 'ui',
     attributes: _objectSpread(_objectSpread({}, context), {}, {
@@ -396,154 +382,153 @@ export var uiIframeFocusedEvent = function uiIframeFocusedEvent(_ref15) {
       display: display,
       location: location,
       destinationProduct: destinationProduct,
-      destinationSubproduct: destinationSubproduct
+      destinationSubproduct: destinationSubproduct,
+      dwellTime: dwellTime,
+      dwellPercentVisible: dwellPercentVisible
     })
   };
 };
-export var uiActionClickedEvent = function uiActionClickedEvent(_ref16) {
+export var uiIframeFocusedEvent = function uiIframeFocusedEvent(_ref16) {
   var id = _ref16.id,
-    actionType = _ref16.actionType,
-    extensionKey = _ref16.extensionKey,
     display = _ref16.display,
+    status = _ref16.status,
     definitionId = _ref16.definitionId,
+    extensionKey = _ref16.extensionKey,
+    location = _ref16.location,
     destinationProduct = _ref16.destinationProduct,
-    destinationSubproduct = _ref16.destinationSubproduct,
-    location = _ref16.location;
+    destinationSubproduct = _ref16.destinationSubproduct;
   return {
-    action: 'clicked',
-    actionSubject: 'button',
-    actionSubjectId: uiActionSubjectIds[actionType],
+    action: 'focused',
+    actionSubject: 'smartLinkIframe',
     eventType: 'ui',
     attributes: _objectSpread(_objectSpread({}, context), {}, {
       id: id,
-      display: display,
-      actionType: actionType,
-      extensionKey: extensionKey,
+      status: status,
       definitionId: definitionId,
+      extensionKey: extensionKey,
+      display: display,
+      location: location,
       destinationProduct: destinationProduct,
-      destinationSubproduct: destinationSubproduct,
-      location: location
+      destinationSubproduct: destinationSubproduct
     })
   };
 };
-export var uiClosedAuthEvent = function uiClosedAuthEvent(_ref17) {
-  var display = _ref17.display,
+export var uiActionClickedEvent = function uiActionClickedEvent(_ref17) {
+  var id = _ref17.id,
+    actionType = _ref17.actionType,
     extensionKey = _ref17.extensionKey,
+    display = _ref17.display,
     definitionId = _ref17.definitionId,
     destinationProduct = _ref17.destinationProduct,
     destinationSubproduct = _ref17.destinationSubproduct,
     location = _ref17.location;
   return {
-    action: 'closed',
-    actionSubject: 'consentModal',
+    action: 'clicked',
+    actionSubject: 'button',
+    actionSubjectId: uiActionSubjectIds[actionType],
     eventType: 'ui',
     attributes: _objectSpread(_objectSpread({}, context), {}, {
+      id: id,
+      display: display,
+      actionType: actionType,
       extensionKey: extensionKey,
       definitionId: definitionId,
       destinationProduct: destinationProduct,
       destinationSubproduct: destinationSubproduct,
-      location: location,
-      display: display
+      location: location
     })
   };
 };
-export var screenAuthPopupEvent = function screenAuthPopupEvent(_ref18) {
-  var extensionKey = _ref18.extensionKey,
+export var uiClosedAuthEvent = function uiClosedAuthEvent(_ref18) {
+  var display = _ref18.display,
+    extensionKey = _ref18.extensionKey,
     definitionId = _ref18.definitionId,
     destinationProduct = _ref18.destinationProduct,
     destinationSubproduct = _ref18.destinationSubproduct,
     location = _ref18.location;
   return {
+    action: 'closed',
     actionSubject: 'consentModal',
-    eventType: 'screen',
+    eventType: 'ui',
     attributes: _objectSpread(_objectSpread({}, context), {}, {
       extensionKey: extensionKey,
       definitionId: definitionId,
       destinationProduct: destinationProduct,
       destinationSubproduct: destinationSubproduct,
-      location: location
+      location: location,
+      display: display
     })
   };
 };
-export var uiRenderSuccessEvent = function uiRenderSuccessEvent(_ref19) {
-  var display = _ref19.display,
-    status = _ref19.status,
-    extensionKey = _ref19.extensionKey,
+export var screenAuthPopupEvent = function screenAuthPopupEvent(_ref19) {
+  var extensionKey = _ref19.extensionKey,
     definitionId = _ref19.definitionId,
     destinationProduct = _ref19.destinationProduct,
     destinationSubproduct = _ref19.destinationSubproduct,
     location = _ref19.location;
   return {
-    action: 'renderSuccess',
-    actionSubject: 'smartLink',
-    eventType: 'ui',
+    actionSubject: 'consentModal',
+    eventType: 'screen',
     attributes: _objectSpread(_objectSpread({}, context), {}, {
-      status: status,
       extensionKey: extensionKey,
       definitionId: definitionId,
       destinationProduct: destinationProduct,
       destinationSubproduct: destinationSubproduct,
-      location: location,
-      display: display
+      location: location
     })
   };
 };
-export var uiRenderFailedEvent = function uiRenderFailedEvent(_ref20) {
+export var uiRenderSuccessEvent = function uiRenderSuccessEvent(_ref20) {
   var display = _ref20.display,
-    error = _ref20.error,
-    errorInfo = _ref20.errorInfo,
+    status = _ref20.status,
     extensionKey = _ref20.extensionKey,
     definitionId = _ref20.definitionId,
     destinationProduct = _ref20.destinationProduct,
     destinationSubproduct = _ref20.destinationSubproduct,
     location = _ref20.location;
   return {
+    action: 'renderSuccess',
     actionSubject: 'smartLink',
-    action: 'renderFailed',
     eventType: 'ui',
     attributes: _objectSpread(_objectSpread({}, context), {}, {
-      error: error,
-      errorInfo: errorInfo,
-      display: display,
+      status: status,
       extensionKey: extensionKey,
       definitionId: definitionId,
       destinationProduct: destinationProduct,
       destinationSubproduct: destinationSubproduct,
-      location: location
+      location: location,
+      display: display
     })
   };
 };
-export var uiHoverCardViewedEvent = function uiHoverCardViewedEvent(_ref21) {
-  var id = _ref21.id,
-    previewDisplay = _ref21.previewDisplay,
+export var uiRenderFailedEvent = function uiRenderFailedEvent(_ref21) {
+  var display = _ref21.display,
+    error = _ref21.error,
+    errorInfo = _ref21.errorInfo,
     extensionKey = _ref21.extensionKey,
     definitionId = _ref21.definitionId,
     destinationProduct = _ref21.destinationProduct,
     destinationSubproduct = _ref21.destinationSubproduct,
-    location = _ref21.location,
-    previewInvokeMethod = _ref21.previewInvokeMethod,
-    status = _ref21.status;
+    location = _ref21.location;
   return {
-    action: 'viewed',
-    actionSubject: 'hoverCard',
+    actionSubject: 'smartLink',
+    action: 'renderFailed',
     eventType: 'ui',
     attributes: _objectSpread(_objectSpread({}, context), {}, {
-      id: id,
-      previewDisplay: previewDisplay,
+      error: error,
+      errorInfo: errorInfo,
+      display: display,
       extensionKey: extensionKey,
       definitionId: definitionId,
       destinationProduct: destinationProduct,
       destinationSubproduct: destinationSubproduct,
-      location: location,
-      previewInvokeMethod: previewInvokeMethod,
-      status: status
+      location: location
     })
   };
 };
-export var uiHoverCardDismissedEvent = function uiHoverCardDismissedEvent(_ref22) {
+export var uiHoverCardViewedEvent = function uiHoverCardViewedEvent(_ref22) {
   var id = _ref22.id,
     previewDisplay = _ref22.previewDisplay,
-    hoverTime = _ref22.hoverTime,
     extensionKey = _ref22.extensionKey,
     definitionId = _ref22.definitionId,
     destinationProduct = _ref22.destinationProduct,
@@ -552,13 +537,12 @@ export var uiHoverCardDismissedEvent = function uiHoverCardDismissedEvent(_ref22
     previewInvokeMethod = _ref22.previewInvokeMethod,
     status = _ref22.status;
   return {
-    action: 'dismissed',
+    action: 'viewed',
     actionSubject: 'hoverCard',
     eventType: 'ui',
     attributes: _objectSpread(_objectSpread({}, context), {}, {
       id: id,
       previewDisplay: previewDisplay,
-      hoverTime: hoverTime,
       extensionKey: extensionKey,
       definitionId: definitionId,
       destinationProduct: destinationProduct,
@@ -569,15 +553,44 @@ export var uiHoverCardDismissedEvent = function uiHoverCardDismissedEvent(_ref22
     })
   };
 };
-export var uiHoverCardOpenLinkClickedEvent = function uiHoverCardOpenLinkClickedEvent(_ref23) {
+export var uiHoverCardDismissedEvent = function uiHoverCardDismissedEvent(_ref23) {
   var id = _ref23.id,
     previewDisplay = _ref23.previewDisplay,
+    hoverTime = _ref23.hoverTime,
     extensionKey = _ref23.extensionKey,
     definitionId = _ref23.definitionId,
     destinationProduct = _ref23.destinationProduct,
     destinationSubproduct = _ref23.destinationSubproduct,
     location = _ref23.location,
-    previewInvokeMethod = _ref23.previewInvokeMethod;
+    previewInvokeMethod = _ref23.previewInvokeMethod,
+    status = _ref23.status;
+  return {
+    action: 'dismissed',
+    actionSubject: 'hoverCard',
+    eventType: 'ui',
+    attributes: _objectSpread(_objectSpread({}, context), {}, {
+      id: id,
+      previewDisplay: previewDisplay,
+      hoverTime: hoverTime,
+      extensionKey: extensionKey,
+      definitionId: definitionId,
+      destinationProduct: destinationProduct,
+      destinationSubproduct: destinationSubproduct,
+      location: location,
+      previewInvokeMethod: previewInvokeMethod,
+      status: status
+    })
+  };
+};
+export var uiHoverCardOpenLinkClickedEvent = function uiHoverCardOpenLinkClickedEvent(_ref24) {
+  var id = _ref24.id,
+    previewDisplay = _ref24.previewDisplay,
+    extensionKey = _ref24.extensionKey,
+    definitionId = _ref24.definitionId,
+    destinationProduct = _ref24.destinationProduct,
+    destinationSubproduct = _ref24.destinationSubproduct,
+    location = _ref24.location,
+    previewInvokeMethod = _ref24.previewInvokeMethod;
   return {
     action: 'clicked',
     actionSubject: 'button',
@@ -604,15 +617,15 @@ export var uiLearnMoreLinkClickedEvent = function uiLearnMoreLinkClickedEvent()
     attributes: _objectSpread({}, context)
   };
 };
-export var chunkloadFailedEvent = function chunkloadFailedEvent(_ref24) {
-  var display = _ref24.display,
-    error = _ref24.error,
-    errorInfo = _ref24.errorInfo,
-    extensionKey = _ref24.extensionKey,
-    definitionId = _ref24.definitionId,
-    destinationProduct = _ref24.destinationProduct,
-    destinationSubproduct = _ref24.destinationSubproduct,
-    location = _ref24.location;
+export var chunkloadFailedEvent = function chunkloadFailedEvent(_ref25) {
+  var display = _ref25.display,
+    error = _ref25.error,
+    errorInfo = _ref25.errorInfo,
+    extensionKey = _ref25.extensionKey,
+    definitionId = _ref25.definitionId,
+    destinationProduct = _ref25.destinationProduct,
+    destinationSubproduct = _ref25.destinationSubproduct,
+    location = _ref25.location;
   return {
     action: 'chunkLoadFailed',
     actionSubject: 'smartLink',

package/dist/esm/version.json

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

package/dist/esm/view/HoverCard/components/HoverCardComponent.js

@@ -13,6 +13,7 @@ import { CardDisplay } from '../../../constants';
 import { SmartLinkAnalyticsContext } from '../../../utils/analytics/SmartLinkAnalyticsContext';
 import { useSmartCardActions } from '../../../state/actions';
 import { useSmartLinkAnalytics } from '../../../state/analytics';
+import { useFeatureFlag } from '@atlaskit/link-provider';
 var HOVER_CARD_SOURCE = 'smartLinkPreviewHoverCard';
 var FADE_IN_DELAY = 500;
 var FADE_OUT_DELAY = 300;
@@ -50,6 +51,7 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
   var analytics = useSmartLinkAnalytics(url, undefined, id);
   var _useSmartCardActions = useSmartCardActions(id, url, analytics),
     loadMetadata = _useSmartCardActions.loadMetadata;
+  var enableHoverCardResolutionTracking = useFeatureFlag('enableHoverCardResolutionTracking');
   var setMousePosition = useCallback(function (event) {
     if (isOpen && canOpen) {
       return;
@@ -118,9 +120,12 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
     if (!resolveTimeOutId.current && isLinkUnresolved) {
       resolveTimeOutId.current = setTimeout(function () {
         loadMetadata();
+        if (enableHoverCardResolutionTracking) {
+          analytics.track.hoverCardResolutionStarted();
+        }
       }, RESOLVE_DELAY);
     }
-  }, [linkState, loadMetadata]);
+  }, [analytics.track, enableHoverCardResolutionTracking, linkState.metadataStatus, linkState.status, loadMetadata]);
   var initShowCard = useCallback(function (event) {
     // clearing out fadeOutTimeoutId in case it's already counting down to hide the card
     if (fadeOutTimeoutId.current) {

package/dist/types/state/analytics/useSmartLinkAnalytics.d.ts

@@ -267,6 +267,10 @@ export declare const useSmartLinkAnalytics: (url: string, _dispatchAnalytics?: A
             reason?: TrackQuickActionFailureReason;
             step?: string;
         }) => void;
+        /**
+         * Fires a track event when we call loadMetadata() to get information for a hover card
+         */
+        hoverCardResolutionStarted: () => void;
     };
     screen: {
         /**

package/dist/types/state/flexible-ui-context/index.d.ts

@@ -61,6 +61,7 @@ export declare const FlexibleUiAnalyticsContext: import("react").Context<{
             reason?: import("../../utils/analytics/analytics").TrackQuickActionFailureReason | undefined;
             step?: string | undefined;
         }) => void;
+        hoverCardResolutionStarted: () => void;
     };
     screen: {
         authPopupEvent: ({ extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("../../utils/analytics/types").CommonEventProps) => void;
@@ -119,6 +120,7 @@ export declare const useFlexibleUiAnalyticsContext: () => {
             reason?: import("../../utils/analytics/analytics").TrackQuickActionFailureReason | undefined;
             step?: string | undefined;
         }) => void;
+        hoverCardResolutionStarted: () => void;
     };
     screen: {
         authPopupEvent: ({ extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("../../utils/analytics/types").CommonEventProps) => void;

package/dist/types/state/hooks/useSmartLink.d.ts

@@ -64,6 +64,7 @@ dispatchAnalytics?: AnalyticsHandler): {
                 reason?: import("../../utils/analytics/analytics").TrackQuickActionFailureReason | undefined;
                 step?: string | undefined;
             }) => void;
+            hoverCardResolutionStarted: () => void;
         };
         screen: {
             authPopupEvent: ({ extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("../../utils/analytics/types").CommonEventProps) => void;

package/dist/types/utils/analytics/analytics.d.ts

@@ -38,6 +38,7 @@ export declare const trackSmartLinkQuickActionSuccess: ({ smartLinkActionType, .
 export declare const trackSmartLinkQuickActionFailed: ({ smartLinkActionType, ...attributes }: CommonEventProps & {
     smartLinkActionType: SmartLinkActionType | TrackQuickActionType;
 }) => AnalyticsPayload;
+export declare const trackHoverCardResolutionStarted: ({ display, ...attributes }: UiAuthEventProps) => AnalyticsPayload;
 export declare const uiAuthEvent: ({ definitionId, extensionKey, destinationProduct, destinationSubproduct, location, display, }: UiAuthEventProps) => AnalyticsPayload;
 export declare const uiAuthAlternateAccountEvent: ({ definitionId, extensionKey, destinationProduct, destinationSubproduct, location, display, }: UiAuthAlternateAccountEventProps) => AnalyticsPayload;
 export declare const uiCardClickedEvent: ({ id, display, status, definitionId, extensionKey, isModifierKeyPressed, location, destinationProduct, destinationSubproduct, actionSubjectId, }: UiCardClickedEventProps) => AnalyticsPayload;

package/dist/types/utils/mocks.d.ts

@@ -89,6 +89,7 @@ export declare const mockAnalytics: {
             reason?: import("./analytics/analytics").TrackQuickActionFailureReason | undefined;
             step?: string | undefined;
         }) => void;
+        hoverCardResolutionStarted: () => void;
     };
     screen: {
         authPopupEvent: ({ extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("./analytics/types").CommonEventProps) => void;

package/dist/types-ts4.5/state/analytics/useSmartLinkAnalytics.d.ts

@@ -267,6 +267,10 @@ export declare const useSmartLinkAnalytics: (url: string, _dispatchAnalytics?: A
             reason?: TrackQuickActionFailureReason;
             step?: string;
         }) => void;
+        /**
+         * Fires a track event when we call loadMetadata() to get information for a hover card
+         */
+        hoverCardResolutionStarted: () => void;
     };
     screen: {
         /**

package/dist/types-ts4.5/state/flexible-ui-context/index.d.ts

@@ -61,6 +61,7 @@ export declare const FlexibleUiAnalyticsContext: import("react").Context<{
             reason?: import("../../utils/analytics/analytics").TrackQuickActionFailureReason | undefined;
             step?: string | undefined;
         }) => void;
+        hoverCardResolutionStarted: () => void;
     };
     screen: {
         authPopupEvent: ({ extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("../../utils/analytics/types").CommonEventProps) => void;
@@ -119,6 +120,7 @@ export declare const useFlexibleUiAnalyticsContext: () => {
             reason?: import("../../utils/analytics/analytics").TrackQuickActionFailureReason | undefined;
             step?: string | undefined;
         }) => void;
+        hoverCardResolutionStarted: () => void;
     };
     screen: {
         authPopupEvent: ({ extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("../../utils/analytics/types").CommonEventProps) => void;

package/dist/types-ts4.5/state/hooks/useSmartLink.d.ts

@@ -64,6 +64,7 @@ dispatchAnalytics?: AnalyticsHandler): {
                 reason?: import("../../utils/analytics/analytics").TrackQuickActionFailureReason | undefined;
                 step?: string | undefined;
             }) => void;
+            hoverCardResolutionStarted: () => void;
         };
         screen: {
             authPopupEvent: ({ extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("../../utils/analytics/types").CommonEventProps) => void;

package/dist/types-ts4.5/utils/analytics/analytics.d.ts

@@ -38,6 +38,7 @@ export declare const trackSmartLinkQuickActionSuccess: ({ smartLinkActionType, .
 export declare const trackSmartLinkQuickActionFailed: ({ smartLinkActionType, ...attributes }: CommonEventProps & {
     smartLinkActionType: SmartLinkActionType | TrackQuickActionType;
 }) => AnalyticsPayload;
+export declare const trackHoverCardResolutionStarted: ({ display, ...attributes }: UiAuthEventProps) => AnalyticsPayload;
 export declare const uiAuthEvent: ({ definitionId, extensionKey, destinationProduct, destinationSubproduct, location, display, }: UiAuthEventProps) => AnalyticsPayload;
 export declare const uiAuthAlternateAccountEvent: ({ definitionId, extensionKey, destinationProduct, destinationSubproduct, location, display, }: UiAuthAlternateAccountEventProps) => AnalyticsPayload;
 export declare const uiCardClickedEvent: ({ id, display, status, definitionId, extensionKey, isModifierKeyPressed, location, destinationProduct, destinationSubproduct, actionSubjectId, }: UiCardClickedEventProps) => AnalyticsPayload;

package/dist/types-ts4.5/utils/mocks.d.ts

@@ -89,6 +89,7 @@ export declare const mockAnalytics: {
             reason?: import("./analytics/analytics").TrackQuickActionFailureReason | undefined;
             step?: string | undefined;
         }) => void;
+        hoverCardResolutionStarted: () => void;
     };
     screen: {
         authPopupEvent: ({ extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("./analytics/types").CommonEventProps) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.12.1",
+  "version": "26.13.0",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -37,7 +37,7 @@
     "@atlaskit/link-analytics": "^8.2.0",
     "@atlaskit/link-client-extension": "^1.5.0",
     "@atlaskit/link-extractors": "^1.1.0",
-    "@atlaskit/linking-common": "^4.1.0",
+    "@atlaskit/linking-common": "^4.2.0",
     "@atlaskit/linking-types": "^8.2.0",
     "@atlaskit/logo": "^13.14.0",
     "@atlaskit/lozenge": "^11.4.0",

package/report.api.md

@@ -1251,6 +1251,7 @@ export const useSmartLinkAnalytics: (
       reason?: TrackQuickActionFailureReason;
       step?: string;
     }) => void;
+    hoverCardResolutionStarted: () => void;
   };
   screen: {
     authPopupEvent: ({

package/tmp/api-report-tmp.d.ts

@@ -910,6 +910,7 @@ export const useSmartLinkAnalytics: (url: string, _dispatchAnalytics?: Analytics
             reason?: TrackQuickActionFailureReason;
             step?: string;
         }) => void;
+        hoverCardResolutionStarted: () => void;
     };
     screen: {
         authPopupEvent: ({ extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: ScreenAuthPopupEventProps) => void;