@atlaskit/smart-card 44.11.4 → 44.12.1

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/smart-card
 
+## 44.12.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 44.12.0
+
+### Minor Changes
+
+- [`dd59463db49fa`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/dd59463db49fa) -
+  Track middle- and right-clicks from InlineCard (via CardWithUrl) to fire fire3PClickEvent, gated
+  by the linking_platform_track_non_primary_3p_clicks experiment
+
 ## 44.11.4
 
 ### 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.11.3" || ''
+  packageVersion: "44.12.0" || ''
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -12,6 +12,7 @@ var _analyticsNext = require("@atlaskit/analytics-next");
 var _linkExtractors = require("@atlaskit/link-extractors");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _useAnalyticsEvents2 = require("../../common/analytics/generated/use-analytics-events");
 var _constants = require("../../constants");
@@ -24,6 +25,7 @@ var _utils = require("../../utils");
 var _combineActionOptions = require("../../utils/actions/combine-action-options");
 var _click = require("../../utils/analytics/click");
 var _SmartLinkAnalyticsContext = require("../../utils/analytics/SmartLinkAnalyticsContext");
+var _clickHelpers = require("../../utils/click-helpers");
 var _flexible = require("../../utils/flexible");
 var measure = _interopRequireWildcard(require("../../utils/performance"));
 var _BlockCard = require("../BlockCard");
