@atlaskit/smart-card 32.7.7 → 32.7.9

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

@@ -1,15 +1,14 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-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 { SmartLinkActionType } from '@atlaskit/linking-types';
 import { getMeasure } from '../performance';
 export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "32.7.7"
+  packageVersion: "32.7.9"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
@@ -21,8 +20,6 @@ export var TrackQuickActionFailureReason = /*#__PURE__*/function (TrackQuickActi
   TrackQuickActionFailureReason["UnknownError"] = "UnknownError";
   return TrackQuickActionFailureReason;
 }({});
-export var SmartLinkActionTypeTrackingEventMapper = _defineProperty(_defineProperty(_defineProperty({}, SmartLinkActionType.FollowEntityAction, 'Follow'), SmartLinkActionType.StatusUpdateAction, 'StatusUpdate'), SmartLinkActionType.UnfollowEntityAction, 'Unfollow');
-export var SmartLinkActionTypeUiEventMapper = _defineProperty(_defineProperty({}, SmartLinkActionType.FollowEntityAction, 'smartLinkFollowButton'), SmartLinkActionType.UnfollowEntityAction, 'smartLinkFollowButton');
 var uiActionSubjectIds = {
   DownloadAction: 'downloadDocument',
   PreviewAction: 'invokePreviewScreen',
@@ -111,100 +108,15 @@ export var invokeFailedEvent = function invokeFailedEvent(_ref2) {
     })
   };
 };
-
-/**
- * @deprecated consider removing when cleaning up FF platform_migrate-some-ui-events-smart-card
- */
-export var uiAuthEvent = function uiAuthEvent(_ref3) {
-  var definitionId = _ref3.definitionId,
+export var uiActionClickedEvent = function uiActionClickedEvent(_ref3) {
+  var id = _ref3.id,
+    actionType = _ref3.actionType,
     extensionKey = _ref3.extensionKey,
+    display = _ref3.display,
+    definitionId = _ref3.definitionId,
     destinationProduct = _ref3.destinationProduct,
     destinationSubproduct = _ref3.destinationSubproduct,
-    location = _ref3.location,
-    display = _ref3.display;
-  return {
-    action: 'clicked',
-    actionSubject: 'button',
-    actionSubjectId: 'connectAccount',
-    eventType: 'ui',
-    attributes: _objectSpread(_objectSpread({}, context), {}, {
-      definitionId: definitionId,
-      extensionKey: extensionKey,
-      destinationProduct: destinationProduct,
-      destinationSubproduct: destinationSubproduct,
-      location: location,
-      display: display
-    })
-  };
-};
-
-/**
- * @deprecated consider removing when cleaning up FF platform_migrate-some-ui-events-smart-card
- */
-export var uiAuthAlternateAccountEvent = function uiAuthAlternateAccountEvent(_ref4) {
-  var definitionId = _ref4.definitionId,
-    extensionKey = _ref4.extensionKey,
-    destinationProduct = _ref4.destinationProduct,
-    destinationSubproduct = _ref4.destinationSubproduct,
-    location = _ref4.location,
-    display = _ref4.display;
-  return {
-    action: 'clicked',
-    actionSubject: 'smartLink',
-    actionSubjectId: 'tryAnotherAccount',
-    eventType: 'ui',
-    attributes: _objectSpread(_objectSpread({}, context), {}, {
-      definitionId: definitionId,
-      extensionKey: extensionKey,
-      destinationProduct: destinationProduct,
-      destinationSubproduct: destinationSubproduct,
-      location: location,
-      display: display
-    })
-  };
-};
-
-/**
- * @deprecated consider removing when cleaning up FF platform_migrate-some-ui-events-smart-card
- */
-export var uiCardClickedEvent = function uiCardClickedEvent(_ref5) {
-  var id = _ref5.id,
-    display = _ref5.display,
-    status = _ref5.status,
-    definitionId = _ref5.definitionId,
-    extensionKey = _ref5.extensionKey,
-    isModifierKeyPressed = _ref5.isModifierKeyPressed,
-    location = _ref5.location,
-    destinationProduct = _ref5.destinationProduct,
-    destinationSubproduct = _ref5.destinationSubproduct,
-    actionSubjectId = _ref5.actionSubjectId;
-  return {
-    action: 'clicked',
-    actionSubject: 'smartLink',
-    actionSubjectId: actionSubjectId,
-    eventType: 'ui',
-    attributes: _objectSpread(_objectSpread({}, context), {}, {
-      id: id,
-      status: status,
-      definitionId: definitionId,
-      extensionKey: extensionKey,
-      display: display,
-      isModifierKeyPressed: isModifierKeyPressed,
-      location: location,
-      destinationProduct: destinationProduct,
-      destinationSubproduct: destinationSubproduct
-    })
-  };
-};
-export var uiActionClickedEvent = function uiActionClickedEvent(_ref6) {
-  var id = _ref6.id,
-    actionType = _ref6.actionType,
-    extensionKey = _ref6.extensionKey,
-    display = _ref6.display,
-    definitionId = _ref6.definitionId,
-    destinationProduct = _ref6.destinationProduct,
-    destinationSubproduct = _ref6.destinationSubproduct,
-    location = _ref6.location;
+    location = _ref3.location;
   return {
     action: 'clicked',
     actionSubject: 'button',
@@ -222,40 +134,15 @@ export var uiActionClickedEvent = function uiActionClickedEvent(_ref6) {
     })
   };
 };
