@posthog/browser-common 0.9.12 → 0.10.0

package/dist/autocapture.js

@@ -57,6 +57,39 @@ const element_utils_js_namespaceObject = require("./utils/element-utils.js");
 const getWindow = ()=>"u" < typeof window ? void 0 : window;
 const getDocument = ()=>"u" < typeof document ? void 0 : document;
 const COPY_AUTOCAPTURE_EVENT = '$copy_autocapture';
+const EXCLUDED_INPUT_TYPES = [
+    'password',
+    'hidden',
+    'file',
+    'checkbox',
+    'button',
+    'submit',
+    'reset',
+    'image'
+];
+function isValueInputElement(element) {
+    if ((0, element_utils_js_namespaceObject.isTag)(element, 'input')) return !(0, core_namespaceObject.includes)(EXCLUDED_INPUT_TYPES, element.type);
+    return (0, element_utils_js_namespaceObject.isTag)(element, 'textarea') || (0, element_utils_js_namespaceObject.isTag)(element, 'select') && !element.multiple;
+}
+function isInputValueEligible(target, config) {
+    if (!(0, autocapture_utils_js_namespaceObject.shouldCaptureElement)(target)) return false;
+    const ignorelist = config.css_selector_ignorelist ?? autocapture_utils_js_namespaceObject.DEFAULT_AUTOCAPTURE_IGNORE_LIST;
+    const seen = new Set();
+    let element = target;
+    if ((0, element_utils_js_namespaceObject.isTag)(target, 'select')) {
+        const select = target;
+        element = select.options[select.selectedIndex] || target;
+    }
+    while(element){
+        const current = element;
+        const classes = (0, autocapture_utils_js_namespaceObject.getClassNames)(current);
+        if (seen.size >= autocapture_utils_js_namespaceObject.MAX_DOM_ANCESTOR_DEPTH || seen.has(element) || (0, core_namespaceObject.includes)(classes, 'ph-sensitive') || (0, core_namespaceObject.includes)(classes, 'ph-no-capture') || ignorelist.some((selector)=>(0, autocapture_utils_js_namespaceObject.elementMatchesCSSSelector)(current, selector))) return false;
+        seen.add(element);
+        const parent = element.assignedSlot || element.parentNode;
+        element = (0, element_utils_js_namespaceObject.isShadowRoot)(parent) ? parent.host : parent && (0, element_utils_js_namespaceObject.isElementNode)(parent) ? parent : null;
+    }
+    return true;
+}
 const logger = (0, logger_js_namespaceObject.createLogger)('[AutoCapture]');
 function limitText(length, text) {
     if (text.length > length) return text.slice(0, length) + '...';
@@ -504,6 +537,16 @@ class Autocapture {
                 }
                 props['$copy_type'] = clipType;
             }
+            if ('$autocapture' === eventName && 'change' === e.type && config.capture_value_css_selector_allowlist && !config.maskAllText && isValueInputElement(target) && isInputValueEligible(target, config) && !target.querySelector('.ph-no-capture, .ph-sensitive')) {
+                const allowlist = config.capture_value_css_selector_allowlist;
+                let captureValue = false;
+                try {
+                    captureValue = (0, core_namespaceObject.isFunction)(allowlist) ? !!allowlist(target) : (0, core_namespaceObject.isArray)(allowlist) && allowlist.some((selector)=>(0, autocapture_utils_js_namespaceObject.elementMatchesCSSSelector)(target, selector));
+                } catch (error) {
+                    logger.error('capture_value_css_selector_allowlist threw', error);
+                }
+                if (captureValue) props['$input_value'] = target.value;
+            }
             this._client?.capture(eventName, props);
             return true;
         }

package/dist/autocapture.mjs

@@ -2,13 +2,46 @@ import { addEventListener, each, extend } from "./utils/general-utils.mjs";
 import { DEFAULT_AUTOCAPTURE_IGNORE_LIST, MAX_DOM_ANCESTOR_DEPTH, autocaptureCompatibleElements, elementMatchesCSSSelector, getClassNames, getDirectAndNestedSpanText, getElementsChainString, getEventTarget, getSafeText, isAngularStyleAttr, isSensitiveElement, makeSafeText, shouldCaptureDomEvent, shouldCaptureElement, shouldCaptureRageclick, shouldCaptureValue, splitClassString } from "./utils/autocapture-utils.mjs";
 import rageclick from "./rageclick.mjs";
 import { AUTOCAPTURE_DISABLED_SERVER_SIDE } from "./constants.mjs";
