@kubesense/kubesense-browser-rum-core 1.8.0 → 2.0.0-beta.1

package/esm/domain/action/clickChain.mjs

@@ -0,0 +1,57 @@
+import { shouldIgnore } from "./frustrationIgnore.mjs";
+import { ONE_SECOND } from "@kubesense/kubesense-js-core/time";
+import { clearTimeout, setTimeout } from "@kubesense/kubesense-browser-core";
+//#region src/domain/action/clickChain.ts
+const MAX_DURATION_BETWEEN_CLICKS = ONE_SECOND;
+function createClickChain(firstClick, onFinalize) {
+	const bufferedClicks = [];
+	let status = 0;
+	let maxDurationBetweenClicksTimeoutId;
+	appendClick(firstClick);
+	function appendClick(click) {
+		click.stopObservable.subscribe(tryFinalize);
+		bufferedClicks.push(click);
+		clearTimeout(maxDurationBetweenClicksTimeoutId);
+		maxDurationBetweenClicksTimeoutId = setTimeout(dontAcceptMoreClick, MAX_DURATION_BETWEEN_CLICKS);
+	}
+	function tryFinalize() {
+		if (status === 1 && bufferedClicks.every((click) => click.isStopped())) {
+			status = 2;
+			onFinalize(bufferedClicks);
+		}
+	}
+	function dontAcceptMoreClick() {
+		clearTimeout(maxDurationBetweenClicksTimeoutId);
+		if (status === 0) {
+			status = 1;
+			tryFinalize();
+		}
+	}
+	return {
+		tryAppend: (click) => {
+			if (status !== 0) return false;
+			if (bufferedClicks.length > 0 && !areClicksSimilar(bufferedClicks[bufferedClicks.length - 1], click)) {
+				dontAcceptMoreClick();
+				return false;
+			}
+			appendClick(click);
+			return true;
+		},
+		stop: () => {
+			dontAcceptMoreClick();
+		}
+	};
+}
+/**
+* Checks whether two clicks are similar by comparing their rage ignore state, target, position and timestamp
+*/
+function areClicksSimilar(first, second) {
+	return shouldIgnore(first.ignore, 1) === shouldIgnore(second.ignore, 1) && first.event.target === second.event.target && mouseEventDistance(first.event, second.event) <= 100 && first.event.timeStamp - second.event.timeStamp <= MAX_DURATION_BETWEEN_CLICKS;
+}
+function mouseEventDistance(origin, other) {
+	return Math.sqrt(Math.pow(origin.clientX - other.clientX, 2) + Math.pow(origin.clientY - other.clientY, 2));
+}
+//#endregion
+export { MAX_DURATION_BETWEEN_CLICKS, createClickChain };
+
+//# sourceMappingURL=clickChain.mjs.map

package/esm/domain/action/clickChain.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"clickChain.mjs","names":[],"sources":["../../../src/domain/action/clickChain.ts"],"sourcesContent":["import type { TimeoutId } from '@kubesense/kubesense-browser-core'\nimport { ONE_SECOND } from '@kubesense/kubesense-js-core/time'\nimport { clearTimeout, setTimeout } from '@kubesense/kubesense-browser-core'\nimport type { Click } from './trackClickActions'\nimport { FrustrationIgnore, shouldIgnore } from './frustrationIgnore'\n\nexport interface ClickChain {\n  tryAppend: (click: Click) => boolean\n  stop: () => void\n}\n\nexport const MAX_DURATION_BETWEEN_CLICKS = ONE_SECOND\nexport const MAX_DISTANCE_BETWEEN_CLICKS = 100\n\nconst enum ClickChainStatus {\n  WaitingForMoreClicks,\n  WaitingForClicksToStop,\n  Finalized,\n}\n\nexport function createClickChain(firstClick: Click, onFinalize: (clicks: Click[]) => void): ClickChain {\n  const bufferedClicks: Click[] = []\n  let status = ClickChainStatus.WaitingForMoreClicks\n  let maxDurationBetweenClicksTimeoutId: TimeoutId | undefined\n  appendClick(firstClick)\n\n  function appendClick(click: Click) {\n    click.stopObservable.subscribe(tryFinalize)\n    bufferedClicks.push(click)\n    clearTimeout(maxDurationBetweenClicksTimeoutId)\n    maxDurationBetweenClicksTimeoutId = setTimeout(dontAcceptMoreClick, MAX_DURATION_BETWEEN_CLICKS)\n  }\n\n  function tryFinalize() {\n    if (status === ClickChainStatus.WaitingForClicksToStop && bufferedClicks.every((click) => click.isStopped())) {\n      status = ClickChainStatus.Finalized\n      onFinalize(bufferedClicks)\n    }\n  }\n\n  function dontAcceptMoreClick() {\n    clearTimeout(maxDurationBetweenClicksTimeoutId)\n    if (status === ClickChainStatus.WaitingForMoreClicks) {\n      status = ClickChainStatus.WaitingForClicksToStop\n      tryFinalize()\n    }\n  }\n\n  return {\n    tryAppend: (click) => {\n      if (status !== ClickChainStatus.WaitingForMoreClicks) {\n        return false\n      }\n\n      if (bufferedClicks.length > 0 && !areClicksSimilar(bufferedClicks[bufferedClicks.length - 1], click)) {\n        dontAcceptMoreClick()\n        return false\n      }\n\n      appendClick(click)\n      return true\n    },\n    stop: () => {\n      dontAcceptMoreClick()\n    },\n  }\n}\n\n/**\n * Checks whether two clicks are similar by comparing their rage ignore state, target, position and timestamp\n */\nfunction areClicksSimilar(first: Click, second: Click) {\n  return (\n    shouldIgnore(first.ignore, FrustrationIgnore.RAGE_CLICK) ===\n      shouldIgnore(second.ignore, FrustrationIgnore.RAGE_CLICK) &&\n    first.event.target === second.event.target &&\n    mouseEventDistance(first.event, second.event) <= MAX_DISTANCE_BETWEEN_CLICKS &&\n    first.event.timeStamp - second.event.timeStamp <= MAX_DURATION_BETWEEN_CLICKS\n  )\n}\n\nfunction mouseEventDistance(origin: MouseEvent, other: MouseEvent) {\n  return Math.sqrt(Math.pow(origin.clientX - other.clientX, 2) + Math.pow(origin.clientY - other.clientY, 2))\n}\n"],"mappings":";;;;AAWA,MAAa,8BAA8B;AAS3C,SAAgB,iBAAiB,YAAmB,YAAmD;CACrG,MAAM,iBAA0B,CAAC;CACjC,IAAI,SAAA;CACJ,IAAI;CACJ,YAAY,UAAU;CAEtB,SAAS,YAAY,OAAc;EACjC,MAAM,eAAe,UAAU,WAAW;EAC1C,eAAe,KAAK,KAAK;EACzB,aAAa,iCAAiC;EAC9C,oCAAoC,WAAW,qBAAqB,2BAA2B;CACjG;CAEA,SAAS,cAAc;EACrB,IAAI,WAAA,KAAsD,eAAe,OAAO,UAAU,MAAM,UAAU,CAAC,GAAG;GAC5G,SAAA;GACA,WAAW,cAAc;EAC3B;CACF;CAEA,SAAS,sBAAsB;EAC7B,aAAa,iCAAiC;EAC9C,IAAI,WAAA,GAAkD;GACpD,SAAA;GACA,YAAY;EACd;CACF;CAEA,OAAO;EACL,YAAY,UAAU;GACpB,IAAI,WAAA,GACF,OAAO;GAGT,IAAI,eAAe,SAAS,KAAK,CAAC,iBAAiB,eAAe,eAAe,SAAS,IAAI,KAAK,GAAG;IACpG,oBAAoB;IACpB,OAAO;GACT;GAEA,YAAY,KAAK;GACjB,OAAO;EACT;EACA,YAAY;GACV,oBAAoB;EACtB;CACF;AACF;;;;AAKA,SAAS,iBAAiB,OAAc,QAAe;CACrD,OACE,aAAa,MAAM,QAAA,CAAoC,MACrD,aAAa,OAAO,QAAA,CAAoC,KAC1D,MAAM,MAAM,WAAW,OAAO,MAAM,UACpC,mBAAmB,MAAM,OAAO,OAAO,KAAK,KAAA,OAC5C,MAAM,MAAM,YAAY,OAAO,MAAM,aAAa;AAEtD;AAEA,SAAS,mBAAmB,QAAoB,OAAmB;CACjE,OAAO,KAAK,KAAK,KAAK,IAAI,OAAO,UAAU,MAAM,SAAS,CAAC,IAAI,KAAK,IAAI,OAAO,UAAU,MAAM,SAAS,CAAC,CAAC;AAC5G"}

