@atlaskit/smart-card 32.7.8 → 32.7.10

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/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/InlineCard/UnauthorisedView/index.js

@@ -10,6 +10,7 @@ var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _lockFilled = _interopRequireDefault(require("@atlaskit/icon/glyph/lock-filled"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
 var _useAnalyticsEvents2 = require("../../../common/analytics/generated/use-analytics-events");
 var _messages = require("../../../messages");
@@ -35,6 +36,8 @@ var InlineCardUnauthorizedView = exports.InlineCardUnauthorizedView = function I
     testId = _ref$testId === void 0 ? 'inline-card-unauthorized-view' : _ref$testId,
     _ref$showAuthTooltip = _ref.showAuthTooltip,
     showAuthTooltip = _ref$showAuthTooltip === void 0 ? false : _ref$showAuthTooltip,
+    _ref$showHoverPreview = _ref.showHoverPreview,
+    showHoverPreview = _ref$showHoverPreview === void 0 ? false : _ref$showHoverPreview,
     truncateInline = _ref.truncateInline,
     context = _ref.context;
   var frameRef = _react.default.useRef(null);
@@ -73,7 +76,7 @@ var InlineCardUnauthorizedView = exports.InlineCardUnauthorizedView = function I
     onClick: onClick,
     titleColor: "var(--ds-text-subtle, ".concat(_colors.N500, ")")
   }), renderActionButton());
-  if (onAuthorise && showAuthTooltip) {
+  if (onAuthorise && ((0, _platformFeatureFlags.fg)('platform_deprecate-showauthtooltip-smart-card') ? showHoverPreview : showAuthTooltip)) {
     return /*#__PURE__*/_react.default.createElement(_HoverCard.HoverCard, {
       url: url,
       id: id

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

@@ -41,6 +41,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _linkExtractors = require("@atlaskit/link-extractors");
 var _linkProvider = require("@atlaskit/link-provider");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../constants");
 var _extractAccessContext = require("../../extractors/common/context/extractAccessContext");
 var _inline = require("../../extractors/inline");
@@ -145,7 +146,8 @@ var InlineCard = exports.InlineCard = function InlineCard(_ref) {
         onClick: handleFrameClick,
         onAuthorise: handleAuthorize,
         testId: testIdWithStatus,
-        showAuthTooltip: showAuthTooltip,
+        showAuthTooltip: (0, _platformFeatureFlags.fg)('platform_deprecate-showauthtooltip-smart-card') ? undefined : showAuthTooltip,
+        showHoverPreview: showHoverPreview,
         id: id,
         analytics: analytics,
         extensionKey: extensionKey,

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.10",
   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.10"
 };
 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 {
@@ -203,7 +202,7 @@ function Component({
       ui: ui,
       showHoverPreview: showHoverPreview,
       hoverPreviewOptions: hoverPreviewOptions,
-      showAuthTooltip: showAuthTooltip,
+      showAuthTooltip: fg('platform_deprecate-showauthtooltip-smart-card') ? undefined : showAuthTooltip,
       actionOptions: actionOptions,
       url: url,
       testId: testId,
@@ -235,7 +234,7 @@ function Component({
         inlinePreloaderStyle: inlinePreloaderStyle,
         showHoverPreview: showHoverPreview,
         hoverPreviewOptions: hoverPreviewOptions,
-        showAuthTooltip: showAuthTooltip,
+        showAuthTooltip: fg('platform_deprecate-showauthtooltip-smart-card') ? undefined : showAuthTooltip,
         actionOptions: actionOptions,
         removeTextHighlightingFromTitle: removeTextHighlightingFromTitle,
         resolvingPlaceholder: resolvingPlaceholder,

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.');
   }
@@ -125,7 +133,7 @@ export function CardWithURLRenderer(props) {
     ui,
     showHoverPreview,
     hoverPreviewOptions,
-    showAuthTooltip,
+    showAuthTooltip: fg('platform_deprecate-showauthtooltip-smart-card') ? undefined : showAuthTooltip,
     placeholder,
     removeTextHighlightingFromTitle,
     resolvingPlaceholder,

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/FlexibleCard/components/container/index.js

@@ -7,6 +7,7 @@ import React, { useContext } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { di } from 'react-magnetic-di';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { N40 } from '@atlaskit/theme/colors';
 import { MediaPlacement, SmartLinkSize, SmartLinkTheme } from '../../../../constants';
 import { FlexibleUiContext } from '../../../../state/flexible-ui-context';
@@ -204,7 +205,7 @@ const Container = ({
   const canShowHoverPreview = showHoverPreview && status === 'resolved';
   // `retry` object contains action that can be performed on
   // unresolved link (unauthorized, forbidden, not found, etc.)
-  const canShowAuthTooltip = showAuthTooltip && status === 'unauthorized' && retry !== undefined;
+  const canShowAuthTooltip = (fg('platform_deprecate-showauthtooltip-smart-card') ? showHoverPreview : showAuthTooltip) && status === 'unauthorized' && retry !== undefined;
   const container = jsx("div", {
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     css: getContainerStyles(size, hideBackground, hideElevation, hidePadding, clickableContainer, childrenOptions),

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

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect, useMemo } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
 import { SmartLinkStatus } from '../../constants';
 import { FlexibleUiAnalyticsContext, FlexibleUiContext, FlexibleUiOptionContext } from '../../state/flexible-ui-context';
@@ -108,7 +109,7 @@ const FlexibleCard = ({
     showHoverPreview: showHoverPreview,
     hoverPreviewOptions: hoverPreviewOptions,
     actionOptions: actionOptions,
-    showAuthTooltip: showAuthTooltip,
+    showAuthTooltip: fg('platform_deprecate-showauthtooltip-smart-card') ? undefined : showAuthTooltip,
     status: status
   }), children))));
 };