clarity-js 0.8.37 → 0.8.38-beta

package/src/interaction/click.ts

@@ -70,6 +70,9 @@ function handler(event: Event, root: Node, evt: MouseEvent): void {
                 hash: null,
                 trust: evt.isTrusted ? BooleanFlag.True : BooleanFlag.False,
                 isFullText: textInfo.isFullText,
+                tag: getElementAttribute(t, "tagName").substring(0, Setting.ClickTag),
+                class: getElementAttribute(t, "className").substring(0, Setting.ClickClass),
+                id: getElementAttribute(t, "id").substring(0, Setting.ClickId),
             }
         });
         schedule(encode.bind(this, event));
@@ -109,15 +112,23 @@ function text(element: Node): TextInfo {
 }
 
 function reaction(element: Node): BooleanFlag {
-    if (element.nodeType === Node.ELEMENT_NODE) {
-        let tag = (element as HTMLElement).tagName.toLowerCase();
-        if (UserInputTags.indexOf(tag) >= 0) {
-            return BooleanFlag.False;
-        }
+    const tagName = getElementAttribute(element, "tagName");
+
+    if (UserInputTags.indexOf(tagName) >= 0) {
+        return BooleanFlag.False;
     }
     return BooleanFlag.True;
 }
 
+function getElementAttribute(element: Node, attribute: "tagName" | "className" | "id"): string {
+    if (element.nodeType === Node.ELEMENT_NODE) {
+        const attr = (element as HTMLElement)?.[attribute];
+        const value = typeof attr === "string" ? attr?.toLowerCase() : "";
+        return value;
+    }
+    return "";
+}
+
 function layout(element: Element): Box {
     let box: Box = null;
     let de = document.documentElement;

package/src/interaction/encode.ts

@@ -72,6 +72,9 @@ export default async function (type: Event, ts: number = null): Promise<void> {
                 tokens.push(cHash);
                 tokens.push(entry.data.trust);
                 tokens.push(entry.data.isFullText);
+                tokens.push(entry.data.tag);
+                tokens.push(entry.data.class);
+                tokens.push(entry.data.id);
                 queue(tokens);
                 timeline.track(entry.time, entry.event, cHash, entry.data.x, entry.data.y, entry.data.reaction, entry.data.context);
             }

package/src/performance/blank.ts

@@ -6,3 +6,5 @@ export let keys = [];
 export function hashText(): void {}
 export function trigger(): void {}
 export function track(): void {}
+export function event(): void {}
+export function register(): void {}

package/types/data.d.ts

@@ -253,6 +253,9 @@ export const enum Setting {
     PingTimeout = 5 * Time.Minute, // 5 Minutes
     SummaryInterval = 100, // Same events within 100ms will be collapsed into single summary
     ClickText = 25, // Maximum number of characters to send as part of Click event's text field
+    ClickClass = 50, // Maximum number of characters to send as part of Click event's class name
+    ClickTag = 10, // Maximum number of characters to send as part of Click event's tag
+    ClickId = 25, // Maximum number of characters to send as part of Click event's id
     PayloadLimit = 128, // Do not allow more than specified payloads per page
     PageLimit = 128, // Do not allow more than 128 pages in a session
     ShutdownLimit = 2 * Time.Hour, // Shutdown instrumentation after specified time
@@ -473,6 +476,7 @@ export interface BaselineData {
     pointerPrevX?: number;
     pointerPrevY?: number;
     pointerPrevTime?: number;
+    modules: number[];
 }
 
 export interface IdentityData {

package/types/global.d.ts

@@ -14,6 +14,11 @@ declare global {
     tidioChatApi?: {
       on: (eventName: string, callback: (data: any) => void) => void;
     };
+    $crisp?: {
+      push: (
+        args: [action: string, eventName: string, callback: (data: any) => void]
+      ) => void;
+    };
   }
 
   interface Function {

package/types/interaction.d.ts

@@ -126,6 +126,9 @@ export interface ClickData {
     hash: string;
     trust: number;
     isFullText: BooleanFlag;
+    tag: string;
+    class: string;
+    id: string;
 }
 
 export interface TextInfo {