package/esm/domain/action/computeFrustration.mjs

@@ -0,0 +1,36 @@
+import { FrustrationType } from "../../rawRumEvent.types.mjs";
+import { shouldIgnore } from "./frustrationIgnore.mjs";
+import { ONE_SECOND } from "@kubesense/kubesense-js-core/time";
+//#region src/domain/action/computeFrustration.ts
+const MIN_CLICKS_PER_SECOND_TO_CONSIDER_RAGE = 3;
+function computeFrustration(clicks, rageClick) {
+	if (isRage(clicks)) {
+		rageClick.addFrustration(FrustrationType.RAGE_CLICK);
+		if (clicks.some(isDead)) rageClick.addFrustration(FrustrationType.DEAD_CLICK);
+		if (rageClick.hasError && !shouldIgnore(rageClick.ignore, 4)) rageClick.addFrustration(FrustrationType.ERROR_CLICK);
+		return { isRage: true };
+	}
+	const hasSelectionChanged = clicks.some((click) => click.getUserActivity().selection);
+	clicks.forEach((click) => {
+		if (click.hasError && !shouldIgnore(click.ignore, 4)) click.addFrustration(FrustrationType.ERROR_CLICK);
+		if (isDead(click) && !hasSelectionChanged) click.addFrustration(FrustrationType.DEAD_CLICK);
+	});
+	return { isRage: false };
+}
+function isRage(clicks) {
+	if (clicks.some((click) => shouldIgnore(click.ignore, 1) || click.getUserActivity().selection || click.getUserActivity().scroll)) return false;
+	for (let i = 0; i < clicks.length - 2; i += 1) if (clicks[i + MIN_CLICKS_PER_SECOND_TO_CONSIDER_RAGE - 1].event.timeStamp - clicks[i].event.timeStamp <= ONE_SECOND) return true;
+	return false;
+}
+const DEAD_CLICK_EXCLUDE_SELECTOR = "input:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"button\"]):not([type=\"submit\"]):not([type=\"reset\"]):not([type=\"range\"]),textarea,select,[contenteditable],[contenteditable] *,canvas,a[href],a[href] *";
+function isDead(click) {
+	if (shouldIgnore(click.ignore, 2)) return false;
+	if (click.hasPageActivity || click.getUserActivity().input || click.getUserActivity().scroll) return false;
+	let target = click.event.target;
+	if (target.tagName === "LABEL" && target.hasAttribute("for")) target = document.getElementById(target.getAttribute("for"));
+	return !target?.matches(DEAD_CLICK_EXCLUDE_SELECTOR);
+}
+//#endregion
+export { computeFrustration, isDead, isRage };
+
+//# sourceMappingURL=computeFrustration.mjs.map

package/esm/domain/action/computeFrustration.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"computeFrustration.mjs","names":[],"sources":["../../../src/domain/action/computeFrustration.ts"],"sourcesContent":["import { ONE_SECOND } from '@kubesense/kubesense-js-core/time'\nimport { FrustrationType } from '../../rawRumEvent.types'\nimport type { Click } from './trackClickActions'\nimport { FrustrationIgnore, shouldIgnore } from './frustrationIgnore'\n\nconst MIN_CLICKS_PER_SECOND_TO_CONSIDER_RAGE = 3\n\nexport function computeFrustration(clicks: Click[], rageClick: Click) {\n  if (isRage(clicks)) {\n    rageClick.addFrustration(FrustrationType.RAGE_CLICK)\n    if (clicks.some(isDead)) {\n      rageClick.addFrustration(FrustrationType.DEAD_CLICK)\n    }\n    // The rage action is represented by the initiating click, so its policy applies to the whole action lifetime.\n    if (rageClick.hasError && !shouldIgnore(rageClick.ignore, FrustrationIgnore.ERROR_CLICK)) {\n      rageClick.addFrustration(FrustrationType.ERROR_CLICK)\n    }\n    return { isRage: true }\n  }\n\n  const hasSelectionChanged = clicks.some((click) => click.getUserActivity().selection)\n  clicks.forEach((click) => {\n    if (click.hasError && !shouldIgnore(click.ignore, FrustrationIgnore.ERROR_CLICK)) {\n      click.addFrustration(FrustrationType.ERROR_CLICK)\n    }\n    if (\n      isDead(click) &&\n      // Avoid considering clicks part of a double-click or triple-click selections as dead clicks\n      !hasSelectionChanged\n    ) {\n      click.addFrustration(FrustrationType.DEAD_CLICK)\n    }\n  })\n  return { isRage: false }\n}\n\nexport function isRage(clicks: Click[]) {\n  if (\n    clicks.some(\n      (click) =>\n        shouldIgnore(click.ignore, FrustrationIgnore.RAGE_CLICK) ||\n        click.getUserActivity().selection ||\n        click.getUserActivity().scroll\n    )\n  ) {\n    return false\n  }\n  for (let i = 0; i < clicks.length - (MIN_CLICKS_PER_SECOND_TO_CONSIDER_RAGE - 1); i += 1) {\n    if (\n      clicks[i + MIN_CLICKS_PER_SECOND_TO_CONSIDER_RAGE - 1].event.timeStamp - clicks[i].event.timeStamp <=\n      ONE_SECOND\n    ) {\n      return true\n    }\n  }\n  return false\n}\n\nconst DEAD_CLICK_EXCLUDE_SELECTOR =\n  // inputs that don't trigger a meaningful event like \"input\" when clicked, including textual\n  // inputs (using a negative selector is shorter here)\n  'input:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"button\"]):not([type=\"submit\"]):not([type=\"reset\"]):not([type=\"range\"]),' +\n  'textarea,' +\n  'select,' +\n  // contenteditable and their descendants don't always trigger meaningful changes when manipulated\n  '[contenteditable],' +\n  '[contenteditable] *,' +\n  // canvas, as there is no good way to detect activity occurring on them\n  'canvas,' +\n  // links that are interactive (have an href attribute) or any of their descendants, as they can\n  // open a new tab or navigate to a hash without triggering a meaningful event\n  'a[href],' +\n  'a[href] *'\n\nexport function isDead(click: Click) {\n  if (shouldIgnore(click.ignore, FrustrationIgnore.DEAD_CLICK)) {\n    return false\n  }\n\n  if (click.hasPageActivity || click.getUserActivity().input || click.getUserActivity().scroll) {\n    return false\n  }\n\n  let target: Element | null = click.event.target\n\n  if (target.tagName === 'LABEL' && target.hasAttribute('for')) {\n    target = document.getElementById(target.getAttribute('for')!)\n  }\n\n  return !target?.matches(DEAD_CLICK_EXCLUDE_SELECTOR)\n}\n"],"mappings":";;;;AAKA,MAAM,yCAAyC;AAE/C,SAAgB,mBAAmB,QAAiB,WAAkB;CACpE,IAAI,OAAO,MAAM,GAAG;EAClB,UAAU,eAAe,gBAAgB,UAAU;EACnD,IAAI,OAAO,KAAK,MAAM,GACpB,UAAU,eAAe,gBAAgB,UAAU;EAGrD,IAAI,UAAU,YAAY,CAAC,aAAa,UAAU,QAAA,CAAqC,GACrF,UAAU,eAAe,gBAAgB,WAAW;EAEtD,OAAO,EAAE,QAAQ,KAAK;CACxB;CAEA,MAAM,sBAAsB,OAAO,MAAM,UAAU,MAAM,gBAAgB,CAAC,CAAC,SAAS;CACpF,OAAO,SAAS,UAAU;EACxB,IAAI,MAAM,YAAY,CAAC,aAAa,MAAM,QAAA,CAAqC,GAC7E,MAAM,eAAe,gBAAgB,WAAW;EAElD,IACE,OAAO,KAAK,KAEZ,CAAC,qBAED,MAAM,eAAe,gBAAgB,UAAU;CAEnD,CAAC;CACD,OAAO,EAAE,QAAQ,MAAM;AACzB;AAEA,SAAgB,OAAO,QAAiB;CACtC,IACE,OAAO,MACJ,UACC,aAAa,MAAM,QAAA,CAAoC,KACvD,MAAM,gBAAgB,CAAC,CAAC,aACxB,MAAM,gBAAgB,CAAC,CAAC,MAC5B,GAEA,OAAO;CAET,KAAK,IAAI,IAAI,GAAG,IAAI,OAAO,SAAU,GAA6C,KAAK,GACrF,IACE,OAAO,IAAI,yCAAyC,EAAE,CAAC,MAAM,YAAY,OAAO,EAAE,CAAC,MAAM,aACzF,YAEA,OAAO;CAGX,OAAO;AACT;AAEA,MAAM,8BAGJ;AAaF,SAAgB,OAAO,OAAc;CACnC,IAAI,aAAa,MAAM,QAAA,CAAoC,GACzD,OAAO;CAGT,IAAI,MAAM,mBAAmB,MAAM,gBAAgB,CAAC,CAAC,SAAS,MAAM,gBAAgB,CAAC,CAAC,QACpF,OAAO;CAGT,IAAI,SAAyB,MAAM,MAAM;CAEzC,IAAI,OAAO,YAAY,WAAW,OAAO,aAAa,KAAK,GACzD,SAAS,SAAS,eAAe,OAAO,aAAa,KAAK,CAAE;CAG9D,OAAO,CAAC,QAAQ,QAAQ,2BAA2B;AACrD"}