-
-/**
- * @deprecated consider removing when cleaning up FF platform_migrate-some-ui-events-smart-card
- */
-export var uiClosedAuthEvent = function uiClosedAuthEvent(_ref7) {
-  var display = _ref7.display,
-    extensionKey = _ref7.extensionKey,
-    definitionId = _ref7.definitionId,
-    destinationProduct = _ref7.destinationProduct,
-    destinationSubproduct = _ref7.destinationSubproduct,
-    location = _ref7.location;
-  return {
-    action: 'closed',
-    actionSubject: 'consentModal',
-    eventType: 'ui',
-    attributes: _objectSpread(_objectSpread({}, context), {}, {
-      extensionKey: extensionKey,
-      definitionId: definitionId,
-      destinationProduct: destinationProduct,
-      destinationSubproduct: destinationSubproduct,
-      location: location,
-      display: display
-    })
-  };
-};
-export var uiRenderSuccessEvent = function uiRenderSuccessEvent(_ref8) {
-  var display = _ref8.display,
-    status = _ref8.status,
-    extensionKey = _ref8.extensionKey,
-    definitionId = _ref8.definitionId,
-    destinationProduct = _ref8.destinationProduct,
-    destinationSubproduct = _ref8.destinationSubproduct,
-    location = _ref8.location,
-    canBeDatasource = _ref8.canBeDatasource;
+export var uiRenderSuccessEvent = function uiRenderSuccessEvent(_ref4) {
+  var display = _ref4.display,
+    status = _ref4.status,
+    extensionKey = _ref4.extensionKey,
+    definitionId = _ref4.definitionId,
+    destinationProduct = _ref4.destinationProduct,
+    destinationSubproduct = _ref4.destinationSubproduct,
+    location = _ref4.location,
+    canBeDatasource = _ref4.canBeDatasource;
   return {
     action: 'renderSuccess',
     actionSubject: 'smartLink',
@@ -272,15 +159,15 @@ export var uiRenderSuccessEvent = function uiRenderSuccessEvent(_ref8) {
     })
   };
 };
