@atlaskit/smart-card 44.28.1 → 44.28.2

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/smart-card
 
+## 44.28.2
+
+### Patch Changes
+
+- [`85a6df19d005b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/85a6df19d005b) -
+  Update anchor href with cross-product analytics params on middle-click and context menu for
+  HoverCard.
+
 ## 44.28.1
 
 ### Patch Changes

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.28.0" || ''
+  packageVersion: "44.28.1" || ''
 };
 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 = exports.getAnchorAttributesFromEvent = void 0;
+exports.updateAnchorHref = 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
@@ -40,4 +40,10 @@ var getAnchorAttributesFromEvent = exports.getAnchorAttributesFromEvent = functi
     href: currentTarget.href,
     target: currentTarget.target || '_self'
   };
+};
+var updateAnchorHref = exports.updateAnchorHref = function updateAnchorHref(event, href) {
+  if (!(event.currentTarget instanceof HTMLAnchorElement)) {
+    return;
+  }
+  event.currentTarget.href = href;
 };

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

@@ -114,19 +114,10 @@ function Component(_ref) {
   var shouldFire3PClickEvent = thirdPartyARI && thirdPartyARI.startsWith(thirdPartyARIPrefix) && (0, _helpers.getClickUrl)(url, state.details) === url && fire3PClickEvent && (0, _platformFeatureFlags.fg)('platform_smartlink_3pclick_analytics');
   var getDestinationUrl = (0, _react.useCallback)(function () {
     var _getClickUrl, _appendCrossProductAn;
+    // FIXME: destinationUrl should be rendered in the DOM anchor href instead of derived at click time
     var preferredUrl = (_getClickUrl = (0, _helpers.getClickUrl)(url, state.details)) !== null && _getClickUrl !== void 0 ? _getClickUrl : url;
     return (_appendCrossProductAn = appendCrossProductAnalyticsParams(preferredUrl)) !== null && _appendCrossProductAn !== void 0 ? _appendCrossProductAn : preferredUrl;
   }, [appendCrossProductAnalyticsParams, state.details, url]);
-  var updateAnchorHref = (0, _react.useCallback)(function (event, destinationUrl) {
-    if (!(event.currentTarget instanceof HTMLAnchorElement)) {
-      return;
-    }
-
-    // FIXME: destinationUrl should be rendered in the DOM anchor href instead of derived at click time
-    // href is only defined when currentTarget is an anchor element.
-    // Update the anchor href so the browser context menu uses the decorated URL.
-    event.currentTarget.href = destinationUrl;
-  }, []);
 
   // Setup UI handlers.
   var handleClickWrapper = (0, _react.useCallback)(function (event) {
@@ -178,7 +169,7 @@ function Component(_ref) {
         return;
       }
       var destinationUrl = getDestinationUrl();
-      updateAnchorHref(event, destinationUrl);
+      (0, _clickHelpers.updateAnchorHref)(event, destinationUrl);
 
       // For FlexibleCard, read target from the clicked anchor element (e.g. _blank for links
       // rendered with explicit target). For classic cards, default to _self
@@ -256,7 +247,7 @@ function Component(_ref) {
         (0, _click.fireLinkClickedEvent)(createAnalyticsEvent)(event);
       }
     }
-  }, [fireEvent, id, isFlexibleUi, appearance, definitionId, getDestinationUrl, onClick, url, updateAnchorHref, state.details, ari, name, fire3PClickEvent, shouldFire3PClickEvent, isPreviewPanelAvailable, openPreviewPanel, createAnalyticsEvent, disablePreviewPanel]);
+  }, [fireEvent, id, isFlexibleUi, appearance, definitionId, getDestinationUrl, onClick, url, 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 () {
@@ -270,7 +261,7 @@ function Component(_ref) {
   var handleFrameAuxClick = (0, _react.useCallback)(function (event) {
     if ((0, _platformFeatureFlags.fg)('platform_smartlink_xpc_url_wrapping')) {
       var destinationUrl = getDestinationUrl();
-      updateAnchorHref(event, destinationUrl);
+      (0, _clickHelpers.updateAnchorHref)(event, destinationUrl);
     }
 
     // isAuxClick filters Windows right-clicks (button === 2) that also fire onAuxClick.
@@ -279,21 +270,21 @@ function Component(_ref) {
         isAuxClick: true
       });
     }
-  }, [fire3PClickEvent, getDestinationUrl, shouldFire3PClickEvent, updateAnchorHref]);
+  }, [fire3PClickEvent, getDestinationUrl, shouldFire3PClickEvent]);
 
   // Right-click handler to trigger fire3PClickEvent on right-clicks.
   // Scope is limited to 3P click analytics to keep the experiment focused.
   var handleFrameContextMenu = (0, _react.useCallback)(function (event) {
     if ((0, _platformFeatureFlags.fg)('platform_smartlink_xpc_url_wrapping')) {
       var destinationUrl = getDestinationUrl();
-      updateAnchorHref(event, destinationUrl);
+      (0, _clickHelpers.updateAnchorHref)(event, destinationUrl);
     }
     if (shouldFire3PClickEvent && (0, _expValEqualsNoExposure.expValEqualsNoExposure)(TRACK_NON_PRIMARY_3P_CLICKS_EXPERIMENT, 'isEnabled', true)) {
       fire3PClickEvent === null || fire3PClickEvent === void 0 || fire3PClickEvent({
         isContextMenu: true
       });
     }
-  }, [fire3PClickEvent, getDestinationUrl, shouldFire3PClickEvent, updateAnchorHref]);
+  }, [fire3PClickEvent, getDestinationUrl, shouldFire3PClickEvent]);
   var reload = actions.reload;
   var handleAuthorize = (0, _react.useCallback)(function () {
     return actions.authorize(appearance);

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

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.hoverCardClassName = exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _linkProvider = require("@atlaskit/link-provider");
@@ -34,6 +35,8 @@ var _resolving = _interopRequireDefault(require("./views/resolving"));
 var _unauthorised = _interopRequireDefault(require("./views/unauthorised"));
 var _RovoUnauthorisedView = _interopRequireDefault(require("./views/unauthorised/RovoUnauthorisedView"));
 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); }
+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 hoverCardClassName = exports.hoverCardClassName = 'smart-links-hover-preview';
 var useIsResolvedView = function useIsResolvedView(_ref) {
   var _hoverPreviewOptions$;
@@ -137,23 +140,38 @@ var HoverCardContent = function HoverCardContent(_ref4) {
       });
     };
   }, []);
+  var getDestinationUrl = (0, _react.useCallback)(function () {
+    var _getClickUrl, _appendCrossProductAn;
+    // FIXME: destinationUrl should be rendered in the DOM anchor href instead of derived at click time
+    var preferredUrl = (_getClickUrl = (0, _helpers.getClickUrl)(url, linkState.details)) !== null && _getClickUrl !== void 0 ? _getClickUrl : url;
+    return (_appendCrossProductAn = appendCrossProductAnalyticsParams(preferredUrl)) !== null && _appendCrossProductAn !== void 0 ? _appendCrossProductAn : preferredUrl;
+  }, [appendCrossProductAnalyticsParams, linkState.details, url]);
+
+  // Middle-click handler to trigger fire3PClickEvent on middle-clicks.
+  // Scope is limited to 3P click analytics to keep the experiment focused.
+  var onAuxClick = (0, _react.useCallback)(function (event) {
+    var destinationUrl = getDestinationUrl();
+    (0, _clickHelpers.updateAnchorHref)(event, destinationUrl);
+  }, [getDestinationUrl]);
+
+  // Right-click handler to trigger fire3PClickEvent on right-clicks.
+  // Scope is limited to 3P click analytics to keep the experiment focused.
+  var onContextMenu = (0, _react.useCallback)(function (event) {
+    var destinationUrl = getDestinationUrl();
+    (0, _clickHelpers.updateAnchorHref)(event, destinationUrl);
+  }, [getDestinationUrl]);
   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);
+      var destinationUrl = getDestinationUrl();
+      (0, _clickHelpers.updateAnchorHref)(event, destinationUrl);
       window.open(destinationUrl, target);
     }
     var isModifierKeyPressed = (0, _utils.isSpecialEvent)(event);
@@ -164,7 +182,7 @@ var HoverCardContent = function HoverCardContent(_ref4) {
       definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null
     });
     (0, _click.fireLinkClickedEvent)(createAnalyticsEvent)(event);
-  }, [createAnalyticsEvent, appendCrossProductAnalyticsParams, id, fireEvent, definitionId, url]);
+  }, [createAnalyticsEvent, getDestinationUrl, id, fireEvent, definitionId]);
   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;
@@ -178,10 +196,14 @@ var HoverCardContent = function HoverCardContent(_ref4) {
   };
   var uiOptions = _styled.flexibleUiOptions;
   uiOptions.enableSnippetRenderer = true;
-  var flexibleCardProps = {
+  var flexibleCardProps = _objectSpread(_objectSpread({
     appearance: _constants.CardDisplay.HoverCardPreview,
     cardState: cardState,
-    onClick: onClick,
+    onClick: onClick
+  }, (0, _platformFeatureFlags.fg)('platform_smartlink_xpc_url_wrapping') ? {
+    onAuxClick: onAuxClick,
+    onContextMenu: onContextMenu
+  } : undefined), {}, {
     onResolve: onResolve,
     origin: 'smartLinkPreviewHoverCard',
     renderers: renderers,
@@ -189,7 +211,7 @@ var HoverCardContent = function HoverCardContent(_ref4) {
     ui: uiOptions,
     url: url,
     children: null
-  };
+  });
   var onClickStopPropagation = (0, _react.useCallback)(function (e) {
     return e.stopPropagation();
   }, []);

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.28.0",
+  packageVersion: "44.28.1",
   componentName: 'linkUrl'
 };
 var LinkUrl = function LinkUrl(_ref) {

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.28.0" || ''
+  packageVersion: "44.28.1" || ''
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -34,4 +34,10 @@ export const getAnchorAttributesFromEvent = event => {
     href: currentTarget.href,
     target: currentTarget.target || '_self'
   };
+};
+export const updateAnchorHref = (event, href) => {
+  if (!(event.currentTarget instanceof HTMLAnchorElement)) {
+    return;
+  }
+  event.currentTarget.href = href;
 };

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 { getAnchorAttributesFromEvent, isAuxClick } from '../../utils/click-helpers';
+import { getAnchorAttributesFromEvent, isAuxClick, updateAnchorHref } from '../../utils/click-helpers';
 import { isFlexibleUiCard } from '../../utils/flexible';
 import * as measure from '../../utils/performance';
 import { BlockCard } from '../BlockCard';
@@ -104,19 +104,10 @@ function Component({
   const shouldFire3PClickEvent = thirdPartyARI && thirdPartyARI.startsWith(thirdPartyARIPrefix) && getClickUrl(url, state.details) === url && fire3PClickEvent && fg('platform_smartlink_3pclick_analytics');
   const getDestinationUrl = useCallback(() => {
     var _getClickUrl, _appendCrossProductAn;
+    // FIXME: destinationUrl should be rendered in the DOM anchor href instead of derived at click time
     const preferredUrl = (_getClickUrl = getClickUrl(url, state.details)) !== null && _getClickUrl !== void 0 ? _getClickUrl : url;
     return (_appendCrossProductAn = appendCrossProductAnalyticsParams(preferredUrl)) !== null && _appendCrossProductAn !== void 0 ? _appendCrossProductAn : preferredUrl;
   }, [appendCrossProductAnalyticsParams, state.details, url]);
-  const updateAnchorHref = useCallback((event, destinationUrl) => {
-    if (!(event.currentTarget instanceof HTMLAnchorElement)) {
-      return;
-    }
-
-    // FIXME: destinationUrl should be rendered in the DOM anchor href instead of derived at click time
-    // href is only defined when currentTarget is an anchor element.
-    // Update the anchor href so the browser context menu uses the decorated URL.
-    event.currentTarget.href = destinationUrl;
-  }, []);
 
   // Setup UI handlers.
   const handleClickWrapper = useCallback(event => {
@@ -247,7 +238,7 @@ function Component({
         fireLinkClickedEvent(createAnalyticsEvent)(event);
       }
     }
-  }, [fireEvent, id, isFlexibleUi, appearance, definitionId, getDestinationUrl, onClick, url, updateAnchorHref, state.details, ari, name, fire3PClickEvent, shouldFire3PClickEvent, isPreviewPanelAvailable, openPreviewPanel, createAnalyticsEvent, disablePreviewPanel]);
+  }, [fireEvent, id, isFlexibleUi, appearance, definitionId, getDestinationUrl, onClick, url, state.details, ari, name, fire3PClickEvent, shouldFire3PClickEvent, isPreviewPanelAvailable, openPreviewPanel, createAnalyticsEvent, disablePreviewPanel]);
 
   // Exposure fires once per eligible mount; click-time reads use no-exposure variant.
   useEffect(() => {
@@ -270,7 +261,7 @@ function Component({
         isAuxClick: true
       });
     }
-  }, [fire3PClickEvent, getDestinationUrl, shouldFire3PClickEvent, updateAnchorHref]);
+  }, [fire3PClickEvent, getDestinationUrl, shouldFire3PClickEvent]);
 
   // Right-click handler to trigger fire3PClickEvent on right-clicks.
   // Scope is limited to 3P click analytics to keep the experiment focused.
@@ -284,7 +275,7 @@ function Component({
         isContextMenu: true
       });
     }
-  }, [fire3PClickEvent, getDestinationUrl, shouldFire3PClickEvent, updateAnchorHref]);
+  }, [fire3PClickEvent, getDestinationUrl, shouldFire3PClickEvent]);
   const {
     reload
   } = actions;

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

@@ -9,14 +9,14 @@ import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equ
 import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
 import { CardDisplay, SmartLinkPosition, SmartLinkSize } from '../../../constants';
 import extractRovoChatAction from '../../../extractors/flexible/actions/extract-rovo-chat-action';
-import { getDefinitionId, getExtensionKey, getServices } from '../../../state/helpers';
+import { getClickUrl, 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 { getAnchorAttributesFromEvent, updateAnchorHref } from '../../../utils/click-helpers';
 import { flexibleUiOptions } from '../styled';
 import { getMetadata } from '../utils';
 import ContentContainer from './ContentContainer';
@@ -131,23 +131,39 @@ const HoverCardContent = ({
       });
     };
   }, []);
+  const getDestinationUrl = useCallback(() => {
+    var _getClickUrl, _appendCrossProductAn;
+    // FIXME: destinationUrl should be rendered in the DOM anchor href instead of derived at click time
+    const preferredUrl = (_getClickUrl = getClickUrl(url, linkState.details)) !== null && _getClickUrl !== void 0 ? _getClickUrl : url;
+    return (_appendCrossProductAn = appendCrossProductAnalyticsParams(preferredUrl)) !== null && _appendCrossProductAn !== void 0 ? _appendCrossProductAn : preferredUrl;
+  }, [appendCrossProductAnalyticsParams, linkState.details, url]);
+
+  // Middle-click handler to trigger fire3PClickEvent on middle-clicks.
+  // Scope is limited to 3P click analytics to keep the experiment focused.
+  const onAuxClick = useCallback(event => {
+    const destinationUrl = getDestinationUrl();
+    updateAnchorHref(event, destinationUrl);
+  }, [getDestinationUrl]);
+
+  // Right-click handler to trigger fire3PClickEvent on right-clicks.
+  // Scope is limited to 3P click analytics to keep the experiment focused.
+  const onContextMenu = useCallback(event => {
+    const destinationUrl = getDestinationUrl();
+    updateAnchorHref(event, destinationUrl);
+  }, [getDestinationUrl]);
   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);
+      const destinationUrl = getDestinationUrl();
+      updateAnchorHref(event, destinationUrl);
       window.open(destinationUrl, target);
     }
     const isModifierKeyPressed = isSpecialEvent(event);
@@ -158,7 +174,7 @@ const HoverCardContent = ({
       definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null
     });
     fireLinkClickedEvent(createAnalyticsEvent)(event);
-  }, [createAnalyticsEvent, appendCrossProductAnalyticsParams, id, fireEvent, definitionId, url]);
+  }, [createAnalyticsEvent, getDestinationUrl, id, fireEvent, definitionId]);
   const data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
   const {
     subtitle
@@ -177,6 +193,10 @@ const HoverCardContent = ({
     appearance: CardDisplay.HoverCardPreview,
     cardState: cardState,
     onClick: onClick,
+    ...(fg('platform_smartlink_xpc_url_wrapping') ? {
+      onAuxClick,
+      onContextMenu
+    } : undefined),
     onResolve: onResolve,
     origin: 'smartLinkPreviewHoverCard',
     renderers: renderers,

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.28.0",
+  packageVersion: "44.28.1",
   componentName: 'linkUrl'
 };
 const LinkUrl = ({

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

@@ -4,7 +4,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card" || '',
-  packageVersion: "44.28.0" || ''
+  packageVersion: "44.28.1" || ''
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -34,4 +34,10 @@ export var getAnchorAttributesFromEvent = function getAnchorAttributesFromEvent(
     href: currentTarget.href,
     target: currentTarget.target || '_self'
   };
+};
+export var updateAnchorHref = function updateAnchorHref(event, href) {
+  if (!(event.currentTarget instanceof HTMLAnchorElement)) {
+    return;
+  }
+  event.currentTarget.href = href;
 };

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

@@ -19,7 +19,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 { getAnchorAttributesFromEvent, isAuxClick } from '../../utils/click-helpers';
+import { getAnchorAttributesFromEvent, isAuxClick, updateAnchorHref } from '../../utils/click-helpers';
 import { isFlexibleUiCard } from '../../utils/flexible';
 import * as measure from '../../utils/performance';
 import { BlockCard } from '../BlockCard';
@@ -105,19 +105,10 @@ function Component(_ref) {
   var shouldFire3PClickEvent = thirdPartyARI && thirdPartyARI.startsWith(thirdPartyARIPrefix) && getClickUrl(url, state.details) === url && fire3PClickEvent && fg('platform_smartlink_3pclick_analytics');
   var getDestinationUrl = useCallback(function () {
     var _getClickUrl, _appendCrossProductAn;
+    // FIXME: destinationUrl should be rendered in the DOM anchor href instead of derived at click time
     var preferredUrl = (_getClickUrl = getClickUrl(url, state.details)) !== null && _getClickUrl !== void 0 ? _getClickUrl : url;
     return (_appendCrossProductAn = appendCrossProductAnalyticsParams(preferredUrl)) !== null && _appendCrossProductAn !== void 0 ? _appendCrossProductAn : preferredUrl;
   }, [appendCrossProductAnalyticsParams, state.details, url]);
-  var updateAnchorHref = useCallback(function (event, destinationUrl) {
-    if (!(event.currentTarget instanceof HTMLAnchorElement)) {
-      return;
-    }
-
-    // FIXME: destinationUrl should be rendered in the DOM anchor href instead of derived at click time
-    // href is only defined when currentTarget is an anchor element.
-    // Update the anchor href so the browser context menu uses the decorated URL.
-    event.currentTarget.href = destinationUrl;
-  }, []);
 
   // Setup UI handlers.
   var handleClickWrapper = useCallback(function (event) {
@@ -247,7 +238,7 @@ function Component(_ref) {
         fireLinkClickedEvent(createAnalyticsEvent)(event);
       }
     }
-  }, [fireEvent, id, isFlexibleUi, appearance, definitionId, getDestinationUrl, onClick, url, updateAnchorHref, state.details, ari, name, fire3PClickEvent, shouldFire3PClickEvent, isPreviewPanelAvailable, openPreviewPanel, createAnalyticsEvent, disablePreviewPanel]);
+  }, [fireEvent, id, isFlexibleUi, appearance, definitionId, getDestinationUrl, onClick, url, state.details, ari, name, fire3PClickEvent, shouldFire3PClickEvent, isPreviewPanelAvailable, openPreviewPanel, createAnalyticsEvent, disablePreviewPanel]);
 
   // Exposure fires once per eligible mount; click-time reads use no-exposure variant.
   useEffect(function () {
@@ -270,7 +261,7 @@ function Component(_ref) {
         isAuxClick: true
       });
     }
-  }, [fire3PClickEvent, getDestinationUrl, shouldFire3PClickEvent, updateAnchorHref]);
+  }, [fire3PClickEvent, getDestinationUrl, shouldFire3PClickEvent]);
 
   // Right-click handler to trigger fire3PClickEvent on right-clicks.
   // Scope is limited to 3P click analytics to keep the experiment focused.
@@ -284,7 +275,7 @@ function Component(_ref) {
         isContextMenu: true
       });
     }
-  }, [fire3PClickEvent, getDestinationUrl, shouldFire3PClickEvent, updateAnchorHref]);
+  }, [fire3PClickEvent, getDestinationUrl, shouldFire3PClickEvent]);
   var reload = actions.reload;
   var handleAuthorize = useCallback(function () {
     return actions.authorize(appearance);

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

@@ -1,4 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React, { useCallback, useEffect, useMemo, useRef } from 'react';
 import { AnalyticsContext, useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/analytics-next';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
@@ -9,14 +12,14 @@ import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equ
 import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
 import { CardDisplay, SmartLinkPosition, SmartLinkSize } from '../../../constants';
 import extractRovoChatAction from '../../../extractors/flexible/actions/extract-rovo-chat-action';
-import { getDefinitionId, getExtensionKey, getServices } from '../../../state/helpers';
+import { getClickUrl, 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 { getAnchorAttributesFromEvent, updateAnchorHref } from '../../../utils/click-helpers';
 import { flexibleUiOptions } from '../styled';
 import { getMetadata } from '../utils';
 import ContentContainer from './ContentContainer';
@@ -128,23 +131,38 @@ var HoverCardContent = function HoverCardContent(_ref4) {
       });
     };
   }, []);
+  var getDestinationUrl = useCallback(function () {
+    var _getClickUrl, _appendCrossProductAn;
+    // FIXME: destinationUrl should be rendered in the DOM anchor href instead of derived at click time
+    var preferredUrl = (_getClickUrl = getClickUrl(url, linkState.details)) !== null && _getClickUrl !== void 0 ? _getClickUrl : url;
+    return (_appendCrossProductAn = appendCrossProductAnalyticsParams(preferredUrl)) !== null && _appendCrossProductAn !== void 0 ? _appendCrossProductAn : preferredUrl;
+  }, [appendCrossProductAnalyticsParams, linkState.details, url]);
+
+  // Middle-click handler to trigger fire3PClickEvent on middle-clicks.
+  // Scope is limited to 3P click analytics to keep the experiment focused.
+  var onAuxClick = useCallback(function (event) {
+    var destinationUrl = getDestinationUrl();
+    updateAnchorHref(event, destinationUrl);
+  }, [getDestinationUrl]);
+
+  // Right-click handler to trigger fire3PClickEvent on right-clicks.
+  // Scope is limited to 3P click analytics to keep the experiment focused.
+  var onContextMenu = useCallback(function (event) {
+    var destinationUrl = getDestinationUrl();
+    updateAnchorHref(event, destinationUrl);
+  }, [getDestinationUrl]);
   var onClick = useCallback(function (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();
       var _getAnchorAttributesF = getAnchorAttributesFromEvent(event),
-        _getAnchorAttributesF2 = _getAnchorAttributesF.href,
-        href = _getAnchorAttributesF2 === void 0 ? url : _getAnchorAttributesF2,
         target = _getAnchorAttributesF.target;
-      var destinationUrl = appendCrossProductAnalyticsParams(href);
+      var destinationUrl = getDestinationUrl();
+      updateAnchorHref(event, destinationUrl);
       window.open(destinationUrl, target);
     }
     var isModifierKeyPressed = isSpecialEvent(event);
@@ -155,7 +173,7 @@ var HoverCardContent = function HoverCardContent(_ref4) {
       definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null
     });
     fireLinkClickedEvent(createAnalyticsEvent)(event);
-  }, [createAnalyticsEvent, appendCrossProductAnalyticsParams, id, fireEvent, definitionId, url]);
+  }, [createAnalyticsEvent, getDestinationUrl, 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;
@@ -169,10 +187,14 @@ var HoverCardContent = function HoverCardContent(_ref4) {
   };
   var uiOptions = flexibleUiOptions;
   uiOptions.enableSnippetRenderer = true;
-  var flexibleCardProps = {
+  var flexibleCardProps = _objectSpread(_objectSpread({
     appearance: CardDisplay.HoverCardPreview,
     cardState: cardState,
-    onClick: onClick,
+    onClick: onClick
+  }, fg('platform_smartlink_xpc_url_wrapping') ? {
+    onAuxClick: onAuxClick,
+    onContextMenu: onContextMenu
+  } : undefined), {}, {
     onResolve: onResolve,
     origin: 'smartLinkPreviewHoverCard',
     renderers: renderers,
@@ -180,7 +202,7 @@ var HoverCardContent = function HoverCardContent(_ref4) {
     ui: uiOptions,
     url: url,
     children: null
-  };
+  });
   var onClickStopPropagation = useCallback(function (e) {
     return e.stopPropagation();
   }, []);

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

@@ -12,7 +12,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "44.28.0",
+  packageVersion: "44.28.1",
   componentName: 'linkUrl'
 };
 var LinkUrl = function LinkUrl(_ref) {

package/dist/types/utils/click-helpers.d.ts

@@ -26,3 +26,4 @@ export declare const getAnchorAttributesFromEvent: (event: MouseEvent | Keyboard
     href?: string;
     target: string;
 };
+export declare const updateAnchorHref: (event: MouseEvent | KeyboardEvent, href: string) => void;

package/dist/types-ts4.5/utils/click-helpers.d.ts

@@ -26,3 +26,4 @@ export declare const getAnchorAttributesFromEvent: (event: MouseEvent | Keyboard
     href?: string;
     target: string;
 };
+export declare const updateAnchorHref: (event: MouseEvent | KeyboardEvent, href: string) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "44.28.1",
+	"version": "44.28.2",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"