package/esm/domain/action/frustrationIgnore.mjs

@@ -0,0 +1,31 @@
+import { getParentElement } from "../../browser/htmlDomUtils.mjs";
+//#region src/domain/action/frustrationIgnore.ts
+const FRUSTRATION_IGNORE_ATTRIBUTE = "data-dd-ignore-frustration";
+const ALL_FRUSTRATIONS_IGNORE_VALUE = "all";
+const RAGE_CLICK_IGNORE_VALUE = "rage-click";
+const DEAD_CLICK_IGNORE_VALUE = "dead-click";
+const ERROR_CLICK_IGNORE_VALUE = "error-click";
+function shouldIgnore(ignoredFrustrations, frustration) {
+	return (ignoredFrustrations & frustration) !== 0;
+}
+function getFrustrationIgnore(element) {
+	let frustrationIgnore = 0;
+	let currentElement = element;
+	while (currentElement) {
+		const attributeValue = currentElement.getAttribute(FRUSTRATION_IGNORE_ATTRIBUTE);
+		if (attributeValue !== null) {
+			const values = attributeValue.split(/\s+/);
+			if (attributeValue.trim() === "" || values.includes(ALL_FRUSTRATIONS_IGNORE_VALUE)) return 7;
+			if (values.includes(RAGE_CLICK_IGNORE_VALUE)) frustrationIgnore |= 1;
+			if (values.includes(DEAD_CLICK_IGNORE_VALUE)) frustrationIgnore |= 2;
+			if (values.includes(ERROR_CLICK_IGNORE_VALUE)) frustrationIgnore |= 4;
+		}
+		if (frustrationIgnore === 7) break;
+		currentElement = getParentElement(currentElement);
+	}
+	return frustrationIgnore;
+}
+//#endregion
+export { getFrustrationIgnore, shouldIgnore };
+
+//# sourceMappingURL=frustrationIgnore.mjs.map

package/esm/domain/action/frustrationIgnore.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"frustrationIgnore.mjs","names":[],"sources":["../../../src/domain/action/frustrationIgnore.ts"],"sourcesContent":["import { getParentElement } from '../../browser/htmlDomUtils'\n\nconst FRUSTRATION_IGNORE_ATTRIBUTE = 'data-dd-ignore-frustration'\nconst ALL_FRUSTRATIONS_IGNORE_VALUE = 'all'\nconst RAGE_CLICK_IGNORE_VALUE = 'rage-click'\nconst DEAD_CLICK_IGNORE_VALUE = 'dead-click'\nconst ERROR_CLICK_IGNORE_VALUE = 'error-click'\n\nexport const enum FrustrationIgnore {\n  NONE = 0,\n  RAGE_CLICK = 1,\n  DEAD_CLICK = 2,\n  ERROR_CLICK = 4,\n  ALL = 7,\n}\n\nexport function shouldIgnore(ignoredFrustrations: FrustrationIgnore, frustration: FrustrationIgnore) {\n  // eslint-disable-next-line no-bitwise\n  return (ignoredFrustrations & frustration) !== 0\n}\n\nexport function getFrustrationIgnore(element: Element): FrustrationIgnore {\n  let frustrationIgnore = FrustrationIgnore.NONE\n  let currentElement: Element | null = element\n\n  while (currentElement) {\n    const attributeValue = currentElement.getAttribute(FRUSTRATION_IGNORE_ATTRIBUTE)\n    if (attributeValue !== null) {\n      const values = attributeValue.split(/\\s+/)\n      const ignoreAll = attributeValue.trim() === '' || values.includes(ALL_FRUSTRATIONS_IGNORE_VALUE)\n      if (ignoreAll) {\n        return FrustrationIgnore.ALL\n      }\n      if (values.includes(RAGE_CLICK_IGNORE_VALUE)) {\n        // eslint-disable-next-line no-bitwise\n        frustrationIgnore |= FrustrationIgnore.RAGE_CLICK\n      }\n      if (values.includes(DEAD_CLICK_IGNORE_VALUE)) {\n        // eslint-disable-next-line no-bitwise\n        frustrationIgnore |= FrustrationIgnore.DEAD_CLICK\n      }\n      if (values.includes(ERROR_CLICK_IGNORE_VALUE)) {\n        // eslint-disable-next-line no-bitwise\n        frustrationIgnore |= FrustrationIgnore.ERROR_CLICK\n      }\n    }\n    if (frustrationIgnore === FrustrationIgnore.ALL) {\n      break\n    }\n    currentElement = getParentElement(currentElement)\n  }\n\n  return frustrationIgnore\n}\n"],"mappings":";;AAEA,MAAM,+BAA+B;AACrC,MAAM,gCAAgC;AACtC,MAAM,0BAA0B;AAChC,MAAM,0BAA0B;AAChC,MAAM,2BAA2B;AAUjC,SAAgB,aAAa,qBAAwC,aAAgC;CAEnG,QAAQ,sBAAsB,iBAAiB;AACjD;AAEA,SAAgB,qBAAqB,SAAqC;CACxE,IAAI,oBAAA;CACJ,IAAI,iBAAiC;CAErC,OAAO,gBAAgB;EACrB,MAAM,iBAAiB,eAAe,aAAa,4BAA4B;EAC/E,IAAI,mBAAmB,MAAM;GAC3B,MAAM,SAAS,eAAe,MAAM,KAAK;GAEzC,IADkB,eAAe,KAAK,MAAM,MAAM,OAAO,SAAS,6BAA6B,GAE7F,OAAA;GAEF,IAAI,OAAO,SAAS,uBAAuB,GAEzC,qBAAA;GAEF,IAAI,OAAO,SAAS,uBAAuB,GAEzC,qBAAA;GAEF,IAAI,OAAO,SAAS,wBAAwB,GAE1C,qBAAA;EAEJ;EACA,IAAI,sBAAA,GACF;EAEF,iBAAiB,iBAAiB,cAAc;CAClD;CAEA,OAAO;AACT"}

package/esm/domain/action/getActionNameFromElement.mjs