-export var uiRenderFailedEvent = function uiRenderFailedEvent(_ref9) {
-  var display = _ref9.display,
-    error = _ref9.error,
-    errorInfo = _ref9.errorInfo,
-    extensionKey = _ref9.extensionKey,
-    definitionId = _ref9.definitionId,
-    destinationProduct = _ref9.destinationProduct,
-    destinationSubproduct = _ref9.destinationSubproduct,
-    location = _ref9.location;
+export var uiRenderFailedEvent = function uiRenderFailedEvent(_ref5) {
+  var display = _ref5.display,
+    error = _ref5.error,
+    errorInfo = _ref5.errorInfo,
+    extensionKey = _ref5.extensionKey,
+    definitionId = _ref5.definitionId,
+    destinationProduct = _ref5.destinationProduct,
+    destinationSubproduct = _ref5.destinationSubproduct,
+    location = _ref5.location;
   return {
     actionSubject: 'smartLink',
     action: 'renderFailed',
@@ -296,165 +183,4 @@ export var uiRenderFailedEvent = function uiRenderFailedEvent(_ref9) {
       location: location
     })
   };
-};
-
-/**
- * @deprecated consider removing when cleaning up FF platform_migrate-some-ui-events-smart-card
- */
-export var uiHoverCardViewedEvent = function uiHoverCardViewedEvent(_ref10) {
-  var id = _ref10.id,
-    previewDisplay = _ref10.previewDisplay,
-    extensionKey = _ref10.extensionKey,
-    definitionId = _ref10.definitionId,
-    destinationProduct = _ref10.destinationProduct,
-    destinationSubproduct = _ref10.destinationSubproduct,
-    location = _ref10.location,
-    previewInvokeMethod = _ref10.previewInvokeMethod,
-    status = _ref10.status;
-  return {
-    action: 'viewed',
-    actionSubject: 'hoverCard',
-    eventType: 'ui',
-    attributes: _objectSpread(_objectSpread({}, context), {}, {
-      id: id,
-      previewDisplay: previewDisplay,
-      extensionKey: extensionKey,
-      definitionId: definitionId,
-      destinationProduct: destinationProduct,
-      destinationSubproduct: destinationSubproduct,
-      location: location,
-      previewInvokeMethod: previewInvokeMethod,
-      status: status
-    })
-  };
-};
-
-/**
- * @deprecated consider removing when cleaning up FF platform_migrate-some-ui-events-smart-card
- */
-export var uiHoverCardDismissedEvent = function uiHoverCardDismissedEvent(_ref11) {
-  var id = _ref11.id,
-    previewDisplay = _ref11.previewDisplay,
-    hoverTime = _ref11.hoverTime,
-    extensionKey = _ref11.extensionKey,
-    definitionId = _ref11.definitionId,
-    destinationProduct = _ref11.destinationProduct,
-    destinationSubproduct = _ref11.destinationSubproduct,
-    location = _ref11.location,
-    previewInvokeMethod = _ref11.previewInvokeMethod,
-    status = _ref11.status;
-  return {
-    action: 'dismissed',
-    actionSubject: 'hoverCard',
-    eventType: 'ui',
-    attributes: _objectSpread(_objectSpread({}, context), {}, {
-      id: id,
-      previewDisplay: previewDisplay,
-      hoverTime: hoverTime,
-      extensionKey: extensionKey,
-      definitionId: definitionId,
-      destinationProduct: destinationProduct,
-      destinationSubproduct: destinationSubproduct,
-      location: location,
-      previewInvokeMethod: previewInvokeMethod,
-      status: status
-    })
-  };
-};
-
-/**
- * @deprecated consider removing when cleaning up FF platform_migrate-some-ui-events-smart-card
- */
-export var uiHoverCardOpenLinkClickedEvent = function uiHoverCardOpenLinkClickedEvent(_ref12) {
-  var id = _ref12.id,
-    previewDisplay = _ref12.previewDisplay,
-    extensionKey = _ref12.extensionKey,
-    definitionId = _ref12.definitionId,
-    destinationProduct = _ref12.destinationProduct,
-    destinationSubproduct = _ref12.destinationSubproduct,
-    location = _ref12.location,
-    previewInvokeMethod = _ref12.previewInvokeMethod;
-  return {
-    action: 'clicked',
-    actionSubject: 'button',
-    actionSubjectId: 'shortcutGoToLink',
-    eventType: 'ui',
-    attributes: _objectSpread(_objectSpread({}, context), {}, {
-      id: id,
-      previewDisplay: previewDisplay,
-      extensionKey: extensionKey,
-      definitionId: definitionId,
-      destinationProduct: destinationProduct,
-      destinationSubproduct: destinationSubproduct,
-      location: location,
-      previewInvokeMethod: previewInvokeMethod
-    })
-  };
-};
-
-/**
- * @deprecated consider removing when cleaning up FF platform_migrate-some-ui-events-smart-card
- */
-export var uiLearnMoreLinkClickedEvent = function uiLearnMoreLinkClickedEvent() {
-  return {
-    action: 'clicked',
-    actionSubject: 'button',
-    actionSubjectId: 'learnMore',
-    eventType: 'ui',
-    attributes: _objectSpread({}, context)
-  };
-};
-
-/**
- * @deprecated consider removing when cleaning up FF platform_migrate-some-ui-events-smart-card
- */
-export var uiSmartLinkStatusLozengeButtonClicked = function uiSmartLinkStatusLozengeButtonClicked() {
-  return {
-    action: 'clicked',
-    actionSubject: 'button',
-    actionSubjectId: 'smartLinkStatusLozenge',
-    eventType: 'ui',
-    attributes: _objectSpread({}, context)
-  };
-};
-
-/**
- * @deprecated consider removing when cleaning up FF platform_migrate-some-ui-events-smart-card
- */
-export var uiSmartLinkStatusListItemButtonClicked = function uiSmartLinkStatusListItemButtonClicked() {
-  return {
-    action: 'clicked',
-    actionSubject: 'button',
-    actionSubjectId: 'smartLinkStatusListItem',
-    eventType: 'ui',
-    attributes: _objectSpread({}, context)
-  };
-};
-
-/**
- * @deprecated consider removing when cleaning up FF platform_migrate-some-ui-events-smart-card
- */
-export var uiSmartLinkStatusOpenPreviewButtonClicked = function uiSmartLinkStatusOpenPreviewButtonClicked() {
-  return {
-    action: 'clicked',
-    actionSubject: 'button',
-    actionSubjectId: 'smartLinkStatusOpenPreview',
-    eventType: 'ui',
-    attributes: _objectSpread({}, context)
-  };
-};
-
-/**
- * @deprecated consider removing when cleaning up FF platform_migrate-some-ui-events-smart-card
- */
-export var uiServerActionClicked = function uiServerActionClicked(_ref13) {
-  var _SmartLinkActionTypeU2;
-  var smartLinkActionType = _ref13.smartLinkActionType;
-  return {
-    action: 'clicked',
-    actionSubject: 'button',
-    actionSubjectId: (_SmartLinkActionTypeU2 = SmartLinkActionTypeUiEventMapper[smartLinkActionType]) !== null && _SmartLinkActionTypeU2 !== void 0 ? _SmartLinkActionTypeU2 : smartLinkActionType,
-    eventType: 'ui',
-    attributes: _objectSpread({}, context)
-  };
 };

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

