@atlaskit/smart-card 32.5.0 → 32.6.0

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

@@ -74,16 +74,25 @@ function Component(_ref) {
   // Setup UI handlers.
   var handleClickWrapper = useCallback(function (event) {
     var isModifierKeyPressed = isSpecialEvent(event);
-    analytics.ui.cardClickedEvent({
-      id: id,
-      display: isFlexibleUi ? CardDisplay.Flexible : appearance,
-      status: state.status,
-      definitionId: definitionId,
-      extensionKey: extensionKey,
-      isModifierKeyPressed: isModifierKeyPressed,
-      destinationProduct: product,
-      destinationSubproduct: subproduct
-    });
+    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
+      });
+    }
     if (!onClick && !isFlexibleUi) {
       var clickUrl = getClickUrl(url, state.details);
       // Ctrl+left click on mac typically doesn't trigger onClick
@@ -103,7 +112,7 @@ function Component(_ref) {
       }
       fireLinkClickedEvent(createAnalyticsEvent)(event);
     }
-  }, [id, url, state.details, state.status, analytics.ui, appearance, definitionId, extensionKey, onClick, isFlexibleUi, product, subproduct, createAnalyticsEvent]);
+  }, [id, url, state.details, state.status, analytics.ui, appearance, definitionId, extensionKey, onClick, isFlexibleUi, product, subproduct, createAnalyticsEvent, fireEvent]);
   var handleAuthorize = useCallback(function () {
     return actions.authorize(appearance);
   }, [actions, appearance]);
@@ -119,39 +128,27 @@ function Component(_ref) {
   useEffect(function () {
     measure.mark(id, state.status);
     if (state.status !== 'pending' && state.status !== 'resolving') {
+      var _state$error;
       measure.create(id, state.status);
-      if (fg('platform_smart-card-migrate-operational-analytics')) {
-        var _state$error;
-        if (state.status === 'resolved') {
-          var _measure$getMeasure$d, _measure$getMeasure;
-          fireEvent('operational.smartLink.resolved', {
-            definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
-            duration: (_measure$getMeasure$d = (_measure$getMeasure = measure.getMeasure(id, state.status)) === null || _measure$getMeasure === void 0 ? void 0 : _measure$getMeasure.duration) !== null && _measure$getMeasure$d !== void 0 ? _measure$getMeasure$d : null
-          });
-        } else if (((_state$error = state.error) === null || _state$error === void 0 ? void 0 : _state$error.type) !== 'ResolveUnsupportedError') {
-          fireEvent('operational.smartLink.unresolved', {
-            definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
-            reason: state.status,
-            error: state.error === undefined ? null : {
-              name: state.error.name,
-              kind: state.error.kind,
-              type: state.error.type
-            }
-          });
-        }
-      } else {
-        var _state$error2;
-        analytics.operational.instrument({
-          id: id,
-          status: state.status,
-          definitionId: definitionId,
-          extensionKey: extensionKey !== null && extensionKey !== void 0 ? extensionKey : (_state$error2 = state.error) === null || _state$error2 === void 0 ? void 0 : _state$error2.extensionKey,
-          resourceType: resourceType,
-          error: state.error
+      if (state.status === 'resolved') {
+        var _measure$getMeasure$d, _measure$getMeasure;
+        fireEvent('operational.smartLink.resolved', {
+          definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
+          duration: (_measure$getMeasure$d = (_measure$getMeasure = measure.getMeasure(id, state.status)) === null || _measure$getMeasure === void 0 ? void 0 : _measure$getMeasure.duration) !== null && _measure$getMeasure$d !== void 0 ? _measure$getMeasure$d : null
+        });
+      } else if (((_state$error = state.error) === null || _state$error === void 0 ? void 0 : _state$error.type) !== 'ResolveUnsupportedError') {
+        fireEvent('operational.smartLink.unresolved', {
+          definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
+          reason: state.status,
+          error: state.error === undefined ? null : {
+            name: state.error.name,
+            kind: state.error.kind,
+            type: state.error.type
+          }
         });
       }
     }
-  }, [id, appearance, state.status, state.error, definitionId, extensionKey, resourceType, analytics.operational, fireEvent]);
+  }, [id, appearance, state.status, state.error, definitionId, extensionKey, resourceType, fireEvent]);
 
   // NB: once the smart-card has rendered into an end state, we capture
   // this as a successful render. These can be one of:

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

@@ -3,7 +3,6 @@ import React, { lazy, Suspense, useCallback, useEffect, useState } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
 import { di } from 'react-magnetic-di';
 import uuid from 'uuid';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
 import { useSmartLinkAnalytics } from '../../state/analytics';
 import { importWithRetry } from '../../utils';
@@ -69,20 +68,12 @@ 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') {
-      if (fg('platform_smart-card-migrate-operational-analytics')) {
-        fireEvent('operational.smartLink.chunkLoadFailed', {
-          display: appearance,
-          error: error,
-          errorInfo: errorInfo,
-          definitionId: null
-        });
-      } else {
-        analytics.operational.chunkloadFailedEvent({
-          display: appearance,
-          error: error,
-          errorInfo: errorInfo
-        });
-      }
+      fireEvent('operational.smartLink.chunkLoadFailed', {
+        display: appearance,
+        error: error,
+        errorInfo: errorInfo,
+        definitionId: null
+      });
     } else if (error.name !== 'APIError') {
       analytics.ui.renderFailedEvent({
         display: isFlexibleUi ? 'flexible' : appearance,
@@ -96,7 +87,7 @@ export function CardWithURLRenderer(props) {
       url: url !== null && url !== void 0 ? url : '',
       err: error
     });
-  }, [analytics.operational, analytics.ui, appearance, id, onError, url, isFlexibleUi, fireEvent]);
+  }, [analytics.ui, appearance, id, onError, url, isFlexibleUi, fireEvent]);
   if (!url) {
     throw new Error('@atlaskit/smart-card: url property is missing.');
   }

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

