@atlaskit/smart-card 32.7.8 → 32.7.10

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

@@ -3,6 +3,7 @@ import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import Button from '@atlaskit/button';
 import LockIcon from '@atlaskit/icon/glyph/lock-filled';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { N500, R400 } from '@atlaskit/theme/colors';
 import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
 import { messages } from '../../../messages';
@@ -26,6 +27,7 @@ export const InlineCardUnauthorizedView = ({
   isSelected,
   testId = 'inline-card-unauthorized-view',
   showAuthTooltip = false,
+  showHoverPreview = false,
   truncateInline,
   context
 }) => {
@@ -66,7 +68,7 @@ export const InlineCardUnauthorizedView = ({
     onClick: onClick,
     titleColor: `var(--ds-text-subtle, ${N500})`
   }), renderActionButton());
-  if (onAuthorise && showAuthTooltip) {
+  if (onAuthorise && (fg('platform_deprecate-showauthtooltip-smart-card') ? showHoverPreview : showAuthTooltip)) {
     return /*#__PURE__*/React.createElement(HoverCard, {
       url: url,
       id: id

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

@@ -3,6 +3,7 @@ import React, { useEffect } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { extractProvider } from '@atlaskit/link-extractors';
 import { useFeatureFlag } from '@atlaskit/link-provider';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { SmartLinkStatus } from '../../constants';
 import { extractRequestAccessContextImproved } from '../../extractors/common/context/extractAccessContext';
 import { extractInlineProps } from '../../extractors/inline';
@@ -110,7 +111,8 @@ export const InlineCard = ({
         onClick: handleFrameClick,
         onAuthorise: handleAuthorize,
         testId: testIdWithStatus,
-        showAuthTooltip: showAuthTooltip,
+        showAuthTooltip: fg('platform_deprecate-showauthtooltip-smart-card') ? undefined : showAuthTooltip,
+        showHoverPreview: showHoverPreview,
         id: id,
         analytics: analytics,
         extensionKey: extensionKey,

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.10",
   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
     };
   }
 };

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.10"
 };
 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 {
@@ -205,7 +204,7 @@ function Component(_ref) {
       ui: ui,
       showHoverPreview: showHoverPreview,
       hoverPreviewOptions: hoverPreviewOptions,
-      showAuthTooltip: showAuthTooltip,
+      showAuthTooltip: fg('platform_deprecate-showauthtooltip-smart-card') ? undefined : showAuthTooltip,
       actionOptions: actionOptions,
       url: url,
       testId: testId,
@@ -237,7 +236,7 @@ function Component(_ref) {
         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/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.');
   }
@@ -133,7 +142,7 @@ export function CardWithURLRenderer(props) {
     ui: ui,
     showHoverPreview: showHoverPreview,
     hoverPreviewOptions: hoverPreviewOptions,
-    showAuthTooltip: showAuthTooltip,
+    showAuthTooltip: fg('platform_deprecate-showauthtooltip-smart-card') ? undefined : showAuthTooltip,
     placeholder: placeholder,
     removeTextHighlightingFromTitle: removeTextHighlightingFromTitle,
     resolvingPlaceholder: resolvingPlaceholder,

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

@@ -9,6 +9,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';
@@ -193,7 +194,7 @@ var Container = function Container(_ref3) {
   var canShowHoverPreview = showHoverPreview && status === 'resolved';
   // `retry` object contains action that can be performed on
   // unresolved link (unauthorized, forbidden, not found, etc.)
-  var canShowAuthTooltip = showAuthTooltip && status === 'unauthorized' && retry !== undefined;
+  var canShowAuthTooltip = (fg('platform_deprecate-showauthtooltip-smart-card') ? showHoverPreview : showAuthTooltip) && status === 'unauthorized' && retry !== undefined;
   var 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),