@openreplay/tracker 3.4.16 → 3.4.17-beta.0

package/cjs/app/context.d.ts

@@ -0,0 +1,18 @@
+export interface Window extends globalThis.Window {
+    HTMLInputElement: typeof HTMLInputElement;
+    HTMLLinkElement: typeof HTMLLinkElement;
+    HTMLStyleElement: typeof HTMLStyleElement;
+    SVGStyleElement: typeof SVGStyleElement;
+    HTMLIFrameElement: typeof HTMLIFrameElement;
+    Text: typeof Text;
+    Element: typeof Element;
+    ShadowRoot: typeof ShadowRoot;
+}
+declare type WindowConstructor = Document | Element | Text | ShadowRoot | HTMLInputElement | HTMLLinkElement | HTMLStyleElement | HTMLIFrameElement;
+declare type Constructor<T> = {
+    new (...args: any[]): T;
+    name: string;
+};
+export declare function isInstance<T extends WindowConstructor>(node: Node, constr: Constructor<T>): node is T;
+export declare function inDocument(node: Node): boolean;
+export {};

package/cjs/app/context.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.inDocument = exports.isInstance = void 0;
+// TODO: we need a type expert here so we won't have to ignore the lines
+// TODO: use it everywhere (static function; export from which file? <-- global Window typing required)
+function isInstance(node, constr) {
+    const doc = node.ownerDocument;
+    if (!doc) { // null if Document
+        return constr.name === 'Document';
+    }
+    let context = 
+    // @ts-ignore (for EI, Safary)
+    doc.parentWindow ||
+        doc.defaultView; // TODO: smart global typing for Window object
+    while (context.parent && context.parent !== context) {
+        // @ts-ignore
+        if (node instanceof context[constr.name]) {
+            return true;
+        }
+        // @ts-ignore
+        context = context.parent;
+    }
+    // @ts-ignore
+    return node instanceof context[constr.name];
+}
+exports.isInstance = isInstance;
+function inDocument(node) {
+    const doc = node.ownerDocument;
+    if (!doc) {
+        return false;
+    }
+    if (doc.contains(node)) {
+        return true;
+    }
+    let context = 
+    // @ts-ignore (for EI, Safary)
+    doc.parentWindow ||
+        doc.defaultView;
+    while (context.parent && context.parent !== context) {
+        if (context.document.contains(node)) {
+            return true;
+        }
+        // @ts-ignore
+        context = context.parent;
+    }
+    return false;
+}
+exports.inDocument = inDocument;

package/cjs/app/index.d.ts

@@ -1,19 +1,21 @@
 import Message from "../messages/message.js";
 import Nodes from "./nodes.js";
-import Observer from "./observer/top_observer.js";
+import Sanitizer from "./sanitizer.js";
 import Ticker from "./ticker.js";
 import type { Options as ObserverOptions } from "./observer/top_observer.js";
+import type { Options as SanitizerOptions } from "./sanitizer.js";
 import type { Options as WebworkerOptions } from "../messages/webworker.js";
 export interface OnStartInfo {
     sessionID: string;
     sessionToken: string;
     userUUID: string;
 }
