@atlaskit/smart-card 44.23.2 → 44.23.4

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

@@ -1,4 +1,5 @@
 import { extractLink } from '@atlaskit/link-extractors';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { CardAction } from '../../constants';
 import { getExtensionKey } from '../../state/helpers';
 import { canShowAction } from '../../utils/actions/can-show-action';
@@ -18,7 +19,7 @@ const toInvokeRequest = (extensionKey, resourceIdentifiers, actionType, details)
     details
   };
 };
-const extractAction = (response, id, actionOptions, appearance, origin, fireEvent, resolve, isPreviewPanelAvailable, openPreviewPanel) => {
+const extractAction = (response, id, actionOptions, appearance, origin, fireEvent, resolve, isPreviewPanelAvailable, openPreviewPanel, transformUrl) => {
   var _action$dataRetrieval, _extractInvokePreview, _action$dataUpdateAct;
   const extensionKey = getExtensionKey(response);
   const data = response === null || response === void 0 ? void 0 : response.data;
@@ -41,7 +42,10 @@ const extractAction = (response, id, actionOptions, appearance, origin, fireEven
     origin,
     response,
     isPreviewPanelAvailable,
-    openPreviewPanel
+    openPreviewPanel,
+    ...(fg('platform_smartlink_xpc_url_wrapping') ? {
+      transformUrl
+    } : undefined)
   })) === null || _extractInvokePreview === void 0 ? void 0 : _extractInvokePreview.invokeAction : undefined;
   const details = {
     id,
@@ -54,7 +58,7 @@ const extractAction = (response, id, actionOptions, appearance, origin, fireEven
     update
   } : undefined;
 };
