clarity-js 0.6.34 → 0.6.35

package/types/core.d.ts

@@ -4,6 +4,7 @@ type TaskFunction = () => Promise<void>;
 type TaskResolve = () => void;
 type UploadCallback = (data: string) => void;
 type Region = [number /* RegionId */, string /* Query Selector */];
+type Fraud = [number /* FraudId */, string /* Query Selector */];
 export type Extract = ExtractSource /* Extraction Source */ | number /* Extract Id */ | string  | string[] /* Hash or Query Selector or String Token */;
 
 /* Enum */
@@ -127,6 +128,7 @@ export interface Config {
     regions?: Region[];
     extract?: Extract[];
     cookies?: string[];
+    fraud?: Fraud[];
     report?: string;
     upload?: string | UploadCallback;
     fallback?: string;

package/types/data.d.ts

@@ -1,5 +1,4 @@
 import { Time } from "@clarity-types/core";
-import { callback } from "@src/data/metadata";
 export type Target = (number | Node);
 export type Token = (string | number | number[] | string[]);
 export type DecodedToken = (any | any[]);
@@ -56,10 +55,14 @@ export const enum Event {
     Variable = 34,
     Limit = 35,
     Summary = 36,
+/**
+ * @deprecated No longer support Box event
+ */
     Box = 37,
     Clipboard = 38,
     Submit = 39,
-    Extract = 40
+    Extract = 40,
+    Fraud = 41
 }
 
 export const enum Metric {
@@ -90,7 +93,10 @@ export const enum Metric {
     CartTotal = 24,
     EventCount = 25,
     Automation = 26,
-    Mobile = 27
+    Mobile = 27,
+    UploadTime = 28,
+    SinglePage = 29,
+    UsedMemory = 30
 }
 
 export const enum Dimension {
@@ -181,7 +187,6 @@ export const enum Setting {
     CollectionLimit = 128, // Number of unique entries for dimensions
     ClickPrecision = 32767, // 2^15 - 1
     BoxPrecision = 100, // Up to 2 decimal points (e.g. 34.56)
-    ResizeObserverThreshold = 15, // At least 15 characters before we attach a resize observer for the node
     ScriptErrorLimit = 5, // Do not send the same script error more than 5 times per page
     DimensionLimit = 256, // Do not extract dimensions which are over 256 characters
     WordLength = 5, // Estimated average size of a word,
@@ -191,6 +196,7 @@ export const enum Setting {
     ViewportIntersectionRatio = 0.05, // Ratio of intersection area in comparison to viewport area before it's marked visible
     IntersectionRatio = 0.8, // Ratio of intersection area in comparison to element's area before it's marked visible
     MaxFirstPayloadBytes = 1 * 1024 * 1024, // 1MB: Cap the very first payload to a maximum of 1MB
+    MegaByte = 1024 * 1024, // 1MB
     UploadFactor = 3, // Slow down sequence by specified factor
     MinUploadDelay = 100, // Minimum time before we are ready to flush events to the server
     MaxUploadDelay = 30 * Time.Second, // Do flush out payload once every 30s,
@@ -216,6 +222,7 @@ export const enum Constant {
     Pause = "pause",
     Resume = "resume",
     Report = "report",
+    Memory = "memory",
     Empty = "",
     Space = " ",
     Expires = "expires=",
@@ -240,7 +247,6 @@ export const enum Constant {
     UserId = "userId",
     SessionId = "sessionId",
     PageId = "pageId",
-    ResizeObserver = "ResizeObserver",
     Mask = "•",
     SessionStorage = "sessionStorage",
     Cookie = "cookie",

package/types/diagnostic.d.ts

@@ -16,3 +16,9 @@ export interface LogData {
     stack: string;
     severity: Severity;
 }
+
+export interface FraudData {
+    id: number;
+    target: number;
+    hash: string;
+}

package/types/interaction.d.ts

@@ -103,6 +103,7 @@ export interface ClickData {
     text: string;
     link: string;
     hash: string;
+    trust: number;
 }
 
 export interface ClipboardData {

package/types/layout.d.ts

@@ -28,6 +28,11 @@ export const enum RegionVisibility {
     ScrolledToEnd = 13
 }
 
+export const enum Mask {
+    Text = "password,secret,pass,social,ssn,name,code,dob,cell,mob,contact,hidden,account,cvv,ccv,email,tel,phone,address,addr,card,zip",
+    Disable = "radio,checkbox,range,button,reset,submit"
+}
+
 export const enum Constant {
     Empty = "",
     SvgPrefix = "svg:",
@@ -42,6 +47,7 @@ export const enum Constant {
     Box = "#",
     Bang = "!",
     Period = ".",
+    Comma = ",",
     MaskData = "data-clarity-mask",
     UnmaskData = "data-clarity-unmask",
     RegionData = "data-clarity-region",
@@ -162,6 +168,7 @@ export interface NodeMeta {
     suspend: boolean;
     privacy: Privacy;
     position: number;
+    fraud: number;
     size: number[];
 }
 
@@ -198,12 +205,6 @@ export interface RegionData {
     name: string;    
 }
 
-export interface BoxData {
-    id: number;
-    width: number;
-    height: number;
-}
-
 export interface TargetMetadata {
     id: number;
     hash: [string, string];

package/types/performance.d.ts

@@ -31,10 +31,3 @@ export interface NavigationData {
     encodedSize: number;
     decodedSize: number;
 }
-
-export interface ConnectionData {
-    downlink: number;
-    rtt: number;
-    saveData: BooleanFlag;
-    type: string;
-}

package/src/layout/box.ts

@@ -1,83 +0,0 @@
-import { Event, Setting } from "@clarity-types/data";
-import { BoxData } from "@clarity-types/layout";
-import * as dom from "@src/layout/dom";
-import encode from "@src/layout/encode";
-
-export let data: BoxData[] = [];
-let enabled = false;
-let observer: ResizeObserver = null;
-
-export function start(): void {
-    reset();
-    observer = null;
-    enabled = window["ResizeObserver"] ? true : false;
-}
-
-export function compute(id: number): void {
-    if (enabled === false) { return; }
-    observer = observer === null ? new ResizeObserver(handler) : observer;
-    if (observer) {
-        let value = dom.getValue(id);
-        // If this is the first time computing size for this node, go ahead and wire up ResizeObserver
-        // In all other cases, value.metadata.size will be null or an array with two elements [width, height]
-        // And, in those cases, we will skip through the following section and not attach the observer
-        if (value && value.metadata.size !== null && value.metadata.size.length === 0) {
-            let node = dom.getNode(id);
-            if (node && node.nodeType === Node.ELEMENT_NODE) {
-                let e = node as HTMLElement;
-                let r = e.getBoundingClientRect();
-                value.metadata.size = [Math.floor(r.width * Setting.BoxPrecision), Math.floor(r.height * Setting.BoxPrecision)];
-                observer.observe(e);
-            }
-        }
-    }
-}
-
-function handler(entries: ResizeObserverEntry[]): void {
-    window.requestAnimationFrame(() => {
-        for (let entry of entries) {
-            let target = entry.target;
-            let id = target ? dom.getId(target) : null;
-            if (id) {
-                let v = dom.getValue(id);
-                let s = v.metadata.size;
-                let b = entry.borderBoxSize as any;
-                let w = null;
-                let h = null;
-                // Check if browser supports borderBoxSize property on ResizeObserverEntry object
-                // Otherwise, fall back to using getBoundingClientRect() to be cross browser compatible
-                // Reference: https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserverEntry/borderBoxSize
-                if(b && b.length > 0) {
-                    w = Math.floor(b[0].inlineSize * Setting.BoxPrecision);
-                    h = Math.floor(b[0].blockSize * Setting.BoxPrecision);
-                } else {
-                    let r = target.getBoundingClientRect();
-                    w = Math.floor(r.width * Setting.BoxPrecision);
-                    h = Math.floor(r.height * Setting.BoxPrecision);
-                }
-
-                // Capture new width & height only if they are different from what we have in in-memory cache
-                if (w !== s[0] && h !== s[1]) {
-                    s = [w,h];
-                    data.push({ id, width: w, height: h });
-                }
-            }
-        }
-
-        // Schedule encode only when we have at least one valid data entry
-        if (data.length > 0) { encode(Event.Box); }
-    });
-}
-
-export function reset(): void {
-    data = [];
-}
-
-export function stop(): void {
-    reset();
-    if (observer) {
-        observer.disconnect();
-        observer = null;
-    }
-    enabled = false;
-}