-export declare type Options = {
+declare type AppOptions = {
     revID: string;
     node_id: string;
     session_token_key: string;
     session_pageno_key: string;
+    session_reset_key: string;
     local_uuid_key: string;
     ingestPoint: string;
     resourceBaseHref: string | null;
@@ -21,7 +23,8 @@ export declare type Options = {
     __debug_report_edp: string | null;
     __debug_log: boolean;
     onStart?: (info: OnStartInfo) => void;
-} & ObserverOptions & WebworkerOptions;
+} & WebworkerOptions;
+export declare type Options = AppOptions & ObserverOptions & SanitizerOptions;
 declare type Callback = () => void;
 declare type CommitCallback = (messages: Array<Message>) => void;
 export declare const DEFAULT_INGEST_POINT = "https://api.openreplay.com/ingest";
@@ -29,8 +32,9 @@ export default class App {
     readonly nodes: Nodes;
     readonly ticker: Ticker;
     readonly projectKey: string;
+    readonly sanitizer: Sanitizer;
     private readonly messages;
-    readonly observer: Observer;
+    private readonly observer;
     private readonly startCallbacks;
     private readonly stopCallbacks;
     private readonly commitCallbacks;
@@ -40,7 +44,7 @@ export default class App {
     private isActive;
     private version;
     private readonly worker?;
-    constructor(projectKey: string, sessionToken: string | null | undefined, opts: Partial<Options>);
+    constructor(projectKey: string, sessionToken: string | null | undefined, options: Partial<Options>);
     private _debug;
     send(message: Message, urgent?: boolean): void;
     private commit;
@@ -58,6 +62,7 @@ export default class App {
     resolveResourceURL(resourceURL: string): string;
     isServiceURL(url: string): boolean;
     active(): boolean;
+    resetNextPageSession(flag: boolean): void;
     private _start;
     start(reset?: boolean): Promise<OnStartInfo>;
     stop(): void;

package/cjs/app/index.js

@@ -5,41 +5,41 @@ const utils_js_1 = require("../utils.js");
 const index_js_1 = require("../messages/index.js");
 const nodes_js_1 = require("./nodes.js");
 const top_observer_js_1 = require("./observer/top_observer.js");
+const sanitizer_js_1 = require("./sanitizer.js");
 const ticker_js_1 = require("./ticker.js");
 const performance_js_1 = require("../modules/performance.js");
 // TODO: use backendHost only
 exports.DEFAULT_INGEST_POINT = 'https://api.openreplay.com/ingest';
 class App {
-    constructor(projectKey, sessionToken, opts) {
+    constructor(projectKey, sessionToken, options) {
         this.messages = [];
         this.startCallbacks = [];
         this.stopCallbacks = [];
         this.commitCallbacks = [];
         this._sessionID = null;
         this.isActive = false;
-        this.version = '3.4.16';
+        this.version = '3.4.17-beta.0';
         this.projectKey = projectKey;
         this.options = Object.assign({
             revID: '',
             node_id: '__openreplay_id',
             session_token_key: '__openreplay_token',
             session_pageno_key: '__openreplay_pageno',
+            session_reset_key: '__openreplay_reset',
             local_uuid_key: '__openreplay_uuid',
             ingestPoint: exports.DEFAULT_INGEST_POINT,
             resourceBaseHref: null,
             __is_snippet: false,
             __debug_report_edp: null,
             __debug_log: false,
-            obscureTextEmails: true,
-            obscureTextNumbers: false,
-            captureIFrames: false,
-        }, opts);
+        }, options);
         if (sessionToken != null) {
             sessionStorage.setItem(this.options.session_token_key, sessionToken);
         }
         this.revID = this.options.revID;
+        this.sanitizer = new sanitizer_js_1.default(this, options);
         this.nodes = new nodes_js_1.default(this.options.node_id);
-        this.observer = new top_observer_js_1.default(this, this.options);
+        this.observer = new top_observer_js_1.default(this, options);
         this.ticker = new ticker_js_1.default(this);
         this.ticker.attach(() => this.commit());
         try {
@@ -181,6 +181,14 @@ class App {
     active() {
         return this.isActive;
     }
+    resetNextPageSession(flag) {
+        if (flag) {
+            sessionStorage.setItem(this.options.session_reset_key, 't');
+        }
+        else {
+            sessionStorage.removeItem(this.options.session_reset_key);
+        }
+    }
     _start(reset) {
         if (!this.isActive) {
             if (!this.worker) {
@@ -208,6 +216,8 @@ class App {
             // if (tokenIsActive) {
             //   token = null
             // }
+            const sReset = sessionStorage.getItem(this.options.session_reset_key);
+            sessionStorage.removeItem(this.options.session_reset_key);
             return window.fetch(this.options.ingestPoint + '/v1/web/start', {
                 method: 'POST',
                 headers: {
@@ -223,7 +233,7 @@ class App {
                     isSnippet: this.options.__is_snippet,
                     deviceMemory: performance_js_1.deviceMemory,
                     jsHeapSizeLimit: performance_js_1.jsHeapSizeLimit,
-                    reset,
+                    reset: reset || sReset !== null,
                 }),
             })
                 .then(r => {
@@ -301,6 +311,7 @@ class App {
                 if (this.worker) {
                     this.worker.postMessage("stop");
                 }
+                this.sanitizer.clear();
                 this.observer.disconnect();
                 this.nodes.clear();
                 this.ticker.stop();

package/cjs/app/observer/observer.d.ts

@@ -1,25 +1,5 @@
 import App from "../index.js";
-export interface Window extends globalThis.Window {
-    HTMLInputElement: typeof HTMLInputElement;
-    HTMLLinkElement: typeof HTMLLinkElement;
-    HTMLStyleElement: typeof HTMLStyleElement;
-    SVGStyleElement: typeof SVGStyleElement;
-    HTMLIFrameElement: typeof HTMLIFrameElement;
-    Text: typeof Text;
-    Element: typeof Element;
-    ShadowRoot: typeof ShadowRoot;
-}
-declare type WindowConstructor = Document | Element | Text | ShadowRoot | HTMLInputElement | HTMLLinkElement | HTMLStyleElement | HTMLIFrameElement;
-declare type Constructor<T> = {
-    new (...args: any[]): T;
-    name: string;
-};
-export declare function isInstance<T extends WindowConstructor>(node: Node, constr: Constructor<T>): node is T;
-export interface Options {
-    obscureTextEmails: boolean;
-    obscureTextNumbers: boolean;
-}
-export default abstract class Observer<AdditionalOptions = {}> {
+export default abstract class Observer {
     protected readonly app: App;
     protected readonly context: Window;
     private readonly observer;
@@ -29,14 +9,10 @@ export default abstract class Observer<AdditionalOptions = {}> {
     private readonly indexes;
     private readonly attributesList;
     private readonly textSet;
-    private readonly textMasked;
-    protected readonly options: Options & AdditionalOptions;
     private readonly inUpperContext;
-    constructor(app: App, options: Partial<Options> & AdditionalOptions, context?: Window);
+    constructor(app: App, context?: Window);
     private clear;
     private sendNodeAttribute;
-    getInnerTextSecure(el: HTMLElement): string;
-    private checkObscure;
     private sendNodeData;
     private bindNode;
     private bindTree;
@@ -47,4 +23,3 @@ export default abstract class Observer<AdditionalOptions = {}> {
     protected observeRoot(node: Node, beforeCommit: (id?: number) => unknown, nodeToBind?: Node): void;
     disconnect(): void;
 }
-export {};

package/cjs/app/observer/observer.js

@@ -1,39 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isInstance = void 0;
-const utils_js_1 = require("../../utils.js");
 const index_js_1 = require("../../messages/index.js");
+const context_js_1 = require("../context.js");
 function isSVGElement(node) {
     return node.namespaceURI === 'http://www.w3.org/2000/svg';
 }
-// TODO: we need a type expert here so we won't have to ignore the lines
-// TODO: use it everywhere (static function; export from which file? <-- global Window typing required)
-function isInstance(node, constr) {
-    const doc = node.ownerDocument;
-    if (!doc) { // null if Document
-        return constr.name === 'Document';
-    }
-    let context = 
-    // @ts-ignore (for EI, Safary)
-    doc.parentWindow ||
-        doc.defaultView; // TODO: smart global typing for Window object
-    while (context.parent && context.parent !== context) {
-        // @ts-ignore
-        if (node instanceof context[constr.name]) {
-            return true;
-        }
-        // @ts-ignore
-        context = context.parent;
-    }
-    // @ts-ignore
-    return node instanceof context[constr.name];
-}
-exports.isInstance = isInstance;
 function isIgnored(node) {
-    if (isInstance(node, Text)) {
+    if ((0, context_js_1.isInstance)(node, Text)) {
         return false;
     }
-    if (!isInstance(node, Element)) {
+    if (!(0, context_js_1.isInstance)(node, Element)) {
         return true;
     }
     const tag = node.tagName.toUpperCase();
@@ -49,7 +25,7 @@ function isIgnored(node) {
         tag === 'BASE');
 }
 function isRootNode(node) {
-    return isInstance(node, Document) || isInstance(node, ShadowRoot);
+    return (0, context_js_1.isInstance)(node, Document) || (0, context_js_1.isInstance)(node, ShadowRoot);
 }
 function isObservable(node) {
     if (isRootNode(node)) {
@@ -58,7 +34,7 @@ function isObservable(node) {
     return !isIgnored(node);
 }
 class Observer {
-    constructor(app, options, context = window) {
+    constructor(app, context = window) {
         this.app = app;
         this.context = context;
         this.commited = [];
@@ -67,34 +43,12 @@ class Observer {
         this.indexes = [];
         this.attributesList = [];
         this.textSet = new Set();
-        this.textMasked = new Set();
-        this.options = Object.assign({
-            obscureTextEmails: true,
-            obscureTextNumbers: false,
-        }, options);
-        this.inUpperContext = context.parent === context;
+        this.inUpperContext = context.parent === context; //TODO: get rid of context here
         this.observer = new MutationObserver(this.app.safe((mutations) => {
             for (const mutation of mutations) {
                 const target = mutation.target;
                 const type = mutation.type;
-                // TODO TODO TODO: move to iframe_observer/remove??? (check if )
-                // Special case
-                // 'childList' on Document might happen in case of iframe. 
-                // TODO: generalize as much as possible
-                // if (isInstance(target, Document) // Also ShadowRoot can be here
-                //     && type === 'childList' 
-                //     //&& new Array(mutation.addedNodes).some(node => isInstance(node, HTMLHtmlElement))
-                // ) {
-                //   const parentFrame = target.defaultView?.frameElement
-                //   if (!parentFrame) { continue }
-                //   this.bindTree(target.documentElement)
-                //   const frameID = this.app.nodes.getID(parentFrame)
-                //   const docID = this.app.nodes.getID(target.documentElement)
-                //   if (frameID === undefined || docID === undefined) { continue }
-                //   this.app.send(CreateIFrameDocument(frameID, docID));
-                //   continue;
-                // }
-                if (!isObservable(target) || !context.document.contains(target)) {
+                if (!isObservable(target) || !(0, context_js_1.inDocument)(target)) {
                     continue;
                 }
                 if (type === 'childList') {
@@ -139,7 +93,6 @@ class Observer {
         this.indexes.length = 1;
         this.attributesList.length = 0;
         this.textSet.clear();
-        //this.textMasked.clear();
     }
     sendNodeAttribute(id, node, name, value) {
         if (isSVGElement(node)) {
@@ -169,7 +122,7 @@ class Observer {
             return;
         }
         if (name === 'value' &&
-            isInstance(node, HTMLInputElement) &&
+            (0, context_js_1.isInstance)(node, HTMLInputElement) &&
             node.type !== 'button' &&
             node.type !== 'reset' &&
             node.type !== 'submit') {
@@ -179,7 +132,7 @@ class Observer {
             this.app.send(new index_js_1.RemoveNodeAttribute(id, name));
             return;
         }
-        if (name === 'style' || name === 'href' && isInstance(node, HTMLLinkElement)) {
+        if (name === 'style' || name === 'href' && (0, context_js_1.isInstance)(node, HTMLLinkElement)) {
             this.app.send(new index_js_1.SetNodeAttributeURLBased(id, name, value, this.app.getBaseHref()));
             return;
         }
@@ -188,35 +141,14 @@ class Observer {
         }
         this.app.send(new index_js_1.SetNodeAttribute(id, name, value));
     }
-    /* TODO:  abstract sanitation */
-    getInnerTextSecure(el) {
-        const id = this.app.nodes.getID(el);
-        if (!id) {
-            return '';
-        }
-        return this.checkObscure(id, el.innerText);
-    }
-    checkObscure(id, data) {
-        if (this.textMasked.has(id)) {
-            return data.replace(/[^\f\n\r\t\v\u00a0\u1680\u2000-\u200a\u2028\u2029\u202f\u205f\u3000\ufeff]/g, '█');
-        }
-        if (this.options.obscureTextNumbers) {
-            data = data.replace(/\d/g, '0');
-        }
-        if (this.options.obscureTextEmails) {
-            data = data.replace(/([^\s]+)@([^\s]+)\.([^\s]+)/g, (...f) => (0, utils_js_1.stars)(f[1]) + '@' + (0, utils_js_1.stars)(f[2]) + '.' + (0, utils_js_1.stars)(f[3]));
-        }
-        return data;
-    }
     sendNodeData(id, parentElement, data) {
-        if (isInstance(parentElement, HTMLStyleElement) || isInstance(parentElement, SVGStyleElement)) {
+        if ((0, context_js_1.isInstance)(parentElement, HTMLStyleElement) || (0, context_js_1.isInstance)(parentElement, SVGStyleElement)) {
             this.app.send(new index_js_1.SetCSSDataURLBased(id, data, this.app.getBaseHref()));
             return;
         }
-        data = this.checkObscure(id, data);
+        data = this.app.sanitizer.sanitize(id, data);
         this.app.send(new index_js_1.SetNodeData(id, data));
     }
-    /* end TODO:  abstract sanitation */
     bindNode(node) {
         const r = this.app.nodes.registerNode(node);
         const id = r[0];
@@ -254,7 +186,7 @@ class Observer {
         // Disable parent check for the upper context HTMLHtmlElement, because it is root there... (before)
         // TODO: get rid of "special" cases (there is an issue with CreateDocument altered behaviour though)
         // TODO: Clean the logic (though now it workd fine) 
-        if (!isInstance(node, HTMLHtmlElement) || !this.inUpperContext) {
+        if (!(0, context_js_1.isInstance)(node, HTMLHtmlElement) || !this.inUpperContext) {
             if (parent === null) {
                 this.unbindNode(node);
                 return false;
@@ -268,10 +200,7 @@ class Observer {
                 this.unbindNode(node);
                 return false;
             }
-            if (this.textMasked.has(parentID) ||
-                (isInstance(node, Element) && (0, utils_js_1.hasOpenreplayAttribute)(node, 'masked'))) {
-                this.textMasked.add(id);
-            }
+            this.app.sanitizer.handleNode(id, parentID, node);
         }
         let sibling = node.previousSibling;
         while (sibling !== null) {
@@ -292,7 +221,7 @@ class Observer {
             throw 'commitNode: missing node index';
         }
         if (isNew === true) {
-            if (isInstance(node, Element)) {
+            if ((0, context_js_1.isInstance)(node, Element)) {
                 if (parentID !== undefined) {
                     this.app.send(new index_js_1.CreateElementNode(id, parentID, index, node.tagName, isSVGElement(node)));
                 }
@@ -301,7 +230,7 @@ class Observer {
                     this.sendNodeAttribute(id, node, attr.nodeName, attr.value);
                 }
             }
-            else if (isInstance(node, Text)) {
+            else if ((0, context_js_1.isInstance)(node, Text)) {
                 // for text node id != 0, hence parentID !== undefined and parent is Element
                 this.app.send(new index_js_1.CreateTextNode(id, parentID, index));
                 this.sendNodeData(id, parent, node.data);
@@ -313,7 +242,7 @@ class Observer {
         }
         const attr = this.attributesList[id];
         if (attr !== undefined) {
-            if (!isInstance(node, Element)) {
+            if (!(0, context_js_1.isInstance)(node, Element)) {
                 throw 'commitNode: node is not an element';
             }
             for (const name of attr) {
@@ -321,7 +250,7 @@ class Observer {
             }
         }
         if (this.textSet.has(id)) {
-            if (!isInstance(node, Text)) {
+            if (!(0, context_js_1.isInstance)(node, Text)) {
                 throw 'commitNode: node is not a text';
             }
             // for text node id != 0, hence parent is Element
@@ -344,8 +273,7 @@ class Observer {
         let node;
         for (let id = 0; id < this.recents.length; id++) {
             // TODO: make things/logic nice here.
-            // commit required in any case if recents[id] true or false (in case of unbinding).
-            // ???!?!?R@TW:$HKJ$WLKn
+            // commit required in any case if recents[id] true or false (in case of unbinding) or undefined (in case of attr change).
             if (!this.myNodes[id]) {
                 continue;
             }
@@ -373,8 +301,6 @@ class Observer {
     disconnect() {
         this.observer.disconnect();
         this.clear();
-        // to sanitizer
-        this.textMasked.clear();
         this.myNodes.length = 0;
     }
 }

package/cjs/app/observer/top_observer.d.ts

@@ -1,10 +1,10 @@
 import Observer from "./observer.js";
-import type { Options as BaseOptions } from "./observer.js";
 import App from "../index.js";
-export interface Options extends Partial<BaseOptions> {
+export interface Options {
     captureIFrames: boolean;
 }
-export default class TopObserver extends Observer<Options> {
+export default class TopObserver extends Observer {
+    private readonly options;
     constructor(app: App, options: Partial<Options>);
     private iframeObservers;
     private handleIframe;

package/cjs/app/observer/top_observer.js

@@ -1,27 +1,29 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const observer_js_1 = require("./observer.js");
+const context_js_1 = require("../context.js");
 const iframe_observer_js_1 = require("./iframe_observer.js");
 const shadow_root_observer_js_1 = require("./shadow_root_observer.js");
 const index_js_1 = require("../../messages/index.js");
 const attachShadowNativeFn = Element.prototype.attachShadow;
 class TopObserver extends observer_js_1.default {
     constructor(app, options) {
-        super(app, Object.assign({
-            captureIFrames: false
-        }, options));
+        super(app);
         this.iframeObservers = [];
         this.shadowRootObservers = [];
+        this.options = Object.assign({
+            captureIFrames: false
+        }, options);
         // IFrames
         this.app.nodes.attachNodeCallback(node => {
-            if ((0, observer_js_1.isInstance)(node, HTMLIFrameElement) &&
+            if ((0, context_js_1.isInstance)(node, HTMLIFrameElement) &&
                 (this.options.captureIFrames || node.getAttribute("data-openreplay-capture"))) {
                 this.handleIframe(node);
             }
         });
         // ShadowDOM
         this.app.nodes.attachNodeCallback(node => {
-            if ((0, observer_js_1.isInstance)(node, Element) && node.shadowRoot !== null) {
+            if ((0, context_js_1.isInstance)(node, Element) && node.shadowRoot !== null) {
                 this.handleShadowRoot(node.shadowRoot);
             }
         });
@@ -40,7 +42,7 @@ class TopObserver extends observer_js_1.default {
             if (!context) {
                 return;
             }
-            const observer = new iframe_observer_js_1.default(this.app, this.options, context);
+            const observer = new iframe_observer_js_1.default(this.app, context);
             this.iframeObservers.push(observer);
             observer.observe(iframe);
         });
@@ -48,7 +50,7 @@ class TopObserver extends observer_js_1.default {
         handle();
     }
     handleShadowRoot(shRoot) {
-        const observer = new shadow_root_observer_js_1.default(this.app, this.options, this.context);
+        const observer = new shadow_root_observer_js_1.default(this.app, this.context);
         this.shadowRootObservers.push(observer);
         observer.observe(shRoot.host);
     }

package/cjs/app/sanitizer.d.ts

@@ -0,0 +1,16 @@
+import App from "./index.js";
+export interface Options {
+    obscureTextEmails: boolean;
+    obscureTextNumbers: boolean;
+}
+export default class Sanitizer {
+    private readonly app;
+    private readonly masked;
+    private readonly options;
+    constructor(app: App, options: Partial<Options>);
+    handleNode(id: number, parentID: number, node: Node): void;
+    sanitize(id: number, data: string): string;
+    isMasked(id: number): boolean;
+    getInnerTextSecure(el: HTMLElement): string;
+    clear(): void;
+}

package/cjs/app/sanitizer.js

@@ -1 +1,47 @@
 "use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const utils_js_1 = require("../utils.js");
+const context_js_1 = require("./context.js");
+class Sanitizer {
+    constructor(app, options) {
+        this.app = app;
+        this.masked = new Set();
+        this.options = Object.assign({
+            obscureTextEmails: true,
+            obscureTextNumbers: false,
+        }, options);
+    }
+    handleNode(id, parentID, node) {
+        if (this.masked.has(parentID) ||
+            ((0, context_js_1.isInstance)(node, Element) && (0, utils_js_1.hasOpenreplayAttribute)(node, 'masked'))) {
+            this.masked.add(id);
+        }
+    }
+    sanitize(id, data) {
+        if (this.masked.has(id)) {
+            // TODO: is it the best place to put trim() ? Might trimmed spaces be considered in layout in certain cases?
+            return data.trim().replace(/[^\f\n\r\t\v\u00a0\u1680\u2000-\u200a\u2028\u2029\u202f\u205f\u3000\ufeff]/g, '█');
+        }
+        if (this.options.obscureTextNumbers) {
+            data = data.replace(/\d/g, '0');
+        }
+        if (this.options.obscureTextEmails) {
+            data = data.replace(/([^\s]+)@([^\s]+)\.([^\s]+)/g, (...f) => (0, utils_js_1.stars)(f[1]) + '@' + (0, utils_js_1.stars)(f[2]) + '.' + (0, utils_js_1.stars)(f[3]));
+        }
+        return data;
+    }
+    isMasked(id) {
+        return this.masked.has(id);
+    }
+    getInnerTextSecure(el) {
+        const id = this.app.nodes.getID(el);
+        if (!id) {
+            return '';
+        }
+        return this.sanitize(id, el.innerText);
+    }
+    clear() {
+        this.masked.clear();
+    }
+}
+exports.default = Sanitizer;

package/cjs/index.d.ts

@@ -37,4 +37,5 @@ export default class API {
     event(key: string, payload: any, issue?: boolean): void;
     issue(key: string, payload: any): void;
     handleError: (e: Error | ErrorEvent | PromiseRejectionEvent) => void;
+    resetNextPageSession(flag: boolean): void;
 }

package/cjs/index.js

@@ -115,7 +115,7 @@ class API {
             // no-cors issue only with text/plain or not-set Content-Type
             // req.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
             req.send(JSON.stringify({
-                trackerVersion: '3.4.16',
+                trackerVersion: '3.4.17-beta.0',
                 projectKey: options.projectKey,
                 doNotTrack,
                 // TODO: add precise reason (an exact API missing)
@@ -223,5 +223,11 @@ class API {
             this.app.send(new index_js_3.CustomIssue(key, payload));
         }
     }
+    resetNextPageSession(flag) {
+        if (typeof flag !== 'boolean' || !this.app) {
+            return;
+        }
+        this.app.resetNextPageSession(flag);
+    }
 }
 exports.default = API;