@atlaskit/smart-card 44.23.2 → 44.23.4

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/smart-card
 
+## 44.23.4
+
+### Patch Changes
+
+- [`36b77f485aef1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/36b77f485aef1) -
+  Append url with cross-product analytics params on go to link via embed modal and action hook
+- Updated dependencies
+
+## 44.23.3
+
+### Patch Changes
+
+- [`6cb1e43229040`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6cb1e43229040) -
+  Append url with cross-product analytics params on link click
+
 ## 44.23.2
 
 ### Patch Changes

package/dist/cjs/extractors/action/extract-invoke-view-action.js

@@ -8,6 +8,7 @@ exports.extractInvokeViewAction = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _linkExtractors = require("@atlaskit/link-extractors");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../constants");
 var _helpers = require("../../state/helpers");
 var _utils = require("../../utils");
@@ -16,6 +17,7 @@ var _extractActions = require("../common/actions/extractActions");
 var extractInvokeViewAction = exports.extractInvokeViewAction = function extractInvokeViewAction(_ref, force) {
   var actionOptions = _ref.actionOptions,
     appearance = _ref.appearance,
+    transformUrl = _ref.transformUrl,
     id = _ref.id,
     response = _ref.response;
   if (!(0, _canShowAction.canShowAction)(_constants.CardAction.ViewAction, actionOptions)) {
@@ -33,11 +35,19 @@ var extractInvokeViewAction = exports.extractInvokeViewAction = function extract
     return {
       actionFn: function () {
         var _actionFn = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+          var _transformUrl, destinationUrl;
           return _regenerator.default.wrap(function (_context) {
             while (1) switch (_context.prev = _context.next) {
               case 0:
-                return _context.abrupt("return", (0, _utils.openUrl)(url));
+                if (!(0, _platformFeatureFlags.fg)('platform_smartlink_xpc_url_wrapping')) {
+                  _context.next = 1;
+                  break;
+                }
+                destinationUrl = (_transformUrl = transformUrl === null || transformUrl === void 0 ? void 0 : transformUrl(url)) !== null && _transformUrl !== void 0 ? _transformUrl : url;
+                return _context.abrupt("return", (0, _utils.openUrl)(destinationUrl));
               case 1:
+                return _context.abrupt("return", (0, _utils.openUrl)(url));
+              case 2:
               case "end":
                 return _context.stop();
             }

package/dist/cjs/extractors/flexible/actions/index.js

@@ -28,6 +28,7 @@ var extractFlexibleCardActions = exports.extractFlexibleCardActions = function e
     product = _ref.product,
     response = _ref.response,
     rovoConfig = _ref.rovoConfig,
+    transformUrl = _ref.transformUrl,
     url = _ref.url,
     isPreviewPanelAvailable = _ref.isPreviewPanelAvailable,
     openPreviewPanel = _ref.openPreviewPanel;
@@ -41,7 +42,7 @@ var extractFlexibleCardActions = exports.extractFlexibleCardActions = function e
     appearance: appearance,
     id: id,
     response: response
-  })), _constants.ActionName.FollowAction, (0, _extractFollowAction.default)(response, actionOptions, id)), _constants.ActionName.PreviewAction, (0, _extractPreviewAction.extractPreviewClientAction)({
+  })), _constants.ActionName.FollowAction, (0, _extractFollowAction.default)(response, actionOptions, id)), _constants.ActionName.PreviewAction, (0, _extractPreviewAction.extractPreviewClientAction)(_objectSpread({
     actionOptions: actionOptions,
     appearance: appearance,
     fireEvent: fireEvent,
@@ -50,7 +51,9 @@ var extractFlexibleCardActions = exports.extractFlexibleCardActions = function e
     response: response,
     isPreviewPanelAvailable: isPreviewPanelAvailable,
     openPreviewPanel: openPreviewPanel
-  })), _constants.ActionName.AutomationAction, (0, _extractAutomationAction.extractAutomationAction)(response)), _constants.InternalActionName.AISummaryAction, (0, _extractAiSummaryAction.extractAISummaryAction)(response, url, actionOptions, aiSummaryConfig)), (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') ? (0, _defineProperty2.default)({}, _constants.ActionName.RovoChatAction, (0, _extractRovoChatAction.default)({
+  }, (0, _platformFeatureFlags.fg)('platform_smartlink_xpc_url_wrapping') ? {
+    transformUrl: transformUrl
+  } : undefined))), _constants.ActionName.AutomationAction, (0, _extractAutomationAction.extractAutomationAction)(response)), _constants.InternalActionName.AISummaryAction, (0, _extractAiSummaryAction.extractAISummaryAction)(response, url, actionOptions, aiSummaryConfig)), (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') ? (0, _defineProperty2.default)({}, _constants.ActionName.RovoChatAction, (0, _extractRovoChatAction.default)({
     actionOptions: actionOptions,
     appearance: appearance,
     id: id,

package/dist/cjs/extractors/flexible/extract-state.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _linkExtractors = require("@atlaskit/link-extractors");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../constants");
 var _helpers = require("../../state/helpers");
 var _canShowAction = require("../../utils/actions/can-show-action");
@@ -28,7 +29,7 @@ var toInvokeRequest = function toInvokeRequest(extensionKey, resourceIdentifiers
     details: details
   };
 };
-var extractAction = function extractAction(response, id, actionOptions, appearance, origin, fireEvent, resolve, isPreviewPanelAvailable, openPreviewPanel) {
+var extractAction = function extractAction(response, id, actionOptions, appearance, origin, fireEvent, resolve, isPreviewPanelAvailable, openPreviewPanel, transformUrl) {
   var _action$dataRetrieval, _extractInvokePreview, _action$dataUpdateAct;
   var extensionKey = (0, _helpers.getExtensionKey)(response);
   var data = response === null || response === void 0 ? void 0 : response.data;
@@ -44,7 +45,7 @@ var extractAction = function extractAction(response, id, actionOptions, appearan
   }
   var read = toInvokeRequest(extensionKey, action.resourceIdentifiers, (_action$dataRetrieval = action.dataRetrievalAction) === null || _action$dataRetrieval === void 0 ? void 0 : _action$dataRetrieval.name);
   var url = (0, _linkExtractors.extractLink)(data);
-  var invokePreviewAction = response ? (_extractInvokePreview = (0, _extractInvokePreviewAction.extractInvokePreviewAction)({
+  var invokePreviewAction = response ? (_extractInvokePreview = (0, _extractInvokePreviewAction.extractInvokePreviewAction)(_objectSpread({
     actionOptions: actionOptions,
     appearance: appearance,
     fireEvent: fireEvent,
@@ -56,7 +57,9 @@ var extractAction = function extractAction(response, id, actionOptions, appearan
     response: response,
     isPreviewPanelAvailable: isPreviewPanelAvailable,
     openPreviewPanel: openPreviewPanel
-  })) === null || _extractInvokePreview === void 0 ? void 0 : _extractInvokePreview.invokeAction : undefined;
+  }, (0, _platformFeatureFlags.fg)('platform_smartlink_xpc_url_wrapping') ? {
+    transformUrl: transformUrl
+  } : undefined))) === null || _extractInvokePreview === void 0 ? void 0 : _extractInvokePreview.invokeAction : undefined;
   var details = {
     id: id,
     url: url,
@@ -68,7 +71,7 @@ var extractAction = function extractAction(response, id, actionOptions, appearan
     update: update
   } : undefined;
 };
-var extractState = function extractState(response, actionOptions, id, appearance, origin, fireEvent, resolve, isPreviewPanelAvailable, openPreviewPanel) {
+var extractState = function extractState(response, actionOptions, id, appearance, origin, fireEvent, resolve, isPreviewPanelAvailable, openPreviewPanel, transformUrl) {
   if (!response || !response.data) {
     return;
   }
@@ -79,7 +82,7 @@ var extractState = function extractState(response, actionOptions, id, appearance
   if (!(0, _canShowAction.canShowAction)(_constants.CardAction.ChangeStatusAction, actionOptions)) {
     return lozenge;
   }
-  var action = extractAction(response, id, actionOptions, appearance, origin, fireEvent, resolve, isPreviewPanelAvailable, openPreviewPanel);
+  var action = extractAction(response, id, actionOptions, appearance, origin, fireEvent, resolve, isPreviewPanelAvailable, openPreviewPanel, (0, _platformFeatureFlags.fg)('platform_smartlink_xpc_url_wrapping') ? transformUrl : undefined);
   return _objectSpread(_objectSpread({}, lozenge), {}, {
     action: action
   });

package/dist/cjs/extractors/flexible/index.js

@@ -20,7 +20,7 @@ var _icon = require("./icon");
 var _extractProviderIcon = require("./icon/extract-provider-icon");
 var _latestCommit = require("./latest-commit");
 var _utils = require("./utils");
-var _excluded = ["appearance", "fireEvent", "id", "onClick", "onAuxClick", "onContextMenu", "origin", "product", "resolve", "rovoConfig", "actionOptions", "response", "status", "aiSummaryConfig", "isPreviewPanelAvailable", "openPreviewPanel"];
+var _excluded = ["appearance", "fireEvent", "id", "onClick", "onAuxClick", "onContextMenu", "origin", "product", "resolve", "rovoConfig", "actionOptions", "response", "status", "aiSummaryConfig", "isPreviewPanelAvailable", "openPreviewPanel", "transformUrl"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var extractFlexibleUiContext = function extractFlexibleUiContext() {
@@ -41,6 +41,7 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
     aiSummaryConfig = _ref.aiSummaryConfig,
     isPreviewPanelAvailable = _ref.isPreviewPanelAvailable,
     openPreviewPanel = _ref.openPreviewPanel,
+    transformUrl = _ref.transformUrl,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   if (!response) {
     return undefined;
@@ -65,7 +66,9 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
       // Use the original URL in edge cases, such as short links for AI summary and copy link actions.
       isPreviewPanelAvailable: isPreviewPanelAvailable,
       openPreviewPanel: openPreviewPanel
-    })),
+    }, (0, _platformFeatureFlags.fg)('platform_smartlink_xpc_url_wrapping') ? {
+      transformUrl: transformUrl
+    } : undefined)),
     appliedToComponentsCount: (0, _utils.extractAppliedToComponentsCount)(data),
     assignedToGroup: (0, _utils.extractPersonAssignedToAsArray)(data),
     attachmentCount: (0, _utils.extractAttachmentCount)(data),
@@ -97,7 +100,7 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
     snippet: (0, _extractSummary.extractSmartLinkSummary)(response) || undefined,
     // Explicitly set here to remove an empty string
     sourceBranch: (0, _utils.extractSourceBranch)(data),
-    state: (0, _extractState.default)(response, actionOptions, id, appearance, origin, fireEvent, resolve, isPreviewPanelAvailable, openPreviewPanel),
+    state: (0, _extractState.default)(response, actionOptions, id, appearance, origin, fireEvent, resolve, isPreviewPanelAvailable, openPreviewPanel, (0, _platformFeatureFlags.fg)('platform_smartlink_xpc_url_wrapping') ? transformUrl : undefined),
     subscriberCount: (0, _utils.extractSubscriberCount)(data),
     subTasksProgress: (0, _utils.extractSubTasksProgress)(data),
     storyPoints: (0, _utils.extractStoryPoints)(data),

package/dist/cjs/state/hooks-external/useSmartLinkActions.js

@@ -9,6 +9,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = require("react");
 var _uuid = _interopRequireDefault(require("uuid"));
 var _linkProvider = require("@atlaskit/link-provider");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _useAnalyticsEvents2 = require("../../common/analytics/generated/use-analytics-events");
 var _extractInvokeDownloadAction = require("../../extractors/action/extract-invoke-download-action");
@@ -18,6 +19,7 @@ var _messages = require("../../messages");
 var _toAction = require("../../utils/actions/to-action");
 var _useInvokeClientAction = _interopRequireDefault(require("../hooks/use-invoke-client-action"));
 var _useResolve = _interopRequireDefault(require("../hooks/use-resolve"));
+var _useSmartLinkCrossProductUrlWrapper = require("../hooks/use-smart-link-cross-product-url-wrapper");
 var _store = require("../store");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
@@ -41,6 +43,9 @@ function useSmartLinkActions(_ref) {
     fireEvent: fireEvent
   });
   var resolve = (0, _useResolve.default)();
+  var appendCrossProductAnalyticsParams = (0, _useSmartLinkCrossProductUrlWrapper.useSmartLinkCrossProductUrlWrapperGated)({
+    details: linkState.details
+  });
   if ((0, _expValEquals.expValEquals)('platform_hover_card_preview_panel', 'cohort', 'test') && prefetch && !linkState.details) {
     resolve(url);
   }
@@ -56,7 +61,12 @@ function useSmartLinkActions(_ref) {
     if (downloadActionProps) {
       actions.push((0, _toAction.toAction)(downloadActionProps, invokeClientAction, _messages.messages.download, 'download-content'));
     }
-    var viewActionProps = (0, _extractInvokeViewAction.extractInvokeViewAction)(invokeParam);
+    var viewActionProps = (0, _platformFeatureFlags.fg)('platform_smartlink_xpc_url_wrapping') ? (0, _extractInvokeViewAction.extractInvokeViewAction)(_objectSpread(_objectSpread({}, invokeParam), {}, {
+      transformUrl: function transformUrl() {
+        var destinationUrl = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : url;
+        return appendCrossProductAnalyticsParams(destinationUrl);
+      }
+    })) : (0, _extractInvokeViewAction.extractInvokeViewAction)(invokeParam);
     if (viewActionProps) {
       actions.push((0, _toAction.toAction)(viewActionProps, invokeClientAction, _messages.messages.view, 'view-content'));
     }
@@ -65,7 +75,12 @@ function useSmartLinkActions(_ref) {
       origin: origin,
       isPreviewPanelAvailable: isPreviewPanelAvailable,
       openPreviewPanel: openPreviewPanel
-    }));
+    }, (0, _platformFeatureFlags.fg)('platform_smartlink_xpc_url_wrapping') ? {
+      transformUrl: function transformUrl() {
+        var destinationUrl = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : url;
+        return appendCrossProductAnalyticsParams(destinationUrl);
+      }
+    } : undefined));
     if (previewActionProps) {
       actions.push((0, _toAction.toAction)(previewActionProps.invokeAction, invokeClientAction, _messages.messages.preview_improved, 'preview-content'));
     }

package/dist/cjs/utils/analytics/analytics.js

@@ -11,7 +11,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card" || '',
-  packageVersion: "44.23.1" || ''
+  packageVersion: "44.23.3" || ''
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/utils/click-helpers.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isAuxClick = void 0;
+exports.isAuxClick = exports.getAnchorAttributesFromEvent = void 0;
 /**
  * Returns true for genuine middle-clicks (button === 1).
  * Filters out Windows right-clicks, which fire onAuxClick with button === 2
@@ -11,4 +11,33 @@ exports.isAuxClick = void 0;
  */
 var isAuxClick = exports.isAuxClick = function isAuxClick(e) {
   return e.button === 1;
+};
+
+/**
+ * Extracts `href` and `target` from the anchor element that is the event's `currentTarget`.
+ *
+ * Smart Link click handlers are attached to multiple card renderers (InlineCard, BlockCard,
+ * EmbedCard, FlexibleCard). When the handler needs to manually open a link — for example,
+ * when native anchor navigation has been prevented — it uses this helper to read the
+ * anchor's resolved URL and intended target from the event rather than re-deriving them.
+ *
+ * Returns `{ href: undefined, target: '_self' }` when `currentTarget` is not an anchor
+ * element (e.g. a button or wrapper div), so callers can safely fall back to a default target.
+ *
+ * @param event - A React mouse or keyboard event whose `currentTarget` may be an anchor.
+ * @returns The resolved absolute `href` and `target` attribute of the anchor, or safe
+ *   defaults if `currentTarget` is not an anchor.
+ */
+var getAnchorAttributesFromEvent = exports.getAnchorAttributesFromEvent = function getAnchorAttributesFromEvent(event) {
+  var currentTarget = event.currentTarget;
+  if (!(currentTarget instanceof HTMLAnchorElement)) {
+    return {
+      href: undefined,
+      target: '_self'
+    };
+  }
+  return {
+    href: currentTarget.href,
+    target: currentTarget.target || '_self'
+  };
 };

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

@@ -93,7 +93,7 @@ function Component(_ref) {
   var services = (0, _helpers.getServices)(state.details);
   var thirdPartyARI = (0, _helpers.getThirdPartyARI)(state.details);
   var firstPartyIdentifier = (0, _helpers.getFirstPartyIdentifier)();
-  var wrapUrlWithCrossProductAnalytics = (0, _useSmartLinkCrossProductUrlWrapper.useSmartLinkCrossProductUrlWrapperGated)({
+  var appendCrossProductAnalyticsParams = (0, _useSmartLinkCrossProductUrlWrapper.useSmartLinkCrossProductUrlWrapperGated)({
     details: state.details
   });
   var actionOptions = (0, _combineActionOptions.combineActionOptions)({
@@ -127,56 +127,120 @@ function Component(_ref) {
     var isDisablePreviewPanel = disablePreviewPanel && (0, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true, {
       exposure: true
     });
+    if ((0, _platformFeatureFlags.fg)('platform_smartlink_xpc_url_wrapping')) {
+      var _appendCrossProductAn;
+      // FIXME: InlineCard, BlockCard and EmbedCard call event.preventDefault() internally
+      // before the event bubbles up to this handler. This forces us to snapshot
+      // event.defaultPrevented before calling onClick to detect whether the consumer
+      // specifically prevented navigation. Ideally those components should not call
+      // preventDefault so this workaround can be removed.
+      var isEventDefaultPrevented = event.defaultPrevented;
+      var canOpenPreviewPanel = !isModifierKeyPressed && ari && name && openPreviewPanel && (isPreviewPanelAvailable === null || isPreviewPanelAvailable === void 0 ? void 0 : isPreviewPanelAvailable({
+        ari: ari
+      })) && !isDisablePreviewPanel;
 
-    // If preview panel is available and the user clicked on the link,
-    // delegate the click to the preview panel handler
-    if (!isModifierKeyPressed && ari && name && openPreviewPanel && isPreviewPanelAvailable !== null && isPreviewPanelAvailable !== void 0 && isPreviewPanelAvailable({
-      ari: ari
-    }) && !isDisablePreviewPanel) {
-      var _extractSmartLinkEmbe;
-      event.preventDefault();
-      event.stopPropagation();
-      openPreviewPanel({
-        url: url,
-        ari: ari,
-        name: name,
-        iconUrl: (0, _helpers.getObjectIconUrl)(state.details),
-        panelData: {
-          embedUrl: (0, _expValEquals.expValEquals)('platform_hover_card_preview_panel', 'cohort', 'test') ? (_extractSmartLinkEmbe = (0, _linkExtractors.extractSmartLinkEmbed)(state.details)) === null || _extractSmartLinkEmbe === void 0 ? void 0 : _extractSmartLinkEmbe.src : undefined
-        }
-      });
-      (0, _click.fireLinkClickedEvent)(createAnalyticsEvent)(event, {
-        attributes: {
-          clickOutcome: 'previewPanel'
-        }
-      });
-      return;
-    } else if (!onClick && !isFlexibleUi) {
-      var clickUrl = (0, _helpers.getClickUrl)(url, state.details);
+      // Preview panel takes priority over link navigation when available.
+      if (canOpenPreviewPanel) {
+        var _extractSmartLinkEmbe;
+        event.preventDefault();
+        event.stopPropagation();
+        openPreviewPanel({
+          url: url,
+          ari: ari,
+          name: name,
+          iconUrl: (0, _helpers.getObjectIconUrl)(state.details),
+          panelData: {
+            embedUrl: (0, _expValEquals.expValEquals)('platform_hover_card_preview_panel', 'cohort', 'test') ? (_extractSmartLinkEmbe = (0, _linkExtractors.extractSmartLinkEmbed)(state.details)) === null || _extractSmartLinkEmbe === void 0 ? void 0 : _extractSmartLinkEmbe.src : undefined
+          }
+        });
+        (0, _click.fireLinkClickedEvent)(createAnalyticsEvent)(event, {
+          attributes: {
+            clickOutcome: 'previewPanel'
+          }
+        });
+        return;
+      }
 
-      // Ctrl+left click on mac typically doesn't trigger onClick
-      // The event could have potentially had `e.preventDefault()` called on it by now
-      // event by smart card internally
-      // If it has been called then only then can `isSpecialEvent` be true.
-      var target = (0, _utils.isSpecialEvent)(event) ? '_blank' : '_self';
-      if ((0, _platformFeatureFlags.fg)('platform_smartlink_xpc_url_wrapping')) {
-        var wrappedUrl = wrapUrlWithCrossProductAnalytics(clickUrl);
-        window.open(wrappedUrl, target);
-      } else {
-        window.open(clickUrl, target);
+      // For FlexibleCard, read target from the clicked anchor element (e.g. _blank for links
+      // rendered with explicit target). For classic cards, default to _self
+      var _getAnchorAttributesF = (0, _clickHelpers.getAnchorAttributesFromEvent)(event),
+        anchorTarget = _getAnchorAttributesF.target;
+      var target = (0, _utils.isSpecialEvent)(event) ? '_blank' : isFlexibleUi ? anchorTarget : '_self';
+
+      // FIXME: preferredUrl should be rendered in the DOM anchor href instead of derived at click time
+      var preferredUrl = (0, _helpers.getClickUrl)(url, state.details);
+      var destinationUrl = (_appendCrossProductAn = appendCrossProductAnalyticsParams(preferredUrl)) !== null && _appendCrossProductAn !== void 0 ? _appendCrossProductAn : preferredUrl;
+
+      // FIXME: Consumer that handle click even themselves via callback won't have the decorated URL
+      onClick === null || onClick === void 0 || onClick(event);
+
+      // Check if the event is prevented via onClick callback
+      var consumerPreventedNavigation = event.defaultPrevented && !isEventDefaultPrevented;
+
+      // Classic cards (InlineCard, BlockCard, EmbedCard) rely on their own anchor navigation
+      // when onClick is provided, so this handler should not open the link for them.
+      // FlexibleCard's anchor is prevented from native navigation, so this handler always
+      // opens the link for FlexibleCard unless the consumer's onClick called preventDefault.
+      var shouldOpenLink = isFlexibleUi || !onClick;
+      var doOpenLink = shouldOpenLink && !consumerPreventedNavigation;
+      if (doOpenLink) {
+        event.preventDefault();
+        window.open(destinationUrl, target);
       }
-      (0, _click.fireLinkClickedEvent)(createAnalyticsEvent)(event, {
+
+      // Only set clickOutcome when this handler actually opened the link.
+      // If a parent onClick handled navigation, fire a generic click event instead.
+      (0, _click.fireLinkClickedEvent)(createAnalyticsEvent)(event, doOpenLink ? {
         attributes: {
           clickOutcome: target === '_blank' ? 'clickThroughNewTabOrWindow' : 'clickThrough'
         }
-      });
+      } : undefined);
     } else {
-      if (onClick) {
-        onClick(event);
+      // If preview panel is available and the user clicked on the link,
+      // delegate the click to the preview panel handler
+      if (!isModifierKeyPressed && ari && name && openPreviewPanel && isPreviewPanelAvailable !== null && isPreviewPanelAvailable !== void 0 && isPreviewPanelAvailable({
+        ari: ari
+      }) && !isDisablePreviewPanel) {
+        var _extractSmartLinkEmbe2;
+        event.preventDefault();
+        event.stopPropagation();
+        openPreviewPanel({
+          url: url,
+          ari: ari,
+          name: name,
+          iconUrl: (0, _helpers.getObjectIconUrl)(state.details),
+          panelData: {
+            embedUrl: (0, _expValEquals.expValEquals)('platform_hover_card_preview_panel', 'cohort', 'test') ? (_extractSmartLinkEmbe2 = (0, _linkExtractors.extractSmartLinkEmbed)(state.details)) === null || _extractSmartLinkEmbe2 === void 0 ? void 0 : _extractSmartLinkEmbe2.src : undefined
+          }
+        });
+        (0, _click.fireLinkClickedEvent)(createAnalyticsEvent)(event, {
+          attributes: {
+            clickOutcome: 'previewPanel'
+          }
+        });
+        return;
+      } else if (!onClick && !isFlexibleUi) {
+        var clickUrl = (0, _helpers.getClickUrl)(url, state.details);
+
+        // Ctrl+left click on mac typically doesn't trigger onClick
+        // The event could have potentially had `e.preventDefault()` called on it by now
+        // event by smart card internally
+        // If it has been called then only then can `isSpecialEvent` be true.
+        var _target = (0, _utils.isSpecialEvent)(event) ? '_blank' : '_self';
+        window.open(clickUrl, _target);
+        (0, _click.fireLinkClickedEvent)(createAnalyticsEvent)(event, {
+          attributes: {
+            clickOutcome: _target === '_blank' ? 'clickThroughNewTabOrWindow' : 'clickThrough'
+          }
+        });
+      } else {
+        if (onClick) {
+          onClick(event);
+        }
+        (0, _click.fireLinkClickedEvent)(createAnalyticsEvent)(event);
       }
-      (0, _click.fireLinkClickedEvent)(createAnalyticsEvent)(event);
     }
-  }, [fireEvent, id, isFlexibleUi, appearance, definitionId, onClick, url, wrapUrlWithCrossProductAnalytics, state.details, ari, name, fire3PClickEvent, shouldFire3PClickEvent, isPreviewPanelAvailable, openPreviewPanel, createAnalyticsEvent, disablePreviewPanel]);
+  }, [fireEvent, id, isFlexibleUi, appearance, definitionId, onClick, url, appendCrossProductAnalyticsParams, state.details, ari, name, fire3PClickEvent, shouldFire3PClickEvent, isPreviewPanelAvailable, openPreviewPanel, createAnalyticsEvent, disablePreviewPanel]);
 
   // Exposure fires once per eligible mount; click-time reads use no-exposure variant.
   (0, _react.useEffect)(function () {

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

@@ -19,6 +19,7 @@ var _flexibleUiContext = require("../../state/flexible-ui-context");
 var _useAiSummaryConfig = require("../../state/hooks/use-ai-summary-config");
 var _useResolve = _interopRequireDefault(require("../../state/hooks/use-resolve"));
 var _useRovoConfig = _interopRequireDefault(require("../../state/hooks/use-rovo-config"));
+var _useSmartLinkCrossProductUrlWrapper = require("../../state/hooks/use-smart-link-cross-product-url-wrapper");
 var _container = _interopRequireDefault(require("./components/container"));
 var _utils = require("./utils");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -68,6 +69,14 @@ var FlexibleCard = function FlexibleCard(_ref) {
   var cardType = cardState.status,
     details = cardState.details;
   var status = cardType;
+  var appendCrossProductAnalyticsParams = (0, _useSmartLinkCrossProductUrlWrapper.useSmartLinkCrossProductUrlWrapperGated)({
+    details: details
+  });
+  var transformUrlCallback = (0, _react.useCallback)(function () {
+    var destinationUrl = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : url;
+    return appendCrossProductAnalyticsParams(destinationUrl);
+  }, [appendCrossProductAnalyticsParams, url]);
+  var transformUrl = (0, _platformFeatureFlags.fg)('platform_smartlink_xpc_url_wrapping') ? transformUrlCallback : undefined;
 
   // if we have placeholder state it means we can internally use it
   // as temporary resolved data until the actual data comes back as one of the final statuses
@@ -97,9 +106,10 @@ var FlexibleCard = function FlexibleCard(_ref) {
       status: placeholderCardState ? placeHolderStatus : status,
       url: url,
       isPreviewPanelAvailable: isPreviewPanelAvailable,
-      openPreviewPanel: openPreviewPanel
+      openPreviewPanel: openPreviewPanel,
+      transformUrl: transformUrl
     }));
-  }, [aiSummaryConfig, appearance, actionOptions, details, id, isPreviewPanelAvailable, onAuthorize, onClick, onAuxClick, onContextMenu, openPreviewPanel, origin, placeholderCardState, placeHolderStatus, product, renderers, resolve, rovoConfig, status, url, fireEvent]);
+  }, [aiSummaryConfig, appearance, actionOptions, details, id, isPreviewPanelAvailable, onAuthorize, onClick, onAuxClick, onContextMenu, openPreviewPanel, origin, placeholderCardState, placeHolderStatus, product, renderers, resolve, rovoConfig, status, transformUrl, url, fireEvent]);
   var flexibleCardContext = (0, _react.useMemo)(function () {
     return {
       data: context,

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

@@ -20,10 +20,12 @@ var _constants = require("../../../constants");
 var _extractRovoChatAction = _interopRequireDefault(require("../../../extractors/flexible/actions/extract-rovo-chat-action"));
 var _helpers = require("../../../state/helpers");
 var _useRovoConfig2 = _interopRequireDefault(require("../../../state/hooks/use-rovo-config"));
+var _useSmartLinkCrossProductUrlWrapper = require("../../../state/hooks/use-smart-link-cross-product-url-wrapper");
 var _store = require("../../../state/store");
 var _utils = require("../../../utils");
 var _aiSummary = require("../../../utils/ai-summary");
 var _click = require("../../../utils/analytics/click");
+var _clickHelpers = require("../../../utils/click-helpers");
 var _styled = require("../styled");
 var _utils2 = require("../utils");
 var _ContentContainer = _interopRequireDefault(require("./ContentContainer"));
@@ -95,6 +97,9 @@ var HoverCardContent = function HoverCardContent(_ref4) {
     product = _useSmartLinkContext.product;
   var isAISummaryEnabled = (0, _aiSummary.getIsAISummaryEnabled)(isAdminHubAIEnabled, cardState.details);
   var services = (0, _helpers.getServices)(linkState.details);
+  var appendCrossProductAnalyticsParams = (0, _useSmartLinkCrossProductUrlWrapper.useSmartLinkCrossProductUrlWrapperGated)({
+    details: linkState.details
+  });
   var statusRef = (0, _react.useRef)(linkStatus);
   var fireEventRef = (0, _react.useRef)(fireEvent);
   var definitionIdRef = (0, _react.useRef)(definitionId);
@@ -136,6 +141,24 @@ var HoverCardContent = function HoverCardContent(_ref4) {
     };
   }, []);
   var onClick = (0, _react.useCallback)(function (event) {
+    if ((0, _platformFeatureFlags.fg)('platform_smartlink_xpc_url_wrapping')) {
+      // Prevent the anchor's native navigation so we can open the destination URL
+      // with cross-product analytics query parameters appended.
+      // The href is read from the anchor element at click time rather than at render
+      // time because the URL for the anchor may be different from original URL.
+      // The component may use the URL from the resolved response which can be a redirect URL
+      // or other preferred URL based on link extractor.
+      // The cross-product params are client-only and cannot be rendered
+      // server-side. Falls back to the original `url` prop if the event target is
+      // not an anchor element.
+      event.preventDefault();
+      var _getAnchorAttributesF = (0, _clickHelpers.getAnchorAttributesFromEvent)(event),
+        _getAnchorAttributesF2 = _getAnchorAttributesF.href,
+        href = _getAnchorAttributesF2 === void 0 ? url : _getAnchorAttributesF2,
+        target = _getAnchorAttributesF.target;
+      var destinationUrl = appendCrossProductAnalyticsParams(href);
+      window.open(destinationUrl, target);
+    }
     var isModifierKeyPressed = (0, _utils.isSpecialEvent)(event);
     fireEvent('ui.smartLink.clicked.titleGoToLink', {
       id: id,
@@ -144,7 +167,7 @@ var HoverCardContent = function HoverCardContent(_ref4) {
       definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null
     });
     (0, _click.fireLinkClickedEvent)(createAnalyticsEvent)(event);
-  }, [createAnalyticsEvent, id, fireEvent, definitionId]);
+  }, [createAnalyticsEvent, appendCrossProductAnalyticsParams, id, fireEvent, definitionId, url]);
   var data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
   var _getMetadata = (0, _utils2.getMetadata)(extensionKey, data),
     subtitle = _getMetadata.subtitle;

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

@@ -19,7 +19,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "44.23.1",
+  packageVersion: "44.23.3",
   componentName: 'linkUrl'
 };
 var LinkUrl = function LinkUrl(_ref) {

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

@@ -1,4 +1,5 @@
 import { extractLink } from '@atlaskit/link-extractors';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { CardAction } from '../../constants';
 import { getDefinitionId, getExtensionKey, getResourceType } from '../../state/helpers';
 import { openUrl } from '../../utils';
@@ -7,6 +8,7 @@ import { getActionsFromJsonLd } from '../common/actions/extractActions';
 export const extractInvokeViewAction = ({
   actionOptions,
   appearance,
+  transformUrl,
   id,
   response
 }, force) => {
@@ -21,7 +23,14 @@ export const extractInvokeViewAction = ({
   const viewActionExists = getActionsFromJsonLd(data).find(action => action['@type'] === 'ViewAction');
   if (url && (viewActionExists || force)) {
     return {
-      actionFn: async () => openUrl(url),
+      actionFn: async () => {
+        if (fg('platform_smartlink_xpc_url_wrapping')) {
+          var _transformUrl;
+          const destinationUrl = (_transformUrl = transformUrl === null || transformUrl === void 0 ? void 0 : transformUrl(url)) !== null && _transformUrl !== void 0 ? _transformUrl : url;
+          return openUrl(destinationUrl);
+        }
+        return openUrl(url);
+      },
       actionSubjectId: 'shortcutGoToLink',
       actionType: 'ViewAction',
       definitionId: getDefinitionId(response),

package/dist/es2019/extractors/flexible/actions/index.js

@@ -18,6 +18,7 @@ export const extractFlexibleCardActions = ({
   product,
   response,
   rovoConfig,
+  transformUrl,
   url,
   isPreviewPanelAvailable,
   openPreviewPanel
@@ -44,7 +45,10 @@ export const extractFlexibleCardActions = ({
       origin,
       response,
       isPreviewPanelAvailable,
-      openPreviewPanel
+      openPreviewPanel,
+      ...(fg('platform_smartlink_xpc_url_wrapping') ? {
+        transformUrl
+      } : undefined)
     }),
     [ActionName.AutomationAction]: extractAutomationAction(response),
     [InternalActionName.AISummaryAction]: extractAISummaryAction(response, url, actionOptions, aiSummaryConfig),