@@ -0,0 +1,163 @@
+import { getParentElement, isElementNode } from "../../browser/htmlDomUtils.mjs";
+import { ACTION_NAME_PLACEHOLDER } from "./actionNameConstants.mjs";
+import { NodePrivacyLevel } from "../privacyConstants.mjs";
+import { getNodePrivacyLevel, maskDisallowedTextContent, shouldMaskAttribute, shouldMaskNode } from "../privacy.mjs";
+import { safeTruncate } from "@kubesense/kubesense-browser-core";
+//#region src/domain/action/getActionNameFromElement.ts
+function getActionNameFromElement(element, rumConfiguration, nodePrivacyLevel = NodePrivacyLevel.ALLOW) {
+	const nodePrivacyLevelCache = /* @__PURE__ */ new Map();
+	const { actionNameAttribute: userProgrammaticAttribute } = rumConfiguration;
+	const defaultActionName = getActionNameFromElementProgrammatically(element, "data-kubesense-action-name") || userProgrammaticAttribute && getActionNameFromElementProgrammatically(element, userProgrammaticAttribute);
+	if (defaultActionName) return {
+		name: defaultActionName,
+		nameSource: "custom_attribute"
+	};
+	else if (nodePrivacyLevel === NodePrivacyLevel.MASK) return {
+		name: ACTION_NAME_PLACEHOLDER,
+		nameSource: "mask_placeholder"
+	};
+	return getActionNameFromElementForStrategies(element, priorityStrategies, rumConfiguration, nodePrivacyLevelCache) || getActionNameFromElementForStrategies(element, fallbackStrategies, rumConfiguration, nodePrivacyLevelCache) || {
+		name: "",
+		nameSource: "blank"
+	};
+}
+function getActionNameFromElementProgrammatically(targetElement, programmaticAttribute) {
+	const elementWithAttribute = closestShadowAware(targetElement, `[${programmaticAttribute}]`);
+	if (!elementWithAttribute) return;
+	return truncate(normalizeWhitespace(elementWithAttribute.getAttribute(programmaticAttribute).trim()));
+}
+function closestShadowAware(element, selector) {
+	let current = element;
+	while (current) {
+		if (current.matches(selector)) return current;
+		current = getParentElement(current);
+	}
+	return null;
+}
+const priorityStrategies = [
+	(element, rumConfiguration, nodePrivacyLevelCache) => {
+		if ("labels" in element && element.labels && element.labels.length > 0) return getActionNameFromTextualContent(element.labels[0], rumConfiguration, nodePrivacyLevelCache);
+	},
+	(element) => {
+		if (element.nodeName === "INPUT") {
+			const input = element;
+			const type = input.getAttribute("type");
+			if (type === "button" || type === "submit" || type === "reset") return {
+				name: input.value,
+				nameSource: "text_content"
+			};
+		}
+	},
+	(element, rumConfiguration, nodePrivacyLevelCache) => {
+		if (element.nodeName === "BUTTON" || element.nodeName === "LABEL" || element.getAttribute("role") === "button") return getActionNameFromTextualContent(element, rumConfiguration, nodePrivacyLevelCache);
+	},
+	(element, rumConfiguration, nodePrivacyLevelCache) => getActionNameFromStandardAttribute(element, "aria-label", rumConfiguration, nodePrivacyLevelCache),
+	(element, rumConfiguration, nodePrivacyLevelCache) => {
+		const labelledByAttribute = element.getAttribute("aria-labelledby");
+		if (labelledByAttribute) return {
+			name: labelledByAttribute.split(/\s+/).map((id) => getElementById(element, id)).filter((label) => Boolean(label)).map((element) => getTextualContent(element, rumConfiguration, nodePrivacyLevelCache)).join(" "),
+			nameSource: "text_content"
+		};
+	},
+	(element, rumConfiguration, nodePrivacyLevelCache) => getActionNameFromStandardAttribute(element, "alt", rumConfiguration, nodePrivacyLevelCache),
+	(element, rumConfiguration, nodePrivacyLevelCache) => getActionNameFromStandardAttribute(element, "name", rumConfiguration, nodePrivacyLevelCache),
+	(element, rumConfiguration, nodePrivacyLevelCache) => getActionNameFromStandardAttribute(element, "title", rumConfiguration, nodePrivacyLevelCache),
+	(element, rumConfiguration, nodePrivacyLevelCache) => getActionNameFromStandardAttribute(element, "placeholder", rumConfiguration, nodePrivacyLevelCache),
+	(element, rumConfiguration, nodePrivacyLevelCache) => {
+		if ("options" in element && element.options.length > 0) return getActionNameFromTextualContent(element.options[0], rumConfiguration, nodePrivacyLevelCache);
+	}
+];
+const fallbackStrategies = [(element, rumConfiguration, nodePrivacyLevelCache) => getActionNameFromTextualContent(element, rumConfiguration, nodePrivacyLevelCache)];
+/**
+* Iterates over the target element and its parent, using the strategies list to get an action name.
+* Each strategies are applied on each element, stopping as soon as a non-empty value is returned.
+*/
+const MAX_PARENTS_TO_CONSIDER = 10;
+function getActionNameFromElementForStrategies(targetElement, strategies, rumConfiguration, nodePrivacyLevelCache) {
+	let element = targetElement;
+	let recursionCounter = 0;
+	while (recursionCounter <= MAX_PARENTS_TO_CONSIDER && element && element.nodeName !== "BODY" && element.nodeName !== "HTML" && element.nodeName !== "HEAD") {
+		for (const strategy of strategies) {
+			const actionName = strategy(element, rumConfiguration, nodePrivacyLevelCache);
+			if (actionName) {
+				const { name, nameSource } = actionName;
+				const trimmedName = name?.trim();
+				if (trimmedName) return {
+					name: truncate(normalizeWhitespace(trimmedName)),
+					nameSource
+				};
+			}
+		}
+		if (element.nodeName === "FORM") break;
+		element = getParentElement(element);
+		recursionCounter += 1;
+	}
+}
+function normalizeWhitespace(s) {
+	return s.replace(/\s+/g, " ");
+}
+function truncate(s) {
+	return s.length > 100 ? `${safeTruncate(s, 100)} [...]` : s;
+}
+function getElementById(refElement, id) {
+	const rootNode = refElement.getRootNode();
+	if (rootNode instanceof ShadowRoot) {
+		const shadowElement = rootNode.getElementById(id);
+		if (shadowElement) return shadowElement;
+	}
+	return refElement.ownerDocument ? refElement.ownerDocument.getElementById(id) : null;
+}
+function getActionNameFromStandardAttribute(element, attribute, rumConfiguration, nodePrivacyLevelCache) {
+	const { enablePrivacyForActionName, defaultPrivacyLevel } = rumConfiguration;
+	let attributeValue = element.getAttribute(attribute);
+	if (attributeValue && enablePrivacyForActionName) {
+		const nodePrivacyLevel = getNodePrivacyLevel(element, defaultPrivacyLevel, nodePrivacyLevelCache);
+		if (shouldMaskAttribute(element.tagName, attribute, attributeValue, nodePrivacyLevel, rumConfiguration)) attributeValue = maskDisallowedTextContent(attributeValue, ACTION_NAME_PLACEHOLDER);
+	} else if (!attributeValue) attributeValue = "";
+	return {
+		name: attributeValue,
+		nameSource: "standard_attribute"
+	};
+}
+function getActionNameFromTextualContent(element, rumConfiguration, nodePrivacyLevelCache) {
+	return {
+		name: getTextualContent(element, rumConfiguration, nodePrivacyLevelCache) || "",
+		nameSource: "text_content"
+	};
+}
+function getTextualContent(element, rumConfiguration, nodePrivacyLevelCache) {
+	if (element.isContentEditable) return;
+	const { enablePrivacyForActionName, actionNameAttribute: userProgrammaticAttribute, defaultPrivacyLevel } = rumConfiguration;
+	const walker = document.createTreeWalker(element, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_TEXT, rejectInvisibleOrMaskedElementsFilter);
+	let text = "";
+	while (walker.nextNode()) {
+		const node = walker.currentNode;
+		if (isElementNode(node)) {
+			if (node.nodeName === "BR" || node.nodeName === "P" || [
+				"block",
+				"flex",
+				"grid",
+				"list-item",
+				"table",
+				"table-caption"
+			].includes(getComputedStyle(node).display)) text += " ";
+			continue;
+		}
+		text += node.textContent || "";
+	}
+	return text.replace(/\s+/g, " ").trim();
+	function rejectInvisibleOrMaskedElementsFilter(node) {
+		const nodeSelfPrivacyLevel = getNodePrivacyLevel(node, defaultPrivacyLevel, nodePrivacyLevelCache);
+		if (enablePrivacyForActionName && nodeSelfPrivacyLevel && shouldMaskNode(node, nodeSelfPrivacyLevel)) return NodeFilter.FILTER_REJECT;
+		if (isElementNode(node)) {
+			if (node.hasAttribute("data-kubesense-action-name") || userProgrammaticAttribute && node.hasAttribute(userProgrammaticAttribute)) return NodeFilter.FILTER_REJECT;
+			const style = getComputedStyle(node);
+			if (style.visibility !== "visible" || style.display === "none" || style.contentVisibility && style.contentVisibility !== "visible") return NodeFilter.FILTER_REJECT;
+		}
+		return NodeFilter.FILTER_ACCEPT;
+	}
+}
+//#endregion
+export { getActionNameFromElement };
+
+//# sourceMappingURL=getActionNameFromElement.mjs.map

