@posthog/browser-common 0.9.0 → 0.9.2

package/dist/config.js

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

package/dist/config.mjs

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

package/dist/types/compression.d.ts

@@ -1,5 +1,5 @@
 export declare const Compression: {
-    readonly GZipJS: "gzip-js";
-    readonly Base64: "base64";
+    readonly GZipJS: 'gzip-js';
+    readonly Base64: 'base64';
 };
 export type Compression = (typeof Compression)[keyof typeof Compression];

package/dist/types/surveys.d.ts

@@ -1,89 +1,89 @@
 import type { PropertyMatchType, SurveyAppearance as CoreSurveyAppearance, SurveyEventWithFilters, SurveyQuestionTranslation, SurveyTranslation, SurveyValidationRule } from '@posthog/core';
 export type { PropertyFilters, PropertyMatchType, PropertyOperator, SurveyEventWithFilters } from '@posthog/core';
 export declare const SurveyEventType: {
-    readonly Activation: "events";
-    readonly Cancellation: "cancelEvents";
+    readonly Activation: 'events';
+    readonly Cancellation: 'cancelEvents';
 };
 export type SurveyEventType = (typeof SurveyEventType)[keyof typeof SurveyEventType];
 export declare const SurveyWidgetType: {
-    readonly Button: "button";
-    readonly Tab: "tab";
-    readonly Selector: "selector";
+    readonly Button: 'button';
+    readonly Tab: 'tab';
+    readonly Selector: 'selector';
 };
 export type SurveyWidgetType = (typeof SurveyWidgetType)[keyof typeof SurveyWidgetType];
 export declare const SurveyPosition: {
-    readonly TopLeft: "top_left";
-    readonly TopRight: "top_right";
-    readonly TopCenter: "top_center";
-    readonly MiddleLeft: "middle_left";
-    readonly MiddleRight: "middle_right";
-    readonly MiddleCenter: "middle_center";
-    readonly Left: "left";
-    readonly Center: "center";
-    readonly Right: "right";
-    readonly NextToTrigger: "next_to_trigger";
+    readonly TopLeft: 'top_left';
+    readonly TopRight: 'top_right';
+    readonly TopCenter: 'top_center';
+    readonly MiddleLeft: 'middle_left';
+    readonly MiddleRight: 'middle_right';
+    readonly MiddleCenter: 'middle_center';
+    readonly Left: 'left';
+    readonly Center: 'center';
+    readonly Right: 'right';
+    readonly NextToTrigger: 'next_to_trigger';
 };
 export type SurveyPosition = (typeof SurveyPosition)[keyof typeof SurveyPosition];
 export declare const SurveyTabPosition: {
-    readonly Top: "top";
-    readonly Left: "left";
-    readonly Right: "right";
-    readonly Bottom: "bottom";
+    readonly Top: 'top';
+    readonly Left: 'left';
+    readonly Right: 'right';
+    readonly Bottom: 'bottom';
 };
 export type SurveyTabPosition = (typeof SurveyTabPosition)[keyof typeof SurveyTabPosition];
 export declare const SurveyType: {
-    readonly Popover: "popover";
-    readonly API: "api";
-    readonly Widget: "widget";
-    readonly ExternalSurvey: "external_survey";
+    readonly Popover: 'popover';
+    readonly API: 'api';
+    readonly Widget: 'widget';
+    readonly ExternalSurvey: 'external_survey';
 };
 export type SurveyType = (typeof SurveyType)[keyof typeof SurveyType];
 export declare const SurveyQuestionType: {
-    readonly Open: "open";
-    readonly MultipleChoice: "multiple_choice";
-    readonly SingleChoice: "single_choice";
-    readonly Rating: "rating";
-    readonly Link: "link";
+    readonly Open: 'open';
+    readonly MultipleChoice: 'multiple_choice';
+    readonly SingleChoice: 'single_choice';
+    readonly Rating: 'rating';
+    readonly Link: 'link';
 };
 export type SurveyQuestionType = (typeof SurveyQuestionType)[keyof typeof SurveyQuestionType];
 export declare const SurveyQuestionBranchingType: {
-    readonly NextQuestion: "next_question";
-    readonly End: "end";
-    readonly ResponseBased: "response_based";
-    readonly SpecificQuestion: "specific_question";
+    readonly NextQuestion: 'next_question';
+    readonly End: 'end';
+    readonly ResponseBased: 'response_based';
+    readonly SpecificQuestion: 'specific_question';
 };
 export type SurveyQuestionBranchingType = (typeof SurveyQuestionBranchingType)[keyof typeof SurveyQuestionBranchingType];
 export declare const SurveySchedule: {
-    readonly Once: "once";
-    readonly Recurring: "recurring";
-    readonly Always: "always";
+    readonly Once: 'once';
+    readonly Recurring: 'recurring';
+    readonly Always: 'always';
 };
 export type SurveySchedule = (typeof SurveySchedule)[keyof typeof SurveySchedule];
 export declare const SurveyEventName: {
-    readonly SHOWN: "survey shown";
-    readonly DISMISSED: "survey dismissed";
-    readonly SENT: "survey sent";
-    readonly ABANDONED: "survey abandoned";
+    readonly SHOWN: 'survey shown';
+    readonly DISMISSED: 'survey dismissed';
+    readonly SENT: 'survey sent';
+    readonly ABANDONED: 'survey abandoned';
 };
 export type SurveyEventName = (typeof SurveyEventName)[keyof typeof SurveyEventName];
 export declare const SurveyEventProperties: {
-    readonly SURVEY_ID: "$survey_id";
-    readonly SURVEY_NAME: "$survey_name";
-    readonly SURVEY_RESPONSE: "$survey_response";
-    readonly SURVEY_ITERATION: "$survey_iteration";
-    readonly SURVEY_ITERATION_START_DATE: "$survey_iteration_start_date";
-    readonly SURVEY_PARTIALLY_COMPLETED: "$survey_partially_completed";
-    readonly SURVEY_SUBMISSION_ID: "$survey_submission_id";
-    readonly SURVEY_QUESTIONS: "$survey_questions";
-    readonly SURVEY_COMPLETED: "$survey_completed";
-    readonly PRODUCT_TOUR_ID: "$product_tour_id";
-    readonly SURVEY_LAST_SEEN_DATE: "$survey_last_seen_date";
-    readonly SURVEY_LANGUAGE: "$survey_language";
+    readonly SURVEY_ID: '$survey_id';
+    readonly SURVEY_NAME: '$survey_name';
+    readonly SURVEY_RESPONSE: '$survey_response';
+    readonly SURVEY_ITERATION: '$survey_iteration';
+    readonly SURVEY_ITERATION_START_DATE: '$survey_iteration_start_date';
+    readonly SURVEY_PARTIALLY_COMPLETED: '$survey_partially_completed';
+    readonly SURVEY_SUBMISSION_ID: '$survey_submission_id';
+    readonly SURVEY_QUESTIONS: '$survey_questions';
+    readonly SURVEY_COMPLETED: '$survey_completed';
+    readonly PRODUCT_TOUR_ID: '$product_tour_id';
+    readonly SURVEY_LAST_SEEN_DATE: '$survey_last_seen_date';
+    readonly SURVEY_LANGUAGE: '$survey_language';
 };
 export type SurveyEventProperties = (typeof SurveyEventProperties)[keyof typeof SurveyEventProperties];
 export declare const DisplaySurveyType: {
-    readonly Popover: "popover";
-    readonly Inline: "inline";
+    readonly Popover: 'popover';
+    readonly Inline: 'inline';
 };
 export type DisplaySurveyType = (typeof DisplaySurveyType)[keyof typeof DisplaySurveyType];
 export type SurveyQuestionDescriptionContentType = 'html' | 'text';