@@ -1 +1 @@
-export { ANALYTICS_CHANNEL, context, fireSmartLinkEvent, invokeSucceededEvent, invokeFailedEvent, uiAuthEvent, uiAuthAlternateAccountEvent, uiCardClickedEvent, uiActionClickedEvent, uiClosedAuthEvent, uiRenderSuccessEvent, uiRenderFailedEvent, uiHoverCardViewedEvent, uiHoverCardDismissedEvent, uiHoverCardOpenLinkClickedEvent, uiLearnMoreLinkClickedEvent, uiSmartLinkStatusLozengeButtonClicked, uiSmartLinkStatusListItemButtonClicked, uiSmartLinkStatusOpenPreviewButtonClicked } from './analytics';
+export { ANALYTICS_CHANNEL, context, fireSmartLinkEvent, invokeSucceededEvent, invokeFailedEvent, uiActionClickedEvent, uiRenderSuccessEvent, uiRenderFailedEvent } from './analytics';

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

@@ -5,7 +5,7 @@ import { useAnalyticsEvents } from '../../common/analytics/generated/use-analyti
 import { CardDisplay } from '../../constants';
 import { useSmartLink } from '../../state';
 import { succeedUfoExperience } from '../../state/analytics';
-import { getCanBeDatasource, getClickUrl, getDefinitionId, getExtensionKey, getProduct, getResourceType, getServices, getSubproduct, isFinalState } from '../../state/helpers';
+import { getCanBeDatasource, getClickUrl, getDefinitionId, getExtensionKey, getResourceType, getServices, isFinalState } from '../../state/helpers';
 import { SmartLinkModalProvider } from '../../state/modal';
 import { isSpecialEvent } from '../../utils';
 import { combineActionOptions } from '../../utils/actions/combine-action-options';