package/esm/domain/action/getActionNameFromElement.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getActionNameFromElement.mjs","names":[],"sources":["../../../src/domain/action/getActionNameFromElement.ts"],"sourcesContent":["import { safeTruncate } from '@kubesense/kubesense-browser-core'\nimport { NodePrivacyLevel } from '../privacyConstants'\nimport { getNodePrivacyLevel, maskDisallowedTextContent, shouldMaskNode, shouldMaskAttribute } from '../privacy'\nimport type { NodePrivacyLevelCache } from '../privacy'\nimport type { RumConfiguration } from '../configuration'\nimport { isElementNode, getParentElement } from '../../browser/htmlDomUtils'\nimport {\n  ActionNameSource,\n  DEFAULT_PROGRAMMATIC_ACTION_NAME_ATTRIBUTE,\n  ACTION_NAME_PLACEHOLDER,\n} from './actionNameConstants'\nimport type { ActionName } from './actionNameConstants'\n\nexport function getActionNameFromElement(\n  element: Element,\n  rumConfiguration: RumConfiguration,\n  nodePrivacyLevel: NodePrivacyLevel = NodePrivacyLevel.ALLOW\n): ActionName {\n  const nodePrivacyLevelCache: NodePrivacyLevelCache = new Map()\n\n  const { actionNameAttribute: userProgrammaticAttribute } = rumConfiguration\n\n  // Proceed to get the action name in two steps:\n  // * first, get the name programmatically, explicitly defined by the user.\n  // * then, if privacy is set to mask, return a placeholder for the undefined.\n  // * if privacy is not set to mask, use strategies that are known to return good results.\n  //   Those strategies will be used on the element and a few parents, but it's likely that they won't succeed at all.\n  // * if no name is found this way, use strategies returning less accurate names as a fallback.\n  //   Those are much likely to succeed.\n  const defaultActionName =\n    getActionNameFromElementProgrammatically(element, DEFAULT_PROGRAMMATIC_ACTION_NAME_ATTRIBUTE) ||\n    (userProgrammaticAttribute && getActionNameFromElementProgrammatically(element, userProgrammaticAttribute))\n\n  if (defaultActionName) {\n    return { name: defaultActionName, nameSource: ActionNameSource.CUSTOM_ATTRIBUTE }\n  } else if (nodePrivacyLevel === NodePrivacyLevel.MASK) {\n    return { name: ACTION_NAME_PLACEHOLDER, nameSource: ActionNameSource.MASK_PLACEHOLDER }\n  }\n\n  return (\n    getActionNameFromElementForStrategies(element, priorityStrategies, rumConfiguration, nodePrivacyLevelCache) ||\n    getActionNameFromElementForStrategies(element, fallbackStrategies, rumConfiguration, nodePrivacyLevelCache) || {\n      name: '',\n      nameSource: ActionNameSource.BLANK,\n    }\n  )\n}\n\nfunction getActionNameFromElementProgrammatically(targetElement: Element, programmaticAttribute: string) {\n  // We don't use getActionNameFromElementForStrategies here, because we want to consider all parents,\n  // without limit. It is up to the user to declare a relevant naming strategy.\n  const elementWithAttribute = closestShadowAware(targetElement, `[${programmaticAttribute}]`)\n\n  if (!elementWithAttribute) {\n    return\n  }\n  const name = elementWithAttribute.getAttribute(programmaticAttribute)!\n  return truncate(normalizeWhitespace(name.trim()))\n}\n\nfunction closestShadowAware(element: Element, selector: string): Element | null {\n  let current: Element | null = element\n  while (current) {\n    if (current.matches(selector)) {\n      return current\n    }\n    current = getParentElement(current)\n  }\n  return null\n}\n\ntype NameStrategy = (\n  element: Element | HTMLElement | HTMLInputElement | HTMLSelectElement,\n  rumConfiguration: RumConfiguration,\n  nodePrivacyLevelCache: NodePrivacyLevelCache\n) => ActionName | undefined | null\n\nconst priorityStrategies: NameStrategy[] = [\n  // associated LABEL text\n  (element, rumConfiguration, nodePrivacyLevelCache) => {\n    if ('labels' in element && element.labels && element.labels.length > 0) {\n      return getActionNameFromTextualContent(element.labels[0], rumConfiguration, nodePrivacyLevelCache)\n    }\n  },\n  // INPUT button (and associated) value\n  (element) => {\n    if (element.nodeName === 'INPUT') {\n      const input = element as HTMLInputElement\n      const type = input.getAttribute('type')\n      if (type === 'button' || type === 'submit' || type === 'reset') {\n        return { name: input.value, nameSource: ActionNameSource.TEXT_CONTENT }\n      }\n    }\n  },\n  // BUTTON, LABEL or button-like element text\n  (element, rumConfiguration, nodePrivacyLevelCache) => {\n    if (element.nodeName === 'BUTTON' || element.nodeName === 'LABEL' || element.getAttribute('role') === 'button') {\n      return getActionNameFromTextualContent(element, rumConfiguration, nodePrivacyLevelCache)\n    }\n  },\n  (element, rumConfiguration, nodePrivacyLevelCache) =>\n    getActionNameFromStandardAttribute(element, 'aria-label', rumConfiguration, nodePrivacyLevelCache),\n  // associated element text designated by the aria-labelledby attribute\n  (element, rumConfiguration, nodePrivacyLevelCache) => {\n    const labelledByAttribute = element.getAttribute('aria-labelledby')\n    if (labelledByAttribute) {\n      return {\n        name: labelledByAttribute\n          .split(/\\s+/)\n          .map((id) => getElementById(element, id))\n          .filter((label): label is HTMLElement => Boolean(label))\n          .map((element) => getTextualContent(element, rumConfiguration, nodePrivacyLevelCache))\n          .join(' '),\n        nameSource: ActionNameSource.TEXT_CONTENT,\n      }\n    }\n  },\n  (element, rumConfiguration, nodePrivacyLevelCache) =>\n    getActionNameFromStandardAttribute(element, 'alt', rumConfiguration, nodePrivacyLevelCache),\n  (element, rumConfiguration, nodePrivacyLevelCache) =>\n    getActionNameFromStandardAttribute(element, 'name', rumConfiguration, nodePrivacyLevelCache),\n  (element, rumConfiguration, nodePrivacyLevelCache) =>\n    getActionNameFromStandardAttribute(element, 'title', rumConfiguration, nodePrivacyLevelCache),\n  (element, rumConfiguration, nodePrivacyLevelCache) =>\n    getActionNameFromStandardAttribute(element, 'placeholder', rumConfiguration, nodePrivacyLevelCache),\n  // SELECT first OPTION text\n  (element, rumConfiguration, nodePrivacyLevelCache) => {\n    if ('options' in element && element.options.length > 0) {\n      return getActionNameFromTextualContent(element.options[0], rumConfiguration, nodePrivacyLevelCache)\n    }\n  },\n]\n\nconst fallbackStrategies: NameStrategy[] = [\n  (element, rumConfiguration, nodePrivacyLevelCache) =>\n    getActionNameFromTextualContent(element, rumConfiguration, nodePrivacyLevelCache),\n]\n\n/**\n * Iterates over the target element and its parent, using the strategies list to get an action name.\n * Each strategies are applied on each element, stopping as soon as a non-empty value is returned.\n */\nconst MAX_PARENTS_TO_CONSIDER = 10\nfunction getActionNameFromElementForStrategies(\n  targetElement: Element,\n  strategies: NameStrategy[],\n  rumConfiguration: RumConfiguration,\n  nodePrivacyLevelCache: NodePrivacyLevelCache\n) {\n  let element: Element | null = targetElement\n  let recursionCounter = 0\n  while (\n    recursionCounter <= MAX_PARENTS_TO_CONSIDER &&\n    element &&\n    element.nodeName !== 'BODY' &&\n    element.nodeName !== 'HTML' &&\n    element.nodeName !== 'HEAD'\n  ) {\n    for (const strategy of strategies) {\n      const actionName = strategy(element, rumConfiguration, nodePrivacyLevelCache)\n      if (actionName) {\n        const { name, nameSource } = actionName\n        const trimmedName = name?.trim()\n        if (trimmedName) {\n          return { name: truncate(normalizeWhitespace(trimmedName)), nameSource }\n        }\n      }\n    }\n    // Consider a FORM as a contextual limit to get the action name.  This is experimental and may\n    // be reconsidered in the future.\n    if (element.nodeName === 'FORM') {\n      break\n    }\n    element = getParentElement(element)\n    recursionCounter += 1\n  }\n}\n\nfunction normalizeWhitespace(s: string) {\n  return s.replace(/\\s+/g, ' ')\n}\n\nfunction truncate(s: string) {\n  return s.length > 100 ? `${safeTruncate(s, 100)} [...]` : s\n}\n\nfunction getElementById(refElement: Element, id: string): HTMLElement | null {\n  const rootNode = refElement.getRootNode()\n  if (rootNode instanceof ShadowRoot) {\n    const shadowElement = rootNode.getElementById(id)\n    if (shadowElement) {\n      return shadowElement\n    }\n  }\n\n  // Use the element ownerDocument here, because tests are executed in an iframe, so\n  // document.getElementById won't work.\n  return refElement.ownerDocument ? refElement.ownerDocument.getElementById(id) : null\n}\n\nfunction getActionNameFromStandardAttribute(\n  element: Element | HTMLElement,\n  attribute: string,\n  rumConfiguration: RumConfiguration,\n  nodePrivacyLevelCache: NodePrivacyLevelCache\n): ActionName {\n  const { enablePrivacyForActionName, defaultPrivacyLevel } = rumConfiguration\n  let attributeValue = element.getAttribute(attribute)\n  if (attributeValue && enablePrivacyForActionName) {\n    const nodePrivacyLevel = getNodePrivacyLevel(element, defaultPrivacyLevel, nodePrivacyLevelCache)\n    if (shouldMaskAttribute(element.tagName, attribute, attributeValue, nodePrivacyLevel, rumConfiguration)) {\n      attributeValue = maskDisallowedTextContent(attributeValue, ACTION_NAME_PLACEHOLDER)\n    }\n  } else if (!attributeValue) {\n    attributeValue = ''\n  }\n\n  return {\n    name: attributeValue,\n    nameSource: ActionNameSource.STANDARD_ATTRIBUTE,\n  }\n}\n\nfunction getActionNameFromTextualContent(\n  element: Element | HTMLElement,\n  rumConfiguration: RumConfiguration,\n  nodePrivacyLevelCache: NodePrivacyLevelCache\n): ActionName {\n  return {\n    name: getTextualContent(element, rumConfiguration, nodePrivacyLevelCache) || '',\n    nameSource: ActionNameSource.TEXT_CONTENT,\n  }\n}\n\nfunction getTextualContent(\n  element: Element,\n  rumConfiguration: RumConfiguration,\n  nodePrivacyLevelCache: NodePrivacyLevelCache\n) {\n  if ((element as HTMLElement).isContentEditable) {\n    return\n  }\n\n  const {\n    enablePrivacyForActionName,\n    actionNameAttribute: userProgrammaticAttribute,\n    defaultPrivacyLevel,\n  } = rumConfiguration\n\n  const walker = document.createTreeWalker(\n    element,\n    // eslint-disable-next-line no-bitwise\n    NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_TEXT,\n    rejectInvisibleOrMaskedElementsFilter\n  )\n\n  let text = ''\n\n  while (walker.nextNode()) {\n    const node = walker.currentNode\n    if (isElementNode(node)) {\n      if (\n        // Following InnerText rendering spec https://html.spec.whatwg.org/multipage/dom.html#rendered-text-collection-steps\n        node.nodeName === 'BR' ||\n        node.nodeName === 'P' ||\n        ['block', 'flex', 'grid', 'list-item', 'table', 'table-caption'].includes(getComputedStyle(node).display)\n      ) {\n        text += ' '\n      }\n      continue // skip element nodes\n    }\n\n    text += node.textContent || ''\n  }\n\n  return text.replace(/\\s+/g, ' ').trim()\n\n  function rejectInvisibleOrMaskedElementsFilter(node: Node) {\n    const nodeSelfPrivacyLevel = getNodePrivacyLevel(node, defaultPrivacyLevel, nodePrivacyLevelCache)\n    if (enablePrivacyForActionName && nodeSelfPrivacyLevel && shouldMaskNode(node, nodeSelfPrivacyLevel)) {\n      return NodeFilter.FILTER_REJECT\n    }\n    if (isElementNode(node)) {\n      if (\n        node.hasAttribute(DEFAULT_PROGRAMMATIC_ACTION_NAME_ATTRIBUTE) ||\n        (userProgrammaticAttribute && node.hasAttribute(userProgrammaticAttribute))\n      ) {\n        return NodeFilter.FILTER_REJECT\n      }\n      const style = getComputedStyle(node)\n      if (\n        style.visibility !== 'visible' ||\n        style.display === 'none' ||\n        (style.contentVisibility && style.contentVisibility !== 'visible')\n        // contentVisibility is not supported in all browsers, so we need to check it\n      ) {\n        return NodeFilter.FILTER_REJECT\n      }\n    }\n\n    return NodeFilter.FILTER_ACCEPT\n  }\n}\n"],"mappings":";;;;;;AAaA,SAAgB,yBACd,SACA,kBACA,mBAAqC,iBAAiB,OAC1C;CACZ,MAAM,wCAA+C,IAAI,IAAI;CAE7D,MAAM,EAAE,qBAAqB,8BAA8B;CAS3D,MAAM,oBACJ,yCAAyC,SAAA,4BAAmD,KAC3F,6BAA6B,yCAAyC,SAAS,yBAAyB;CAE3G,IAAI,mBACF,OAAO;EAAE,MAAM;EAAmB,YAAA;CAA8C;MAC3E,IAAI,qBAAqB,iBAAiB,MAC/C,OAAO;EAAE,MAAM;EAAyB,YAAA;CAA8C;CAGxF,OACE,sCAAsC,SAAS,oBAAoB,kBAAkB,qBAAqB,KAC1G,sCAAsC,SAAS,oBAAoB,kBAAkB,qBAAqB,KAAK;EAC7G,MAAM;EACN,YAAA;CACF;AAEJ;AAEA,SAAS,yCAAyC,eAAwB,uBAA+B;CAGvG,MAAM,uBAAuB,mBAAmB,eAAe,IAAI,sBAAsB,EAAE;CAE3F,IAAI,CAAC,sBACH;CAGF,OAAO,SAAS,oBADH,qBAAqB,aAAa,qBACR,CAAC,CAAC,KAAK,CAAC,CAAC;AAClD;AAEA,SAAS,mBAAmB,SAAkB,UAAkC;CAC9E,IAAI,UAA0B;CAC9B,OAAO,SAAS;EACd,IAAI,QAAQ,QAAQ,QAAQ,GAC1B,OAAO;EAET,UAAU,iBAAiB,OAAO;CACpC;CACA,OAAO;AACT;AAQA,MAAM,qBAAqC;EAExC,SAAS,kBAAkB,0BAA0B;EACpD,IAAI,YAAY,WAAW,QAAQ,UAAU,QAAQ,OAAO,SAAS,GACnE,OAAO,gCAAgC,QAAQ,OAAO,IAAI,kBAAkB,qBAAqB;CAErG;EAEC,YAAY;EACX,IAAI,QAAQ,aAAa,SAAS;GAChC,MAAM,QAAQ;GACd,MAAM,OAAO,MAAM,aAAa,MAAM;GACtC,IAAI,SAAS,YAAY,SAAS,YAAY,SAAS,SACrD,OAAO;IAAE,MAAM,MAAM;IAAO,YAAA;GAA0C;EAE1E;CACF;EAEC,SAAS,kBAAkB,0BAA0B;EACpD,IAAI,QAAQ,aAAa,YAAY,QAAQ,aAAa,WAAW,QAAQ,aAAa,MAAM,MAAM,UACpG,OAAO,gCAAgC,SAAS,kBAAkB,qBAAqB;CAE3F;EACC,SAAS,kBAAkB,0BAC1B,mCAAmC,SAAS,cAAc,kBAAkB,qBAAqB;EAElG,SAAS,kBAAkB,0BAA0B;EACpD,MAAM,sBAAsB,QAAQ,aAAa,iBAAiB;EAClE,IAAI,qBACF,OAAO;GACL,MAAM,oBACH,MAAM,KAAK,CAAC,CACZ,KAAK,OAAO,eAAe,SAAS,EAAE,CAAC,CAAC,CACxC,QAAQ,UAAgC,QAAQ,KAAK,CAAC,CAAC,CACvD,KAAK,YAAY,kBAAkB,SAAS,kBAAkB,qBAAqB,CAAC,CAAC,CACrF,KAAK,GAAG;GACX,YAAA;EACF;CAEJ;EACC,SAAS,kBAAkB,0BAC1B,mCAAmC,SAAS,OAAO,kBAAkB,qBAAqB;EAC3F,SAAS,kBAAkB,0BAC1B,mCAAmC,SAAS,QAAQ,kBAAkB,qBAAqB;EAC5F,SAAS,kBAAkB,0BAC1B,mCAAmC,SAAS,SAAS,kBAAkB,qBAAqB;EAC7F,SAAS,kBAAkB,0BAC1B,mCAAmC,SAAS,eAAe,kBAAkB,qBAAqB;EAEnG,SAAS,kBAAkB,0BAA0B;EACpD,IAAI,aAAa,WAAW,QAAQ,QAAQ,SAAS,GACnD,OAAO,gCAAgC,QAAQ,QAAQ,IAAI,kBAAkB,qBAAqB;CAEtG;AACF;AAEA,MAAM,qBAAqC,EACxC,SAAS,kBAAkB,0BAC1B,gCAAgC,SAAS,kBAAkB,qBAAqB,CACpF;;;;;AAMA,MAAM,0BAA0B;AAChC,SAAS,sCACP,eACA,YACA,kBACA,uBACA;CACA,IAAI,UAA0B;CAC9B,IAAI,mBAAmB;CACvB,OACE,oBAAoB,2BACpB,WACA,QAAQ,aAAa,UACrB,QAAQ,aAAa,UACrB,QAAQ,aAAa,QACrB;EACA,KAAK,MAAM,YAAY,YAAY;GACjC,MAAM,aAAa,SAAS,SAAS,kBAAkB,qBAAqB;GAC5E,IAAI,YAAY;IACd,MAAM,EAAE,MAAM,eAAe;IAC7B,MAAM,cAAc,MAAM,KAAK;IAC/B,IAAI,aACF,OAAO;KAAE,MAAM,SAAS,oBAAoB,WAAW,CAAC;KAAG;IAAW;GAE1E;EACF;EAGA,IAAI,QAAQ,aAAa,QACvB;EAEF,UAAU,iBAAiB,OAAO;EAClC,oBAAoB;CACtB;AACF;AAEA,SAAS,oBAAoB,GAAW;CACtC,OAAO,EAAE,QAAQ,QAAQ,GAAG;AAC9B;AAEA,SAAS,SAAS,GAAW;CAC3B,OAAO,EAAE,SAAS,MAAM,GAAG,aAAa,GAAG,GAAG,EAAE,UAAU;AAC5D;AAEA,SAAS,eAAe,YAAqB,IAAgC;CAC3E,MAAM,WAAW,WAAW,YAAY;CACxC,IAAI,oBAAoB,YAAY;EAClC,MAAM,gBAAgB,SAAS,eAAe,EAAE;EAChD,IAAI,eACF,OAAO;CAEX;CAIA,OAAO,WAAW,gBAAgB,WAAW,cAAc,eAAe,EAAE,IAAI;AAClF;AAEA,SAAS,mCACP,SACA,WACA,kBACA,uBACY;CACZ,MAAM,EAAE,4BAA4B,wBAAwB;CAC5D,IAAI,iBAAiB,QAAQ,aAAa,SAAS;CACnD,IAAI,kBAAkB,4BAA4B;EAChD,MAAM,mBAAmB,oBAAoB,SAAS,qBAAqB,qBAAqB;EAChG,IAAI,oBAAoB,QAAQ,SAAS,WAAW,gBAAgB,kBAAkB,gBAAgB,GACpG,iBAAiB,0BAA0B,gBAAgB,uBAAuB;CAEtF,OAAO,IAAI,CAAC,gBACV,iBAAiB;CAGnB,OAAO;EACL,MAAM;EACN,YAAA;CACF;AACF;AAEA,SAAS,gCACP,SACA,kBACA,uBACY;CACZ,OAAO;EACL,MAAM,kBAAkB,SAAS,kBAAkB,qBAAqB,KAAK;EAC7E,YAAA;CACF;AACF;AAEA,SAAS,kBACP,SACA,kBACA,uBACA;CACA,IAAK,QAAwB,mBAC3B;CAGF,MAAM,EACJ,4BACA,qBAAqB,2BACrB,wBACE;CAEJ,MAAM,SAAS,SAAS,iBACtB,SAEA,WAAW,eAAe,WAAW,WACrC,qCACF;CAEA,IAAI,OAAO;CAEX,OAAO,OAAO,SAAS,GAAG;EACxB,MAAM,OAAO,OAAO;EACpB,IAAI,cAAc,IAAI,GAAG;GACvB,IAEE,KAAK,aAAa,QAClB,KAAK,aAAa,OAClB;IAAC;IAAS;IAAQ;IAAQ;IAAa;IAAS;GAAe,CAAC,CAAC,SAAS,iBAAiB,IAAI,CAAC,CAAC,OAAO,GAExG,QAAQ;GAEV;EACF;EAEA,QAAQ,KAAK,eAAe;CAC9B;CAEA,OAAO,KAAK,QAAQ,QAAQ,GAAG,CAAC,CAAC,KAAK;CAEtC,SAAS,sCAAsC,MAAY;EACzD,MAAM,uBAAuB,oBAAoB,MAAM,qBAAqB,qBAAqB;EACjG,IAAI,8BAA8B,wBAAwB,eAAe,MAAM,oBAAoB,GACjG,OAAO,WAAW;EAEpB,IAAI,cAAc,IAAI,GAAG;GACvB,IACE,KAAK,aAAA,4BAAuD,KAC3D,6BAA6B,KAAK,aAAa,yBAAyB,GAEzE,OAAO,WAAW;GAEpB,MAAM,QAAQ,iBAAiB,IAAI;GACnC,IACE,MAAM,eAAe,aACrB,MAAM,YAAY,UACjB,MAAM,qBAAqB,MAAM,sBAAsB,WAGxD,OAAO,WAAW;EAEtB;EAEA,OAAO,WAAW;CACpB;AACF"}

package/esm/domain/action/interactionSelectorCache.mjs

@@ -0,0 +1,19 @@
+import { ONE_SECOND, elapsed, relativeNow } from "@kubesense/kubesense-js-core/time";
+//#region src/domain/action/interactionSelectorCache.ts
+const CLICK_ACTION_MAX_DURATION = 10 * ONE_SECOND;
+const interactionSelectorCache = /* @__PURE__ */ new Map();
+function getInteractionSelector(relativeTimestamp) {
+	const selector = interactionSelectorCache.get(relativeTimestamp);
+	interactionSelectorCache.delete(relativeTimestamp);
+	return selector;
+}
+function updateInteractionSelector(relativeTimestamp, selector) {
+	interactionSelectorCache.set(relativeTimestamp, selector);
+	interactionSelectorCache.forEach((_, relativeTimestamp) => {
+		if (elapsed(relativeTimestamp, relativeNow()) > CLICK_ACTION_MAX_DURATION) interactionSelectorCache.delete(relativeTimestamp);
+	});
+}
+//#endregion
+export { CLICK_ACTION_MAX_DURATION, getInteractionSelector, interactionSelectorCache, updateInteractionSelector };
+
+//# sourceMappingURL=interactionSelectorCache.mjs.map

package/esm/domain/action/interactionSelectorCache.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"interactionSelectorCache.mjs","names":[],"sources":["../../../src/domain/action/interactionSelectorCache.ts"],"sourcesContent":["import { relativeNow, ONE_SECOND, elapsed } from '@kubesense/kubesense-js-core/time'\nimport type { RelativeTime } from '@kubesense/kubesense-js-core/time'\n\n// Maximum duration for click actions\nexport const CLICK_ACTION_MAX_DURATION = 10 * ONE_SECOND\nexport const interactionSelectorCache = new Map<RelativeTime, string>()\n\nexport function getInteractionSelector(relativeTimestamp: RelativeTime) {\n  const selector = interactionSelectorCache.get(relativeTimestamp)\n  interactionSelectorCache.delete(relativeTimestamp)\n  return selector\n}\n\nexport function updateInteractionSelector(relativeTimestamp: RelativeTime, selector: string) {\n  interactionSelectorCache.set(relativeTimestamp, selector)\n  interactionSelectorCache.forEach((_, relativeTimestamp) => {\n    if (elapsed(relativeTimestamp, relativeNow()) > CLICK_ACTION_MAX_DURATION) {\n      interactionSelectorCache.delete(relativeTimestamp)\n    }\n  })\n}\n"],"mappings":";;AAIA,MAAa,4BAA4B,KAAK;AAC9C,MAAa,2CAA2B,IAAI,IAA0B;AAEtE,SAAgB,uBAAuB,mBAAiC;CACtE,MAAM,WAAW,yBAAyB,IAAI,iBAAiB;CAC/D,yBAAyB,OAAO,iBAAiB;CACjD,OAAO;AACT;AAEA,SAAgB,0BAA0B,mBAAiC,UAAkB;CAC3F,yBAAyB,IAAI,mBAAmB,QAAQ;CACxD,yBAAyB,SAAS,GAAG,sBAAsB;EACzD,IAAI,QAAQ,mBAAmB,YAAY,CAAC,IAAI,2BAC9C,yBAAyB,OAAO,iBAAiB;CAErD,CAAC;AACH"}