-import { includes, isBoolean, isFunction, isNull, stripUrlHash } from "@posthog/core";
+import { includes, isArray, isBoolean, isFunction, isNull, stripUrlHash } from "@posthog/core";
 import { createLogger } from "./utils/logger.mjs";
 import { convertToURL } from "./utils/convert-to-url.mjs";
 import { isElementNode, isShadowRoot, isTag, isTextNode } from "./utils/element-utils.mjs";
 const getWindow = ()=>"u" < typeof window ? void 0 : window;
 const getDocument = ()=>"u" < typeof document ? void 0 : document;
 const COPY_AUTOCAPTURE_EVENT = '$copy_autocapture';
+const EXCLUDED_INPUT_TYPES = [
+    'password',
+    'hidden',
+    'file',
+    'checkbox',
+    'button',
+    'submit',
+    'reset',
+    'image'
+];
+function isValueInputElement(element) {
+    if (isTag(element, 'input')) return !includes(EXCLUDED_INPUT_TYPES, element.type);
+    return isTag(element, 'textarea') || isTag(element, 'select') && !element.multiple;
+}
+function isInputValueEligible(target, config) {
+    if (!shouldCaptureElement(target)) return false;
+    const ignorelist = config.css_selector_ignorelist ?? DEFAULT_AUTOCAPTURE_IGNORE_LIST;
+    const seen = new Set();
+    let element = target;
+    if (isTag(target, 'select')) {
+        const select = target;
+        element = select.options[select.selectedIndex] || target;
+    }
+    while(element){
+        const current = element;
+        const classes = getClassNames(current);
+        if (seen.size >= MAX_DOM_ANCESTOR_DEPTH || seen.has(element) || includes(classes, 'ph-sensitive') || includes(classes, 'ph-no-capture') || ignorelist.some((selector)=>elementMatchesCSSSelector(current, selector))) return false;
+        seen.add(element);
+        const parent = element.assignedSlot || element.parentNode;
+        element = isShadowRoot(parent) ? parent.host : parent && isElementNode(parent) ? parent : null;
+    }
+    return true;
+}
 const logger = createLogger('[AutoCapture]');
 function limitText(length, text) {
     if (text.length > length) return text.slice(0, length) + '...';
@@ -456,6 +489,16 @@ class Autocapture {
                 }
                 props['$copy_type'] = clipType;
             }
+            if ('$autocapture' === eventName && 'change' === e.type && config.capture_value_css_selector_allowlist && !config.maskAllText && isValueInputElement(target) && isInputValueEligible(target, config) && !target.querySelector('.ph-no-capture, .ph-sensitive')) {
+                const allowlist = config.capture_value_css_selector_allowlist;
+                let captureValue = false;
+                try {
+                    captureValue = isFunction(allowlist) ? !!allowlist(target) : isArray(allowlist) && allowlist.some((selector)=>elementMatchesCSSSelector(target, selector));
+                } catch (error) {
+                    logger.error('capture_value_css_selector_allowlist threw', error);
+                }
+                if (captureValue) props['$input_value'] = target.value;
+            }
             this._client?.capture(eventName, props);
             return true;
         }

package/dist/config.js

@@ -27,7 +27,7 @@ var __webpack_require__ = {};
 })();
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
-const packageVersion = "0.9.12";
+const packageVersion = "0.10.0";
 const Config = {
     DEBUG: false,
     LIB_VERSION: packageVersion,

package/dist/config.mjs

@@ -1,4 +1,4 @@
-const packageVersion = "0.9.12";
+const packageVersion = "0.10.0";
 const Config = {
     DEBUG: false,
     LIB_VERSION: packageVersion,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@posthog/browser-common",
-  "version": "0.9.12",
+  "version": "0.10.0",
   "description": "Internal shared browser utilities and extension primitives for PostHog Browser SDKs",
   "license": "MIT",
   "repository": {
@@ -240,8 +240,8 @@
   },
   "dependencies": {
     "preact": "^10.29.3",
-    "@posthog/core": "^1.60.1",
-    "@posthog/types": "^1.416.1"
+    "@posthog/core": "^1.61.1",
+    "@posthog/types": "^1.418.0"
   },
   "devDependencies": {
     "@rsbuild/plugin-react": "^2.1.0",