@@ -36,6 +38,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 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 thirdPartyARIPrefix = 'ari:third-party';
+var TRACK_NON_PRIMARY_3P_CLICKS_EXPERIMENT = 'linking_platform_track_non_primary_3p_clicks';
 function Component(_ref) {
   var id = _ref.id,
     url = _ref.url,
@@ -99,6 +102,9 @@ function Component(_ref) {
   // eslint-disable-next-line react-hooks/rules-of-hooks
   (0, _useSmartLinkEvents.useFire3PWorkflowsClickEvent)(firstPartyIdentifier, thirdPartyARI) : undefined;
 
+  // Shared scope guard for all 3P-click handlers.
+  var shouldFire3PClickEvent = thirdPartyARI && thirdPartyARI.startsWith(thirdPartyARIPrefix) && (0, _helpers.getClickUrl)(url, state.details) === url && fire3PClickEvent && (0, _platformFeatureFlags.fg)('platform_smartlink_3pclick_analytics');
+
   // Setup UI handlers.
   var handleClickWrapper = (0, _react.useCallback)(function (event) {
     var isModifierKeyPressed = (0, _utils.isSpecialKey)(event) || (0, _utils.isSpecialClick)(event);
@@ -108,15 +114,10 @@ function Component(_ref) {
       definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
       isModifierKeyPressed: isModifierKeyPressed
     });
-    if ((0, _platformFeatureFlags.fg)('platform_smartlink_3pclick_analytics')) {
-      if (thirdPartyARI && thirdPartyARI.startsWith(thirdPartyARIPrefix)) {
-        var clickURL = (0, _helpers.getClickUrl)(url, state.details);
-        if (clickURL === url && fire3PClickEvent) {
-          // For questions or concerns about this event,
-          // please reach out to the 3P Workflows Team via Slack in #help-3p-connector-workflow
-          fire3PClickEvent();
-        }
-      }
+    if (shouldFire3PClickEvent) {
+      // For questions or concerns about this event,
+      // please reach out to the 3P Workflows Team via Slack in #help-3p-connector-workflow
+      fire3PClickEvent === null || fire3PClickEvent === void 0 || fire3PClickEvent();
     }
     var isDisablePreviewPanel = disablePreviewPanel && (0, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true, {
       exposure: true
@@ -165,7 +166,35 @@ function Component(_ref) {
       }
       (0, _click.fireLinkClickedEvent)(createAnalyticsEvent)(event);
     }
-  }, [fireEvent, id, isFlexibleUi, appearance, definitionId, onClick, url, state.details, ari, name, fire3PClickEvent, isPreviewPanelAvailable, openPreviewPanel, createAnalyticsEvent, thirdPartyARI, disablePreviewPanel]);
+  }, [fireEvent, id, isFlexibleUi, appearance, definitionId, 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 () {
+    if (shouldFire3PClickEvent) {
+      (0, _expValEquals.expValEquals)(TRACK_NON_PRIMARY_3P_CLICKS_EXPERIMENT, 'isEnabled', true);
+    }
+  }, [shouldFire3PClickEvent]);
+
+  // Middle-click handler to trigger fire3PClickEvent on middle-clicks.
+  // Scope is limited to 3P click analytics to keep the experiment focused.
+  var handleFrameAuxClick = (0, _react.useCallback)(function (event) {
+    // isAuxClick filters Windows right-clicks (button === 2) that also fire onAuxClick.
+    if ((0, _clickHelpers.isAuxClick)(event) && shouldFire3PClickEvent && (0, _expValEqualsNoExposure.expValEqualsNoExposure)(TRACK_NON_PRIMARY_3P_CLICKS_EXPERIMENT, 'isEnabled', true)) {
+      fire3PClickEvent === null || fire3PClickEvent === void 0 || fire3PClickEvent({
+        isAuxClick: true
+      });
+    }
+  }, [fire3PClickEvent, 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 (shouldFire3PClickEvent && (0, _expValEqualsNoExposure.expValEqualsNoExposure)(TRACK_NON_PRIMARY_3P_CLICKS_EXPERIMENT, 'isEnabled', true)) {
+      fire3PClickEvent === null || fire3PClickEvent === void 0 || fire3PClickEvent({
+        isContextMenu: true
+      });
+    }
+  }, [fire3PClickEvent, shouldFire3PClickEvent]);
   var handleAuthorize = (0, _react.useCallback)(function () {
     return actions.authorize(appearance);
   }, [actions, appearance]);
@@ -301,6 +330,8 @@ function Component(_ref) {
         cardState: state,
         handleAuthorize: services.length && handleAuthorize || undefined,
         handleFrameClick: handleClickWrapper,
+        handleFrameAuxClick: handleFrameAuxClick,
+        handleFrameContextMenu: handleFrameContextMenu,
         isSelected: isSelected,
         isHovered: isHovered,
         onResolve: onResolve,

package/dist/cjs/view/InlineCard/Frame/index.js

@@ -14,6 +14,8 @@ var Frame = exports.Frame = /*#__PURE__*/(0, _react.forwardRef)(function (props,
   var isSelected = props.isSelected,
     children = props.children,
     onClick = props.onClick,
+    onAuxClick = props.onAuxClick,
+    onContextMenu = props.onContextMenu,
     link = props.link,
     viewType = props.viewType,
     withoutBackground = props.withoutBackground,
@@ -52,6 +54,8 @@ var Frame = exports.Frame = /*#__PURE__*/(0, _react.forwardRef)(function (props,
     tabIndex: isInteractive && ((0, _platformFeatureFlags.fg)('navx-3611-inline-card-a11y-role-fix') ? !link : true) ? 0 : undefined,
     role: isInteractive && ((0, _platformFeatureFlags.fg)('navx-3611-inline-card-a11y-role-fix') ? !link : true) ? 'button' : undefined,
     onClick: handleClick,
+    onAuxClick: onAuxClick,
+    onContextMenu: onContextMenu,
     onMouseDown: handleMouseDown,
     onKeyPress: handleKeyPress,
     "data-testid": testId

package/dist/cjs/view/InlineCard/ResolvedView/InlineCardResolvedViewFunctional.js

@@ -22,6 +22,8 @@ function InlineCardResolvedViewBase(_ref) {
     isSelected = _ref.isSelected,
     isHovered = _ref.isHovered,
     onClick = _ref.onClick,
+    onAuxClick = _ref.onAuxClick,
+    onContextMenu = _ref.onContextMenu,
     icon = _ref.icon,
     link = _ref.link,
     _ref$testId = _ref.testId,
@@ -42,6 +44,8 @@ function InlineCardResolvedViewBase(_ref) {
     isSelected: isSelected,
     isHovered: isHovered,
     onClick: onClick,
+    onAuxClick: onAuxClick,
+    onContextMenu: onContextMenu,
     truncateInline: truncateInline
   }, /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.IconAndTitleLayout, {
     emoji: titlePrefix,
@@ -68,6 +72,8 @@ function InlineCardResolvedViewFunctionalWithRovoActions(_ref2) {
     isSelected = _ref2.isSelected,
     isHovered = _ref2.isHovered,
     onClick = _ref2.onClick,
+    onAuxClick = _ref2.onAuxClick,
+    onContextMenu = _ref2.onContextMenu,
     icon = _ref2.icon,
     link = _ref2.link,
     _ref2$testId = _ref2.testId,
@@ -92,6 +98,8 @@ function InlineCardResolvedViewFunctionalWithRovoActions(_ref2) {
     isSelected: isSelected,
     isHovered: isHovered,
     onClick: onClick,
+    onAuxClick: onAuxClick,
+    onContextMenu: onContextMenu,
     truncateInline: truncateInline
   }, /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.IconAndTitleLayout, {
     emoji: titlePrefix,

package/dist/cjs/view/InlineCard/ResolvedView/index.js

@@ -75,6 +75,8 @@ var InlineCardResolvedViewClass = /*#__PURE__*/function (_React$Component) {
         isSelected = _this$props.isSelected,
         isHovered = _this$props.isHovered,
         onClick = _this$props.onClick,
+        onAuxClick = _this$props.onAuxClick,
+        onContextMenu = _this$props.onContextMenu,
         icon = _this$props.icon,
         link = _this$props.link,
         _this$props$testId = _this$props.testId,
@@ -94,6 +96,8 @@ var InlineCardResolvedViewClass = /*#__PURE__*/function (_React$Component) {
         isSelected: isSelected,
         isHovered: isHovered,
         onClick: onClick,
+        onAuxClick: onAuxClick,
+        onContextMenu: onContextMenu,
         truncateInline: truncateInline
       }, /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.IconAndTitleLayout, {
         emoji: titlePrefix,

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

@@ -66,6 +66,8 @@ var InlineCard = exports.InlineCard = function InlineCard(_ref2) {
     cardState = _ref2.cardState,
     handleAuthorize = _ref2.handleAuthorize,
     handleFrameClick = _ref2.handleFrameClick,
+    handleFrameAuxClick = _ref2.handleFrameAuxClick,
+    handleFrameContextMenu = _ref2.handleFrameContextMenu,
     isSelected = _ref2.isSelected,
     isHovered = _ref2.isHovered,
     renderers = _ref2.renderers,
@@ -132,7 +134,13 @@ var InlineCard = exports.InlineCard = function InlineCard(_ref2) {
         link: url,
         isSelected: isSelected,
         isHovered: isHovered,
-        onClick: handleFrameClick,
+        onClick: handleFrameClick
+
+        // Support middle-/right-clicks for "resolved" only — the vast majority of clicks happen here.
+        // Other states (e.g. "resolving") could be added later for completeness.
+        ,
+        onAuxClick: handleFrameAuxClick,
+        onContextMenu: handleFrameContextMenu,
         testId: testIdWithStatus,
         truncateInline: truncateInline,
         hideIconLoadingSkeleton: hideIconLoadingSkeleton

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

@@ -22,7 +22,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "44.11.3",
+  packageVersion: "44.12.0",
   componentName: 'linkUrl'
 };
 var Anchor = (0, _click.withLinkClickedEvent)('a');

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

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

@@ -3,6 +3,7 @@ import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/analytic
 import { extractSmartLinkEmbed } from '@atlaskit/link-extractors';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
 import { CardDisplay } from '../../constants';
@@ -15,6 +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 { isFlexibleUiCard } from '../../utils/flexible';
 import * as measure from '../../utils/performance';
 import { BlockCard } from '../BlockCard';
@@ -24,6 +26,7 @@ import { InlineCard } from '../InlineCard';
 import { useFire3PWorkflowsClickEvent } from '../SmartLinkEvents/useSmartLinkEvents';
 import withCardIntersectionObserver from './card-intersection-observer';
 const thirdPartyARIPrefix = 'ari:third-party';
+const TRACK_NON_PRIMARY_3P_CLICKS_EXPERIMENT = 'linking_platform_track_non_primary_3p_clicks';
 function Component({
   id,
   url,
@@ -90,6 +93,9 @@ function Component({
   // eslint-disable-next-line react-hooks/rules-of-hooks
   useFire3PWorkflowsClickEvent(firstPartyIdentifier, thirdPartyARI) : undefined;
 
+  // Shared scope guard for all 3P-click handlers.
+  const shouldFire3PClickEvent = thirdPartyARI && thirdPartyARI.startsWith(thirdPartyARIPrefix) && getClickUrl(url, state.details) === url && fire3PClickEvent && fg('platform_smartlink_3pclick_analytics');
+
   // Setup UI handlers.
   const handleClickWrapper = useCallback(event => {
     const isModifierKeyPressed = isSpecialKey(event) || isSpecialClick(event);
@@ -99,15 +105,10 @@ function Component({
       definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
       isModifierKeyPressed
     });
-    if (fg('platform_smartlink_3pclick_analytics')) {
-      if (thirdPartyARI && thirdPartyARI.startsWith(thirdPartyARIPrefix)) {
-        const clickURL = getClickUrl(url, state.details);
-        if (clickURL === url && fire3PClickEvent) {
-          // For questions or concerns about this event,
-          // please reach out to the 3P Workflows Team via Slack in #help-3p-connector-workflow
-          fire3PClickEvent();
-        }
-      }
+    if (shouldFire3PClickEvent) {
+      // For questions or concerns about this event,
+      // please reach out to the 3P Workflows Team via Slack in #help-3p-connector-workflow
+      fire3PClickEvent === null || fire3PClickEvent === void 0 ? void 0 : fire3PClickEvent();
     }
     const isDisablePreviewPanel = disablePreviewPanel && editorExperiment('platform_editor_preview_panel_linking_exp', true, {
       exposure: true
@@ -156,7 +157,35 @@ function Component({
       }
       fireLinkClickedEvent(createAnalyticsEvent)(event);
     }
-  }, [fireEvent, id, isFlexibleUi, appearance, definitionId, onClick, url, state.details, ari, name, fire3PClickEvent, isPreviewPanelAvailable, openPreviewPanel, createAnalyticsEvent, thirdPartyARI, disablePreviewPanel]);
+  }, [fireEvent, id, isFlexibleUi, appearance, definitionId, 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(() => {
+    if (shouldFire3PClickEvent) {
+      expValEquals(TRACK_NON_PRIMARY_3P_CLICKS_EXPERIMENT, 'isEnabled', true);
+    }
+  }, [shouldFire3PClickEvent]);
+
+  // Middle-click handler to trigger fire3PClickEvent on middle-clicks.
+  // Scope is limited to 3P click analytics to keep the experiment focused.
+  const handleFrameAuxClick = useCallback(event => {
+    // isAuxClick filters Windows right-clicks (button === 2) that also fire onAuxClick.
+    if (isAuxClick(event) && shouldFire3PClickEvent && expValEqualsNoExposure(TRACK_NON_PRIMARY_3P_CLICKS_EXPERIMENT, 'isEnabled', true)) {
+      fire3PClickEvent === null || fire3PClickEvent === void 0 ? void 0 : fire3PClickEvent({
+        isAuxClick: true
+      });
+    }
+  }, [fire3PClickEvent, shouldFire3PClickEvent]);
+
+  // Right-click handler to trigger fire3PClickEvent on right-clicks.
+  // Scope is limited to 3P click analytics to keep the experiment focused.
+  const handleFrameContextMenu = useCallback(_event => {
+    if (shouldFire3PClickEvent && expValEqualsNoExposure(TRACK_NON_PRIMARY_3P_CLICKS_EXPERIMENT, 'isEnabled', true)) {
+      fire3PClickEvent === null || fire3PClickEvent === void 0 ? void 0 : fire3PClickEvent({
+        isContextMenu: true
+      });
+    }
+  }, [fire3PClickEvent, shouldFire3PClickEvent]);
   const handleAuthorize = useCallback(() => actions.authorize(appearance), [actions, appearance]);
   const handleRetry = useCallback(() => {
     actions.reload();
@@ -289,6 +318,8 @@ function Component({
         cardState: state,
         handleAuthorize: services.length && handleAuthorize || undefined,
         handleFrameClick: handleClickWrapper,
+        handleFrameAuxClick: handleFrameAuxClick,
+        handleFrameContextMenu: handleFrameContextMenu,
         isSelected: isSelected,
         isHovered: isHovered,
         onResolve: onResolve,

package/dist/es2019/view/InlineCard/Frame/index.js

@@ -7,6 +7,8 @@ export const Frame = /*#__PURE__*/forwardRef((props, ref) => {
     isSelected,
     children,
     onClick,
+    onAuxClick,
+    onContextMenu,
     link,
     viewType,
     withoutBackground,
@@ -46,6 +48,8 @@ export const Frame = /*#__PURE__*/forwardRef((props, ref) => {
     tabIndex: isInteractive && (fg('navx-3611-inline-card-a11y-role-fix') ? !link : true) ? 0 : undefined,
     role: isInteractive && (fg('navx-3611-inline-card-a11y-role-fix') ? !link : true) ? 'button' : undefined,
     onClick: handleClick,
+    onAuxClick: onAuxClick,
+    onContextMenu: onContextMenu,
     onMouseDown: handleMouseDown,
     onKeyPress: handleKeyPress,
     "data-testid": testId

package/dist/es2019/view/InlineCard/ResolvedView/InlineCardResolvedViewFunctional.js

@@ -12,6 +12,8 @@ export function InlineCardResolvedViewBase({
   isSelected,
   isHovered,
   onClick,
+  onAuxClick,
+  onContextMenu,
   icon,
   link,
   testId = 'inline-card-resolved-view',
@@ -31,6 +33,8 @@ export function InlineCardResolvedViewBase({
     isSelected: isSelected,
     isHovered: isHovered,
     onClick: onClick,
+    onAuxClick: onAuxClick,
+    onContextMenu: onContextMenu,
     truncateInline: truncateInline
   }, /*#__PURE__*/React.createElement(IconAndTitleLayout, {
     emoji: titlePrefix,
@@ -56,6 +60,8 @@ export function InlineCardResolvedViewFunctionalWithRovoActions({
   isSelected,
   isHovered,
   onClick,
+  onAuxClick,
+  onContextMenu,
   icon,
   link,
   testId = 'inline-card-resolved-view',
@@ -80,6 +86,8 @@ export function InlineCardResolvedViewFunctionalWithRovoActions({
     isSelected: isSelected,
     isHovered: isHovered,
     onClick: onClick,
+    onAuxClick: onAuxClick,
+    onContextMenu: onContextMenu,
     truncateInline: truncateInline
   }, /*#__PURE__*/React.createElement(IconAndTitleLayout, {
     emoji: titlePrefix,

package/dist/es2019/view/InlineCard/ResolvedView/index.js

@@ -50,6 +50,8 @@ class InlineCardResolvedViewClass extends React.Component {
       isSelected,
       isHovered,
       onClick,
+      onAuxClick,
+      onContextMenu,
       icon,
       link,
       testId = 'inline-card-resolved-view',
@@ -68,6 +70,8 @@ class InlineCardResolvedViewClass extends React.Component {
       isSelected: isSelected,
       isHovered: isHovered,
       onClick: onClick,
+      onAuxClick: onAuxClick,
+      onContextMenu: onContextMenu,
       truncateInline: truncateInline
     }, /*#__PURE__*/React.createElement(IconAndTitleLayout, {
       emoji: titlePrefix,

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

@@ -26,6 +26,8 @@ export const InlineCard = ({
   cardState,
   handleAuthorize,
   handleFrameClick,
+  handleFrameAuxClick,
+  handleFrameContextMenu,
   isSelected,
   isHovered,
   renderers,
@@ -97,7 +99,13 @@ export const InlineCard = ({
         link: url,
         isSelected: isSelected,
         isHovered: isHovered,
-        onClick: handleFrameClick,
+        onClick: handleFrameClick
+
+        // Support middle-/right-clicks for "resolved" only — the vast majority of clicks happen here.
+        // Other states (e.g. "resolving") could be added later for completeness.
+        ,
+        onAuxClick: handleFrameAuxClick,
+        onContextMenu: handleFrameContextMenu,
         testId: testIdWithStatus,
         truncateInline: truncateInline,
         hideIconLoadingSkeleton: hideIconLoadingSkeleton

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

@@ -12,7 +12,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "44.11.3",
+  packageVersion: "44.12.0",
   componentName: 'linkUrl'
 };
 const Anchor = withLinkClickedEvent('a');

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

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

@@ -6,6 +6,7 @@ import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/analytic
 import { extractSmartLinkEmbed } from '@atlaskit/link-extractors';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
 import { CardDisplay } from '../../constants';
@@ -18,6 +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 { isAuxClick } from '../../utils/click-helpers';
 import { isFlexibleUiCard } from '../../utils/flexible';
 import * as measure from '../../utils/performance';
 import { BlockCard } from '../BlockCard';
@@ -27,6 +29,7 @@ import { InlineCard } from '../InlineCard';
 import { useFire3PWorkflowsClickEvent } from '../SmartLinkEvents/useSmartLinkEvents';
 import withCardIntersectionObserver from './card-intersection-observer';
 var thirdPartyARIPrefix = 'ari:third-party';
+var TRACK_NON_PRIMARY_3P_CLICKS_EXPERIMENT = 'linking_platform_track_non_primary_3p_clicks';
 function Component(_ref) {
   var id = _ref.id,
     url = _ref.url,
@@ -90,6 +93,9 @@ function Component(_ref) {
   // eslint-disable-next-line react-hooks/rules-of-hooks
   useFire3PWorkflowsClickEvent(firstPartyIdentifier, thirdPartyARI) : undefined;
 
+  // Shared scope guard for all 3P-click handlers.
+  var shouldFire3PClickEvent = thirdPartyARI && thirdPartyARI.startsWith(thirdPartyARIPrefix) && getClickUrl(url, state.details) === url && fire3PClickEvent && fg('platform_smartlink_3pclick_analytics');
+
   // Setup UI handlers.
   var handleClickWrapper = useCallback(function (event) {
     var isModifierKeyPressed = isSpecialKey(event) || isSpecialClick(event);
@@ -99,15 +105,10 @@ function Component(_ref) {
       definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
       isModifierKeyPressed: isModifierKeyPressed
     });
-    if (fg('platform_smartlink_3pclick_analytics')) {
-      if (thirdPartyARI && thirdPartyARI.startsWith(thirdPartyARIPrefix)) {
-        var clickURL = getClickUrl(url, state.details);
-        if (clickURL === url && fire3PClickEvent) {
-          // For questions or concerns about this event,
-          // please reach out to the 3P Workflows Team via Slack in #help-3p-connector-workflow
-          fire3PClickEvent();
-        }
-      }
+    if (shouldFire3PClickEvent) {
+      // For questions or concerns about this event,
+      // please reach out to the 3P Workflows Team via Slack in #help-3p-connector-workflow
+      fire3PClickEvent === null || fire3PClickEvent === void 0 || fire3PClickEvent();
     }
     var isDisablePreviewPanel = disablePreviewPanel && editorExperiment('platform_editor_preview_panel_linking_exp', true, {
       exposure: true
@@ -156,7 +157,35 @@ function Component(_ref) {
       }
       fireLinkClickedEvent(createAnalyticsEvent)(event);
     }
-  }, [fireEvent, id, isFlexibleUi, appearance, definitionId, onClick, url, state.details, ari, name, fire3PClickEvent, isPreviewPanelAvailable, openPreviewPanel, createAnalyticsEvent, thirdPartyARI, disablePreviewPanel]);
+  }, [fireEvent, id, isFlexibleUi, appearance, definitionId, 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 () {
+    if (shouldFire3PClickEvent) {
+      expValEquals(TRACK_NON_PRIMARY_3P_CLICKS_EXPERIMENT, 'isEnabled', true);
+    }
+  }, [shouldFire3PClickEvent]);
+
+  // Middle-click handler to trigger fire3PClickEvent on middle-clicks.
+  // Scope is limited to 3P click analytics to keep the experiment focused.
+  var handleFrameAuxClick = useCallback(function (event) {
+    // isAuxClick filters Windows right-clicks (button === 2) that also fire onAuxClick.
+    if (isAuxClick(event) && shouldFire3PClickEvent && expValEqualsNoExposure(TRACK_NON_PRIMARY_3P_CLICKS_EXPERIMENT, 'isEnabled', true)) {
+      fire3PClickEvent === null || fire3PClickEvent === void 0 || fire3PClickEvent({
+        isAuxClick: true
+      });
+    }
+  }, [fire3PClickEvent, shouldFire3PClickEvent]);
+
+  // Right-click handler to trigger fire3PClickEvent on right-clicks.
+  // Scope is limited to 3P click analytics to keep the experiment focused.
+  var handleFrameContextMenu = useCallback(function (_event) {
+    if (shouldFire3PClickEvent && expValEqualsNoExposure(TRACK_NON_PRIMARY_3P_CLICKS_EXPERIMENT, 'isEnabled', true)) {
+      fire3PClickEvent === null || fire3PClickEvent === void 0 || fire3PClickEvent({
+        isContextMenu: true
+      });
+    }
+  }, [fire3PClickEvent, shouldFire3PClickEvent]);
   var handleAuthorize = useCallback(function () {
     return actions.authorize(appearance);
   }, [actions, appearance]);
@@ -292,6 +321,8 @@ function Component(_ref) {
         cardState: state,
         handleAuthorize: services.length && handleAuthorize || undefined,
         handleFrameClick: handleClickWrapper,
+        handleFrameAuxClick: handleFrameAuxClick,
+        handleFrameContextMenu: handleFrameContextMenu,
         isSelected: isSelected,
         isHovered: isHovered,
         onResolve: onResolve,

package/dist/esm/view/InlineCard/Frame/index.js

@@ -6,6 +6,8 @@ export var Frame = /*#__PURE__*/forwardRef(function (props, ref) {
   var isSelected = props.isSelected,
     children = props.children,
     onClick = props.onClick,
+    onAuxClick = props.onAuxClick,
+    onContextMenu = props.onContextMenu,
     link = props.link,
     viewType = props.viewType,
     withoutBackground = props.withoutBackground,
@@ -44,6 +46,8 @@ export var Frame = /*#__PURE__*/forwardRef(function (props, ref) {
     tabIndex: isInteractive && (fg('navx-3611-inline-card-a11y-role-fix') ? !link : true) ? 0 : undefined,
     role: isInteractive && (fg('navx-3611-inline-card-a11y-role-fix') ? !link : true) ? 'button' : undefined,
     onClick: handleClick,
+    onAuxClick: onAuxClick,
+    onContextMenu: onContextMenu,
     onMouseDown: handleMouseDown,
     onKeyPress: handleKeyPress,
     "data-testid": testId

package/dist/esm/view/InlineCard/ResolvedView/InlineCardResolvedViewFunctional.js

@@ -13,6 +13,8 @@ export function InlineCardResolvedViewBase(_ref) {
     isSelected = _ref.isSelected,
     isHovered = _ref.isHovered,
     onClick = _ref.onClick,
+    onAuxClick = _ref.onAuxClick,
+    onContextMenu = _ref.onContextMenu,
     icon = _ref.icon,
     link = _ref.link,
     _ref$testId = _ref.testId,
@@ -33,6 +35,8 @@ export function InlineCardResolvedViewBase(_ref) {
     isSelected: isSelected,
     isHovered: isHovered,
     onClick: onClick,
+    onAuxClick: onAuxClick,
+    onContextMenu: onContextMenu,
     truncateInline: truncateInline
   }, /*#__PURE__*/React.createElement(IconAndTitleLayout, {
     emoji: titlePrefix,
@@ -59,6 +63,8 @@ export function InlineCardResolvedViewFunctionalWithRovoActions(_ref2) {
     isSelected = _ref2.isSelected,
     isHovered = _ref2.isHovered,
     onClick = _ref2.onClick,
+    onAuxClick = _ref2.onAuxClick,
+    onContextMenu = _ref2.onContextMenu,
     icon = _ref2.icon,
     link = _ref2.link,
     _ref2$testId = _ref2.testId,
@@ -83,6 +89,8 @@ export function InlineCardResolvedViewFunctionalWithRovoActions(_ref2) {
     isSelected: isSelected,
     isHovered: isHovered,
     onClick: onClick,
+    onAuxClick: onAuxClick,
+    onContextMenu: onContextMenu,
     truncateInline: truncateInline
   }, /*#__PURE__*/React.createElement(IconAndTitleLayout, {
     emoji: titlePrefix,

package/dist/esm/view/InlineCard/ResolvedView/index.js

@@ -68,6 +68,8 @@ var InlineCardResolvedViewClass = /*#__PURE__*/function (_React$Component) {
         isSelected = _this$props.isSelected,
         isHovered = _this$props.isHovered,
         onClick = _this$props.onClick,
+        onAuxClick = _this$props.onAuxClick,
+        onContextMenu = _this$props.onContextMenu,
         icon = _this$props.icon,
         link = _this$props.link,
         _this$props$testId = _this$props.testId,
@@ -87,6 +89,8 @@ var InlineCardResolvedViewClass = /*#__PURE__*/function (_React$Component) {
         isSelected: isSelected,
         isHovered: isHovered,
         onClick: onClick,
+        onAuxClick: onAuxClick,
+        onContextMenu: onContextMenu,
         truncateInline: truncateInline
       }, /*#__PURE__*/React.createElement(IconAndTitleLayout, {
         emoji: titlePrefix,

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

@@ -28,6 +28,8 @@ export var InlineCard = function InlineCard(_ref2) {
     cardState = _ref2.cardState,
     handleAuthorize = _ref2.handleAuthorize,
     handleFrameClick = _ref2.handleFrameClick,
+    handleFrameAuxClick = _ref2.handleFrameAuxClick,
+    handleFrameContextMenu = _ref2.handleFrameContextMenu,
     isSelected = _ref2.isSelected,
     isHovered = _ref2.isHovered,
     renderers = _ref2.renderers,
@@ -94,7 +96,13 @@ export var InlineCard = function InlineCard(_ref2) {
         link: url,
         isSelected: isSelected,
         isHovered: isHovered,
-        onClick: handleFrameClick,
+        onClick: handleFrameClick
+
+        // Support middle-/right-clicks for "resolved" only — the vast majority of clicks happen here.
+        // Other states (e.g. "resolving") could be added later for completeness.
+        ,
+        onAuxClick: handleFrameAuxClick,
+        onContextMenu: handleFrameContextMenu,
         testId: testIdWithStatus,
         truncateInline: truncateInline,
         hideIconLoadingSkeleton: hideIconLoadingSkeleton

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

@@ -15,7 +15,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "44.11.3",
+  packageVersion: "44.12.0",
   componentName: 'linkUrl'
 };
 var Anchor = withLinkClickedEvent('a');

package/dist/types/view/InlineCard/Frame/index.d.ts

@@ -8,8 +8,12 @@ export interface FrameViewProps {
     /** A flag that determines whether the card is selected in edit mode. */
     isSelected?: boolean;
     link?: string;
+    /** Optional middle-click handler. */
+    onAuxClick?: React.EventHandler<React.MouseEvent>;
     /** The optional click handler */
     onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    /** Optional right-click handler. */
+    onContextMenu?: React.EventHandler<React.MouseEvent>;
     /** A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests */
     testId?: string;
     /** A flag that determines whether a card is truncated to 1 line */

package/dist/types/view/InlineCard/ResolvedView/InlineCardResolvedViewFunctional.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { type InlineCardResolvedViewFunctionalProps } from './types';
-export declare function InlineCardResolvedViewBase({ id, title, isSelected, isHovered, onClick, icon, link, testId, titleTextColor, titlePrefix, showHoverPreview, hoverPreviewOptions, actionOptions, truncateInline, type, hideIconLoadingSkeleton, lozenge, }: InlineCardResolvedViewFunctionalProps): React.JSX.Element;
-export declare function InlineCardResolvedViewFunctionalWithRovoActions({ id, title, isSelected, isHovered, onClick, icon, link, testId, titleTextColor, titlePrefix, showHoverPreview, hoverPreviewOptions, actionOptions, truncateInline, type, hideIconLoadingSkeleton, lozenge, }: InlineCardResolvedViewFunctionalProps): React.JSX.Element;
+export declare function InlineCardResolvedViewBase({ id, title, isSelected, isHovered, onClick, onAuxClick, onContextMenu, icon, link, testId, titleTextColor, titlePrefix, showHoverPreview, hoverPreviewOptions, actionOptions, truncateInline, type, hideIconLoadingSkeleton, lozenge, }: InlineCardResolvedViewFunctionalProps): React.JSX.Element;
+export declare function InlineCardResolvedViewFunctionalWithRovoActions({ id, title, isSelected, isHovered, onClick, onAuxClick, onContextMenu, icon, link, testId, titleTextColor, titlePrefix, showHoverPreview, hoverPreviewOptions, actionOptions, truncateInline, type, hideIconLoadingSkeleton, lozenge, }: InlineCardResolvedViewFunctionalProps): React.JSX.Element;
 export declare const InlineCardResolvedViewFunctional: React.FC<InlineCardResolvedViewFunctionalProps>;

package/dist/types/view/InlineCard/ResolvedView/index.d.ts

@@ -24,8 +24,12 @@ export interface InlineCardResolvedViewProps {
     link?: string;
     /** The the optional lozenge that might represent the statux of the resource */
     lozenge?: LozengeProps;
+    /** Optional middle-click handler. */
+    onAuxClick?: React.EventHandler<React.MouseEvent>;
     /** The optional click handler */
     onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    /** Optional right-click handler. */
+    onContextMenu?: React.EventHandler<React.MouseEvent>;
     /** Enables showing a custom preview on hover of link */
     showHoverPreview?: boolean;
     /** A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests */

package/dist/types/view/InlineCard/ResolvedView/types.d.ts

@@ -23,8 +23,12 @@ export interface InlineCardResolvedViewFunctionalProps {
     link?: string;
     /** The the optional lozenge that might represent the statux of the resource */
     lozenge?: LozengeProps;
+    /** Optional middle-click handler. */
+    onAuxClick?: React.EventHandler<React.MouseEvent>;
     /** The optional click handler */
     onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    /** Optional right-click handler. */
+    onContextMenu?: React.EventHandler<React.MouseEvent>;
     /** Enables showing a custom preview on hover of link */
     showHoverPreview?: boolean;
     /** A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests */

package/dist/types/view/InlineCard/index.d.ts

@@ -6,4 +6,4 @@ import { InlineCardResolvingView } from './ResolvingView';
 import { type InlineCardProps } from './types';
 import { InlineCardUnauthorizedView } from './UnauthorisedView';
 export { InlineCardResolvedView, InlineCardResolvingView, InlineCardErroredView, InlineCardForbiddenView, InlineCardUnauthorizedView, };
-export declare const InlineCard: ({ id, url, cardState, handleAuthorize, handleFrameClick, isSelected, isHovered, renderers, onResolve, onError, testId, inlinePreloaderStyle, showHoverPreview, hoverPreviewOptions, actionOptions, removeTextHighlightingFromTitle, resolvingPlaceholder, truncateInline, hideIconLoadingSkeleton, }: InlineCardProps) => React.JSX.Element;
+export declare const InlineCard: ({ id, url, cardState, handleAuthorize, handleFrameClick, handleFrameAuxClick, handleFrameContextMenu, isSelected, isHovered, renderers, onResolve, onError, testId, inlinePreloaderStyle, showHoverPreview, hoverPreviewOptions, actionOptions, removeTextHighlightingFromTitle, resolvingPlaceholder, truncateInline, hideIconLoadingSkeleton, }: InlineCardProps) => React.JSX.Element;

package/dist/types/view/InlineCard/types.d.ts

@@ -8,7 +8,11 @@ export type InlineCardProps = {
     actionOptions?: CardActionOptions;
     cardState: CardState;
     handleAuthorize: (() => void) | undefined;
+    /** Optional middle-click handler. */
+    handleFrameAuxClick?: EventHandler<MouseEvent>;
     handleFrameClick: EventHandler<MouseEvent | KeyboardEvent>;
+    /** Optional right-click handler. */
+    handleFrameContextMenu?: EventHandler<MouseEvent>;
     hideIconLoadingSkeleton?: boolean;
     hoverPreviewOptions?: HoverPreviewOptions;
     id: string;

package/dist/types-ts4.5/view/InlineCard/Frame/index.d.ts

@@ -8,8 +8,12 @@ export interface FrameViewProps {
     /** A flag that determines whether the card is selected in edit mode. */
     isSelected?: boolean;
     link?: string;
+    /** Optional middle-click handler. */
+    onAuxClick?: React.EventHandler<React.MouseEvent>;
     /** The optional click handler */
     onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    /** Optional right-click handler. */
+    onContextMenu?: React.EventHandler<React.MouseEvent>;
     /** A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests */
     testId?: string;
     /** A flag that determines whether a card is truncated to 1 line */

package/dist/types-ts4.5/view/InlineCard/ResolvedView/InlineCardResolvedViewFunctional.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { type InlineCardResolvedViewFunctionalProps } from './types';
-export declare function InlineCardResolvedViewBase({ id, title, isSelected, isHovered, onClick, icon, link, testId, titleTextColor, titlePrefix, showHoverPreview, hoverPreviewOptions, actionOptions, truncateInline, type, hideIconLoadingSkeleton, lozenge, }: InlineCardResolvedViewFunctionalProps): React.JSX.Element;
-export declare function InlineCardResolvedViewFunctionalWithRovoActions({ id, title, isSelected, isHovered, onClick, icon, link, testId, titleTextColor, titlePrefix, showHoverPreview, hoverPreviewOptions, actionOptions, truncateInline, type, hideIconLoadingSkeleton, lozenge, }: InlineCardResolvedViewFunctionalProps): React.JSX.Element;
+export declare function InlineCardResolvedViewBase({ id, title, isSelected, isHovered, onClick, onAuxClick, onContextMenu, icon, link, testId, titleTextColor, titlePrefix, showHoverPreview, hoverPreviewOptions, actionOptions, truncateInline, type, hideIconLoadingSkeleton, lozenge, }: InlineCardResolvedViewFunctionalProps): React.JSX.Element;
+export declare function InlineCardResolvedViewFunctionalWithRovoActions({ id, title, isSelected, isHovered, onClick, onAuxClick, onContextMenu, icon, link, testId, titleTextColor, titlePrefix, showHoverPreview, hoverPreviewOptions, actionOptions, truncateInline, type, hideIconLoadingSkeleton, lozenge, }: InlineCardResolvedViewFunctionalProps): React.JSX.Element;
 export declare const InlineCardResolvedViewFunctional: React.FC<InlineCardResolvedViewFunctionalProps>;

package/dist/types-ts4.5/view/InlineCard/ResolvedView/index.d.ts

@@ -24,8 +24,12 @@ export interface InlineCardResolvedViewProps {
     link?: string;
     /** The the optional lozenge that might represent the statux of the resource */
     lozenge?: LozengeProps;
+    /** Optional middle-click handler. */
+    onAuxClick?: React.EventHandler<React.MouseEvent>;
     /** The optional click handler */
     onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    /** Optional right-click handler. */
+    onContextMenu?: React.EventHandler<React.MouseEvent>;
     /** Enables showing a custom preview on hover of link */
     showHoverPreview?: boolean;
     /** A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests */

package/dist/types-ts4.5/view/InlineCard/ResolvedView/types.d.ts

@@ -23,8 +23,12 @@ export interface InlineCardResolvedViewFunctionalProps {
     link?: string;
     /** The the optional lozenge that might represent the statux of the resource */
     lozenge?: LozengeProps;
+    /** Optional middle-click handler. */
+    onAuxClick?: React.EventHandler<React.MouseEvent>;
     /** The optional click handler */
     onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    /** Optional right-click handler. */
+    onContextMenu?: React.EventHandler<React.MouseEvent>;
     /** Enables showing a custom preview on hover of link */
     showHoverPreview?: boolean;
     /** A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests */

package/dist/types-ts4.5/view/InlineCard/index.d.ts

@@ -6,4 +6,4 @@ import { InlineCardResolvingView } from './ResolvingView';
 import { type InlineCardProps } from './types';
 import { InlineCardUnauthorizedView } from './UnauthorisedView';
 export { InlineCardResolvedView, InlineCardResolvingView, InlineCardErroredView, InlineCardForbiddenView, InlineCardUnauthorizedView, };
-export declare const InlineCard: ({ id, url, cardState, handleAuthorize, handleFrameClick, isSelected, isHovered, renderers, onResolve, onError, testId, inlinePreloaderStyle, showHoverPreview, hoverPreviewOptions, actionOptions, removeTextHighlightingFromTitle, resolvingPlaceholder, truncateInline, hideIconLoadingSkeleton, }: InlineCardProps) => React.JSX.Element;
+export declare const InlineCard: ({ id, url, cardState, handleAuthorize, handleFrameClick, handleFrameAuxClick, handleFrameContextMenu, isSelected, isHovered, renderers, onResolve, onError, testId, inlinePreloaderStyle, showHoverPreview, hoverPreviewOptions, actionOptions, removeTextHighlightingFromTitle, resolvingPlaceholder, truncateInline, hideIconLoadingSkeleton, }: InlineCardProps) => React.JSX.Element;

package/dist/types-ts4.5/view/InlineCard/types.d.ts

@@ -8,7 +8,11 @@ export type InlineCardProps = {
     actionOptions?: CardActionOptions;
     cardState: CardState;
     handleAuthorize: (() => void) | undefined;
+    /** Optional middle-click handler. */
+    handleFrameAuxClick?: EventHandler<MouseEvent>;
     handleFrameClick: EventHandler<MouseEvent | KeyboardEvent>;
+    /** Optional right-click handler. */
+    handleFrameContextMenu?: EventHandler<MouseEvent>;
     hideIconLoadingSkeleton?: boolean;
     hoverPreviewOptions?: HoverPreviewOptions;
     id: string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "44.11.4",
+	"version": "44.12.1",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -48,12 +48,12 @@
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/dropdown-menu": "^16.8.0",
 		"@atlaskit/embedded-confluence": "^5.0.0",
-		"@atlaskit/feature-gate-js-client": "^5.6.0",
+		"@atlaskit/feature-gate-js-client": "^5.7.0",
 		"@atlaskit/flag": "^17.11.0",
 		"@atlaskit/form": "^15.5.0",
 		"@atlaskit/frontend-utilities": "^3.3.0",
 		"@atlaskit/heading": "^5.4.0",
-		"@atlaskit/icon": "^34.6.0",
+		"@atlaskit/icon": "^35.0.0",
 		"@atlaskit/icon-file-type": "^7.0.0",
 		"@atlaskit/icon-lab": "^6.9.0",
 		"@atlaskit/image": "^3.0.0",
@@ -77,7 +77,7 @@
 		"@atlaskit/popup": "^4.19.0",
 		"@atlaskit/primitives": "^19.0.0",
 		"@atlaskit/react-ufo": "^5.21.0",
-		"@atlaskit/rovo-triggers": "^6.1.0",
+		"@atlaskit/rovo-triggers": "^6.2.0",
 		"@atlaskit/section-message": "^8.12.0",
 		"@atlaskit/select": "^21.12.0",
 		"@atlaskit/spinner": "^19.1.0",
@@ -86,7 +86,7 @@
 		"@atlaskit/textfield": "^8.3.0",
 		"@atlaskit/theme": "^23.2.0",
 		"@atlaskit/tile": "^1.1.0",
-		"@atlaskit/tmp-editor-statsig": "^81.0.0",
+		"@atlaskit/tmp-editor-statsig": "^81.1.0",
 		"@atlaskit/tokens": "^13.0.0",
 		"@atlaskit/tooltip": "^22.2.0",
 		"@atlaskit/ufo": "^0.5.0",
@@ -116,7 +116,7 @@
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/analytics-listeners": "^10.1.0",
 		"@atlaskit/css-reset": "^7.4.0",
-		"@atlaskit/media-test-helpers": "^41.0.0",
+		"@atlaskit/media-test-helpers": "^41.1.0",
 		"@atlaskit/ssr": "workspace:^",
 		"@atlassian/a11y-jest-testing": "^0.11.0",
 		"@atlassian/analytics-tooling": "workspace:^",