@atlaskit/smart-card 32.7.7 → 32.7.9

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

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.CardWithURLRenderer = CardWithURLRenderer;
 exports.LazyCardWithUrlContent = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactErrorBoundary = require("react-error-boundary");
@@ -17,9 +18,12 @@ var _useAnalyticsEvents2 = require("../../common/analytics/generated/use-analyti
 var _state = require("../../state");
 var _analytics = require("../../state/analytics");
 var _utils = require("../../utils");
+var _SmartLinkAnalyticsContext = require("../../utils/analytics/SmartLinkAnalyticsContext");
 var _flexible = require("../../utils/flexible");
 var _performance = require("../../utils/performance");
 var _LoadingCardLink = require("./component-lazy/LoadingCardLink");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var LazyCardWithUrlContent = exports.LazyCardWithUrlContent = /*#__PURE__*/(0, _react.lazy)(function () {
@@ -72,6 +76,11 @@ function CardWithURLRenderer(props) {
     truncateInline = props.truncateInline;
   var analytics = (0, _state.useSmartLinkAnalytics)(url !== null && url !== void 0 ? url : '', id);
   var isFlexibleUi = (0, _flexible.isFlexibleUiCard)(children);
+  var analyticsContext = (0, _SmartLinkAnalyticsContext.useSmartLinkAnalyticsContext)({
+    display: isFlexibleUi ? 'flexible' : appearance,
+    id: id,
+    url: url !== null && url !== void 0 ? url : ''
+  });
   var errorHandler = (0, _react.useCallback)(function (error, info) {
     var componentStack = info.componentStack;
     var errorInfo = {
@@ -83,23 +92,23 @@ function CardWithURLRenderer(props) {
     // to the reliability of the smart-card front-end components.
     // Likewise, chunk loading errors are not caused by a failure of smart-card rendering.
     if (error.name === 'ChunkLoadError') {
-      fireEvent('operational.smartLink.chunkLoadFailed', {
+      fireEvent('operational.smartLink.chunkLoadFailed', _objectSpread(_objectSpread({}, analyticsContext === null || analyticsContext === void 0 ? void 0 : analyticsContext.attributes), {}, {
         display: appearance,
         error: error,
         errorInfo: errorInfo,
         definitionId: null
-      });
+      }));
     } else if (error.name !== 'APIError') {
       if ((0, _platformFeatureFlags.fg)('platform-smart-card-migrate-embed-modal-analytics')) {
         (0, _analytics.startUfoExperience)('smart-link-rendered', id || 'NULL');
         (0, _analytics.failUfoExperience)('smart-link-rendered', id || 'NULL');
         (0, _analytics.failUfoExperience)('smart-link-authenticated', id || 'NULL');
-        fireEvent('ui.smartLink.renderFailed', {
+        fireEvent('ui.smartLink.renderFailed', _objectSpread(_objectSpread({}, analyticsContext === null || analyticsContext === void 0 ? void 0 : analyticsContext.attributes), {}, {
           display: isFlexibleUi ? 'flexible' : appearance,
           id: id !== null && id !== void 0 ? id : null,
           error: error,
           errorInfo: errorInfo
-        });
+        }));
       } else {
         analytics.ui.renderFailedEvent({
           display: isFlexibleUi ? 'flexible' : appearance,
@@ -114,7 +123,7 @@ function CardWithURLRenderer(props) {
       url: url !== null && url !== void 0 ? url : '',
       err: error
     });
-  }, [analytics.ui, appearance, id, onError, url, isFlexibleUi, fireEvent]);
+  }, [analytics.ui, analyticsContext, appearance, id, onError, url, isFlexibleUi, fireEvent]);
   if (!url) {
     throw new Error('@atlaskit/smart-card: url property is missing.');
   }

package/dist/cjs/view/EmbedModal/components/analytics/index.js

@@ -8,7 +8,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../../constants");
+var _analytics = require("../../../../state/analytics");
 var _types = require("../../types");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -18,63 +20,117 @@ var getResizeFrom = function getResizeFrom(size) {
 var withAnalytics = function withAnalytics(Component) {
   return function (props) {
     var analytics = props.analytics,
+      fireEvent = props.fireEvent,
+      extensionKey = props.extensionKey,
+      id = props.id,
       onClose = props.onClose,
       onOpen = props.onOpen,
       onOpenFailed = props.onOpenFailed,
       onResize = props.onResize,
       origin = props.origin;
     var handleOnOpen = (0, _react.useCallback)(function (context) {
-      analytics === null || analytics === void 0 || analytics.screen.modalViewedEvent({
-        name: 'embedPreviewModal',
-        attributes: {
-          origin: origin,
+      if ((0, _platformFeatureFlags.fg)('platform-smart-card-migrate-embed-modal-analytics')) {
+        fireEvent === null || fireEvent === void 0 || fireEvent('screen.embedPreviewModal.viewed', {
+          origin: origin !== null && origin !== void 0 ? origin : null,
           size: context.size
-        }
-      });
-      analytics === null || analytics === void 0 || analytics.ui.renderSuccessEvent({
-        status: 'resolved',
-        display: _constants.CardDisplay.EmbedPreview
-      });
+        });
+      } else {
+        analytics === null || analytics === void 0 || analytics.screen.modalViewedEvent({
+          name: 'embedPreviewModal',
+          attributes: {
+            origin: origin,
+            size: context.size
+          }
+        });
+      }
+      if ((0, _platformFeatureFlags.fg)('platform-smart-card-migrate-embed-modal-analytics')) {
+        (0, _analytics.succeedUfoExperience)('smart-link-rendered', id || 'NULL', {
+          extensionKey: extensionKey,
+          display: _constants.CardDisplay.EmbedPreview
+        });
+
+        // UFO will disregard this if authentication experience has not yet been started
+        (0, _analytics.succeedUfoExperience)('smart-link-authenticated', id || 'NULL', {
+          display: _constants.CardDisplay.EmbedPreview
+        });
+        fireEvent === null || fireEvent === void 0 || fireEvent('ui.smartLink.renderSuccess', {
+          display: _constants.CardDisplay.EmbedPreview
+        });
+      } else {
+        analytics === null || analytics === void 0 || analytics.ui.renderSuccessEvent({
+          status: 'resolved',
+          display: _constants.CardDisplay.EmbedPreview
+        });
+      }
       if (onOpen) {
         onOpen(context);
       }
-    }, [analytics === null || analytics === void 0 ? void 0 : analytics.screen, analytics === null || analytics === void 0 ? void 0 : analytics.ui, onOpen, origin]);
+    }, [analytics === null || analytics === void 0 ? void 0 : analytics.screen, analytics === null || analytics === void 0 ? void 0 : analytics.ui, fireEvent, extensionKey, id, onOpen, origin]);
     var handleOnOpenFailed = (0, _react.useCallback)(function (error, errorInfo) {
-      analytics === null || analytics === void 0 || analytics.ui.renderFailedEvent({
-        display: _constants.CardDisplay.EmbedPreview,
-        error: error,
-        errorInfo: errorInfo
-      });
+      if ((0, _platformFeatureFlags.fg)('platform-smart-card-migrate-embed-modal-analytics')) {
+        (0, _analytics.startUfoExperience)('smart-link-rendered', id || 'NULL');
+        (0, _analytics.failUfoExperience)('smart-link-rendered', id || 'NULL');
+        (0, _analytics.failUfoExperience)('smart-link-authenticated', id || 'NULL');
+        fireEvent === null || fireEvent === void 0 || fireEvent('ui.smartLink.renderFailed', {
+          display: _constants.CardDisplay.EmbedPreview,
+          error: error,
+          errorInfo: errorInfo,
+          id: id !== null && id !== void 0 ? id : null
+        });
+      } else {
+        analytics === null || analytics === void 0 || analytics.ui.renderFailedEvent({
+          display: _constants.CardDisplay.EmbedPreview,
+          error: error,
+          errorInfo: errorInfo
+        });
+      }
       if (onOpenFailed) {
         onOpenFailed(error, errorInfo);
       }
-    }, [analytics === null || analytics === void 0 ? void 0 : analytics.ui, onOpenFailed]);
+    }, [analytics === null || analytics === void 0 ? void 0 : analytics.ui, fireEvent, id, onOpenFailed]);
     var handleOnClose = (0, _react.useCallback)(function (context) {
-      analytics === null || analytics === void 0 || analytics.ui.modalClosedEvent({
-        actionSubjectId: 'embedPreview',
-        attributes: {
-          origin: origin,
-          previewTime: context.duration,
+      if ((0, _platformFeatureFlags.fg)('platform-smart-card-migrate-embed-modal-analytics')) {
+        var _context$duration;
+        fireEvent === null || fireEvent === void 0 || fireEvent('ui.modal.closed.embedPreview', {
+          origin: origin !== null && origin !== void 0 ? origin : null,
+          previewTime: (_context$duration = context.duration) !== null && _context$duration !== void 0 ? _context$duration : null,
           size: context.size
-        }
-      });
+        });
+      } else {
+        analytics === null || analytics === void 0 || analytics.ui.modalClosedEvent({
+          actionSubjectId: 'embedPreview',
+          attributes: {
+            origin: origin,
+            previewTime: context.duration,
+            size: context.size
+          }
+        });
+      }
       if (onClose) {
         onClose(context);
       }
-    }, [analytics === null || analytics === void 0 ? void 0 : analytics.ui, onClose, origin]);
+    }, [analytics === null || analytics === void 0 ? void 0 : analytics.ui, fireEvent, onClose, origin]);
     var handleOnResize = (0, _react.useCallback)(function (context) {
-      analytics === null || analytics === void 0 || analytics.ui.buttonClickedEvent({
-        actionSubjectId: 'embedPreviewResize',
-        attributes: {
+      if ((0, _platformFeatureFlags.fg)('platform-smart-card-migrate-embed-modal-analytics')) {
+        fireEvent === null || fireEvent === void 0 || fireEvent('ui.button.clicked.embedPreviewResize', {
           newSize: context.size,
-          origin: origin,
+          origin: origin !== null && origin !== void 0 ? origin : null,
           previousSize: getResizeFrom(context.size)
-        }
-      });
+        });
+      } else {
+        analytics === null || analytics === void 0 || analytics.ui.buttonClickedEvent({
+          actionSubjectId: 'embedPreviewResize',
+          attributes: {
+            newSize: context.size,
+            origin: origin,
+            previousSize: getResizeFrom(context.size)
+          }
+        });
+      }
       if (onResize) {
         onResize(context);
       }
-    }, [analytics === null || analytics === void 0 ? void 0 : analytics.ui, onResize, origin]);
+    }, [analytics === null || analytics === void 0 ? void 0 : analytics.ui, fireEvent, onResize, origin]);
     return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, props, {
       onClose: handleOnClose,
       onOpen: handleOnOpen,

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

@@ -12,9 +12,7 @@ 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");
 var _useResolve = _interopRequireDefault(require("../../../../../../state/hooks/use-resolve"));
@@ -32,7 +30,6 @@ var ServerAction = function ServerAction(_ref) {
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     isLoading = _useState2[0],
     setIsLoading = _useState2[1];
-  var analytics = (0, _flexibleUiContext.useFlexibleUiAnalyticsContext)();
   var invoke = (0, _useInvoke.default)();
   var reload = (0, _useResolve.default)();
   var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
@@ -49,16 +46,10 @@ var ServerAction = function ServerAction(_ref) {
           smartLinkActionType = (_action$action = action.action) === null || _action$action === void 0 ? void 0 : _action$action.actionType;
           _context.prev = 2;
           setIsLoading(true);
-          if ((0, _platformFeatureFlags.fg)('platform_migrate-some-ui-events-smart-card')) {
-            if (smartLinkActionType === 'FollowEntityAction' || smartLinkActionType === 'UnfollowEntityAction') {
-              fireEvent('ui.button.clicked.smartLinkFollowButton', {});
-            } else {
-              fireEvent("ui.button.clicked.".concat(smartLinkActionType), {});
-            }
+          if (smartLinkActionType === 'FollowEntityAction' || smartLinkActionType === 'UnfollowEntityAction') {
+            fireEvent('ui.button.clicked.smartLinkFollowButton', {});
           } else {
-            analytics === null || analytics === void 0 || analytics.ui.smartLinkServerActionClickedEvent({
-              smartLinkActionType: smartLinkActionType
-            });
+            fireEvent("ui.button.clicked.".concat(smartLinkActionType), {});
           }
           fireEvent('track.smartLinkQuickAction.started', {
             smartLinkActionType: smartLinkActionType
@@ -97,7 +88,7 @@ var ServerAction = function ServerAction(_ref) {
           return _context.stop();
       }
     }, _callee, null, [[2, 17]]);
-  })), [action, analytics === null || analytics === void 0 ? void 0 : analytics.ui, invoke, onClick, onErrorCallback, reload, fireEvent]);
+  })), [action, 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,10 +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"));
 var _utils = require("../../../../../../state/hooks/use-invoke/utils");
 var _useResolve = _interopRequireDefault(require("../../../../../../state/hooks/use-resolve"));
@@ -77,8 +75,6 @@ var LozengeAction = function LozengeAction(_ref) {
     errorMessage = _useState12[0],
     setErrorMessage = _useState12[1];
   var reload = (0, _useResolve.default)();
-  //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;
@@ -103,11 +99,7 @@ var LozengeAction = function LozengeAction(_ref) {
               _context.next = 24;
               break;
             }
-            if ((0, _platformFeatureFlags.fg)('platform_migrate-some-ui-events-smart-card')) {
-              fireEvent('ui.button.clicked.smartLinkStatusLozenge', {});
-            } else {
-              analytics === null || analytics === void 0 || analytics.ui.smartLinkLozengeActionClickedEvent();
-            }
+            fireEvent('ui.button.clicked.smartLinkStatusLozenge', {});
             fireEvent('track.smartLinkQuickAction.started', {
               smartLinkActionType: _analytics.TrackQuickActionType.StatusUpdate
             });
@@ -154,7 +146,7 @@ var LozengeAction = function LozengeAction(_ref) {
     return function (_x) {
       return _ref3.apply(this, arguments);
     };
-  }(), [action.read, analytics, invoke, isLoaded, text, fireEvent]);
+  }(), [action.read, invoke, isLoaded, text, fireEvent]);
   var trigger = (0, _react.useCallback)(function (props) {
     return (0, _react2.jsx)(_lozengeActionTrigger.default, (0, _extends2.default)({}, props, {
       appearance: selected.appearance,
@@ -170,11 +162,7 @@ var LozengeAction = function LozengeAction(_ref) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
             _context2.prev = 0;
-            if ((0, _platformFeatureFlags.fg)('platform_migrate-some-ui-events-smart-card')) {
-              fireEvent('ui.button.clicked.smartLinkStatusListItem', {});
-            } else {
-              analytics === null || analytics === void 0 || analytics.ui.smartLinkLozengeActionListItemClickedEvent();
-            }
+            fireEvent('ui.button.clicked.smartLinkStatusListItem', {});
             updateAction = action === null || action === void 0 ? void 0 : action.update;
             if (!(updateAction && id)) {
               _context2.next = 17;
@@ -225,7 +213,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, fireEvent]);
+  }(), [action === null || action === void 0 ? void 0 : action.update, invoke, linkId, reload, url, fireEvent]);
   var dropdownItemGroup = (0, _react.useMemo)(function () {
     if (errorMessage) {
       return (0, _react2.jsx)(_lozengeActionError.default, {

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

@@ -47,11 +47,7 @@ var LozengeActionError = function LozengeActionError(_ref) {
   }, [reload, url]);
   var handlePreviewOpen = (0, _react.useCallback)(function () {
     if (isPreviewAvailable) {
-      if ((0, _platformFeatureFlags.fg)('platform_migrate-some-ui-events-smart-card')) {
-        fireEvent('ui.button.clicked.smartLinkStatusOpenPreview', {});
-      } else {
-        analytics === null || analytics === void 0 || analytics.ui.smartLinkLozengeActionErrorOpenPreviewClickedEvent();
-      }
+      fireEvent('ui.button.clicked.smartLinkStatusOpenPreview', {});
       if ((0, _platformFeatureFlags.fg)('platform-smart-card-migrate-embed-modal-analytics')) {
         invokePreviewAction && invoke(invokePreviewAction);
       } else {

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

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.HoverCardComponent = void 0;
+exports.HoverCardComponent = exports.HOVER_CARD_SOURCE = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -29,7 +29,7 @@ var _excluded = ["aria-haspopup", "aria-expanded"];
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var HOVER_CARD_SOURCE = 'smartLinkPreviewHoverCard';
+var HOVER_CARD_SOURCE = exports.HOVER_CARD_SOURCE = 'smartLinkPreviewHoverCard';
 var FADE_IN_DELAY = 500;
 var FADE_OUT_DELAY = 300;
 var RESOLVE_DELAY = 100;

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

@@ -10,7 +10,6 @@ var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _linkProvider = require("@atlaskit/link-provider");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _useAnalyticsEvents2 = require("../../../common/analytics/generated/use-analytics-events");
 var _constants = require("../../../constants");
 var _analytics2 = require("../../../state/analytics");
@@ -68,17 +67,13 @@ var HoverCardContent = function HoverCardContent(_ref) {
   var isAISummaryEnabled = (0, _aiSummary.getIsAISummaryEnabled)(isAdminHubAIEnabled, cardState.details);
   var services = (0, _helpers.getServices)(linkState.details);
   var statusRef = (0, _react.useRef)(linkStatus);
-  var analyticsRef = (0, _react.useRef)(analytics);
   var fireEventRef = (0, _react.useRef)(fireEvent);
   var definitionIdRef = (0, _react.useRef)(definitionId);
   (0, _react.useEffect)(function () {
     /**
-     * Must access current analytics object value via ref because its not stable
+     * Must access object value via ref because its not stable
      * and it can trigger useEffect to re-run below
      */
-    if (analyticsRef.current !== analytics) {
-      analyticsRef.current = analytics;
-    }
     if (statusRef.current !== linkStatus) {
       statusRef.current = linkStatus;
     }
@@ -88,66 +83,39 @@ var HoverCardContent = function HoverCardContent(_ref) {
     if (definitionIdRef.current !== definitionId) {
       definitionIdRef.current = definitionId;
     }
-  }, [analytics, linkStatus, fireEvent, definitionId]);
+  }, [linkStatus, fireEvent, definitionId]);
   (0, _react.useEffect)(function () {
+    var _definitionIdRef$curr;
     var previewDisplay = 'card';
     var previewInvokeMethod = 'mouse_hover';
     var cardOpenTime = Date.now();
     var fireEventCurrent = fireEventRef.current;
-    if ((0, _platformFeatureFlags.fg)('platform_migrate-some-ui-events-smart-card')) {
-      var _definitionIdRef$curr;
-      fireEventCurrent('ui.hoverCard.viewed', {
-        previewDisplay: previewDisplay,
-        previewInvokeMethod: previewInvokeMethod,
-        definitionId: (_definitionIdRef$curr = definitionIdRef.current) !== null && _definitionIdRef$curr !== void 0 ? _definitionIdRef$curr : null
-      });
-    } else {
-      analyticsRef.current.ui.hoverCardViewedEvent({
+    fireEventCurrent('ui.hoverCard.viewed', {
+      previewDisplay: previewDisplay,
+      previewInvokeMethod: previewInvokeMethod,
+      definitionId: (_definitionIdRef$curr = definitionIdRef.current) !== null && _definitionIdRef$curr !== void 0 ? _definitionIdRef$curr : null
+    });
+    return function () {
+      var _definitionIdRef$curr2;
+      var hoverTime = Date.now() - cardOpenTime;
+      fireEventCurrent('ui.hoverCard.dismissed', {
         previewDisplay: previewDisplay,
         previewInvokeMethod: previewInvokeMethod,
-        status: statusRef.current
+        hoverTime: hoverTime,
+        definitionId: (_definitionIdRef$curr2 = definitionIdRef.current) !== null && _definitionIdRef$curr2 !== void 0 ? _definitionIdRef$curr2 : null
       });
-    }
-    return function () {
-      var hoverTime = Date.now() - cardOpenTime;
-      if ((0, _platformFeatureFlags.fg)('platform_migrate-some-ui-events-smart-card')) {
-        var _definitionIdRef$curr2;
-        fireEventCurrent('ui.hoverCard.dismissed', {
-          previewDisplay: previewDisplay,
-          previewInvokeMethod: previewInvokeMethod,
-          hoverTime: hoverTime,
-          definitionId: (_definitionIdRef$curr2 = definitionIdRef.current) !== null && _definitionIdRef$curr2 !== void 0 ? _definitionIdRef$curr2 : null
-        });
-      } else {
-        analyticsRef.current.ui.hoverCardDismissedEvent({
-          previewDisplay: previewDisplay,
-          previewInvokeMethod: previewInvokeMethod,
-          hoverTime: hoverTime,
-          status: statusRef.current
-        });
-      }
     };
   }, []);
   var onClick = (0, _react.useCallback)(function (event) {
     var isModifierKeyPressed = (0, _utils.isSpecialEvent)(event);
-    if ((0, _platformFeatureFlags.fg)('platform_migrate-some-ui-events-smart-card')) {
-      fireEvent('ui.smartLink.clicked.titleGoToLink', {
-        id: id,
-        display: _constants.CardDisplay.HoverCardPreview,
-        isModifierKeyPressed: isModifierKeyPressed,
-        definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null
-      });
-    } else {
-      analytics.ui.cardClickedEvent({
-        id: id,
-        display: _constants.CardDisplay.HoverCardPreview,
-        status: cardState.status,
-        isModifierKeyPressed: isModifierKeyPressed,
-        actionSubjectId: 'titleGoToLink'
-      });
-    }
+    fireEvent('ui.smartLink.clicked.titleGoToLink', {
+      id: id,
+      display: _constants.CardDisplay.HoverCardPreview,
+      isModifierKeyPressed: isModifierKeyPressed,
+      definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null
+    });
     (0, _click.fireLinkClickedEvent)(createAnalyticsEvent)(event);
-  }, [createAnalyticsEvent, cardState.status, analytics.ui, id, fireEvent, definitionId]);
+  }, [createAnalyticsEvent, id, fireEvent, definitionId]);
   var data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
   var _getMetadata = (0, _utils2.getMetadata)(extensionKey, data),
     subtitle = _getMetadata.subtitle;

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

@@ -52,7 +52,6 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
         display: _constants.CardDisplay.HoverCardPreview
       });
       fireEvent('ui.smartLink.renderSuccess', {
-        definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
         display: _constants.CardDisplay.HoverCardPreview
       });
     } else {

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

@@ -1,9 +1,11 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StandaloneHoverCard = exports.HoverCard = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _reactErrorBoundary = require("react-error-boundary");
@@ -15,14 +17,13 @@ var _constants = require("../../constants");
 var _state = require("../../state");
 var _analytics = require("../../state/analytics");
 var _modal = require("../../state/modal");
+var _SmartLinkAnalyticsContext = require("../../utils/analytics/SmartLinkAnalyticsContext");
 var _HoverCardComponent = require("./components/HoverCardComponent");
-/**
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
  * @jsxRuntime classic
  * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
+ */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var HoverCardWithErrorBoundary = function HoverCardWithErrorBoundary(props) {
   var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
     fireEvent = _useAnalyticsEvents.fireEvent;
@@ -30,17 +31,23 @@ var HoverCardWithErrorBoundary = function HoverCardWithErrorBoundary(props) {
     id = props.id,
     children = props.children;
   var analytics = (0, _state.useSmartLinkAnalytics)(url, id);
+  var analyticsContext = (0, _SmartLinkAnalyticsContext.useSmartLinkAnalyticsContext)({
+    display: _constants.CardDisplay.HoverCardPreview,
+    id: id,
+    source: _HoverCardComponent.HOVER_CARD_SOURCE,
+    url: url
+  });
   var onError = (0, _react.useCallback)(function (error, info) {
     if ((0, _platformFeatureFlags.fg)('platform-smart-card-migrate-embed-modal-analytics')) {
       (0, _analytics.startUfoExperience)('smart-link-rendered', id || 'NULL');
       (0, _analytics.failUfoExperience)('smart-link-rendered', id || 'NULL');
       (0, _analytics.failUfoExperience)('smart-link-authenticated', id || 'NULL');
-      fireEvent('ui.smartLink.renderFailed', {
+      fireEvent('ui.smartLink.renderFailed', _objectSpread(_objectSpread({}, analyticsContext === null || analyticsContext === void 0 ? void 0 : analyticsContext.attributes), {}, {
         display: _constants.CardDisplay.HoverCardPreview,
         id: id !== null && id !== void 0 ? id : null,
         error: error,
         errorInfo: info
-      });
+      }));
     } else {
       analytics.ui.renderFailedEvent({
         display: _constants.CardDisplay.HoverCardPreview,
@@ -49,7 +56,7 @@ var HoverCardWithErrorBoundary = function HoverCardWithErrorBoundary(props) {
         errorInfo: info
       });
     }
-  }, [analytics.ui, id, fireEvent]);
+  }, [analytics.ui, analyticsContext, id, fireEvent]);
   return (0, _react2.jsx)(_reactErrorBoundary.ErrorBoundary, {
     fallback: children,
     onError: onError

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

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

package/dist/cjs/view/common/UnauthorisedViewContent.js

@@ -9,7 +9,6 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _useAnalyticsEvents2 = require("../../common/analytics/generated/use-analytics-events");
 var _constants = require("../../constants");
 var _messages = require("../../messages");
@@ -23,17 +22,12 @@ var UnauthorisedViewContent = function UnauthorisedViewContent(_ref) {
   var providerName = _ref.providerName,
     isProductIntegrationSupported = _ref.isProductIntegrationSupported,
     _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'unauthorised-view-content' : _ref$testId,
-    analytics = _ref.analytics;
+    testId = _ref$testId === void 0 ? 'unauthorised-view-content' : _ref$testId;
   var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
     fireEvent = _useAnalyticsEvents.fireEvent;
   var handleLearnMoreClick = (0, _react.useCallback)(function () {
-    if ((0, _platformFeatureFlags.fg)('platform_migrate-some-ui-events-smart-card')) {
-      fireEvent('ui.button.clicked.learnMore', {});
-    } else {
-      analytics === null || analytics === void 0 || analytics.ui.learnMoreClickedEvent();
-    }
-  }, [analytics === null || analytics === void 0 ? void 0 : analytics.ui, fireEvent]);
+    fireEvent('ui.button.clicked.learnMore', {});
+  }, [fireEvent]);
   var learnMoreMessage = isProductIntegrationSupported ? _messages.messages.learn_more_about_connecting_account : _messages.messages.learn_more_about_smart_links;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, providerName ? /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages.connect_unauthorised_account_description, {
     values: {