-const extractState = (response, actionOptions, id, appearance, origin, fireEvent, resolve, isPreviewPanelAvailable, openPreviewPanel) => {
+const extractState = (response, actionOptions, id, appearance, origin, fireEvent, resolve, isPreviewPanelAvailable, openPreviewPanel, transformUrl) => {
   if (!response || !response.data) {
     return;
   }
@@ -65,7 +69,7 @@ const extractState = (response, actionOptions, id, appearance, origin, fireEvent
   if (!canShowAction(CardAction.ChangeStatusAction, actionOptions)) {
     return lozenge;
   }
-  const action = extractAction(response, id, actionOptions, appearance, origin, fireEvent, resolve, isPreviewPanelAvailable, openPreviewPanel);
+  const action = extractAction(response, id, actionOptions, appearance, origin, fireEvent, resolve, isPreviewPanelAvailable, openPreviewPanel, fg('platform_smartlink_xpc_url_wrapping') ? transformUrl : undefined);
   return {
     ...lozenge,
     action

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

@@ -28,6 +28,7 @@ const extractFlexibleUiContext = ({
   aiSummaryConfig,
   isPreviewPanelAvailable,
   openPreviewPanel,
+  transformUrl,
   ...props
 } = {}) => {
   if (!response) {
@@ -52,7 +53,10 @@ const extractFlexibleUiContext = ({
       url: props.url,
       // Use the original URL in edge cases, such as short links for AI summary and copy link actions.
       isPreviewPanelAvailable,
-      openPreviewPanel
+      openPreviewPanel,
+      ...(fg('platform_smartlink_xpc_url_wrapping') ? {
+        transformUrl
+      } : undefined)
     }),
     appliedToComponentsCount: extractAppliedToComponentsCount(data),
     assignedToGroup: extractPersonAssignedToAsArray(data),
@@ -85,7 +89,7 @@ const extractFlexibleUiContext = ({
     snippet: extractSmartLinkSummary(response) || undefined,
     // Explicitly set here to remove an empty string
     sourceBranch: extractSourceBranch(data),
-    state: extractState(response, actionOptions, id, appearance, origin, fireEvent, resolve, isPreviewPanelAvailable, openPreviewPanel),
+    state: extractState(response, actionOptions, id, appearance, origin, fireEvent, resolve, isPreviewPanelAvailable, openPreviewPanel, fg('platform_smartlink_xpc_url_wrapping') ? transformUrl : undefined),
     subscriberCount: extractSubscriberCount(data),
     subTasksProgress: extractSubTasksProgress(data),
     storyPoints: extractStoryPoints(data),

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

@@ -3,6 +3,7 @@ import { useMemo } from 'react';
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import uuid from 'uuid';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
 import { extractInvokeDownloadAction } from '../../extractors/action/extract-invoke-download-action';
@@ -12,6 +13,7 @@ import { messages } from '../../messages';
 import { toAction } from '../../utils/actions/to-action';
 import useInvokeClientAction from '../hooks/use-invoke-client-action';
 import useResolve from '../hooks/use-resolve';
+import { useSmartLinkCrossProductUrlWrapperGated } from '../hooks/use-smart-link-cross-product-url-wrapper';
 import { useSmartCardState as useLinkState } from '../store';
 export function useSmartLinkActions({
   url,
@@ -34,6 +36,9 @@ export function useSmartLinkActions({
     fireEvent
   });
   const resolve = useResolve();
+  const appendCrossProductAnalyticsParams = useSmartLinkCrossProductUrlWrapperGated({
+    details: linkState.details
+  });
   if (expValEquals('platform_hover_card_preview_panel', 'cohort', 'test') && prefetch && !linkState.details) {
     resolve(url);
   }
@@ -49,7 +54,10 @@ export function useSmartLinkActions({
     if (downloadActionProps) {
       actions.push(toAction(downloadActionProps, invokeClientAction, messages.download, 'download-content'));
     }
-    const viewActionProps = extractInvokeViewAction(invokeParam);
+    const viewActionProps = fg('platform_smartlink_xpc_url_wrapping') ? extractInvokeViewAction({
+      ...invokeParam,
+      transformUrl: (destinationUrl = url) => appendCrossProductAnalyticsParams(destinationUrl)
+    }) : extractInvokeViewAction(invokeParam);
     if (viewActionProps) {
       actions.push(toAction(viewActionProps, invokeClientAction, messages.view, 'view-content'));
     }
@@ -58,7 +66,10 @@ export function useSmartLinkActions({
       fireEvent,
       origin,
       isPreviewPanelAvailable,
-      openPreviewPanel
+      openPreviewPanel,
+      ...(fg('platform_smartlink_xpc_url_wrapping') ? {
+        transformUrl: (destinationUrl = url) => appendCrossProductAnalyticsParams(destinationUrl)
+      } : undefined)
     });
     if (previewActionProps) {
       actions.push(toAction(previewActionProps.invokeAction, invokeClientAction, messages.preview_improved, 'preview-content'));

package/dist/es2019/utils/analytics/analytics.js

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

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

@@ -5,4 +5,33 @@
  */
 export const 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.
+ */
+export const getAnchorAttributesFromEvent = event => {
+  const currentTarget = event.currentTarget;
+  if (!(currentTarget instanceof HTMLAnchorElement)) {
+    return {
+      href: undefined,
+      target: '_self'
+    };
+  }
+  return {
+    href: currentTarget.href,
+    target: currentTarget.target || '_self'
+  };
 };

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

@@ -16,7 +16,7 @@ import { isSpecialClick, isSpecialEvent, isSpecialKey } from '../../utils';
 import { combineActionOptions } from '../../utils/actions/combine-action-options';
 import { fireLinkClickedEvent } from '../../utils/analytics/click';
 import { SmartLinkAnalyticsContext } from '../../utils/analytics/SmartLinkAnalyticsContext';
-import { isAuxClick } from '../../utils/click-helpers';
+import { getAnchorAttributesFromEvent, isAuxClick } from '../../utils/click-helpers';
 import { isFlexibleUiCard } from '../../utils/flexible';
 import * as measure from '../../utils/performance';
 import { BlockCard } from '../BlockCard';
@@ -83,7 +83,7 @@ function Component({
   const services = getServices(state.details);
   const thirdPartyARI = getThirdPartyARI(state.details);
   const firstPartyIdentifier = getFirstPartyIdentifier();
-  const wrapUrlWithCrossProductAnalytics = useSmartLinkCrossProductUrlWrapperGated({
+  const appendCrossProductAnalyticsParams = useSmartLinkCrossProductUrlWrapperGated({
     details: state.details
   });
   const actionOptions = combineActionOptions({
@@ -117,56 +117,121 @@ function Component({
     const isDisablePreviewPanel = disablePreviewPanel && editorExperiment('platform_editor_preview_panel_linking_exp', true, {
       exposure: true
     });
+    if (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.
+      const isEventDefaultPrevented = event.defaultPrevented;
+      const canOpenPreviewPanel = !isModifierKeyPressed && ari && name && openPreviewPanel && (isPreviewPanelAvailable === null || isPreviewPanelAvailable === void 0 ? void 0 : isPreviewPanelAvailable({
+        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
-    }) && !isDisablePreviewPanel) {
-      var _extractSmartLinkEmbe;
-      event.preventDefault();
-      event.stopPropagation();
-      openPreviewPanel({
-        url,
-        ari,
-        name,
-        iconUrl: getObjectIconUrl(state.details),
-        panelData: {
-          embedUrl: expValEquals('platform_hover_card_preview_panel', 'cohort', 'test') ? (_extractSmartLinkEmbe = extractSmartLinkEmbed(state.details)) === null || _extractSmartLinkEmbe === void 0 ? void 0 : _extractSmartLinkEmbe.src : undefined
-        }
-      });
-      fireLinkClickedEvent(createAnalyticsEvent)(event, {
-        attributes: {
-          clickOutcome: 'previewPanel'
-        }
-      });
-      return;
-    } else if (!onClick && !isFlexibleUi) {
-      const clickUrl = getClickUrl(url, state.details);
+      // Preview panel takes priority over link navigation when available.
+      if (canOpenPreviewPanel) {
+        var _extractSmartLinkEmbe;
+        event.preventDefault();
+        event.stopPropagation();
+        openPreviewPanel({
+          url,
+          ari,
+          name,
+          iconUrl: getObjectIconUrl(state.details),
+          panelData: {
+            embedUrl: expValEquals('platform_hover_card_preview_panel', 'cohort', 'test') ? (_extractSmartLinkEmbe = extractSmartLinkEmbed(state.details)) === null || _extractSmartLinkEmbe === void 0 ? void 0 : _extractSmartLinkEmbe.src : undefined
+          }
+        });
+        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.
-      const target = isSpecialEvent(event) ? '_blank' : '_self';
-      if (fg('platform_smartlink_xpc_url_wrapping')) {
-        const 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
+      const {
+        target: anchorTarget
+      } = getAnchorAttributesFromEvent(event);
+      const target = isSpecialEvent(event) ? '_blank' : isFlexibleUi ? anchorTarget : '_self';
+
+      // FIXME: preferredUrl should be rendered in the DOM anchor href instead of derived at click time
+      const preferredUrl = getClickUrl(url, state.details);
+      const 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 ? void 0 : onClick(event);
+
+      // Check if the event is prevented via onClick callback
+      const 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.
+      const shouldOpenLink = isFlexibleUi || !onClick;
+      const doOpenLink = shouldOpenLink && !consumerPreventedNavigation;
+      if (doOpenLink) {
+        event.preventDefault();
+        window.open(destinationUrl, target);
       }
-      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.
+      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
+      }) && !isDisablePreviewPanel) {
+        var _extractSmartLinkEmbe2;
+        event.preventDefault();
+        event.stopPropagation();
+        openPreviewPanel({
+          url,
+          ari,
+          name,
+          iconUrl: getObjectIconUrl(state.details),
+          panelData: {
+            embedUrl: expValEquals('platform_hover_card_preview_panel', 'cohort', 'test') ? (_extractSmartLinkEmbe2 = extractSmartLinkEmbed(state.details)) === null || _extractSmartLinkEmbe2 === void 0 ? void 0 : _extractSmartLinkEmbe2.src : undefined
+          }
+        });
+        fireLinkClickedEvent(createAnalyticsEvent)(event, {
+          attributes: {
+            clickOutcome: 'previewPanel'
+          }
+        });
+        return;
+      } else if (!onClick && !isFlexibleUi) {
+        const clickUrl = 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.
+        const target = isSpecialEvent(event) ? '_blank' : '_self';
+        window.open(clickUrl, target);
+        fireLinkClickedEvent(createAnalyticsEvent)(event, {
+          attributes: {
+            clickOutcome: target === '_blank' ? 'clickThroughNewTabOrWindow' : 'clickThrough'
+          }
+        });
+      } else {
+        if (onClick) {
+          onClick(event);
+        }
+        fireLinkClickedEvent(createAnalyticsEvent)(event);
       }
-      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.
   useEffect(() => {

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

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React, { useEffect, useMemo } from 'react';
+import React, { useCallback, useEffect, useMemo } from 'react';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
 import { fg } from '@atlaskit/platform-feature-flags';
 import UFOHoldLoad from '@atlaskit/react-ufo/load-hold';
@@ -10,6 +10,7 @@ import { FlexibleCardContext } from '../../state/flexible-ui-context';
 import { useAISummaryConfig } from '../../state/hooks/use-ai-summary-config';
 import useResolve from '../../state/hooks/use-resolve';
 import useRovoConfig from '../../state/hooks/use-rovo-config';
+import { useSmartLinkCrossProductUrlWrapperGated } from '../../state/hooks/use-smart-link-cross-product-url-wrapper';
 import Container from './components/container';
 import { getContextByStatus } from './utils';
 const PENDING_LINK_STATUSES = [SmartLinkStatus.Pending, SmartLinkStatus.Resolving];
@@ -60,6 +61,11 @@ const FlexibleCard = ({
     details
   } = cardState;
   const status = cardType;
+  const appendCrossProductAnalyticsParams = useSmartLinkCrossProductUrlWrapperGated({
+    details
+  });
+  const transformUrlCallback = useCallback((destinationUrl = url) => appendCrossProductAnalyticsParams(destinationUrl), [appendCrossProductAnalyticsParams, url]);
+  const transformUrl = 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
@@ -86,8 +92,9 @@ const FlexibleCard = ({
     status: placeholderCardState ? placeHolderStatus : status,
     url,
     isPreviewPanelAvailable,
-    openPreviewPanel
-  }), [aiSummaryConfig, appearance, actionOptions, details, id, isPreviewPanelAvailable, onAuthorize, onClick, onAuxClick, onContextMenu, openPreviewPanel, origin, placeholderCardState, placeHolderStatus, product, renderers, resolve, rovoConfig, status, url, fireEvent]);
+    openPreviewPanel,
+    transformUrl
+  }), [aiSummaryConfig, appearance, actionOptions, details, id, isPreviewPanelAvailable, onAuthorize, onClick, onAuxClick, onContextMenu, openPreviewPanel, origin, placeholderCardState, placeHolderStatus, product, renderers, resolve, rovoConfig, status, transformUrl, url, fireEvent]);
   const flexibleCardContext = useMemo(() => ({
     data: context,
     status: placeHolderStatus !== null && placeHolderStatus !== void 0 ? placeHolderStatus : status,

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

@@ -11,10 +11,12 @@ import { CardDisplay, SmartLinkPosition, SmartLinkSize } from '../../../constant
 import extractRovoChatAction from '../../../extractors/flexible/actions/extract-rovo-chat-action';
 import { getDefinitionId, getExtensionKey, getServices } from '../../../state/helpers';
 import useRovoConfig from '../../../state/hooks/use-rovo-config';
+import { useSmartLinkCrossProductUrlWrapperGated } from '../../../state/hooks/use-smart-link-cross-product-url-wrapper';
 import { useSmartCardState } from '../../../state/store';
 import { isSpecialEvent } from '../../../utils';
 import { getIsAISummaryEnabled } from '../../../utils/ai-summary';
 import { fireLinkClickedEvent } from '../../../utils/analytics/click';
+import { getAnchorAttributesFromEvent } from '../../../utils/click-helpers';
 import { flexibleUiOptions } from '../styled';
 import { getMetadata } from '../utils';
 import ContentContainer from './ContentContainer';
@@ -86,6 +88,9 @@ const HoverCardContent = ({
   } = useSmartLinkContext();
   const isAISummaryEnabled = getIsAISummaryEnabled(isAdminHubAIEnabled, cardState.details);
   const services = getServices(linkState.details);
+  const appendCrossProductAnalyticsParams = useSmartLinkCrossProductUrlWrapperGated({
+    details: linkState.details
+  });
   const statusRef = useRef(linkStatus);
   const fireEventRef = useRef(fireEvent);
   const definitionIdRef = useRef(definitionId);
@@ -127,6 +132,24 @@ const HoverCardContent = ({
     };
   }, []);
   const onClick = useCallback(event => {
+    if (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();
+      const {
+        href = url,
+        target
+      } = getAnchorAttributesFromEvent(event);
+      const destinationUrl = appendCrossProductAnalyticsParams(href);
+      window.open(destinationUrl, target);
+    }
     const isModifierKeyPressed = isSpecialEvent(event);
     fireEvent('ui.smartLink.clicked.titleGoToLink', {
       id,
@@ -135,7 +158,7 @@ const HoverCardContent = ({
       definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null
     });
     fireLinkClickedEvent(createAnalyticsEvent)(event);
-  }, [createAnalyticsEvent, id, fireEvent, definitionId]);
+  }, [createAnalyticsEvent, appendCrossProductAnalyticsParams, id, fireEvent, definitionId, url]);
   const data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
   const {
     subtitle

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

@@ -9,7 +9,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "44.23.1",
+  packageVersion: "44.23.3",
   componentName: 'linkUrl'
 };
 const LinkUrl = ({

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

@@ -1,6 +1,7 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 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';
@@ -9,6 +10,7 @@ import { getActionsFromJsonLd } from '../common/actions/extractActions';
 export var extractInvokeViewAction = function extractInvokeViewAction(_ref, force) {
   var actionOptions = _ref.actionOptions,
     appearance = _ref.appearance,
+    transformUrl = _ref.transformUrl,
     id = _ref.id,
     response = _ref.response;
   if (!canShowAction(CardAction.ViewAction, actionOptions)) {
@@ -26,11 +28,19 @@ export var extractInvokeViewAction = function extractInvokeViewAction(_ref, forc
     return {
       actionFn: function () {
         var _actionFn = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+          var _transformUrl, destinationUrl;
           return _regeneratorRuntime.wrap(function (_context) {
             while (1) switch (_context.prev = _context.next) {
               case 0:
-                return _context.abrupt("return", openUrl(url));
+                if (!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", openUrl(destinationUrl));
               case 1:
+                return _context.abrupt("return", openUrl(url));
+              case 2:
               case "end":
                 return _context.stop();
             }

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

@@ -21,6 +21,7 @@ export var extractFlexibleCardActions = function extractFlexibleCardActions(_ref
     product = _ref.product,
     response = _ref.response,
     rovoConfig = _ref.rovoConfig,
+    transformUrl = _ref.transformUrl,
     url = _ref.url,
     isPreviewPanelAvailable = _ref.isPreviewPanelAvailable,
     openPreviewPanel = _ref.openPreviewPanel;
@@ -34,7 +35,7 @@ export var extractFlexibleCardActions = function extractFlexibleCardActions(_ref
     appearance: appearance,
     id: id,
     response: response
-  })), ActionName.FollowAction, extractFollowAction(response, actionOptions, id)), ActionName.PreviewAction, extractPreviewClientAction({
+  })), ActionName.FollowAction, extractFollowAction(response, actionOptions, id)), ActionName.PreviewAction, extractPreviewClientAction(_objectSpread({
     actionOptions: actionOptions,
     appearance: appearance,
     fireEvent: fireEvent,
@@ -43,7 +44,9 @@ export var extractFlexibleCardActions = function extractFlexibleCardActions(_ref
     response: response,
     isPreviewPanelAvailable: isPreviewPanelAvailable,
     openPreviewPanel: openPreviewPanel
-  })), ActionName.AutomationAction, extractAutomationAction(response)), InternalActionName.AISummaryAction, extractAISummaryAction(response, url, actionOptions, aiSummaryConfig)), fg('platform_sl_3p_auth_rovo_action_kill_switch') ? _defineProperty({}, ActionName.RovoChatAction, extractRovoChatAction({
+  }, fg('platform_smartlink_xpc_url_wrapping') ? {
+    transformUrl: transformUrl
+  } : undefined))), ActionName.AutomationAction, extractAutomationAction(response)), InternalActionName.AISummaryAction, extractAISummaryAction(response, url, actionOptions, aiSummaryConfig)), fg('platform_sl_3p_auth_rovo_action_kill_switch') ? _defineProperty({}, ActionName.RovoChatAction, extractRovoChatAction({
     actionOptions: actionOptions,
     appearance: appearance,
     id: id,

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

@@ -2,6 +2,7 @@ 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 { extractLink } from '@atlaskit/link-extractors';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { CardAction } from '../../constants';
 import { getExtensionKey } from '../../state/helpers';
 import { canShowAction } from '../../utils/actions/can-show-action';
@@ -21,7 +22,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 = getExtensionKey(response);
   var data = response === null || response === void 0 ? void 0 : response.data;
@@ -37,7 +38,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 = extractLink(data);
-  var invokePreviewAction = response ? (_extractInvokePreview = extractInvokePreviewAction({
+  var invokePreviewAction = response ? (_extractInvokePreview = extractInvokePreviewAction(_objectSpread({
     actionOptions: actionOptions,
     appearance: appearance,
     fireEvent: fireEvent,
@@ -49,7 +50,9 @@ var extractAction = function extractAction(response, id, actionOptions, appearan
     response: response,
     isPreviewPanelAvailable: isPreviewPanelAvailable,
     openPreviewPanel: openPreviewPanel
-  })) === null || _extractInvokePreview === void 0 ? void 0 : _extractInvokePreview.invokeAction : undefined;
+  }, fg('platform_smartlink_xpc_url_wrapping') ? {
+    transformUrl: transformUrl
+  } : undefined))) === null || _extractInvokePreview === void 0 ? void 0 : _extractInvokePreview.invokeAction : undefined;
   var details = {
     id: id,
     url: url,
@@ -61,7 +64,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;
   }
@@ -72,7 +75,7 @@ var extractState = function extractState(response, actionOptions, id, appearance
   if (!canShowAction(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, fg('platform_smartlink_xpc_url_wrapping') ? transformUrl : undefined);
   return _objectSpread(_objectSpread({}, lozenge), {}, {
     action: action
   });

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

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-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) { _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 { extractPersonOwnedBy, extractSmartLinkAri, extractSmartLinkAuthorGroup, extractSmartLinkCreatedBy, extractSmartLinkCreatedOn, extractSmartLinkModifiedBy, extractSmartLinkModifiedOn, extractSmartLinkUrl, extractType } from '@atlaskit/link-extractors';
@@ -34,6 +34,7 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
     aiSummaryConfig = _ref.aiSummaryConfig,
     isPreviewPanelAvailable = _ref.isPreviewPanelAvailable,
     openPreviewPanel = _ref.openPreviewPanel,
+    transformUrl = _ref.transformUrl,
     props = _objectWithoutProperties(_ref, _excluded);
   if (!response) {
     return undefined;
@@ -58,7 +59,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
-    })),
+    }, fg('platform_smartlink_xpc_url_wrapping') ? {
+      transformUrl: transformUrl
+    } : undefined)),
     appliedToComponentsCount: extractAppliedToComponentsCount(data),
     assignedToGroup: extractPersonAssignedToAsArray(data),
     attachmentCount: extractAttachmentCount(data),
@@ -90,7 +93,7 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
     snippet: extractSmartLinkSummary(response) || undefined,
     // Explicitly set here to remove an empty string
     sourceBranch: extractSourceBranch(data),
-    state: extractState(response, actionOptions, id, appearance, origin, fireEvent, resolve, isPreviewPanelAvailable, openPreviewPanel),
+    state: extractState(response, actionOptions, id, appearance, origin, fireEvent, resolve, isPreviewPanelAvailable, openPreviewPanel, fg('platform_smartlink_xpc_url_wrapping') ? transformUrl : undefined),
     subscriberCount: extractSubscriberCount(data),
     subTasksProgress: extractSubTasksProgress(data),
     storyPoints: extractStoryPoints(data),