package/dist/utils/autocapture-utils.js

@@ -138,7 +138,17 @@ const DEFAULT_CONTENT_IGNORELIST = [
     'previous',
     'prev',
     '>',
-    '<'
+    '<',
+    '→',
+    '←',
+    '›',
+    '‹',
+    '»',
+    '«',
+    '▶',
+    '◀',
+    '❯',
+    '❮'
 ];
 const DEFAULT_CONTENT_IGNORELIST_WITH_STEPPERS = [
     ...DEFAULT_CONTENT_IGNORELIST,
@@ -147,10 +157,27 @@ const DEFAULT_CONTENT_IGNORELIST_WITH_STEPPERS = [
     '−',
     '–'
 ];
-const MAX_CONTENT_IGNORELIST_ENTRIES = 10;
-const matchesContentKeyword = (text, keyword)=>/[a-z0-9]/i.test(keyword) ? text.includes(keyword) : text === keyword;
-function shouldIgnoreByContent(contentIgnorelist, elementsWithText) {
-    if (false === contentIgnorelist || (0, core_namespaceObject.isUndefined)(contentIgnorelist)) return false;
+const MAX_CONTENT_IGNORELIST_ENTRIES = DEFAULT_CONTENT_IGNORELIST_WITH_STEPPERS.length + 10;
+const INTERACTIVE_TAGS = [
+    'button',
+    'a',
+    'input',
+    'select',
+    'textarea',
+    'label'
+];
+const INTERACTIVE_ROLES = [
+    'button',
+    'link',
+    'tab',
+    'menuitem',
+    'option'
+];
+const matchesContentKeyword = (text, keyword)=>{
+    if (!/[a-z0-9]/i.test(keyword)) return text === keyword;
+    return (0, core_namespaceObject.includes)(DEFAULT_CONTENT_IGNORELIST_WITH_STEPPERS, keyword) ? new RegExp(`\\b${keyword}\\b`).test(text) : text.includes(keyword);
+};
+function shouldIgnoreByContent(contentIgnorelist, { safeText, ariaLabel }) {
     let keywords;
     if (true === contentIgnorelist) keywords = DEFAULT_CONTENT_IGNORELIST;
     else {
@@ -161,7 +188,40 @@ function shouldIgnoreByContent(contentIgnorelist, elementsWithText) {
         }
         keywords = contentIgnorelist.map((k)=>k.toLowerCase());
     }
-    return elementsWithText.some(({ safeText, ariaLabel })=>keywords.some((keyword)=>matchesContentKeyword(safeText, keyword) || matchesContentKeyword(ariaLabel, keyword)));
+    return keywords.some((keyword)=>matchesContentKeyword(safeText, keyword) || matchesContentKeyword(ariaLabel, keyword));
+}
+const isInteractiveElement = (el)=>(0, core_namespaceObject.includes)(INTERACTIVE_TAGS, el.tagName.toLowerCase()) || (0, core_namespaceObject.includes)(INTERACTIVE_ROLES, (el.getAttribute('role') || '').toLowerCase());
+function clickedControlText(el, targetElementList) {
+    for (const candidate of targetElementList)if (isInteractiveElement(candidate)) return controlLabelText(candidate);
+    for (const candidate of targetElementList){
+        try {
+            if (external_globals_js_namespaceObject.window?.getComputedStyle(candidate).getPropertyValue('cursor') !== 'pointer') break;
+        } catch  {
+            break;
+        }
+        const label = controlLabelText(candidate);
+        if (label.safeText || label.ariaLabel) return label;
+    }
+    return controlLabelText(el);
+}
+function controlLabelText(control) {
+    let text = '';
+    let firstAriaLabel = '';
+    const collect = (node)=>{
+        if ((0, external_element_utils_js_namespaceObject.isElementNode)(node) && shouldCaptureElement(node) && !isSensitiveElement(node)) {
+            text += ` ${getSafeText(node)}`;
+            firstAriaLabel = firstAriaLabel || node.getAttribute('aria-label') || '';
+            (0, external_general_utils_js_namespaceObject.each)(node.childNodes, collect);
+        }
+    };
+    collect(control);
+    text = (0, core_namespaceObject.trim)(text.replace(/\s+/g, ' '));
+    const safeText = (shouldCaptureValue(text) ? text : '').toLowerCase();
+    const ariaLabel = control.getAttribute('aria-label') || (safeText ? '' : firstAriaLabel);
+    return {
+        safeText,
+        ariaLabel: (0, core_namespaceObject.trim)(ariaLabel).toLowerCase()
+    };
 }
 const DEFAULT_DEAD_CLICK_IGNORE_LIST = [
     '.ph-no-deadclick',
@@ -215,11 +275,7 @@ function shouldCaptureRageclick(el, _config) {
     if (false === selectorIgnoreList) return false;
     if (ignoreTextSelection && isTextSelectionTarget(el)) return false;
     const { targetElementList } = getElementAndParentsForElement(el, false);
-    const elementsWithText = targetElementList.map((element)=>({
-            safeText: getSafeText(element).toLowerCase(),
-            ariaLabel: element.getAttribute('aria-label')?.toLowerCase().trim() || ''
-        }));
-    if (shouldIgnoreByContent(contentIgnorelist, elementsWithText)) return false;
+    if (contentIgnorelist && shouldIgnoreByContent(contentIgnorelist, clickedControlText(el, targetElementList))) return false;
     return !checkIfElementsMatchCSSSelector(targetElementList, selectorIgnoreList);
 }
 const cannotCheckForAutocapture = (el)=>!el || (0, external_element_utils_js_namespaceObject.isTag)(el, 'html') || !(0, external_element_utils_js_namespaceObject.isElementNode)(el);

package/dist/utils/autocapture-utils.mjs

@@ -84,7 +84,17 @@ const DEFAULT_CONTENT_IGNORELIST = [
     'previous',
     'prev',
     '>',
-    '<'
+    '<',
+    '→',
+    '←',
+    '›',
+    '‹',
+    '»',
+    '«',
+    '▶',
+    '◀',
+    '❯',
+    '❮'
 ];
 const DEFAULT_CONTENT_IGNORELIST_WITH_STEPPERS = [
     ...DEFAULT_CONTENT_IGNORELIST,
@@ -93,10 +103,27 @@ const DEFAULT_CONTENT_IGNORELIST_WITH_STEPPERS = [
     '−',
     '–'
 ];
-const MAX_CONTENT_IGNORELIST_ENTRIES = 10;
-const matchesContentKeyword = (text, keyword)=>/[a-z0-9]/i.test(keyword) ? text.includes(keyword) : text === keyword;
-function shouldIgnoreByContent(contentIgnorelist, elementsWithText) {
-    if (false === contentIgnorelist || isUndefined(contentIgnorelist)) return false;
+const MAX_CONTENT_IGNORELIST_ENTRIES = DEFAULT_CONTENT_IGNORELIST_WITH_STEPPERS.length + 10;
+const INTERACTIVE_TAGS = [
+    'button',
+    'a',
+    'input',
+    'select',
+    'textarea',
+    'label'
+];
+const INTERACTIVE_ROLES = [
+    'button',
+    'link',
+    'tab',
+    'menuitem',
+    'option'
+];
+const matchesContentKeyword = (text, keyword)=>{
+    if (!/[a-z0-9]/i.test(keyword)) return text === keyword;
+    return includes(DEFAULT_CONTENT_IGNORELIST_WITH_STEPPERS, keyword) ? new RegExp(`\\b${keyword}\\b`).test(text) : text.includes(keyword);
+};
+function shouldIgnoreByContent(contentIgnorelist, { safeText, ariaLabel }) {
     let keywords;
     if (true === contentIgnorelist) keywords = DEFAULT_CONTENT_IGNORELIST;
     else {
@@ -107,7 +134,40 @@ function shouldIgnoreByContent(contentIgnorelist, elementsWithText) {
         }
         keywords = contentIgnorelist.map((k)=>k.toLowerCase());
     }
-    return elementsWithText.some(({ safeText, ariaLabel })=>keywords.some((keyword)=>matchesContentKeyword(safeText, keyword) || matchesContentKeyword(ariaLabel, keyword)));
+    return keywords.some((keyword)=>matchesContentKeyword(safeText, keyword) || matchesContentKeyword(ariaLabel, keyword));
+}
+const isInteractiveElement = (el)=>includes(INTERACTIVE_TAGS, el.tagName.toLowerCase()) || includes(INTERACTIVE_ROLES, (el.getAttribute('role') || '').toLowerCase());
+function clickedControlText(el, targetElementList) {
+    for (const candidate of targetElementList)if (isInteractiveElement(candidate)) return controlLabelText(candidate);
+    for (const candidate of targetElementList){
+        try {
+            if (external_globals_mjs_window?.getComputedStyle(candidate).getPropertyValue('cursor') !== 'pointer') break;
+        } catch  {
+            break;
+        }
+        const label = controlLabelText(candidate);
+        if (label.safeText || label.ariaLabel) return label;
+    }
+    return controlLabelText(el);
+}
+function controlLabelText(control) {
+    let text = '';
+    let firstAriaLabel = '';
+    const collect = (node)=>{
+        if (isElementNode(node) && shouldCaptureElement(node) && !isSensitiveElement(node)) {
+            text += ` ${getSafeText(node)}`;
+            firstAriaLabel = firstAriaLabel || node.getAttribute('aria-label') || '';
+            each(node.childNodes, collect);
+        }
+    };
+    collect(control);
+    text = trim(text.replace(/\s+/g, ' '));
+    const safeText = (shouldCaptureValue(text) ? text : '').toLowerCase();
+    const ariaLabel = control.getAttribute('aria-label') || (safeText ? '' : firstAriaLabel);
+    return {
+        safeText,
+        ariaLabel: trim(ariaLabel).toLowerCase()
+    };
 }
 const DEFAULT_DEAD_CLICK_IGNORE_LIST = [
     '.ph-no-deadclick',
@@ -161,11 +221,7 @@ function shouldCaptureRageclick(el, _config) {
     if (false === selectorIgnoreList) return false;
     if (ignoreTextSelection && isTextSelectionTarget(el)) return false;
     const { targetElementList } = getElementAndParentsForElement(el, false);
-    const elementsWithText = targetElementList.map((element)=>({
-            safeText: getSafeText(element).toLowerCase(),
-            ariaLabel: element.getAttribute('aria-label')?.toLowerCase().trim() || ''
-        }));
-    if (shouldIgnoreByContent(contentIgnorelist, elementsWithText)) return false;
+    if (contentIgnorelist && shouldIgnoreByContent(contentIgnorelist, clickedControlText(el, targetElementList))) return false;
     return !checkIfElementsMatchCSSSelector(targetElementList, selectorIgnoreList);
 }
 const cannotCheckForAutocapture = (el)=>!el || isTag(el, 'html') || !isElementNode(el);

package/dist/utils/event-utils.js

@@ -82,6 +82,7 @@ const PERSONAL_DATA_CAMPAIGN_PARAMS = [
     'epik',
     'qclid',
     'sccid',
+    'oppref',
     'irclid',
     '_kx'
 ];

package/dist/utils/event-utils.mjs

@@ -22,6 +22,7 @@ const PERSONAL_DATA_CAMPAIGN_PARAMS = [
     'epik',
     'qclid',
     'sccid',
+    'oppref',
     'irclid',
     '_kx'
 ];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@posthog/browser-common",
-  "version": "0.9.0",
+  "version": "0.9.2",
   "description": "Internal shared browser utilities and extension primitives for PostHog Browser SDKs",
   "license": "MIT",
   "repository": {
@@ -73,13 +73,13 @@
     }
   },
   "dependencies": {
-    "@posthog/core": "^1.54.2",
-    "@posthog/types": "^1.412.1"
+    "@posthog/core": "^1.57.0",
+    "@posthog/types": "^1.415.1"
   },
   "devDependencies": {
     "@rslib/core": "0.23.2",
     "jsdom": "^26.1.0",
-    "typescript": "5.8.2",
+    "typescript": "7.0.2",
     "vitest": "^1.6.1",
     "@posthog-tooling/tsconfig-base": "1.1.1"
   },