package/esm/domain/action/isActionChildEvent.mjs

@@ -0,0 +1,8 @@
+//#region src/domain/action/isActionChildEvent.ts
+function isActionChildEvent(id) {
+	return (event) => event.action?.id?.includes(id) ?? false;
+}
+//#endregion
+export { isActionChildEvent };
+
+//# sourceMappingURL=isActionChildEvent.mjs.map

package/esm/domain/action/isActionChildEvent.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"isActionChildEvent.mjs","names":[],"sources":["../../../src/domain/action/isActionChildEvent.ts"],"sourcesContent":["import type { RumActionEvent, RumErrorEvent, RumLongTaskEvent, RumResourceEvent } from '../../rumEvent.types'\n\nexport function isActionChildEvent(id: string) {\n  return (event: RumActionEvent | RumErrorEvent | RumLongTaskEvent | RumResourceEvent) =>\n    event.action?.id?.includes(id) ?? false\n}\n"],"mappings":";AAEA,SAAgB,mBAAmB,IAAY;CAC7C,QAAQ,UACN,MAAM,QAAQ,IAAI,SAAS,EAAE,KAAK;AACtC"}

package/esm/domain/action/listenActionEvents.mjs

@@ -0,0 +1,57 @@
+import { DOM_EVENT, addEventListener } from "@kubesense/kubesense-browser-core";
+//#region src/domain/action/listenActionEvents.ts
+function listenActionEvents({ onPointerDown, onPointerUp }) {
+	let selectionEmptyAtPointerDown;
+	let userActivity = {
+		selection: false,
+		input: false,
+		scroll: false
+	};
+	let clickContext;
+	const listeners = [
+		addEventListener(window, DOM_EVENT.POINTER_DOWN, (event) => {
+			if (isValidPointerEvent(event)) {
+				selectionEmptyAtPointerDown = isSelectionEmpty();
+				userActivity = {
+					selection: false,
+					input: false,
+					scroll: false
+				};
+				clickContext = onPointerDown(event);
+			}
+		}, { capture: true }),
+		addEventListener(window, DOM_EVENT.SELECTION_CHANGE, () => {
+			if (!selectionEmptyAtPointerDown || !isSelectionEmpty()) userActivity.selection = true;
+		}, { capture: true }),
+		addEventListener(window, DOM_EVENT.SCROLL, () => {
+			userActivity.scroll = true;
+		}, {
+			capture: true,
+			passive: true
+		}),
+		addEventListener(window, DOM_EVENT.POINTER_UP, (event) => {
+			if (isValidPointerEvent(event) && clickContext) {
+				const localUserActivity = userActivity;
+				onPointerUp(clickContext, event, () => localUserActivity);
+				clickContext = void 0;
+			}
+		}, { capture: true }),
+		addEventListener(window, DOM_EVENT.INPUT, () => {
+			userActivity.input = true;
+		}, { capture: true })
+	];
+	return { stop: () => {
+		listeners.forEach((listener) => listener.stop());
+	} };
+}
+function isSelectionEmpty() {
+	const selection = window.getSelection();
+	return !selection || selection.isCollapsed;
+}
+function isValidPointerEvent(event) {
+	return event.target instanceof Element && event.isPrimary !== false;
+}
+//#endregion
+export { listenActionEvents };
+
+//# sourceMappingURL=listenActionEvents.mjs.map