@@ -1,14 +1,11 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { extractBlockProps } from '../../extractors/block';
 import { extractRequestAccessContextImproved } from '../../extractors/common/context/extractAccessContext';
 import { extractEmbedProps } from '../../extractors/embed';
 import { extractInlineProps } from '../../extractors/inline';
 import { getExtensionKey, hasAuthScopeOverrides } from '../../state/helpers';
 import { getEmptyJsonLd, getForbiddenJsonLd } from '../../utils/jsonld';
-import { BlockCardResolvedView, BlockCardResolvingView } from '../BlockCard';
 import FlexibleResolvedView from '../BlockCard/views/flexible/FlexibleResolvedView';
 import { InlineCardResolvedView } from '../InlineCard/ResolvedView';
 import { EmbedCardErroredView } from './views/ErroredView';
@@ -24,7 +21,6 @@ export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef)
     handleErrorRetry = _ref.handleErrorRetry,
     handleFrameClick = _ref.handleFrameClick,
     analytics = _ref.analytics,
-    handleInvoke = _ref.handleInvoke,
     isSelected = _ref.isSelected,
     frameStyle = _ref.frameStyle,
     platform = _ref.platform,
@@ -48,23 +44,16 @@ export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef)
   switch (status) {
     case 'pending':
     case 'resolving':
-      if (fg('smart-card-remove-block-card-from-embed')) {
-        return /*#__PURE__*/React.createElement(FlexibleResolvedView, {
-          url: url,
-          cardState: cardState,
-          onClick: handleFrameClick,
-          onError: onError,
-          onResolve: onResolve,
-          renderers: renderers,
-          actionOptions: actionOptions,
-          analytics: analytics,
-          testId: testId
-        });
-      }
-      return /*#__PURE__*/React.createElement(BlockCardResolvingView, {
-        testId: "embed-card-resolving-view",
-        inheritDimensions: inheritDimensions,
-        isSelected: isSelected
+      return /*#__PURE__*/React.createElement(FlexibleResolvedView, {
+        url: url,
+        cardState: cardState,
+        onClick: handleFrameClick,
+        onError: onError,
+        onResolve: onResolve,
+        renderers: renderers,
+        actionOptions: actionOptions,
+        analytics: analytics,
+        testId: testId ? "".concat(testId, "-resolving-view") : 'embed-card-resolving-view'
       });
     case 'resolved':
       var resolvedViewProps = extractEmbedProps(data, meta, platform, iframeUrlType);
@@ -96,31 +85,17 @@ export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef)
             onClick: handleFrameClick
           }));
         }
