@atlaskit/smart-card 43.12.1 → 43.12.2

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/smart-card
 
+## 43.12.2
+
+### Patch Changes
+
+- [`62db1dbb5e93b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/62db1dbb5e93b) -
+  Add shortlinks to link clicked events. Only for updating metrics. Experiment here -
+  smart_link_confluence_short_link_analytics.
+- Updated dependencies
+
 ## 43.12.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: "43.12.0"
+  packageVersion: "0.0.0-development"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -4,12 +4,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getKeys = exports.fireLinkClickedEvent = exports.createLinkClickedPayload = exports.buttonMap = void 0;
+exports.getKeys = exports.fireLinkClickedEvent = exports.createLinkClickedPayloadOld = exports.createLinkClickedPayloadNew = exports.createLinkClickedPayload = exports.buttonMap = void 0;
 exports.getLinkClickOutcome = getLinkClickOutcome;
 exports.withLinkClickedEvent = withLinkClickedEvent;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _userAgent = require("@atlaskit/linking-common/user-agent");
+var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _useLinkClicked = require("../../state/analytics/useLinkClicked");
 var _analytics = require("./analytics");
 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; }
@@ -78,7 +80,7 @@ function getLinkClickOutcome(e, clickType) {
   }
   return 'unknown';
 }
-var linkClickedEvent = function linkClickedEvent(_ref) {
+var linkClickedEventOld = function linkClickedEventOld(_ref) {
   var clickType = _ref.clickType,
     clickOutcome = _ref.clickOutcome,
     keysHeld = _ref.keysHeld,
@@ -95,7 +97,26 @@ var linkClickedEvent = function linkClickedEvent(_ref) {
     }
   };
 };
-var createLinkClickedPayload = exports.createLinkClickedPayload = function createLinkClickedPayload(event) {
+var linkClickedEventWithShortLink = function linkClickedEventWithShortLink(_ref2) {
+  var clickType = _ref2.clickType,
+    clickOutcome = _ref2.clickOutcome,
+    keysHeld = _ref2.keysHeld,
+    defaultPrevented = _ref2.defaultPrevented,
+    isConfluenceShortLink = _ref2.isConfluenceShortLink;
+  return {
+    action: 'clicked',
+    actionSubject: 'link',
+    eventType: 'ui',
+    attributes: {
+      clickType: clickType,
+      clickOutcome: clickOutcome,
+      keysHeld: keysHeld,
+      defaultPrevented: defaultPrevented,
+      isConfluenceShortLink: isConfluenceShortLink
+    }
+  };
+};
+var createLinkClickedPayloadOld = exports.createLinkClickedPayloadOld = function createLinkClickedPayloadOld(event) {
   // Through the `detail` property, we're able to determine if the event is (most likely) triggered via keyboard
   // https://developer.mozilla.org/en-US/docs/Web/API/UIEvent/detail
   var isKeyboard = event.nativeEvent.detail === 0;
@@ -106,7 +127,7 @@ var createLinkClickedPayload = exports.createLinkClickedPayload = function creat
   var clickOutcome = getLinkClickOutcome(event, clickType);
   var keysHeld = getKeys(event);
   var defaultPrevented = event.defaultPrevented;
-  var linkClickedEventResult = linkClickedEvent({
+  var linkClickedEventResult = linkClickedEventOld({
     clickType: clickType,
     clickOutcome: clickOutcome,
     keysHeld: keysHeld,
@@ -126,6 +147,50 @@ var createLinkClickedPayload = exports.createLinkClickedPayload = function creat
     return linkClickedEventResult;
   }
 };
+var createLinkClickedPayloadNew = exports.createLinkClickedPayloadNew = function createLinkClickedPayloadNew(event) {
+  // Through the `detail` property, we're able to determine if the event is (most likely) triggered via keyboard
+  // https://developer.mozilla.org/en-US/docs/Web/API/UIEvent/detail
+  var isKeyboard = event.nativeEvent.detail === 0;
+  var clickType = isKeyboard ? 'keyboard' : buttonMap.get(event.button);
+  if (!clickType) {
+    return;
+  }
+  var clickOutcome = getLinkClickOutcome(event, clickType);
+  var keysHeld = getKeys(event);
+  var defaultPrevented = event.defaultPrevented;
+
+  // Check if the URL is a Confluence shortLink (contains "/l/cp/")
+  var isConfluenceShortLink = false;
+  if (event.currentTarget instanceof HTMLAnchorElement) {
+    var url = event.currentTarget.href;
+    isConfluenceShortLink = url.includes('/l/cp/');
+  }
+  var linkClickedEventResult = linkClickedEventWithShortLink({
+    clickType: clickType,
+    clickOutcome: clickOutcome,
+    keysHeld: keysHeld,
+    defaultPrevented: defaultPrevented,
+    isConfluenceShortLink: isConfluenceShortLink
+  });
+
+  // if the current target is an anchor tag, we can get the href from it and use that as the url being navigated too.
+  if (event.currentTarget instanceof HTMLAnchorElement) {
+    var _url = event.currentTarget.href;
+    return _objectSpread(_objectSpread({}, linkClickedEventResult), {}, {
+      nonPrivacySafeAttributes: {
+        url: _url
+      }
+    });
+  } else {
+    // We can't get the href from the event target, so dont include the url or any non privacy safe attributes
+    return linkClickedEventResult;
+  }
+};
+var createLinkClickedPayload = exports.createLinkClickedPayload = (0, _platformFeatureFlagsReact.functionWithCondition)(function () {
+  return (0, _expValEquals.expValEquals)('smart_link_confluence_short_link_analytics', 'cohort', 'test');
+},
+// 12/17/2025: Clean up this feature gate once it's out in prod for 2 weeks - https://product-fabric.atlassian.net/browse/CCPERMS-5030
+createLinkClickedPayloadNew, createLinkClickedPayloadOld);
 var fireLinkClickedEvent = exports.fireLinkClickedEvent = function fireLinkClickedEvent(createAnalyticsEvent) {
   return function (event) {
     var overrides = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};

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: "43.12.0",
+  packageVersion: "0.0.0-development",
   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: "43.12.0"
+  packageVersion: "0.0.0-development"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -1,5 +1,7 @@
 import React from 'react';
 import { browser } from '@atlaskit/linking-common/user-agent';
+import { functionWithCondition } from '@atlaskit/platform-feature-flags-react';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { useLinkClicked, useMouseDownEvent } from '../../state/analytics/useLinkClicked';
 import { ANALYTICS_CHANNEL } from './analytics';
 export const buttonMap = new Map([[undefined, 'none'], [0, 'left'], [1, 'middle'], [2, 'right']]);
@@ -65,7 +67,7 @@ export function getLinkClickOutcome(e, clickType) {
   }
   return 'unknown';
 }
-const linkClickedEvent = ({
+const linkClickedEventOld = ({
   clickType,
   clickOutcome,
   keysHeld,
@@ -81,7 +83,25 @@ const linkClickedEvent = ({
     defaultPrevented
   }
 });
-export const createLinkClickedPayload = event => {
+const linkClickedEventWithShortLink = ({
+  clickType,
+  clickOutcome,
+  keysHeld,
+  defaultPrevented,
+  isConfluenceShortLink
+}) => ({
+  action: 'clicked',
+  actionSubject: 'link',
+  eventType: 'ui',
+  attributes: {
+    clickType,
+    clickOutcome,
+    keysHeld,
+    defaultPrevented,
+    isConfluenceShortLink
+  }
+});
+export const createLinkClickedPayloadOld = event => {
   // Through the `detail` property, we're able to determine if the event is (most likely) triggered via keyboard
   // https://developer.mozilla.org/en-US/docs/Web/API/UIEvent/detail
   const isKeyboard = event.nativeEvent.detail === 0;
@@ -92,7 +112,7 @@ export const createLinkClickedPayload = event => {
   const clickOutcome = getLinkClickOutcome(event, clickType);
   const keysHeld = getKeys(event);
   const defaultPrevented = event.defaultPrevented;
-  const linkClickedEventResult = linkClickedEvent({
+  const linkClickedEventResult = linkClickedEventOld({
     clickType,
     clickOutcome,
     keysHeld,
@@ -113,6 +133,49 @@ export const createLinkClickedPayload = event => {
     return linkClickedEventResult;
   }
 };
+export const createLinkClickedPayloadNew = event => {
+  // Through the `detail` property, we're able to determine if the event is (most likely) triggered via keyboard
+  // https://developer.mozilla.org/en-US/docs/Web/API/UIEvent/detail
+  const isKeyboard = event.nativeEvent.detail === 0;
+  const clickType = isKeyboard ? 'keyboard' : buttonMap.get(event.button);
+  if (!clickType) {
+    return;
+  }
+  const clickOutcome = getLinkClickOutcome(event, clickType);
+  const keysHeld = getKeys(event);
+  const defaultPrevented = event.defaultPrevented;
+
+  // Check if the URL is a Confluence shortLink (contains "/l/cp/")
+  let isConfluenceShortLink = false;
+  if (event.currentTarget instanceof HTMLAnchorElement) {
+    const url = event.currentTarget.href;
+    isConfluenceShortLink = url.includes('/l/cp/');
+  }
+  const linkClickedEventResult = linkClickedEventWithShortLink({
+    clickType,
+    clickOutcome,
+    keysHeld,
+    defaultPrevented,
+    isConfluenceShortLink
+  });
+
+  // if the current target is an anchor tag, we can get the href from it and use that as the url being navigated too.
+  if (event.currentTarget instanceof HTMLAnchorElement) {
+    const url = event.currentTarget.href;
+    return {
+      ...linkClickedEventResult,
+      nonPrivacySafeAttributes: {
+        url
+      }
+    };
+  } else {
+    // We can't get the href from the event target, so dont include the url or any non privacy safe attributes
+    return linkClickedEventResult;
+  }
+};
+export const createLinkClickedPayload = functionWithCondition(() => expValEquals('smart_link_confluence_short_link_analytics', 'cohort', 'test'),
+// 12/17/2025: Clean up this feature gate once it's out in prod for 2 weeks - https://product-fabric.atlassian.net/browse/CCPERMS-5030
+createLinkClickedPayloadNew, createLinkClickedPayloadOld);
 export const fireLinkClickedEvent = createAnalyticsEvent => (event, overrides = {}) => {
   const payload = createLinkClickedPayload(event);
   if (payload) {

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: "43.12.0",
+  packageVersion: "0.0.0-development",
   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: "43.12.0"
+  packageVersion: "0.0.0-development"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -3,6 +3,8 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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 from 'react';
 import { browser } from '@atlaskit/linking-common/user-agent';
+import { functionWithCondition } from '@atlaskit/platform-feature-flags-react';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { useLinkClicked, useMouseDownEvent } from '../../state/analytics/useLinkClicked';
 import { ANALYTICS_CHANNEL } from './analytics';
 export var buttonMap = new Map([[undefined, 'none'], [0, 'left'], [1, 'middle'], [2, 'right']]);
@@ -69,7 +71,7 @@ export function getLinkClickOutcome(e, clickType) {
   }
   return 'unknown';
 }
-var linkClickedEvent = function linkClickedEvent(_ref) {
+var linkClickedEventOld = function linkClickedEventOld(_ref) {
   var clickType = _ref.clickType,
     clickOutcome = _ref.clickOutcome,
     keysHeld = _ref.keysHeld,
@@ -86,7 +88,26 @@ var linkClickedEvent = function linkClickedEvent(_ref) {
     }
   };
 };
-export var createLinkClickedPayload = function createLinkClickedPayload(event) {
+var linkClickedEventWithShortLink = function linkClickedEventWithShortLink(_ref2) {
+  var clickType = _ref2.clickType,
+    clickOutcome = _ref2.clickOutcome,
+    keysHeld = _ref2.keysHeld,
+    defaultPrevented = _ref2.defaultPrevented,
+    isConfluenceShortLink = _ref2.isConfluenceShortLink;
+  return {
+    action: 'clicked',
+    actionSubject: 'link',
+    eventType: 'ui',
+    attributes: {
+      clickType: clickType,
+      clickOutcome: clickOutcome,
+      keysHeld: keysHeld,
+      defaultPrevented: defaultPrevented,
+      isConfluenceShortLink: isConfluenceShortLink
+    }
+  };
+};
+export var createLinkClickedPayloadOld = function createLinkClickedPayloadOld(event) {
   // Through the `detail` property, we're able to determine if the event is (most likely) triggered via keyboard
   // https://developer.mozilla.org/en-US/docs/Web/API/UIEvent/detail
   var isKeyboard = event.nativeEvent.detail === 0;
@@ -97,7 +118,7 @@ export var createLinkClickedPayload = function createLinkClickedPayload(event) {
   var clickOutcome = getLinkClickOutcome(event, clickType);
   var keysHeld = getKeys(event);
   var defaultPrevented = event.defaultPrevented;
-  var linkClickedEventResult = linkClickedEvent({
+  var linkClickedEventResult = linkClickedEventOld({
     clickType: clickType,
     clickOutcome: clickOutcome,
     keysHeld: keysHeld,
@@ -117,6 +138,50 @@ export var createLinkClickedPayload = function createLinkClickedPayload(event) {
     return linkClickedEventResult;
   }
 };
+export var createLinkClickedPayloadNew = function createLinkClickedPayloadNew(event) {
+  // Through the `detail` property, we're able to determine if the event is (most likely) triggered via keyboard
+  // https://developer.mozilla.org/en-US/docs/Web/API/UIEvent/detail
+  var isKeyboard = event.nativeEvent.detail === 0;
+  var clickType = isKeyboard ? 'keyboard' : buttonMap.get(event.button);
+  if (!clickType) {
+    return;
+  }
+  var clickOutcome = getLinkClickOutcome(event, clickType);
+  var keysHeld = getKeys(event);
+  var defaultPrevented = event.defaultPrevented;
+
+  // Check if the URL is a Confluence shortLink (contains "/l/cp/")
+  var isConfluenceShortLink = false;
+  if (event.currentTarget instanceof HTMLAnchorElement) {
+    var url = event.currentTarget.href;
+    isConfluenceShortLink = url.includes('/l/cp/');
+  }
+  var linkClickedEventResult = linkClickedEventWithShortLink({
+    clickType: clickType,
+    clickOutcome: clickOutcome,
+    keysHeld: keysHeld,
+    defaultPrevented: defaultPrevented,
+    isConfluenceShortLink: isConfluenceShortLink
+  });
+
+  // if the current target is an anchor tag, we can get the href from it and use that as the url being navigated too.
+  if (event.currentTarget instanceof HTMLAnchorElement) {
+    var _url = event.currentTarget.href;
+    return _objectSpread(_objectSpread({}, linkClickedEventResult), {}, {
+      nonPrivacySafeAttributes: {
+        url: _url
+      }
+    });
+  } else {
+    // We can't get the href from the event target, so dont include the url or any non privacy safe attributes
+    return linkClickedEventResult;
+  }
+};
+export var createLinkClickedPayload = functionWithCondition(function () {
+  return expValEquals('smart_link_confluence_short_link_analytics', 'cohort', 'test');
+},
+// 12/17/2025: Clean up this feature gate once it's out in prod for 2 weeks - https://product-fabric.atlassian.net/browse/CCPERMS-5030
+createLinkClickedPayloadNew, createLinkClickedPayloadOld);
 export var fireLinkClickedEvent = function fireLinkClickedEvent(createAnalyticsEvent) {
   return function (event) {
     var overrides = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};

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: "43.12.0",
+  packageVersion: "0.0.0-development",
   componentName: 'linkUrl'
 };
 var Anchor = withLinkClickedEvent('a');

package/dist/types/utils/analytics/click.d.ts

@@ -7,6 +7,8 @@ import { type ClickOutcome, type ClickType, type UiLinkClickedEventProps } from
 export declare const buttonMap: Map<number | undefined, "left" | "right" | "none" | "middle">;
 export declare const getKeys: (e: React.MouseEvent) => ("shift" | "meta" | "alt" | "ctrl")[];
 export declare function getLinkClickOutcome(e: React.MouseEvent, clickType: ClickType): ClickOutcome;
+export declare const createLinkClickedPayloadOld: (event: React.MouseEvent) => AnalyticsPayload | undefined;
+export declare const createLinkClickedPayloadNew: (event: React.MouseEvent) => AnalyticsPayload | undefined;
 export declare const createLinkClickedPayload: (event: React.MouseEvent) => AnalyticsPayload | undefined;
 type DeepPartial<T> = T extends object ? {
     [P in keyof T]?: DeepPartial<T[P]>;

package/dist/types/utils/analytics/types.d.ts

@@ -21,4 +21,9 @@ export type UiLinkClickedEventProps = {
      * The keys held by the user at the time of clicking the link (which influence `clickOutcome`)
      */
     keysHeld: ('alt' | 'ctrl' | 'meta' | 'shift')[];
+    /**
+     * Whether the clicked URL is a Confluence shortLink (contains "/l/cp")
+     * Only included when the experiment is enabled
+     */
+    isConfluenceShortLink?: boolean;
 };

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

@@ -7,6 +7,8 @@ import { type ClickOutcome, type ClickType, type UiLinkClickedEventProps } from
 export declare const buttonMap: Map<number | undefined, "left" | "right" | "none" | "middle">;
 export declare const getKeys: (e: React.MouseEvent) => ("shift" | "meta" | "alt" | "ctrl")[];
 export declare function getLinkClickOutcome(e: React.MouseEvent, clickType: ClickType): ClickOutcome;
+export declare const createLinkClickedPayloadOld: (event: React.MouseEvent) => AnalyticsPayload | undefined;
+export declare const createLinkClickedPayloadNew: (event: React.MouseEvent) => AnalyticsPayload | undefined;
 export declare const createLinkClickedPayload: (event: React.MouseEvent) => AnalyticsPayload | undefined;
 type DeepPartial<T> = T extends object ? {
     [P in keyof T]?: DeepPartial<T[P]>;

package/dist/types-ts4.5/utils/analytics/types.d.ts

@@ -21,4 +21,9 @@ export type UiLinkClickedEventProps = {
      * The keys held by the user at the time of clicking the link (which influence `clickOutcome`)
      */
     keysHeld: ('alt' | 'ctrl' | 'meta' | 'shift')[];
+    /**
+     * Whether the clicked URL is a Confluence shortLink (contains "/l/cp")
+     * Only included when the experiment is enabled
+     */
+    isConfluenceShortLink?: boolean;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "43.12.1",
+	"version": "43.12.2",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -71,7 +71,7 @@
 		"@atlaskit/textarea": "^8.1.0",
 		"@atlaskit/textfield": "^8.1.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^14.2.0",
+		"@atlaskit/tmp-editor-statsig": "^14.3.0",
 		"@atlaskit/tokens": "^8.4.0",
 		"@atlaskit/tooltip": "^20.10.0",
 		"@atlaskit/ufo": "^0.4.0",
@@ -106,6 +106,7 @@
 		"@atlassian/analytics-tooling": "workspace:^",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
 		"@atlassian/gemini": "^1.23.0",
+		"@atlassian/testing-library": "^0.4.0",
 		"@testing-library/dom": "^10.1.0",
 		"@testing-library/jest-dom": "^6.4.5",
 		"@testing-library/react": "^13.4.0",