package/esm/domain/action/listenActionEvents.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"listenActionEvents.mjs","names":[],"sources":["../../../src/domain/action/listenActionEvents.ts"],"sourcesContent":["import { addEventListener, DOM_EVENT } from '@kubesense/kubesense-browser-core'\nimport type { RelativeTime } from '@kubesense/kubesense-js-core/time'\n\nexport interface ExtraPointerEventFields {\n  target: Element\n  timeStamp: RelativeTime\n}\nexport type MouseEventOnElement = PointerEvent & ExtraPointerEventFields\n\nexport interface UserActivity {\n  selection: boolean\n  input: boolean\n  scroll: boolean\n}\nexport interface ActionEventsHooks<ClickContext> {\n  onPointerDown: (event: MouseEventOnElement) => ClickContext | undefined\n  onPointerUp: (context: ClickContext, event: MouseEventOnElement, getUserActivity: () => UserActivity) => void\n}\n\nexport function listenActionEvents<ClickContext>({ onPointerDown, onPointerUp }: ActionEventsHooks<ClickContext>) {\n  let selectionEmptyAtPointerDown: boolean\n  let userActivity: UserActivity = {\n    selection: false,\n    input: false,\n    scroll: false,\n  }\n  let clickContext: ClickContext | undefined\n\n  const listeners = [\n    addEventListener(\n      window,\n      DOM_EVENT.POINTER_DOWN,\n      (event: PointerEvent) => {\n        if (isValidPointerEvent(event)) {\n          selectionEmptyAtPointerDown = isSelectionEmpty()\n          userActivity = {\n            selection: false,\n            input: false,\n            scroll: false,\n          }\n          clickContext = onPointerDown(event)\n        }\n      },\n      { capture: true }\n    ),\n\n    addEventListener(\n      window,\n      DOM_EVENT.SELECTION_CHANGE,\n      () => {\n        if (!selectionEmptyAtPointerDown || !isSelectionEmpty()) {\n          userActivity.selection = true\n        }\n      },\n      { capture: true }\n    ),\n\n    addEventListener(\n      window,\n      DOM_EVENT.SCROLL,\n      () => {\n        userActivity.scroll = true\n      },\n      { capture: true, passive: true }\n    ),\n\n    addEventListener(\n      window,\n      DOM_EVENT.POINTER_UP,\n      (event: PointerEvent) => {\n        if (isValidPointerEvent(event) && clickContext) {\n          // Use a scoped variable to make sure the value is not changed by other clicks\n          const localUserActivity = userActivity\n          onPointerUp(clickContext, event, () => localUserActivity)\n          clickContext = undefined\n        }\n      },\n      { capture: true }\n    ),\n\n    addEventListener(\n      window,\n      DOM_EVENT.INPUT,\n      () => {\n        userActivity.input = true\n      },\n      { capture: true }\n    ),\n  ]\n\n  return {\n    stop: () => {\n      listeners.forEach((listener) => listener.stop())\n    },\n  }\n}\n\nfunction isSelectionEmpty(): boolean {\n  const selection = window.getSelection()\n  return !selection || selection.isCollapsed\n}\n\nfunction isValidPointerEvent(event: PointerEvent): event is MouseEventOnElement {\n  return (\n    event.target instanceof Element &&\n    // Only consider 'primary' pointer events for now. Multi-touch support could be implemented in\n    // the future.\n    event.isPrimary !== false\n  )\n}\n"],"mappings":";;AAmBA,SAAgB,mBAAiC,EAAE,eAAe,eAAgD;CAChH,IAAI;CACJ,IAAI,eAA6B;EAC/B,WAAW;EACX,OAAO;EACP,QAAQ;CACV;CACA,IAAI;CAEJ,MAAM,YAAY;EAChB,iBACE,QACA,UAAU,eACT,UAAwB;GACvB,IAAI,oBAAoB,KAAK,GAAG;IAC9B,8BAA8B,iBAAiB;IAC/C,eAAe;KACb,WAAW;KACX,OAAO;KACP,QAAQ;IACV;IACA,eAAe,cAAc,KAAK;GACpC;EACF,GACA,EAAE,SAAS,KAAK,CAClB;EAEA,iBACE,QACA,UAAU,wBACJ;GACJ,IAAI,CAAC,+BAA+B,CAAC,iBAAiB,GACpD,aAAa,YAAY;EAE7B,GACA,EAAE,SAAS,KAAK,CAClB;EAEA,iBACE,QACA,UAAU,cACJ;GACJ,aAAa,SAAS;EACxB,GACA;GAAE,SAAS;GAAM,SAAS;EAAK,CACjC;EAEA,iBACE,QACA,UAAU,aACT,UAAwB;GACvB,IAAI,oBAAoB,KAAK,KAAK,cAAc;IAE9C,MAAM,oBAAoB;IAC1B,YAAY,cAAc,aAAa,iBAAiB;IACxD,eAAe,KAAA;GACjB;EACF,GACA,EAAE,SAAS,KAAK,CAClB;EAEA,iBACE,QACA,UAAU,aACJ;GACJ,aAAa,QAAQ;EACvB,GACA,EAAE,SAAS,KAAK,CAClB;CACF;CAEA,OAAO,EACL,YAAY;EACV,UAAU,SAAS,aAAa,SAAS,KAAK,CAAC;CACjD,EACF;AACF;AAEA,SAAS,mBAA4B;CACnC,MAAM,YAAY,OAAO,aAAa;CACtC,OAAO,CAAC,aAAa,UAAU;AACjC;AAEA,SAAS,oBAAoB,OAAmD;CAC9E,OACE,MAAM,kBAAkB,WAGxB,MAAM,cAAc;AAExB"}