@atlaskit/smart-card 32.7.8 → 32.7.9

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

@@ -68,6 +68,7 @@ export var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, id, defau
        * This fires an event that represents when a user
        * click a button.
        * @param data A partial analytics event payload
+       * @deprecated consider removing when cleaning up FF platform-smart-card-migrate-embed-modal-analytics
        */
       buttonClickedEvent: function buttonClickedEvent(data) {
         return dispatchAnalytics(applyCommonAttributes({
@@ -113,6 +114,7 @@ export var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, id, defau
       /**
        * This fires an event that represents when a user close a modal.
        * @param data A partial analytics event payload
+       * @deprecated consider removing when cleaning up FF platform-smart-card-migrate-embed-modal-analytics
        */
       modalClosedEvent: function modalClosedEvent(data) {
         return dispatchAnalytics(applyCommonAttributes({
@@ -131,6 +133,7 @@ export var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, id, defau
        * @param definitionId The definitionId of the Smart Link resolver invoked.
        * @param extensionKey The extensionKey of the Smart Link resovler invoked.
        * @param canBeDatasource An indicator that shows that a smart link can be converted to a datasource
+       * @deprecated consider removing when cleaning up FF platform-smart-card-migrate-embed-modal-analytics
        */
       renderSuccessEvent: function renderSuccessEvent(_ref2) {
         var display = _ref2.display,
@@ -172,6 +175,7 @@ export var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, id, defau
        * @param id The unique ID for this Smart Link.
        * @param error: An error representing why the Smart Link render failed.
        * @param errorInfo: Additional details about the error including the stack trace.
+       * @deprecated consider removing when cleaning up FF platform-smart-card-migrate-embed-modal-analytics
        */
       renderFailedEvent: function renderFailedEvent(_ref3) {
         var display = _ref3.display,
@@ -277,7 +281,7 @@ export var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, id, defau
     return {
       /**
        * This fires an event that represents when a user view a modal.
-       * @param data A partial analytics event payload
+       * @deprecated consider removing when cleaning up FF platform-smart-card-migrate-embed-modal-analytics
        */
       modalViewedEvent: function modalViewedEvent(data) {
         return dispatchAnalytics(applyCommonAttributes({

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

@@ -1,10 +1,5 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-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) { _defineProperty(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; }
 import React from 'react';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { context } from './analytics';
 /**
  * Provides an analytics context to supply attributes to events based on a URL
  */
@@ -17,11 +12,11 @@ export var LinkAnalyticsContext = function LinkAnalyticsContext(_ref) {
   return /*#__PURE__*/React.createElement(AnalyticsContext, {
     data: {
       source: source,
-      attributes: _objectSpread(_objectSpread({}, fg('platform-smart-card-migrate-embed-modal-analytics') ? context : {}), {}, {
+      attributes: {
         displayCategory: displayCategory,
         display: display,
         id: id
-      })
+      }
     }
   }, children);
 };

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

@@ -1,20 +1,102 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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) { _defineProperty(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; }
+import React, { useMemo } from 'react';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { getResolvedAttributes } from '@atlaskit/link-analytics/resolved-attributes';
+import { useSmartLinkContext } from '@atlaskit/link-provider';
+import { getUrl } from '@atlaskit/linking-common';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { useSmartCardState as useSmartLinkState } from '../../state/store';
+import { context } from './analytics';
 import { LinkAnalyticsContext } from './LinkAnalyticsContext';
+var getExtendedResolvedAttributes = function getExtendedResolvedAttributes(linkDetails, details, linkStatus) {
+  var _details$meta$definit, _details$meta, _details$meta$resourc, _details$meta2;
+  return _objectSpread({
+    definitionId: (_details$meta$definit = details === null || details === void 0 || (_details$meta = details.meta) === null || _details$meta === void 0 ? void 0 : _details$meta.definitionId) !== null && _details$meta$definit !== void 0 ? _details$meta$definit : null,
+    resourceType: (_details$meta$resourc = details === null || details === void 0 || (_details$meta2 = details.meta) === null || _details$meta2 === void 0 ? void 0 : _details$meta2.resourceType) !== null && _details$meta$resourc !== void 0 ? _details$meta$resourc : null
+  }, getResolvedAttributes(linkDetails, details, linkStatus));
+};
+var getSmartLinkAnalyticsContext = function getSmartLinkAnalyticsContext(_ref) {
+  var display = _ref.display,
+    id = _ref.id,
+    response = _ref.response,
+    source = _ref.source,
+    status = _ref.status,
+    url = _ref.url;
+  var resolvedAttributes = getExtendedResolvedAttributes({
+    url: url
+  }, response, status);
+  return {
+    source: source,
+    attributes: _objectSpread(_objectSpread({}, context), {}, {
+      display: display,
+      id: id
+    }, resolvedAttributes)
+  };
+};
+/**
+ * Provides an analytics context data to supply attributes to events based on a URL
+ * and the link state in the store
+ */
+export var useSmartLinkAnalyticsContext = function useSmartLinkAnalyticsContext(_ref2) {
+  var display = _ref2.display,
+    id = _ref2.id,
+    source = _ref2.source,
+    url = _ref2.url;
+  var _useSmartLinkContext = useSmartLinkContext(),
+    store = _useSmartLinkContext.store;
+  var state = store ? getUrl(store, url) : undefined;
+  return useMemo(function () {
+    return fg('platform-smart-card-migrate-embed-modal-analytics') ? getSmartLinkAnalyticsContext({
+      display: display,
+      id: id,
+      response: state === null || state === void 0 ? void 0 : state.details,
+      source: source,
+      status: state === null || state === void 0 ? void 0 : state.status,
+      url: url
+    }) : {};
+  }, [display, id, source, state === null || state === void 0 ? void 0 : state.details, state === null || state === void 0 ? void 0 : state.status, url]);
+};
+
 /**
  * Provides an analytics context to supply attributes to events based on a URL
  * and the link state in the store
  */
-export var SmartLinkAnalyticsContext = function SmartLinkAnalyticsContext(props) {
-  var children = props.children,
-    url = props.url,
-    display = props.display;
+var ExtendedSmartLinkAnalyticsContext = function ExtendedSmartLinkAnalyticsContext(_ref3) {
+  var children = _ref3.children,
+    display = _ref3.display,
+    id = _ref3.id,
+    source = _ref3.source,
+    url = _ref3.url;
   var _useSmartLinkState = useSmartLinkState(url),
     details = _useSmartLinkState.details,
     status = _useSmartLinkState.status;
+  var data = getSmartLinkAnalyticsContext({
+    display: display,
+    id: id,
+    response: details,
+    source: source,
+    status: status,
+    url: url
+  });
+  return /*#__PURE__*/React.createElement(AnalyticsContext, {
+    data: data
+  }, children);
+};
+
+/**
+ * Provides an analytics context to supply attributes to events based on a URL
+ * and the link state in the store
+ */
+var LegacySmartLinkAnalyticsContext = function LegacySmartLinkAnalyticsContext(props) {
+  var children = props.children,
+    url = props.url,
+    display = props.display;
+  var _useSmartLinkState2 = useSmartLinkState(url),
+    details = _useSmartLinkState2.details,
+    status = _useSmartLinkState2.status;
   var attributes = getResolvedAttributes({
     url: url
   }, details, status);
@@ -25,4 +107,12 @@ export var SmartLinkAnalyticsContext = function SmartLinkAnalyticsContext(props)
       attributes: attributes
     }
   }, children));
+};
+
+/**
+ * Provides an analytics context to supply attributes to events based on a URL
+ * and the link state in the store
+ */
+export var SmartLinkAnalyticsContext = function SmartLinkAnalyticsContext(props) {
+  return fg('platform-smart-card-migrate-embed-modal-analytics') ? /*#__PURE__*/React.createElement(ExtendedSmartLinkAnalyticsContext, props) : /*#__PURE__*/React.createElement(LegacySmartLinkAnalyticsContext, props);
 };

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

@@ -8,7 +8,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "32.7.8"
+  packageVersion: "32.7.9"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -153,7 +153,6 @@ function Component(_ref) {
           display: isFlexibleUi ? 'flexible' : appearance
         });
         fireEvent('ui.smartLink.renderSuccess', {
-          definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
           display: isFlexibleUi ? 'flexible' : appearance
         });
       } else {

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

@@ -1,4 +1,7 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+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) { _defineProperty(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; }
 import React, { lazy, Suspense, useCallback, useEffect, useState } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
 import { di } from 'react-magnetic-di';
@@ -8,6 +11,7 @@ import { useAnalyticsEvents } from '../../common/analytics/generated/use-analyti
 import { useSmartLinkAnalytics } from '../../state';
 import { failUfoExperience, startUfoExperience } from '../../state/analytics';
 import { importWithRetry } from '../../utils';
+import { useSmartLinkAnalyticsContext } from '../../utils/analytics/SmartLinkAnalyticsContext';
 import { isFlexibleUiCard } from '../../utils/flexible';
 import { clearMarks, clearMeasures } from '../../utils/performance';
 import { LoadingCardLink } from './component-lazy/LoadingCardLink';
@@ -59,6 +63,11 @@ export function CardWithURLRenderer(props) {
     truncateInline = props.truncateInline;
   var analytics = useSmartLinkAnalytics(url !== null && url !== void 0 ? url : '', id);
   var isFlexibleUi = isFlexibleUiCard(children);
+  var analyticsContext = useSmartLinkAnalyticsContext({
+    display: isFlexibleUi ? 'flexible' : appearance,
+    id: id,
+    url: url !== null && url !== void 0 ? url : ''
+  });
   var errorHandler = useCallback(function (error, info) {
     var componentStack = info.componentStack;
     var errorInfo = {
@@ -70,23 +79,23 @@ export 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 (fg('platform-smart-card-migrate-embed-modal-analytics')) {
         startUfoExperience('smart-link-rendered', id || 'NULL');
         failUfoExperience('smart-link-rendered', id || 'NULL');
         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,
@@ -101,7 +110,7 @@ export 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/esm/view/EmbedModal/components/analytics/index.js

@@ -1,6 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { CardDisplay } from '../../../../constants';
+import { failUfoExperience, startUfoExperience, succeedUfoExperience } from '../../../../state/analytics';
 import { EmbedModalSize } from '../../types';
 var getResizeFrom = function getResizeFrom(size) {
   return size === EmbedModalSize.Small ? EmbedModalSize.Large : EmbedModalSize.Small;
@@ -8,63 +10,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 = useCallback(function (context) {
-      analytics === null || analytics === void 0 || analytics.screen.modalViewedEvent({
-        name: 'embedPreviewModal',
-        attributes: {
-          origin: origin,
+      if (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: CardDisplay.EmbedPreview
-      });
+        });
+      } else {
+        analytics === null || analytics === void 0 || analytics.screen.modalViewedEvent({
+          name: 'embedPreviewModal',
+          attributes: {
+            origin: origin,
+            size: context.size
+          }
+        });
+      }
+      if (fg('platform-smart-card-migrate-embed-modal-analytics')) {
+        succeedUfoExperience('smart-link-rendered', id || 'NULL', {
+          extensionKey: extensionKey,
+          display: CardDisplay.EmbedPreview
+        });
+
+        // UFO will disregard this if authentication experience has not yet been started
+        succeedUfoExperience('smart-link-authenticated', id || 'NULL', {
+          display: CardDisplay.EmbedPreview
+        });
+        fireEvent === null || fireEvent === void 0 || fireEvent('ui.smartLink.renderSuccess', {
+          display: CardDisplay.EmbedPreview
+        });
+      } else {
+        analytics === null || analytics === void 0 || analytics.ui.renderSuccessEvent({
+          status: 'resolved',
+          display: 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 = useCallback(function (error, errorInfo) {
-      analytics === null || analytics === void 0 || analytics.ui.renderFailedEvent({
-        display: CardDisplay.EmbedPreview,
-        error: error,
-        errorInfo: errorInfo
-      });
+      if (fg('platform-smart-card-migrate-embed-modal-analytics')) {
+        startUfoExperience('smart-link-rendered', id || 'NULL');
+        failUfoExperience('smart-link-rendered', id || 'NULL');
+        failUfoExperience('smart-link-authenticated', id || 'NULL');
+        fireEvent === null || fireEvent === void 0 || fireEvent('ui.smartLink.renderFailed', {
+          display: CardDisplay.EmbedPreview,
+          error: error,
+          errorInfo: errorInfo,
+          id: id !== null && id !== void 0 ? id : null
+        });
+      } else {
+        analytics === null || analytics === void 0 || analytics.ui.renderFailedEvent({
+          display: 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 = useCallback(function (context) {
-      analytics === null || analytics === void 0 || analytics.ui.modalClosedEvent({
-        actionSubjectId: 'embedPreview',
-        attributes: {
-          origin: origin,
-          previewTime: context.duration,
+      if (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 = useCallback(function (context) {
-      analytics === null || analytics === void 0 || analytics.ui.buttonClickedEvent({
-        actionSubjectId: 'embedPreviewResize',
-        attributes: {
+      if (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.createElement(Component, _extends({}, props, {
       onClose: handleOnClose,
       onOpen: handleOnOpen,

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

@@ -20,7 +20,7 @@ import { SmartLinkAnalyticsContext } from '../../../utils/analytics/SmartLinkAna
 import CustomPopupContainer from '../components/CustomPopupContainer';
 import HoverCardContent from '../components/HoverCardContent';
 import { CARD_GAP_PX, HOVER_CARD_Z_INDEX } from '../styled';
-var HOVER_CARD_SOURCE = 'smartLinkPreviewHoverCard';
+export var HOVER_CARD_SOURCE = 'smartLinkPreviewHoverCard';
 var FADE_IN_DELAY = 500;
 var FADE_OUT_DELAY = 300;
 var RESOLVE_DELAY = 100;

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

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

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

@@ -1,3 +1,6 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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) { _defineProperty(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
@@ -15,7 +18,8 @@ import { CardDisplay } from '../../constants';
 import { useSmartLinkAnalytics } from '../../state';
 import { failUfoExperience, startUfoExperience } from '../../state/analytics';
 import { SmartLinkModalProvider } from '../../state/modal';
-import { HoverCardComponent } from './components/HoverCardComponent';
+import { useSmartLinkAnalyticsContext } from '../../utils/analytics/SmartLinkAnalyticsContext';
+import { HOVER_CARD_SOURCE, HoverCardComponent } from './components/HoverCardComponent';
 var HoverCardWithErrorBoundary = function HoverCardWithErrorBoundary(props) {
   var _useAnalyticsEvents = useAnalyticsEvents(),
     fireEvent = _useAnalyticsEvents.fireEvent;
@@ -23,17 +27,23 @@ var HoverCardWithErrorBoundary = function HoverCardWithErrorBoundary(props) {
     id = props.id,
     children = props.children;
   var analytics = useSmartLinkAnalytics(url, id);
+  var analyticsContext = useSmartLinkAnalyticsContext({
+    display: CardDisplay.HoverCardPreview,
+    id: id,
+    source: HOVER_CARD_SOURCE,
+    url: url
+  });
   var onError = useCallback(function (error, info) {
     if (fg('platform-smart-card-migrate-embed-modal-analytics')) {
       startUfoExperience('smart-link-rendered', id || 'NULL');
       failUfoExperience('smart-link-rendered', id || 'NULL');
       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: CardDisplay.HoverCardPreview,
         id: id !== null && id !== void 0 ? id : null,
         error: error,
         errorInfo: info
-      });
+      }));
     } else {
       analytics.ui.renderFailedEvent({
         display: CardDisplay.HoverCardPreview,
@@ -42,7 +52,7 @@ var HoverCardWithErrorBoundary = function HoverCardWithErrorBoundary(props) {
         errorInfo: info
       });
     }
-  }, [analytics.ui, id, fireEvent]);
+  }, [analytics.ui, analyticsContext, id, fireEvent]);
   return jsx(ErrorBoundary, {
     fallback: children,
     onError: onError

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

@@ -13,7 +13,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "32.7.8",
+  packageVersion: "32.7.9",
   componentName: 'linkUrl'
 };
 var Anchor = withLinkClickedEvent('a');

package/dist/types/common/analytics/generated/analytics.types.d.ts

@@ -3,7 +3,7 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::1e6835b50307a44a077c38d864a2c66e>>
+ * @codegen <<SignedSource::84c7074821df29c52dd13557dab19219>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen smart-card
  */
 export type PackageMetaDataContextType = {
@@ -126,6 +126,10 @@ export type SmartLinkQuickActionFailedAttributesType = {
 export type ConsentModalViewedAttributesType = {
     definitionId: string | null;
 };
+export type EmbedPreviewModalViewedAttributesType = {
+    origin: 'smartLinkCard' | 'smartLinkEmbed' | 'smartLinkInline' | 'smartLinkPreviewHoverCard' | null;
+    size: 'large' | 'small' | null;
+};
 export type SmartLinkConnectSucceededAttributesType = {
     definitionId: string | null;
 };
@@ -200,6 +204,11 @@ export type ConsentModalClosedAttributesType = {
     display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';
     definitionId: string | null;
 };
+export type ModalClosedEmbedPreviewAttributesType = {
+    origin: 'smartLinkCard' | 'smartLinkEmbed' | 'smartLinkInline' | 'smartLinkPreviewHoverCard' | null;
+    previewTime: number | null;
+    size: 'large' | 'small' | null;
+};
 export type ButtonClickedLearnMoreAttributesType = {};
 export type ButtonClickedSmartLinkStatusLozengeAttributesType = {};
 export type ButtonClickedSmartLinkStatusListItemAttributesType = {};
@@ -214,7 +223,6 @@ export type ButtonClickedEmbedPreviewResizeAttributesType = {
 };
 export type SmartLinkRenderSuccessAttributesType = {
     display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';
-    definitionId: string | null;
 };
 export type SmartLinkRenderFailedAttributesType = {
     display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';
@@ -301,6 +309,9 @@ export type AnalyticsEventAttributes = {
     /**
      * fires an event which represents the connect account page being opened. */
     'screen.consentModal.viewed': ConsentModalViewedAttributesType;
+    /**
+     * Fires an event that represents when a user view a modal. */
+    'screen.embedPreviewModal.viewed': EmbedPreviewModalViewedAttributesType;
     /**
      * fires an event that represents an account successfully being connected via a Smart Link. */
     'operational.smartLink.connectSucceeded': SmartLinkConnectSucceededAttributesType;
@@ -343,6 +354,9 @@ export type AnalyticsEventAttributes = {
     /**
      * fires an event that represents when a user closed the authentication window without authenticating after opening it. */
     'ui.consentModal.closed': ConsentModalClosedAttributesType;
+    /**
+     * Fires an event that represents when a user close a modal. */
+    'ui.modal.closed.embedPreview': ModalClosedEmbedPreviewAttributesType;
     /**
      * fires an event that signifies that a "Learn More" link was clicked on an unauthenticated card */
     'ui.button.clicked.learnMore': ButtonClickedLearnMoreAttributesType;

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

@@ -15,6 +15,7 @@ export declare const useSmartLinkAnalytics: (url: string, id?: string, defaultLo
          * This fires an event that represents when a user
          * click a button.
          * @param data A partial analytics event payload
+         * @deprecated consider removing when cleaning up FF platform-smart-card-migrate-embed-modal-analytics
          */
         buttonClickedEvent: (data: Partial<AnalyticsPayload> & {
             actionSubjectId: Required<string>;
@@ -32,6 +33,7 @@ export declare const useSmartLinkAnalytics: (url: string, id?: string, defaultLo
         /**
          * This fires an event that represents when a user close a modal.
          * @param data A partial analytics event payload
+         * @deprecated consider removing when cleaning up FF platform-smart-card-migrate-embed-modal-analytics
          */
         modalClosedEvent: (data: Partial<AnalyticsPayload> & {
             actionSubjectId: Required<string>;
@@ -44,6 +46,7 @@ export declare const useSmartLinkAnalytics: (url: string, id?: string, defaultLo
          * @param definitionId The definitionId of the Smart Link resolver invoked.
          * @param extensionKey The extensionKey of the Smart Link resovler invoked.
          * @param canBeDatasource An indicator that shows that a smart link can be converted to a datasource
+         * @deprecated consider removing when cleaning up FF platform-smart-card-migrate-embed-modal-analytics
          */
         renderSuccessEvent: ({ display, status, id, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, canBeDatasource, }: UiRenderSuccessEventProps) => void;
         /**
@@ -52,6 +55,7 @@ export declare const useSmartLinkAnalytics: (url: string, id?: string, defaultLo
          * @param id The unique ID for this Smart Link.
          * @param error: An error representing why the Smart Link render failed.
          * @param errorInfo: Additional details about the error including the stack trace.
+         * @deprecated consider removing when cleaning up FF platform-smart-card-migrate-embed-modal-analytics
          */
         renderFailedEvent: ({ display, id, error, errorInfo, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: UiRenderFailedEventProps) => void;
     };
@@ -77,7 +81,7 @@ export declare const useSmartLinkAnalytics: (url: string, id?: string, defaultLo
     screen: {
         /**
          * This fires an event that represents when a user view a modal.
-         * @param data A partial analytics event payload
+         * @deprecated consider removing when cleaning up FF platform-smart-card-migrate-embed-modal-analytics
          */
         modalViewedEvent: (data: Partial<AnalyticsPayload> & {
             name: Extract<AnalyticsName, 'embedPreviewModal'>;

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

@@ -1,4 +1,6 @@
 import React from 'react';
+import { getResolvedAttributes } from '@atlaskit/link-analytics/resolved-attributes';
+import { context } from './analytics';
 type SmartLinkAnalyticsContextProps = {
     url: string;
     display?: string;
@@ -6,6 +8,18 @@ type SmartLinkAnalyticsContextProps = {
     source?: string;
     children?: React.ReactNode;
 };
+type SmartLinkAnalyticsContextType = {
+    source?: string;
+    attributes?: typeof context & ReturnType<typeof getResolvedAttributes> & {
+        display?: string;
+        id?: string;
+    };
+};
+/**
+ * Provides an analytics context data to supply attributes to events based on a URL
+ * and the link state in the store
+ */
+export declare const useSmartLinkAnalyticsContext: ({ display, id, source, url, }: Exclude<SmartLinkAnalyticsContextProps, 'children'>) => SmartLinkAnalyticsContextType | undefined;
 /**
  * Provides an analytics context to supply attributes to events based on a URL
  * and the link state in the store

package/dist/types/view/EmbedModal/components/analytics/types.d.ts

@@ -3,5 +3,6 @@ import { type AnalyticsOrigin } from '../../../../utils/types';
 export type WithAnalytics = {
     analytics?: AnalyticsFacade;
     extensionKey?: string;
+    id?: string;
     origin?: AnalyticsOrigin;
 };

package/dist/types/view/HoverCard/components/HoverCardComponent.d.ts

@@ -1,3 +1,4 @@
 import { jsx } from '@emotion/react';
 import { type HoverCardComponentProps } from '../types';
+export declare const HOVER_CARD_SOURCE = "smartLinkPreviewHoverCard";
 export declare const HoverCardComponent: ({ children, url, id, canOpen, closeOnChildClick, actionOptions, allowEventPropagation, zIndex, noFadeDelay, hoverPreviewOptions, }: HoverCardComponentProps) => jsx.JSX.Element;