@atlaskit/smart-card 32.7.8 → 32.7.9

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.8",
+  packageVersion: "32.7.9",
   componentName: 'linkUrl'
 };
 var Anchor = (0, _click.withLinkClickedEvent)('a');

package/dist/es2019/extractors/action/extract-invoke-preview-action.js

@@ -1,6 +1,6 @@
 import { extractLink, extractPreview as extractPreviewData, extractProvider, extractTitle } from '@atlaskit/link-extractors';
 import { ActionName, CardAction } from '../../index';
-import { getDefinitionId, getExtensionKey, getResourceType } from '../../state/helpers';
+import { getExtensionKey } from '../../state/helpers';
 import { canShowAction } from '../../utils/actions/can-show-action';
 import { openEmbedModal } from '../../view/EmbedModal/utils';
 import { extractIsSupportTheming } from '../common/meta/extractIsSupportTheming';
@@ -27,12 +27,16 @@ export const extractInvokePreviewAction = param => {
   const src = (_extractPreviewData = extractPreviewData(data, 'web')) === null || _extractPreviewData === void 0 ? void 0 : _extractPreviewData.src;
   if (src) {
     const url = extractLink(data);
+    const extensionKey = getExtensionKey(response);
     return {
       actionFn: async () => {
         var _extractProvider;
         return openEmbedModal({
           fireEvent,
+          extensionKey,
+          id,
           invokeDownloadAction: extractInvokeDownloadAction(param),
+          invokeViewAction: extractInvokeViewAction(param, true),
           isSupportTheming: extractIsSupportTheming(meta),
           isTrusted: extractIsTrusted(meta),
           linkIcon: extractLinkIcon(response),
@@ -41,17 +45,14 @@ export const extractInvokePreviewAction = param => {
           origin,
           src,
           title: extractTitle(data),
-          url,
-          invokeViewAction: extractInvokeViewAction(param, true)
+          url
         });
       },
       actionSubjectId: 'invokePreviewScreen',
       actionType: ActionName.PreviewAction,
-      definitionId: getDefinitionId(response),
       display,
-      extensionKey: getExtensionKey(response),
-      id,
-      resourceType: getResourceType(response)
+      extensionKey,
+      id
     };
   }
 };

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

@@ -60,6 +60,7 @@ export const useSmartLinkAnalytics = (url, id, defaultLocation) => {
      * 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 => dispatchAnalytics(applyCommonAttributes({
       action: 'clicked',
@@ -107,6 +108,7 @@ export const useSmartLinkAnalytics = (url, id, defaultLocation) => {
     /**
      * 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 => dispatchAnalytics(applyCommonAttributes({
       action: 'closed',
@@ -126,6 +128,7 @@ export const useSmartLinkAnalytics = (url, id, defaultLocation) => {
      * @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,
@@ -167,6 +170,7 @@ export const useSmartLinkAnalytics = (url, id, defaultLocation) => {
      * @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,
@@ -271,7 +275,7 @@ export const useSmartLinkAnalytics = (url, id, defaultLocation) => {
   const screen = useMemo(() => ({
     /**
      * 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 => dispatchAnalytics(applyCommonAttributes({
       action: 'viewed',

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

@@ -1,7 +1,5 @@
 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
  */
@@ -16,7 +14,6 @@ export const LinkAnalyticsContext = ({
     data: {
       source,
       attributes: {
-        ...(fg('platform-smart-card-migrate-embed-modal-analytics') ? context : {}),
         displayCategory,
         display,
         id

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

@@ -1,14 +1,101 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
+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';
+const getExtendedResolvedAttributes = (linkDetails, details, linkStatus) => {
+  var _details$meta$definit, _details$meta, _details$meta$resourc, _details$meta2;
+  return {
+    definitionId: (_details$meta$definit = details === null || details === void 0 ? 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 ? 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)
+  };
+};
+const getSmartLinkAnalyticsContext = ({
+  display,
+  id,
+  response,
+  source,
+  status,
+  url
+}) => {
+  const resolvedAttributes = getExtendedResolvedAttributes({
+    url
+  }, response, status);
+  return {
+    source,
+    attributes: {
+      ...context,
+      display,
+      id,
+      ...resolvedAttributes
+    }
+  };
+};
+/**
+ * Provides an analytics context data to supply attributes to events based on a URL
+ * and the link state in the store
+ */
+export const useSmartLinkAnalyticsContext = ({
+  display,
+  id,
+  source,
+  url
+}) => {
+  const {
+    store
+  } = useSmartLinkContext();
+  const state = store ? getUrl(store, url) : undefined;
+  return useMemo(() => {
+    return fg('platform-smart-card-migrate-embed-modal-analytics') ? getSmartLinkAnalyticsContext({
+      display,
+      id,
+      response: state === null || state === void 0 ? void 0 : state.details,
+      source,
+      status: state === null || state === void 0 ? void 0 : state.status,
+      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 const SmartLinkAnalyticsContext = props => {
+const ExtendedSmartLinkAnalyticsContext = ({
+  children,
+  display,
+  id,
+  source,
+  url
+}) => {
+  const {
+    details,
+    status
+  } = useSmartLinkState(url);
+  const data = getSmartLinkAnalyticsContext({
+    display,
+    id,
+    response: details,
+    source,
+    status,
+    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
+ */
+const LegacySmartLinkAnalyticsContext = props => {
   const {
     children,
     url,
@@ -28,4 +115,12 @@ export const SmartLinkAnalyticsContext = props => {
       attributes
     }
   }, children));
+};
+
+/**
+ * Provides an analytics context to supply attributes to events based on a URL
+ * and the link state in the store
+ */
+export const SmartLinkAnalyticsContext = props => {
+  return fg('platform-smart-card-migrate-embed-modal-analytics') ? /*#__PURE__*/React.createElement(ExtendedSmartLinkAnalyticsContext, props) : /*#__PURE__*/React.createElement(LegacySmartLinkAnalyticsContext, props);
 };

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

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

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

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

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

@@ -7,6 +7,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';
@@ -53,6 +54,11 @@ export function CardWithURLRenderer(props) {
   } = props;
   const analytics = useSmartLinkAnalytics(url !== null && url !== void 0 ? url : '', id);
   const isFlexibleUi = isFlexibleUiCard(children);
+  const analyticsContext = useSmartLinkAnalyticsContext({
+    display: isFlexibleUi ? 'flexible' : appearance,
+    id,
+    url: url !== null && url !== void 0 ? url : ''
+  });
   const errorHandler = useCallback((error, info) => {
     const {
       componentStack
@@ -67,6 +73,7 @@ export function CardWithURLRenderer(props) {
     // Likewise, chunk loading errors are not caused by a failure of smart-card rendering.
     if (error.name === 'ChunkLoadError') {
       fireEvent('operational.smartLink.chunkLoadFailed', {
+        ...(analyticsContext === null || analyticsContext === void 0 ? void 0 : analyticsContext.attributes),
         display: appearance,
         error: error,
         errorInfo: errorInfo,
@@ -78,6 +85,7 @@ export function CardWithURLRenderer(props) {
         failUfoExperience('smart-link-rendered', id || 'NULL');
         failUfoExperience('smart-link-authenticated', id || 'NULL');
         fireEvent('ui.smartLink.renderFailed', {
+          ...(analyticsContext === null || analyticsContext === void 0 ? void 0 : analyticsContext.attributes),
           display: isFlexibleUi ? 'flexible' : appearance,
           id: id !== null && id !== void 0 ? id : null,
           error: error,
@@ -97,7 +105,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/es2019/view/EmbedModal/components/analytics/index.js

@@ -1,11 +1,16 @@
 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';
 const getResizeFrom = size => size === EmbedModalSize.Small ? EmbedModalSize.Large : EmbedModalSize.Small;
 const withAnalytics = Component => props => {
   const {
     analytics,
+    fireEvent,
+    extensionKey,
+    id,
     onClose,
     onOpen,
     onOpenFailed,
@@ -13,57 +18,108 @@ const withAnalytics = Component => props => {
     origin
   } = props;
   const handleOnOpen = useCallback(context => {
-    analytics === null || analytics === void 0 ? void 0 : analytics.screen.modalViewedEvent({
-      name: 'embedPreviewModal',
-      attributes: {
-        origin,
+    if (fg('platform-smart-card-migrate-embed-modal-analytics')) {
+      fireEvent === null || fireEvent === void 0 ? void 0 : fireEvent('screen.embedPreviewModal.viewed', {
+        origin: origin !== null && origin !== void 0 ? origin : null,
         size: context.size
-      }
-    });
-    analytics === null || analytics === void 0 ? void 0 : analytics.ui.renderSuccessEvent({
-      status: 'resolved',
-      display: CardDisplay.EmbedPreview
-    });
+      });
+    } else {
+      analytics === null || analytics === void 0 ? void 0 : analytics.screen.modalViewedEvent({
+        name: 'embedPreviewModal',
+        attributes: {
+          origin,
+          size: context.size
+        }
+      });
+    }
+    if (fg('platform-smart-card-migrate-embed-modal-analytics')) {
+      succeedUfoExperience('smart-link-rendered', id || 'NULL', {
+        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 ? void 0 : fireEvent('ui.smartLink.renderSuccess', {
+        display: CardDisplay.EmbedPreview
+      });
+    } else {
+      analytics === null || analytics === void 0 ? 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]);
   const handleOnOpenFailed = useCallback((error, errorInfo) => {
-    analytics === null || analytics === void 0 ? void 0 : analytics.ui.renderFailedEvent({
-      display: CardDisplay.EmbedPreview,
-      error,
-      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 ? 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 ? void 0 : analytics.ui.renderFailedEvent({
+        display: CardDisplay.EmbedPreview,
+        error,
+        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]);
   const handleOnClose = useCallback(context => {
-    analytics === null || analytics === void 0 ? void 0 : analytics.ui.modalClosedEvent({
-      actionSubjectId: 'embedPreview',
-      attributes: {
-        origin,
-        previewTime: context.duration,
+    if (fg('platform-smart-card-migrate-embed-modal-analytics')) {
+      var _context$duration;
+      fireEvent === null || fireEvent === void 0 ? 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 ? void 0 : analytics.ui.modalClosedEvent({
+        actionSubjectId: 'embedPreview',
+        attributes: {
+          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]);
   const handleOnResize = useCallback(context => {
-    analytics === null || analytics === void 0 ? void 0 : analytics.ui.buttonClickedEvent({
-      actionSubjectId: 'embedPreviewResize',
-      attributes: {
+    if (fg('platform-smart-card-migrate-embed-modal-analytics')) {
+      fireEvent === null || fireEvent === void 0 ? void 0 : fireEvent('ui.button.clicked.embedPreviewResize', {
         newSize: context.size,
-        origin,
+        origin: origin !== null && origin !== void 0 ? origin : null,
         previousSize: getResizeFrom(context.size)
-      }
-    });
+      });
+    } else {
+      analytics === null || analytics === void 0 ? void 0 : analytics.ui.buttonClickedEvent({
+        actionSubjectId: 'embedPreviewResize',
+        attributes: {
+          newSize: context.size,
+          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/es2019/view/HoverCard/components/HoverCardComponent.js

@@ -17,7 +17,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';
-const HOVER_CARD_SOURCE = 'smartLinkPreviewHoverCard';
+export const HOVER_CARD_SOURCE = 'smartLinkPreviewHoverCard';
 const FADE_IN_DELAY = 500;
 const FADE_OUT_DELAY = 300;
 const RESOLVE_DELAY = 100;

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

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

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

@@ -15,7 +15,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';
 const HoverCardWithErrorBoundary = props => {
   const {
     fireEvent
@@ -26,12 +27,19 @@ const HoverCardWithErrorBoundary = props => {
     children
   } = props;
   const analytics = useSmartLinkAnalytics(url, id);
+  const analyticsContext = useSmartLinkAnalyticsContext({
+    display: CardDisplay.HoverCardPreview,
+    id,
+    source: HOVER_CARD_SOURCE,
+    url
+  });
   const onError = useCallback((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', {
+        ...(analyticsContext === null || analyticsContext === void 0 ? void 0 : analyticsContext.attributes),
         display: CardDisplay.HoverCardPreview,
         id: id !== null && id !== void 0 ? id : null,
         error: error,
@@ -45,7 +53,7 @@ const HoverCardWithErrorBoundary = props => {
         errorInfo: info
       });
     }
-  }, [analytics.ui, id, fireEvent]);
+  }, [analytics.ui, analyticsContext, id, fireEvent]);
   return jsx(ErrorBoundary, {
     fallback: children,
     onError: onError

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

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

package/dist/esm/extractors/action/extract-invoke-preview-action.js

@@ -2,7 +2,7 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { extractLink, extractPreview as extractPreviewData, extractProvider, extractTitle } from '@atlaskit/link-extractors';
 import { ActionName, CardAction } from '../../index';
-import { getDefinitionId, getExtensionKey, getResourceType } from '../../state/helpers';
+import { getExtensionKey } from '../../state/helpers';
 import { canShowAction } from '../../utils/actions/can-show-action';
 import { openEmbedModal } from '../../view/EmbedModal/utils';
 import { extractIsSupportTheming } from '../common/meta/extractIsSupportTheming';
@@ -27,6 +27,7 @@ export var extractInvokePreviewAction = function extractInvokePreviewAction(para
   var src = (_extractPreviewData = extractPreviewData(data, 'web')) === null || _extractPreviewData === void 0 ? void 0 : _extractPreviewData.src;
   if (src) {
     var url = extractLink(data);
+    var extensionKey = getExtensionKey(response);
     return {
       actionFn: function () {
         var _actionFn = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
@@ -36,7 +37,10 @@ export var extractInvokePreviewAction = function extractInvokePreviewAction(para
               case 0:
                 return _context.abrupt("return", openEmbedModal({
                   fireEvent: fireEvent,
+                  extensionKey: extensionKey,
+                  id: id,
                   invokeDownloadAction: extractInvokeDownloadAction(param),
+                  invokeViewAction: extractInvokeViewAction(param, true),
                   isSupportTheming: extractIsSupportTheming(meta),
                   isTrusted: extractIsTrusted(meta),
                   linkIcon: extractLinkIcon(response),
@@ -45,8 +49,7 @@ export var extractInvokePreviewAction = function extractInvokePreviewAction(para
                   origin: origin,
                   src: src,
                   title: extractTitle(data),
-                  url: url,
-                  invokeViewAction: extractInvokeViewAction(param, true)
+                  url: url
                 }));
               case 1:
               case "end":
@@ -61,11 +64,9 @@ export var extractInvokePreviewAction = function extractInvokePreviewAction(para
       }(),
       actionSubjectId: 'invokePreviewScreen',
       actionType: ActionName.PreviewAction,
-      definitionId: getDefinitionId(response),
       display: display,
-      extensionKey: getExtensionKey(response),
-      id: id,
-      resourceType: getResourceType(response)
+      extensionKey: extensionKey,
+      id: id
     };
   }
 };