-        if (fg('smart-card-remove-block-card-from-embed')) {
-          return /*#__PURE__*/React.createElement(FlexibleResolvedView, {
-            url: url,
-            cardState: cardState,
-            onClick: handleFrameClick,
-            onError: onError,
-            onResolve: onResolve,
-            renderers: renderers,
-            actionOptions: actionOptions,
-            analytics: analytics,
-            testId: testId
-          });
-        }
-        var resolvedBlockViewProps = extractBlockProps(data, meta, {
+        return /*#__PURE__*/React.createElement(FlexibleResolvedView, {
+          url: url,
+          cardState: cardState,
+          onClick: handleFrameClick,
+          onError: onError,
+          onResolve: onResolve,
+          renderers: renderers,
+          actionOptions: actionOptions,
           analytics: analytics,
-          origin: 'smartLinkEmbed',
-          handleInvoke: handleInvoke,
-          extensionKey: extensionKey,
-          actionOptions: actionOptions
+          testId: testId
         });
-        return /*#__PURE__*/React.createElement(BlockCardResolvedView, _extends({}, resolvedBlockViewProps, {
-          isSelected: isSelected,
-          testId: testId,
-          onClick: handleFrameClick
-        }));
       }
     case 'unauthorized':
       if (onError) {

package/dist/esm/view/FlexibleCard/components/actions/action/server-action/index.js

@@ -5,6 +5,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["action", "onClick", "onError"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useCallback, useState } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnalyticsEvents } from '../../../../../../common/analytics/generated/use-analytics-events';
 import { useFlexibleUiAnalyticsContext } from '../../../../../../state/flexible-ui-context';
 import useInvoke from '../../../../../../state/hooks/use-invoke';
@@ -38,9 +39,17 @@ var ServerAction = function ServerAction(_ref) {
           smartLinkActionType = (_action$action = action.action) === null || _action$action === void 0 ? void 0 : _action$action.actionType;
           _context.prev = 2;
           setIsLoading(true);
-          analytics === null || analytics === void 0 || analytics.ui.smartLinkServerActionClickedEvent({
-            smartLinkActionType: smartLinkActionType
-          });
+          if (fg('platform_migrate-some-ui-events-smart-card')) {
+            if (smartLinkActionType === 'FollowEntityAction' || smartLinkActionType === 'UnfollowEntityAction') {
+              fireEvent('ui.button.clicked.smartLinkFollowButton', {});
+            } else {
+              fireEvent("ui.button.clicked.".concat(smartLinkActionType), {});
+            }
+          } else {
+            analytics === null || analytics === void 0 || analytics.ui.smartLinkServerActionClickedEvent({
+              smartLinkActionType: smartLinkActionType
+            });
+          }
           fireEvent('track.smartLinkQuickAction.started', {
             smartLinkActionType: smartLinkActionType
           });

package/dist/esm/view/FlexibleCard/components/elements/lozenge/lozenge-action/index.js

@@ -11,6 +11,7 @@ import { useCallback, useEffect, useMemo, useState } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import DropdownMenu from '@atlaskit/dropdown-menu';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnalyticsEvents } from '../../../../../../common/analytics/generated/use-analytics-events';
 import extractLozengeActionItems from '../../../../../../extractors/action/extract-lozenge-action-items';
 import { useFlexibleUiAnalyticsContext } from '../../../../../../state/flexible-ui-context';
@@ -94,7 +95,11 @@ var LozengeAction = function LozengeAction(_ref) {
               _context.next = 24;
               break;
             }
-            analytics === null || analytics === void 0 || analytics.ui.smartLinkLozengeActionClickedEvent();
+            if (fg('platform_migrate-some-ui-events-smart-card')) {
+              fireEvent('ui.button.clicked.smartLinkStatusLozenge', {});
+            } else {
+              analytics === null || analytics === void 0 || analytics.ui.smartLinkLozengeActionClickedEvent();
+            }
             fireEvent('track.smartLinkQuickAction.started', {
               smartLinkActionType: TrackQuickActionType.StatusUpdate
             });
@@ -157,7 +162,11 @@ var LozengeAction = function LozengeAction(_ref) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
             _context2.prev = 0;
-            analytics === null || analytics === void 0 || analytics.ui.smartLinkLozengeActionListItemClickedEvent();
+            if (fg('platform_migrate-some-ui-events-smart-card')) {
+              fireEvent('ui.button.clicked.smartLinkStatusListItem', {});
+            } else {
+              analytics === null || analytics === void 0 || analytics.ui.smartLinkLozengeActionListItemClickedEvent();
+            }
             updateAction = action === null || action === void 0 ? void 0 : action.update;
             if (!(updateAction && id)) {
               _context2.next = 17;

package/dist/esm/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-error/index.js

@@ -12,7 +12,9 @@ import { jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
 import ErrorIcon from '@atlaskit/icon/core/migration/error';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { R50, R500 } from '@atlaskit/theme/colors';
+import { useAnalyticsEvents } from '../../../../../../../common/analytics/generated/use-analytics-events';
 import { messages } from '../../../../../../../messages';
 import { useFlexibleUiAnalyticsContext } from '../../../../../../../state/flexible-ui-context';
 import useResolve from '../../../../../../../state/hooks/use-resolve';
@@ -26,6 +28,8 @@ var LozengeActionError = function LozengeActionError(_ref) {
     maxLineNumber = _ref$maxLineNumber === void 0 ? MAX_LINE_NUMBER : _ref$maxLineNumber,
     url = _ref.url,
     previewData = _ref.previewData;
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
   var reload = useResolve();
   var analytics = useFlexibleUiAnalyticsContext();
   var isPreviewAvailable = previewData && previewData.src !== undefined;
@@ -36,13 +40,17 @@ var LozengeActionError = function LozengeActionError(_ref) {
   }, [reload, url]);
   var handlePreviewOpen = useCallback(function () {
     if (isPreviewAvailable) {
-      analytics === null || analytics === void 0 || analytics.ui.smartLinkLozengeActionErrorOpenPreviewClickedEvent();
+      if (fg('platform_migrate-some-ui-events-smart-card')) {
+        fireEvent('ui.button.clicked.smartLinkStatusOpenPreview', {});
+      } else {
+        analytics === null || analytics === void 0 || analytics.ui.smartLinkLozengeActionErrorOpenPreviewClickedEvent();
+      }
       return openEmbedModalWithFlexibleUiIcon(_objectSpread(_objectSpread({}, previewData), {}, {
         analytics: analytics,
         onClose: handlePreviewClose
       }));
     }
-  }, [analytics, handlePreviewClose, isPreviewAvailable, previewData]);
+  }, [analytics, handlePreviewClose, isPreviewAvailable, previewData, fireEvent]);
   var content = useMemo(function () {
     return jsx(Fragment, null, jsx("div", {
       css: contentStyles

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

@@ -6,11 +6,13 @@ import React, { useCallback, useEffect, useMemo, useRef } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/analytics-next';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
 import { CardDisplay, SmartLinkPosition, SmartLinkSize } from '../../../constants';
 import { useSmartLinkAnalytics } from '../../../state/analytics';
-import { getExtensionKey, getServices } from '../../../state/helpers';
+import { getDefinitionId, getExtensionKey, getServices } from '../../../state/helpers';
 import { useSmartCardState } from '../../../state/store';
 import { isSpecialEvent } from '../../../utils';
 import { getIsAISummaryEnabled } from '../../../utils/ai-summary';
@@ -36,8 +38,10 @@ var HoverCardContent = function HoverCardContent(_ref) {
     onMouseEnter = _ref.onMouseEnter,
     onMouseLeave = _ref.onMouseLeave,
     actionOptions = _ref.actionOptions;
+  var _useAnalyticsEventsNe = useAnalyticsEventsNext(),
+    createAnalyticsEvent = _useAnalyticsEventsNe.createAnalyticsEvent;
   var _useAnalyticsEvents = useAnalyticsEvents(),
-    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+    fireEvent = _useAnalyticsEvents.fireEvent;
   var defaultAnalytics = useSmartLinkAnalytics(url, id);
   var analytics = _analytics !== null && _analytics !== void 0 ? _analytics : defaultAnalytics;
   var extensionKey = useMemo(function () {
@@ -45,12 +49,17 @@ var HoverCardContent = function HoverCardContent(_ref) {
   }, [cardState.details]);
   var linkState = useSmartCardState(url);
   var linkStatus = (_linkState$status = linkState.status) !== null && _linkState$status !== void 0 ? _linkState$status : 'pending';
+  var definitionId = useMemo(function () {
+    return getDefinitionId(cardState.details);
+  }, [cardState.details]);
   var _useSmartLinkContext = useSmartLinkContext(),
     isAdminHubAIEnabled = _useSmartLinkContext.isAdminHubAIEnabled;
   var isAISummaryEnabled = getIsAISummaryEnabled(isAdminHubAIEnabled, cardState.details);
   var services = getServices(linkState.details);
   var statusRef = useRef(linkStatus);
   var analyticsRef = useRef(analytics);
+  var fireEventRef = useRef(fireEvent);
+  var definitionIdRef = useRef(definitionId);
   useEffect(function () {
     /**
      * Must access current analytics object value via ref because its not stable
@@ -62,37 +71,72 @@ var HoverCardContent = function HoverCardContent(_ref) {
     if (statusRef.current !== linkStatus) {
       statusRef.current = linkStatus;
     }
-  }, [analytics, linkStatus]);
+    if (fireEventRef.current !== fireEvent) {
+      fireEventRef.current = fireEvent;
+    }
+    if (definitionIdRef.current !== definitionId) {
+      definitionIdRef.current = definitionId;
+    }
+  }, [analytics, linkStatus, fireEvent, definitionId]);
   useEffect(function () {
     var previewDisplay = 'card';
     var previewInvokeMethod = 'mouse_hover';
     var cardOpenTime = Date.now();
-    analyticsRef.current.ui.hoverCardViewedEvent({
-      previewDisplay: previewDisplay,
-      previewInvokeMethod: previewInvokeMethod,
-      status: statusRef.current
-    });
-    return function () {
-      var hoverTime = Date.now() - cardOpenTime;
-      analyticsRef.current.ui.hoverCardDismissedEvent({
+    var fireEventCurrent = fireEventRef.current;
+    if (fg('platform_migrate-some-ui-events-smart-card')) {
+      var _definitionIdRef$curr;
+      fireEventCurrent('ui.hoverCard.viewed', {
+        previewDisplay: previewDisplay,
+        previewInvokeMethod: previewInvokeMethod,
+        definitionId: (_definitionIdRef$curr = definitionIdRef.current) !== null && _definitionIdRef$curr !== void 0 ? _definitionIdRef$curr : null
+      });
+    } else {
+      analyticsRef.current.ui.hoverCardViewedEvent({
         previewDisplay: previewDisplay,
         previewInvokeMethod: previewInvokeMethod,
-        hoverTime: hoverTime,
         status: statusRef.current
       });
+    }
+    return function () {
+      var hoverTime = Date.now() - cardOpenTime;
+      if (fg('platform_migrate-some-ui-events-smart-card')) {
+        var _definitionIdRef$curr2;
+        fireEventCurrent('ui.hoverCard.dismissed', {
+          previewDisplay: previewDisplay,
+          previewInvokeMethod: previewInvokeMethod,
+          hoverTime: hoverTime,
+          definitionId: (_definitionIdRef$curr2 = definitionIdRef.current) !== null && _definitionIdRef$curr2 !== void 0 ? _definitionIdRef$curr2 : null
+        });
+      } else {
+        analyticsRef.current.ui.hoverCardDismissedEvent({
+          previewDisplay: previewDisplay,
+          previewInvokeMethod: previewInvokeMethod,
+          hoverTime: hoverTime,
+          status: statusRef.current
+        });
+      }
     };
   }, []);
   var onClick = useCallback(function (event) {
     var isModifierKeyPressed = isSpecialEvent(event);
-    analytics.ui.cardClickedEvent({
-      id: id,
-      display: CardDisplay.HoverCardPreview,
-      status: cardState.status,
-      isModifierKeyPressed: isModifierKeyPressed,
-      actionSubjectId: 'titleGoToLink'
-    });
+    if (fg('platform_migrate-some-ui-events-smart-card')) {
+      fireEvent('ui.smartLink.clicked.titleGoToLink', {
+        id: id,
+        display: CardDisplay.HoverCardPreview,
+        isModifierKeyPressed: isModifierKeyPressed,
+        definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null
+      });
+    } else {
+      analytics.ui.cardClickedEvent({
+        id: id,
+        display: CardDisplay.HoverCardPreview,
+        status: cardState.status,
+        isModifierKeyPressed: isModifierKeyPressed,
+        actionSubjectId: 'titleGoToLink'
+      });
+    }
     fireLinkClickedEvent(createAnalyticsEvent)(event);
-  }, [createAnalyticsEvent, cardState.status, analytics.ui, id]);
+  }, [createAnalyticsEvent, cardState.status, analytics.ui, id, fireEvent, definitionId]);
   var data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
   var _getMetadata = getMetadata(extensionKey, data),
     subtitle = _getMetadata.subtitle;

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

@@ -1,19 +1,23 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["href", "children", "checkSafety", "onClick", "testId"],
+var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLinkComponent"],
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 import React from 'react';
+import { di } from 'react-magnetic-di';
 import { withAnalyticsContext } from '@atlaskit/analytics-next';
+import AKLink from '@atlaskit/link';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { withLinkClickedEvent } from '../../utils/analytics/click';
 import { LinkAnalyticsContext } from '../../utils/analytics/LinkAnalyticsContext';
 import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "32.5.0",
+  packageVersion: "32.6.0",
   componentName: 'linkUrl'
 };
-var Link = withLinkClickedEvent('a');
+var Anchor = withLinkClickedEvent('a');
+export var LinkComponent = withLinkClickedEvent(AKLink);
 var LinkUrl = function LinkUrl(_ref) {
   var href = _ref.href,
     children = _ref.children,
@@ -22,17 +26,20 @@ var LinkUrl = function LinkUrl(_ref) {
     _onClick = _ref.onClick,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'link-with-safety' : _ref$testId,
+    _ref$isLinkComponent = _ref.isLinkComponent,
+    isLinkComponent = _ref$isLinkComponent === void 0 ? false : _ref$isLinkComponent,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useLinkWarningModal = useLinkWarningModal(),
     isLinkSafe = _useLinkWarningModal.isLinkSafe,
     showSafetyWarningModal = _useLinkWarningModal.showSafetyWarningModal,
     linkWarningModalProps = _objectWithoutProperties(_useLinkWarningModal, _excluded2);
+  var Link = isLinkComponent && fg('platform_editor_hyperlink_underline') ? LinkComponent : Anchor;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LinkAnalyticsContext, {
     url: href,
     display: "url"
   }, /*#__PURE__*/React.createElement(Link, _extends({
     "data-testid": testId,
-    href: href,
+    href: href || '',
     onClick: function onClick(e) {
       if (!checkSafety) {
         _onClick && _onClick(e);

package/dist/esm/view/common/Metadata.js

@@ -16,7 +16,7 @@ var imgStyles = css({
   height: "var(--ds-space-100, 8px)"
 });
 var textStyles = css({
-  fontSize: "var(--ds-space-150, 12px)",
+  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   color: "".concat("var(--ds-text-subtlest, ".concat(N300, ")")),
   marginRight: "var(--ds-space-050, 4px)",
   marginLeft: "var(--ds-space-025, 2px)"

package/dist/esm/view/common/UnauthorisedViewContent.js

@@ -1,6 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback } from 'react';
 import { FormattedMessage } from 'react-intl-next';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
 import { CONTENT_URL_3P_ACCOUNT_AUTH, CONTENT_URL_SECURITY_AND_PERMISSIONS } from '../../constants';
 import { messages } from '../../messages';
 /**
@@ -13,9 +15,15 @@ var UnauthorisedViewContent = function UnauthorisedViewContent(_ref) {
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'unauthorised-view-content' : _ref$testId,
     analytics = _ref.analytics;
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
   var handleLearnMoreClick = useCallback(function () {
-    analytics === null || analytics === void 0 || analytics.ui.learnMoreClickedEvent();
-  }, [analytics === null || analytics === void 0 ? void 0 : analytics.ui]);
+    if (fg('platform_migrate-some-ui-events-smart-card')) {
+      fireEvent('ui.button.clicked.learnMore', {});
+    } else {
+      analytics === null || analytics === void 0 || analytics.ui.learnMoreClickedEvent();
+    }
+  }, [analytics === null || analytics === void 0 ? void 0 : analytics.ui, fireEvent]);
   var learnMoreMessage = isProductIntegrationSupported ? messages.learn_more_about_connecting_account : messages.learn_more_about_smart_links;
   return /*#__PURE__*/React.createElement(React.Fragment, null, providerName ? /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.connect_unauthorised_account_description, {
     values: {