@@ -60,8 +60,6 @@ function Component(_ref) {
   var definitionId = getDefinitionId(state.details);
   var extensionKey = getExtensionKey(state.details);
   var resourceType = getResourceType(state.details);
-  var product = getProduct(state.details);
-  var subproduct = getSubproduct(state.details);
   var services = getServices(state.details);
   var canBeDatasource = getCanBeDatasource(state.details);
   var isFlexibleUi = useMemo(function () {
@@ -75,25 +73,12 @@ function Component(_ref) {
   // Setup UI handlers.
   var handleClickWrapper = useCallback(function (event) {
     var isModifierKeyPressed = isSpecialEvent(event);
-    if (fg('platform_migrate-some-ui-events-smart-card')) {
-      fireEvent('ui.smartLink.clicked', {
-        id: id,
-        display: isFlexibleUi ? CardDisplay.Flexible : appearance,
-        definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
-        isModifierKeyPressed: isModifierKeyPressed
-      });
-    } else {
-      analytics.ui.cardClickedEvent({
-        id: id,
-        display: isFlexibleUi ? CardDisplay.Flexible : appearance,
-        status: state.status,
-        definitionId: definitionId,
-        extensionKey: extensionKey,
-        isModifierKeyPressed: isModifierKeyPressed,
-        destinationProduct: product,
-        destinationSubproduct: subproduct
-      });
-    }
+    fireEvent('ui.smartLink.clicked', {
+      id: id,
+      display: isFlexibleUi ? CardDisplay.Flexible : appearance,
+      definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
+      isModifierKeyPressed: isModifierKeyPressed
+    });
     if (!onClick && !isFlexibleUi) {
       var clickUrl = getClickUrl(url, state.details);
       // Ctrl+left click on mac typically doesn't trigger onClick
@@ -113,7 +98,7 @@ function Component(_ref) {
       }
       fireLinkClickedEvent(createAnalyticsEvent)(event);
     }
-  }, [id, url, state.details, state.status, analytics.ui, appearance, definitionId, extensionKey, onClick, isFlexibleUi, product, subproduct, createAnalyticsEvent, fireEvent]);
+  }, [id, url, state.details, appearance, definitionId, onClick, isFlexibleUi, createAnalyticsEvent, fireEvent]);
   var handleAuthorize = useCallback(function () {
     return actions.authorize(appearance);
   }, [actions, appearance]);
@@ -168,7 +153,6 @@ function Component(_ref) {
           display: isFlexibleUi ? 'flexible' : appearance
         });
         fireEvent('ui.smartLink.renderSuccess', {
-          definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
           display: isFlexibleUi ? 'flexible' : appearance
         });
       } else {

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

@@ -1,4 +1,7 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React, { lazy, Suspense, useCallback, useEffect, useState } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
 import { di } from 'react-magnetic-di';
@@ -8,6 +11,7 @@ import { useAnalyticsEvents } from '../../common/analytics/generated/use-analyti
 import { useSmartLinkAnalytics } from '../../state';
 import { failUfoExperience, startUfoExperience } from '../../state/analytics';
 import { importWithRetry } from '../../utils';
+import { useSmartLinkAnalyticsContext } from '../../utils/analytics/SmartLinkAnalyticsContext';
 import { isFlexibleUiCard } from '../../utils/flexible';
 import { clearMarks, clearMeasures } from '../../utils/performance';
 import { LoadingCardLink } from './component-lazy/LoadingCardLink';
@@ -59,6 +63,11 @@ export function CardWithURLRenderer(props) {
     truncateInline = props.truncateInline;
   var analytics = useSmartLinkAnalytics(url !== null && url !== void 0 ? url : '', id);
   var isFlexibleUi = isFlexibleUiCard(children);
+  var analyticsContext = useSmartLinkAnalyticsContext({
+    display: isFlexibleUi ? 'flexible' : appearance,
+    id: id,
+    url: url !== null && url !== void 0 ? url : ''
+  });
   var errorHandler = useCallback(function (error, info) {
     var componentStack = info.componentStack;
     var errorInfo = {
@@ -70,23 +79,23 @@ export function CardWithURLRenderer(props) {
     // to the reliability of the smart-card front-end components.
     // Likewise, chunk loading errors are not caused by a failure of smart-card rendering.
     if (error.name === 'ChunkLoadError') {
-      fireEvent('operational.smartLink.chunkLoadFailed', {
+      fireEvent('operational.smartLink.chunkLoadFailed', _objectSpread(_objectSpread({}, analyticsContext === null || analyticsContext === void 0 ? void 0 : analyticsContext.attributes), {}, {
         display: appearance,
         error: error,
         errorInfo: errorInfo,
         definitionId: null
-      });
+      }));
     } else if (error.name !== 'APIError') {
       if (fg('platform-smart-card-migrate-embed-modal-analytics')) {
         startUfoExperience('smart-link-rendered', id || 'NULL');
         failUfoExperience('smart-link-rendered', id || 'NULL');
         failUfoExperience('smart-link-authenticated', id || 'NULL');
-        fireEvent('ui.smartLink.renderFailed', {
+        fireEvent('ui.smartLink.renderFailed', _objectSpread(_objectSpread({}, analyticsContext === null || analyticsContext === void 0 ? void 0 : analyticsContext.attributes), {}, {
           display: isFlexibleUi ? 'flexible' : appearance,
           id: id !== null && id !== void 0 ? id : null,
           error: error,
           errorInfo: errorInfo
-        });
+        }));
       } else {
         analytics.ui.renderFailedEvent({
           display: isFlexibleUi ? 'flexible' : appearance,
@@ -101,7 +110,7 @@ export function CardWithURLRenderer(props) {
       url: url !== null && url !== void 0 ? url : '',
       err: error
     });
-  }, [analytics.ui, appearance, id, onError, url, isFlexibleUi, fireEvent]);
+  }, [analytics.ui, analyticsContext, appearance, id, onError, url, isFlexibleUi, fireEvent]);
   if (!url) {
     throw new Error('@atlaskit/smart-card: url property is missing.');
   }

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

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