@openreplay/tracker 16.4.10 → 16.4.11-beta.0

package/dist/cjs/index.js

@@ -1469,6 +1469,43 @@ function simpleMerge(defaultObj, givenObj) {
     }
     return result;
 }
+function throttleWithTrailing(fn, interval) {
+    const lastCalls = new Map();
+    const timeouts = new Map();
+    const lastArgs = new Map();
+    const throttled = function (key, ...args) {
+        const now = Date.now();
+        const lastCall = lastCalls.get(key) ?? 0;
+        const remaining = interval - (now - lastCall);
+        lastArgs.set(key, args);
+        if (remaining <= 0) {
+            if (timeouts.has(key)) {
+                clearTimeout(timeouts.get(key));
+                timeouts.delete(key);
+            }
+            lastCalls.set(key, now);
+            fn(key, ...args);
+        }
+        else if (!timeouts.has(key)) {
+            const timeoutId = setTimeout(() => {
+                lastCalls.set(key, Date.now());
+                timeouts.delete(key);
+                const finalArgs = lastArgs.get(key);
+                fn(key, ...finalArgs);
+            }, remaining);
+            timeouts.set(key, timeoutId);
+        }
+    };
+    throttled.clear = () => {
+        for (const timeout of timeouts.values()) {
+            clearTimeout(timeout);
+        }
+        timeouts.clear();
+        lastArgs.clear();
+        lastCalls.clear();
+    };
+    return throttled;
+}
 
 // Auto-generated, do not edit
 /* eslint-disable */
@@ -1679,6 +1716,13 @@ function SetNodeAttributeDictGlobal(id, name, value) {
         value,
     ];
 }
+function NodeAnimationResult(id, styles) {
+    return [
+        36 /* Messages.Type.NodeAnimationResult */,
+        id,
+        styles,
+    ];
+}
 function CSSInsertRule(id, rule, index) {
     return [
         37 /* Messages.Type.CSSInsertRule */,
@@ -1807,9 +1851,9 @@ function SetNodeAttributeDict(id, name, value) {
         value,
     ];
 }
-function ResourceTimingDeprecated(timestamp, duration, ttfb, headerSize, encodedBodySize, decodedBodySize, url, initiator) {
+function ResourceTimingDeprecatedDeprecated(timestamp, duration, ttfb, headerSize, encodedBodySize, decodedBodySize, url, initiator) {
     return [
-        53 /* Messages.Type.ResourceTimingDeprecated */,
+        53 /* Messages.Type.ResourceTimingDeprecatedDeprecated */,
         timestamp,
         duration,
         ttfb,
@@ -1891,6 +1935,13 @@ function CustomIssue(name, payload) {
         payload,
     ];
 }
+function SetNodeSlot(id, slotID) {
+    return [
+        65 /* Messages.Type.SetNodeSlot */,
+        id,
+        slotID,
+    ];
+}
 function CSSInsertRuleURLBased(id, rule, index, baseURL) {
     return [
         67 /* Messages.Type.CSSInsertRuleURLBased */,
@@ -2023,6 +2074,47 @@ function WSChannel(chType, channelName, data, timestamp, dir, messageType) {
         messageType,
     ];
 }
+function ResourceTiming(timestamp, duration, ttfb, headerSize, encodedBodySize, decodedBodySize, url, initiator, transferredSize, cached, queueing, dnsLookup, initialConnection, ssl, contentDownload, total, stalled) {
+    return [
+        85 /* Messages.Type.ResourceTiming */,
+        timestamp,
+        duration,
+        ttfb,
+        headerSize,
+        encodedBodySize,
+        decodedBodySize,
+        url,
+        initiator,
+        transferredSize,
+        cached,
+        queueing,
+        dnsLookup,
+        initialConnection,
+        ssl,
+        contentDownload,
+        total,
+        stalled,
+    ];
+}
+function Incident(label, startTime, endTime) {
+    return [
+        87 /* Messages.Type.Incident */,
+        label,
+        startTime,
+        endTime,
+    ];
+}
+function LongAnimationTask$1(name, duration, blockingDuration, firstUIEventTimestamp, startTime, scripts) {
+    return [
+        89 /* Messages.Type.LongAnimationTask */,
+        name,
+        duration,
+        blockingDuration,
+        firstUIEventTimestamp,
+        startTime,
+        scripts,
+    ];
+}
 function InputChange(id, value, valueMasked, label, hesitationTime, inputDuration) {
     return [
         112 /* Messages.Type.InputChange */,
@@ -2054,9 +2146,9 @@ function UnbindNodes(totalRemovedPercent) {
         totalRemovedPercent,
     ];
 }
-function ResourceTiming(timestamp, duration, ttfb, headerSize, encodedBodySize, decodedBodySize, url, initiator, transferredSize, cached) {
+function ResourceTimingDeprecated(timestamp, duration, ttfb, headerSize, encodedBodySize, decodedBodySize, url, initiator, transferredSize, cached) {
     return [
-        116 /* Messages.Type.ResourceTiming */,
+        116 /* Messages.Type.ResourceTimingDeprecated */,
         timestamp,
         duration,
         ttfb,
@@ -2153,9 +2245,11 @@ var _Messages = /*#__PURE__*/Object.freeze({
     Fetch: Fetch,
     GraphQL: GraphQL,
     GraphQLDeprecated: GraphQLDeprecated,
+    Incident: Incident,
     InputChange: InputChange,
     JSException: JSException,
     LoadFontFace: LoadFontFace,
+    LongAnimationTask: LongAnimationTask$1,
     LongTask: LongTask,
     Metadata: Metadata,
     MobX: MobX,
@@ -2167,6 +2261,7 @@ var _Messages = /*#__PURE__*/Object.freeze({
     NetworkRequest: NetworkRequest,
     NetworkRequestDeprecated: NetworkRequestDeprecated,
     NgRx: NgRx,
+    NodeAnimationResult: NodeAnimationResult,
     OTable: OTable,
     PageLoadTiming: PageLoadTiming,
     PageRenderTiming: PageRenderTiming,
@@ -2179,6 +2274,7 @@ var _Messages = /*#__PURE__*/Object.freeze({
     RemoveNodeAttribute: RemoveNodeAttribute,
     ResourceTiming: ResourceTiming,
     ResourceTimingDeprecated: ResourceTimingDeprecated,
+    ResourceTimingDeprecatedDeprecated: ResourceTimingDeprecatedDeprecated,
     SelectionChange: SelectionChange,
     SetCSSDataURLBased: SetCSSDataURLBased,
     SetInputChecked: SetInputChecked,
@@ -2192,6 +2288,7 @@ var _Messages = /*#__PURE__*/Object.freeze({
     SetNodeData: SetNodeData,
     SetNodeFocus: SetNodeFocus,
     SetNodeScroll: SetNodeScroll,
+    SetNodeSlot: SetNodeSlot,
     SetPageLocation: SetPageLocation,
     SetPageLocationDeprecated: SetPageLocationDeprecated,
     SetPageVisibility: SetPageVisibility,
@@ -2266,7 +2363,7 @@ function Performance (app, opts) {
 const WATCHED_TAGS_KEY = '__or__watched_tags__';
 class TagWatcher {
     constructor(params) {
-        this.intervals = {};
+        this.interval = null;
         this.tags = [];
         this.sessionStorage = params.sessionStorage;
         this.errLog = params.errLog;
@@ -2308,9 +2405,12 @@ class TagWatcher {
     }
     setTags(tags) {
         this.tags = tags;
-        this.intervals = {};
-        tags.forEach((tag) => {
-            this.intervals[tag.id] = setInterval(() => {
+        if (this.interval) {
+            clearInterval(this.interval);
+            this.interval = null;
+        }
+        this.interval = setInterval(() => {
+            this.tags.forEach((tag) => {
                 const possibleEls = document.querySelectorAll(tag.selector);
                 if (possibleEls.length > 0) {
                     const el = possibleEls[0];
@@ -2318,21 +2418,21 @@ class TagWatcher {
                     el.__or_watcher_tagname = tag.id;
                     this.observer.observe(el);
                 }
-            }, 500);
-        });
+            });
+        }, 500);
     }
     onTagRendered(tagId) {
-        if (this.intervals[tagId]) {
-            clearInterval(this.intervals[tagId]);
+        if (this.tags.findIndex(t => t.id === tagId)) {
+            this.tags = this.tags.filter((tag) => tag.id !== tagId);
         }
         this.onTag(tagId);
     }
     clear() {
-        this.tags.forEach((tag) => {
-            clearInterval(this.intervals[tag.id]);
-        });
         this.tags = [];
-        this.intervals = {};
+        if (this.interval) {
+            clearInterval(this.interval);
+            this.interval = null;
+        }
         this.observer.disconnect();
     }
 }
@@ -3649,27 +3749,6 @@ class Maintainer {
     }
 }
 
-// 4 levels, 128 frames between each level, 8_388_608 nodes per page
-// lets hope no one will need more :D
-const BITS_LEVEL = 2; // 4
-const BITS_ORDER = 7; // 128
-const BITS_NODE = 22; // 8_388_608
-const SHIFT_ORDER = BITS_NODE;
-const SHIFT_LEVEL = BITS_NODE + BITS_ORDER;
-const MASK_NODE = (1 << BITS_NODE) - 1;
-const MASK_ORDER = (1 << BITS_ORDER) - 1;
-const MASK_LEVEL = (1 << BITS_LEVEL) - 1;
-function pack(level, order, nodeId) {
-    if (level < 0 || level > MASK_LEVEL)
-        throw new RangeError('OR: nesting level overflow, max 4');
-    if (order < 0 || order > MASK_ORDER)
-        throw new RangeError('OR: frame order overflow, max 128');
-    const v = ((level & MASK_LEVEL) << SHIFT_LEVEL) |
-        ((order & MASK_ORDER) << SHIFT_ORDER) |
-        (nodeId & MASK_NODE);
-    return v >>> 0;
-}
-
 class Nodes {
     constructor(params) {
         this.nodes = new Map();
@@ -3697,9 +3776,6 @@ class Nodes {
             }
             listeners.push([type, listener, useCapture]);
         };
-        this.createFrameId = (level, frameOrder) => {
-            return pack(level, frameOrder, 0);
-        };
         this.unregisterNode = (node) => {
             const id = node[this.node_id];
             if (id !== undefined) {
@@ -3720,8 +3796,16 @@ class Nodes {
         this.maintainer = new Maintainer(this.nodes, this.unregisterNode, params.maintainer);
         this.maintainer.start();
     }
-    crossdomainMode(level, frameOrder) {
-        this.nextNodeId = this.createFrameId(level, frameOrder);
+    syntheticMode(frameOrder) {
+        const maxSafeNumber = Number.MAX_SAFE_INTEGER;
+        const placeholderSize = 99999999;
+        const nextFrameId = placeholderSize * frameOrder;
+        // I highly doubt that this will ever happen,
+        // but it will be easier to debug if it does
+        if (nextFrameId > maxSafeNumber) {
+            throw new Error('Placeholder id overflow');
+        }
+        this.nextNodeId = nextFrameId;
     }
     registerNode(node) {
         let id = node[this.node_id];
@@ -4156,6 +4240,13 @@ async function parseUseEl(useElement, mode, domParser) {
             return;
         }
         let [url, symbolId] = href.split('#');
+        if (!url && !symbolId) {
+            console.warn('Openreplay: Invalid xlink:href or href found on <use>.');
+            return;
+        }
+        if (iconCache[symbolId]) {
+            return iconCache[symbolId];
+        }
         // happens if svg spritemap is local, fastest case for us
         if (!url && symbolId) {
             const hasHashtag = href.startsWith('#');
@@ -4181,13 +4272,6 @@ async function parseUseEl(useElement, mode, domParser) {
                 return;
             }
         }
-        if (!url && !symbolId) {
-            console.warn('Openreplay: Invalid xlink:href or href found on <use>.');
-            return;
-        }
-        if (iconCache[symbolId]) {
-            return iconCache[symbolId];
-        }
         let svgDoc;
         if (svgUrlCache[url]) {
             if (svgUrlCache[url] === 1) {
@@ -4287,6 +4371,7 @@ class Observer {
         this.indexes = [];
         this.attributesMap = new Map();
         this.textSet = new Set();
+        this.slotMap = new Map();
         this.disableSprites = false;
         /**
          * this option means that, instead of using link element with href to load css,
@@ -4296,6 +4381,9 @@ class Observer {
         this.inlineRemoteCss = false;
         this.inlinerOptions = undefined;
         this.domParser = new DOMParser();
+        this.throttling = true;
+        this.throttledSetNodeData = throttleWithTrailing((id, parentElement, data) => this.sendNodeData(id, parentElement, data), 30);
+        this.throttling = !Boolean(options.disableThrottling);
         this.disableSprites = Boolean(options.disableSprites);
         this.inlineRemoteCss = Boolean(options.inlineRemoteCss);
         this.inlinerOptions = options.inlinerOptions;
@@ -4476,6 +4564,18 @@ class Observer {
     }
     bindNode(node) {
         const [id, isNew] = this.app.nodes.registerNode(node);
+        if (isElementNode(node) && hasTag(node, 'slot')) {
+            this.app.nodes.attachNodeListener(node, 'slotchange', () => {
+                const sl = node;
+                sl.assignedNodes({ flatten: true }).forEach((n) => {
+                    const nid = this.app.nodes.getID(n);
+                    if (nid !== undefined) {
+                        this.recents.set(nid, RecentsType.Removed);
+                        this.commitNode(nid);
+                    }
+                });
+            });
+        }
         if (isNew) {
             this.recents.set(id, RecentsType.New);
         }
@@ -4506,6 +4606,9 @@ class Observer {
     }
     unbindTree(node) {
         const id = this.app.nodes.unregisterNode(node);
+        if (id !== undefined) {
+            this.slotMap.delete(id);
+        }
         if (id !== undefined && this.recents.get(id) === RecentsType.Removed) {
             // Sending RemoveNode only for parent to maintain
             this.app.send(RemoveNode(id));
@@ -4534,8 +4637,15 @@ class Observer {
         if (isRootNode(node)) {
             return true;
         }
-        // @ts-ignore SALESFORCE
-        const parent = node.assignedSlot ? node.assignedSlot : node.parentNode;
+        let slot = node.assignedSlot;
+        let isLightDom = false;
+        if (slot) {
+            // Check if the node is in light DOM (not in shadow DOM)
+            // This is a workaround for the issue with shadow DOM and slots
+            // where the slot is not assigned to the node in shadow DOM.
+            isLightDom = node.getRootNode() instanceof ShadowRoot;
+        }
+        const parent = node.parentNode;
         let parentID;
         // 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)
@@ -4547,7 +4657,15 @@ class Observer {
                 this.unbindTree(node);
                 return false;
             }
-            parentID = this.app.nodes.getID(parent);
+            if (isLightDom && slot) {
+                parentID = this.app.nodes.getID(slot);
+                // in light dom, we don't "slot" the node,
+                // but rather use the slot as a parent
+                slot = null;
+            }
+            else {
+                parentID = this.app.nodes.getID(parent);
+            }
             if (parentID === undefined) {
                 this.unbindTree(node);
                 return false;
@@ -4607,12 +4725,35 @@ class Observer {
             else if (isTextNode(node)) {
                 // for text node id != 0, hence parentID !== undefined and parent is Element
                 this.app.send(CreateTextNode(id, parentID, index));
-                this.sendNodeData(id, parent, node.data);
+                if (this.throttling) {
+                    this.throttledSetNodeData(id, parent, node.data);
+                }
+                else {
+                    this.sendNodeData(id, parent, node.data);
+                }
+            }
+            if (slot) {
+                const slotID = this.app.nodes.getID(slot);
+                if (slotID !== undefined) {
+                    this.slotMap.set(id, slotID);
+                    this.app.send(SetNodeSlot(id, slotID));
+                }
             }
             return true;
         }
         if (recentsType === RecentsType.Removed && parentID !== undefined) {
             this.app.send(MoveNode(id, parentID, index));
+            if (slot) {
+                const slotID = this.app.nodes.getID(slot);
+                if (slotID !== undefined && this.slotMap.get(id) !== slotID) {
+                    this.slotMap.set(id, slotID);
+                    this.app.send(SetNodeSlot(id, slotID));
+                }
+            }
+            else if (this.slotMap.has(id)) {
+                this.slotMap.delete(id);
+                this.app.send(SetNodeSlot(id, 0));
+            }
         }
         const attr = this.attributesMap.get(id);
         if (attr !== undefined) {
@@ -4628,7 +4769,12 @@ class Observer {
                 throw 'commitNode: node is not a text';
             }
             // for text node id != 0, hence parent is Element
-            this.sendNodeData(id, parent, node.data);
+            if (this.throttling) {
+                this.throttledSetNodeData(id, parent, node.data);
+            }
+            else {
+                this.sendNodeData(id, parent, node.data);
+            }
         }
         return true;
     }
@@ -4671,6 +4817,7 @@ class Observer {
     disconnect() {
         this.observer.disconnect();
         this.clear();
+        this.throttledSetNodeData.clear();
     }
 }
 
@@ -4778,7 +4925,7 @@ var InlineCssMode;
     InlineCssMode[InlineCssMode["Disabled"] = 0] = "Disabled";
     /** will attempt to record the linked css file as AdoptedStyleSheet object */
     InlineCssMode[InlineCssMode["Inline"] = 1] = "Inline";
-    /** will fetch the file, then simulated AdoptedStyleSheets behavior programmaticaly for the replay */
+    /** will fetch the file, then simulate AdoptedStyleSheets behavior programmaticaly for the replay */
     InlineCssMode[InlineCssMode["InlineFetched"] = 2] = "InlineFetched";
     /** will fetch the file, then save it as plain css inside <style> node */
     InlineCssMode[InlineCssMode["PlainFetched"] = 3] = "PlainFetched";
@@ -4830,6 +4977,7 @@ class TopObserver extends Observer {
         }, params.options);
         const observerOptions = {
             disableSprites: opts.disableSprites,
+            disableThrottling: opts.disableThrottling,
             ...getInlineOptions(opts.inlineCss)
         };
         super(params.app, true, observerOptions);
@@ -4929,7 +5077,7 @@ class TopObserver extends Observer {
             this.app.nodes.callNodeCallbacks(document, true);
         }, window.document.documentElement);
     }
-    crossdomainObserve(rootNodeId, frameOder, frameLevel) {
+    crossdomainObserve(rootNodeId, frameOder) {
         const observer = this;
         Element.prototype.attachShadow = function () {
             // eslint-disable-next-line
@@ -4938,7 +5086,7 @@ class TopObserver extends Observer {
             return shadow;
         };
         this.app.nodes.clear();
-        this.app.nodes.crossdomainMode(frameLevel, frameOder);
+        this.app.nodes.syntheticMode(frameOder);
         const iframeObserver = new IFrameObserver(this.app);
         this.iframeObservers.set(window.document, iframeObserver);
         iframeObserver.syntheticObserve(rootNodeId, window.document);
@@ -5238,7 +5386,7 @@ class Ticker {
  * this value is injected during build time via rollup
  * */
 // @ts-ignore
-const workerBodyFn = "!function(){\"use strict\";class t{constructor(t,s,i,e=10,n=250,h,r){this.onUnauthorised=s,this.onFailure=i,this.MAX_ATTEMPTS_COUNT=e,this.ATTEMPT_TIMEOUT=n,this.onCompress=h,this.pageNo=r,this.attemptsCount=0,this.busy=!1,this.queue=[],this.token=null,this.lastBatchNum=0,this.ingestURL=t+\"/v1/web/i\",this.isCompressing=void 0!==h}getQueueStatus(){return 0===this.queue.length&&!this.busy}authorise(t){this.token=t,this.busy||this.sendNext()}push(t){if(this.busy||!this.token)this.queue.push(t);else if(this.busy=!0,this.isCompressing&&this.onCompress)this.onCompress(t);else{const s=++this.lastBatchNum;this.sendBatch(t,!1,s)}}sendNext(){const t=this.queue.shift();if(t)if(this.busy=!0,this.isCompressing&&this.onCompress)this.onCompress(t);else{const s=++this.lastBatchNum;this.sendBatch(t,!1,s)}else this.busy=!1}retry(t,s,i){this.attemptsCount>=this.MAX_ATTEMPTS_COUNT?this.onFailure(`Failed to send batch after ${this.attemptsCount} attempts.`):(this.attemptsCount++,setTimeout((()=>this.sendBatch(t,s,i)),this.ATTEMPT_TIMEOUT*this.attemptsCount))}sendBatch(t,s,i){var e;const n=null==i?void 0:i.toString().replace(/^([^_]+)_([^_]+).*/,\"$1_$2_$3\");this.busy=!0;const h={Authorization:`Bearer ${this.token}`};s&&(h[\"Content-Encoding\"]=\"gzip\"),null!==this.token?fetch(`${this.ingestURL}?batch=${null!==(e=this.pageNo)&&void 0!==e?e:\"noPageNum\"}_${null!=n?n:\"noBatchNum\"}`,{body:t,method:\"POST\",headers:h,keepalive:t.length<65536}).then((e=>{if(401===e.status)return this.busy=!1,void this.onUnauthorised();e.status>=400?this.retry(t,s,`${null!=i?i:\"noBatchNum\"}_network:${e.status}`):(this.attemptsCount=0,this.sendNext())})).catch((e=>{console.warn(\"OpenReplay:\",e),this.retry(t,s,`${null!=i?i:\"noBatchNum\"}_reject:${e.message}`)})):setTimeout((()=>{this.sendBatch(t,s,`${null!=i?i:\"noBatchNum\"}_newToken`)}),500)}sendCompressed(t){const s=++this.lastBatchNum;this.sendBatch(t,!0,s)}sendUncompressed(t){const s=++this.lastBatchNum;this.sendBatch(t,!1,s)}clean(){this.sendNext(),setTimeout((()=>{this.token=null,this.queue.length=0}),10)}}const s=\"function\"==typeof TextEncoder?new TextEncoder:{encode(t){const s=t.length,i=new Uint8Array(3*s);let e=-1;for(let n=0,h=0,r=0;r!==s;){if(n=t.charCodeAt(r),r+=1,n>=55296&&n<=56319){if(r===s){i[e+=1]=239,i[e+=1]=191,i[e+=1]=189;break}if(h=t.charCodeAt(r),!(h>=56320&&h<=57343)){i[e+=1]=239,i[e+=1]=191,i[e+=1]=189;continue}if(n=1024*(n-55296)+h-56320+65536,r+=1,n>65535){i[e+=1]=240|n>>>18,i[e+=1]=128|n>>>12&63,i[e+=1]=128|n>>>6&63,i[e+=1]=128|63&n;continue}}n<=127?i[e+=1]=0|n:n<=2047?(i[e+=1]=192|n>>>6,i[e+=1]=128|63&n):(i[e+=1]=224|n>>>12,i[e+=1]=128|n>>>6&63,i[e+=1]=128|63&n)}return i.subarray(0,e+1)}};class i{constructor(t){this.size=t,this.offset=0,this.checkpointOffset=0,this.data=new Uint8Array(t)}getCurrentOffset(){return this.offset}checkpoint(){this.checkpointOffset=this.offset}get isEmpty(){return 0===this.offset}skip(t){return this.offset+=t,this.offset<=this.size}set(t,s){this.data.set(t,s)}boolean(t){return this.data[this.offset++]=+t,this.offset<=this.size}uint(t){for((t<0||t>Number.MAX_SAFE_INTEGER)&&(t=0);t>=128;)this.data[this.offset++]=t%256|128,t=Math.floor(t/128);return this.data[this.offset++]=t,this.offset<=this.size}int(t){return t=Math.round(t),this.uint(t>=0?2*t:-2*t-1)}string(t){const i=s.encode(t),e=i.byteLength;return!(!this.uint(e)||this.offset+e>this.size)&&(this.data.set(i,this.offset),this.offset+=e,!0)}reset(){this.offset=0,this.checkpointOffset=0}flush(){const t=this.data.slice(0,this.checkpointOffset);return this.reset(),t}}class e extends i{encode(t){switch(t[0]){case 0:case 11:case 114:case 115:return this.uint(t[1]);case 4:case 44:case 47:return this.string(t[1])&&this.string(t[2])&&this.uint(t[3]);case 5:case 20:case 38:case 70:case 75:case 76:case 77:case 82:return this.uint(t[1])&&this.uint(t[2]);case 6:return this.int(t[1])&&this.int(t[2]);case 7:return!0;case 8:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3])&&this.string(t[4])&&this.boolean(t[5]);case 9:case 10:case 24:case 35:case 51:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3]);case 12:case 52:case 61:case 71:return this.uint(t[1])&&this.string(t[2])&&this.string(t[3]);case 13:case 14:case 17:case 34:case 50:case 54:return this.uint(t[1])&&this.string(t[2]);case 16:return this.uint(t[1])&&this.int(t[2])&&this.int(t[3]);case 18:return this.uint(t[1])&&this.string(t[2])&&this.int(t[3]);case 19:return this.uint(t[1])&&this.boolean(t[2]);case 21:return this.string(t[1])&&this.string(t[2])&&this.string(t[3])&&this.string(t[4])&&this.string(t[5])&&this.uint(t[6])&&this.uint(t[7])&&this.uint(t[8]);case 22:case 27:case 30:case 41:case 45:case 46:case 43:case 63:case 64:case 79:case 124:return this.string(t[1])&&this.string(t[2]);case 23:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3])&&this.uint(t[4])&&this.uint(t[5])&&this.uint(t[6])&&this.uint(t[7])&&this.uint(t[8])&&this.uint(t[9]);case 28:case 29:case 42:case 117:case 118:return this.string(t[1]);case 37:return this.uint(t[1])&&this.string(t[2])&&this.uint(t[3]);case 39:return this.string(t[1])&&this.string(t[2])&&this.string(t[3])&&this.string(t[4])&&this.uint(t[5])&&this.uint(t[6])&&this.uint(t[7]);case 40:return this.string(t[1])&&this.uint(t[2])&&this.string(t[3])&&this.string(t[4]);case 48:return this.string(t[1])&&this.string(t[2])&&this.string(t[3])&&this.string(t[4])&&this.int(t[5]);case 49:return this.int(t[1])&&this.int(t[2])&&this.uint(t[3])&&this.uint(t[4]);case 53:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3])&&this.uint(t[4])&&this.uint(t[5])&&this.uint(t[6])&&this.string(t[7])&&this.string(t[8]);case 55:return this.boolean(t[1]);case 57:case 60:return this.uint(t[1])&&this.string(t[2])&&this.string(t[3])&&this.string(t[4]);case 58:case 120:return this.int(t[1]);case 59:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3])&&this.uint(t[4])&&this.string(t[5])&&this.string(t[6])&&this.string(t[7]);case 67:case 73:return this.uint(t[1])&&this.string(t[2])&&this.uint(t[3])&&this.string(t[4]);case 68:return this.uint(t[1])&&this.uint(t[2])&&this.string(t[3])&&this.string(t[4])&&this.uint(t[5])&&this.uint(t[6]);case 69:return this.uint(t[1])&&this.uint(t[2])&&this.string(t[3])&&this.string(t[4]);case 78:return this.string(t[1])&&this.string(t[2])&&this.string(t[3])&&this.string(t[4]);case 81:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3])&&this.int(t[4])&&this.string(t[5]);case 83:return this.string(t[1])&&this.string(t[2])&&this.string(t[3])&&this.string(t[4])&&this.string(t[5])&&this.uint(t[6])&&this.uint(t[7])&&this.uint(t[8])&&this.uint(t[9]);case 84:return this.string(t[1])&&this.string(t[2])&&this.string(t[3])&&this.uint(t[4])&&this.string(t[5])&&this.string(t[6]);case 112:return this.uint(t[1])&&this.string(t[2])&&this.boolean(t[3])&&this.string(t[4])&&this.int(t[5])&&this.int(t[6]);case 113:return this.uint(t[1])&&this.uint(t[2])&&this.string(t[3]);case 116:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3])&&this.uint(t[4])&&this.uint(t[5])&&this.uint(t[6])&&this.string(t[7])&&this.string(t[8])&&this.uint(t[9])&&this.boolean(t[10]);case 119:return this.string(t[1])&&this.uint(t[2]);case 121:return this.string(t[1])&&this.string(t[2])&&this.uint(t[3])&&this.uint(t[4]);case 122:return this.string(t[1])&&this.string(t[2])&&this.uint(t[3])&&this.string(t[4]);case 123:return this.string(t[1])&&this.string(t[2])&&this.string(t[3])&&this.string(t[4])&&this.uint(t[5])}}}class n{constructor(t,s,i,n,h,r){this.pageNo=t,this.timestamp=s,this.url=i,this.onBatch=n,this.tabId=h,this.onOfflineEnd=r,this.nextIndex=0,this.beaconSize=2e5,this.encoder=new e(this.beaconSize),this.sizeBuffer=new Uint8Array(3),this.isEmpty=!0,this.checkpoints=[],this.beaconSizeLimit=1e6,this.prepare()}writeType(t){return this.encoder.uint(t[0])}writeFields(t){return this.encoder.encode(t)}writeSizeAt(t,s){for(let s=0;s<3;s++)this.sizeBuffer[s]=t>>8*s;this.encoder.set(this.sizeBuffer,s)}prepare(){if(!this.encoder.isEmpty)return;this.checkpoints.length=0;const t=[81,1,this.pageNo,this.nextIndex,this.timestamp,this.url],s=[0,this.timestamp],i=[118,this.tabId];this.writeType(t),this.writeFields(t),this.writeWithSize(s),this.writeWithSize(i),this.isEmpty=!0}writeWithSize(t){const s=this.encoder;if(!this.writeType(t)||!s.skip(3))return!1;const i=s.getCurrentOffset(),e=this.writeFields(t);if(e){const e=s.getCurrentOffset()-i;if(e>16777215)return console.warn(\"OpenReplay: max message size overflow.\"),!1;this.writeSizeAt(e,i-3),s.checkpoint(),this.checkpoints.push(s.getCurrentOffset()),this.isEmpty=this.isEmpty&&0===t[0],this.nextIndex++}return e}setBeaconSizeLimit(t){this.beaconSizeLimit=t}writeMessage(t){if(\"q_end\"===t[0])return this.finaliseBatch(),this.onOfflineEnd();0===t[0]&&(this.timestamp=t[1]),122===t[0]&&(this.url=t[1]),this.writeWithSize(t)||(this.finaliseBatch(),this.writeWithSize(t)||(this.encoder=new e(this.beaconSizeLimit),this.prepare(),this.writeWithSize(t)?this.finaliseBatch():console.warn(\"OpenReplay: beacon size overflow. Skipping large message.\",t,this),this.encoder=new e(this.beaconSize),this.prepare()))}finaliseBatch(t=!1){if(this.isEmpty)return;const s=this.encoder.flush();this.onBatch(s,t),this.prepare()}clean(){this.encoder.reset(),this.checkpoints.length=0}}var h;!function(t){t[t.NotActive=0]=\"NotActive\",t[t.Starting=1]=\"Starting\",t[t.Stopping=2]=\"Stopping\",t[t.Active=3]=\"Active\",t[t.Stopped=4]=\"Stopped\"}(h||(h={}));let r=null,a=null,u=h.NotActive;function o(t){a&&a.finaliseBatch(t)}function c(){return new Promise((t=>{u=h.Stopping,null!==p&&(clearInterval(p),p=null),a&&(a.clean(),a=null),r&&(r.clean(),setTimeout((()=>{r=null}),20)),setTimeout((()=>{u=h.NotActive,t(null)}),100)}))}function g(){[h.Stopped,h.Stopping].includes(u)||(postMessage(\"a_stop\"),c().then((()=>{postMessage(\"a_start\")})))}let l,p=null;self.onmessage=({data:s})=>{if(\"stop\"===s)return o(),void c().then((()=>{u=h.Stopped}));if(\"forceFlushBatch\"!==s)if(\"closing\"!==s){if(!Array.isArray(s)){if(\"compressed\"===s.type){if(!r)return console.debug(\"OR WebWorker: sender not initialised. Compressed batch.\"),void g();s.batch&&r.sendCompressed(s.batch)}if(\"uncompressed\"===s.type){if(!r)return console.debug(\"OR WebWorker: sender not initialised. Uncompressed batch.\"),void g();s.batch&&r.sendUncompressed(s.batch)}return\"start\"===s.type?(u=h.Starting,r=new t(s.ingestPoint,(()=>{g()}),(t=>{!function(t){postMessage({type:\"failure\",reason:t}),c()}(t)}),s.connAttemptCount,s.connAttemptGap,(t=>{postMessage({type:\"compress\",batch:t},[t.buffer])}),s.pageNo),a=new n(s.pageNo,s.timestamp,s.url,((t,s)=>{r&&(s?r.sendUncompressed(t):r.push(t))}),s.tabId,(()=>postMessage({type:\"queue_empty\"}))),null===p&&(p=setInterval(o,3e4)),u=h.Active):\"auth\"===s.type?r?a?(r.authorise(s.token),void(s.beaconSizeLimit&&a.setBeaconSizeLimit(s.beaconSizeLimit))):(console.debug(\"OR WebWorker: writer not initialised. Received auth.\"),void g()):(console.debug(\"OR WebWorker: sender not initialised. Received auth.\"),void g()):void 0}if(a){const t=a;s.forEach((s=>{55===s[0]&&(s[1]?l=setTimeout((()=>g()),18e5):clearTimeout(l)),t.writeMessage(s)}))}else postMessage(\"not_init\"),g()}else o(!0);else o()}}();\n";
+const workerBodyFn = "!function(){\"use strict\";class t{constructor(t,s,i,e=10,n=250,h,r){this.onUnauthorised=s,this.onFailure=i,this.MAX_ATTEMPTS_COUNT=e,this.ATTEMPT_TIMEOUT=n,this.onCompress=h,this.pageNo=r,this.attemptsCount=0,this.busy=!1,this.queue=[],this.token=null,this.lastBatchNum=0,this.ingestURL=t+\"/v1/web/i\",this.isCompressing=void 0!==h}getQueueStatus(){return 0===this.queue.length&&!this.busy}authorise(t){this.token=t,this.busy||this.sendNext()}push(t){if(this.busy||!this.token)this.queue.push(t);else if(this.busy=!0,this.isCompressing&&this.onCompress)this.onCompress(t);else{const s=++this.lastBatchNum;this.sendBatch(t,!1,s)}}sendNext(){const t=this.queue.shift();if(t)if(this.busy=!0,this.isCompressing&&this.onCompress)this.onCompress(t);else{const s=++this.lastBatchNum;this.sendBatch(t,!1,s)}else this.busy=!1}retry(t,s,i){this.attemptsCount>=this.MAX_ATTEMPTS_COUNT?this.onFailure(`Failed to send batch after ${this.attemptsCount} attempts.`):(this.attemptsCount++,setTimeout((()=>this.sendBatch(t,s,i)),this.ATTEMPT_TIMEOUT*this.attemptsCount))}sendBatch(t,s,i){var e;const n=null==i?void 0:i.toString().replace(/^([^_]+)_([^_]+).*/,\"$1_$2_$3\");this.busy=!0;const h={Authorization:`Bearer ${this.token}`};s&&(h[\"Content-Encoding\"]=\"gzip\"),null!==this.token?fetch(`${this.ingestURL}?batch=${null!==(e=this.pageNo)&&void 0!==e?e:\"noPageNum\"}_${null!=n?n:\"noBatchNum\"}`,{body:t,method:\"POST\",headers:h,keepalive:t.length<65536}).then((e=>{if(401===e.status)return this.busy=!1,void this.onUnauthorised();e.status>=400?this.retry(t,s,`${null!=i?i:\"noBatchNum\"}_network:${e.status}`):(this.attemptsCount=0,this.sendNext())})).catch((e=>{console.warn(\"OpenReplay:\",e),this.retry(t,s,`${null!=i?i:\"noBatchNum\"}_reject:${e.message}`)})):setTimeout((()=>{this.sendBatch(t,s,`${null!=i?i:\"noBatchNum\"}_newToken`)}),500)}sendCompressed(t){const s=++this.lastBatchNum;this.sendBatch(t,!0,s)}sendUncompressed(t){const s=++this.lastBatchNum;this.sendBatch(t,!1,s)}clean(){this.sendNext(),setTimeout((()=>{this.token=null,this.queue.length=0}),10)}}const s=\"function\"==typeof TextEncoder?new TextEncoder:{encode(t){const s=t.length,i=new Uint8Array(3*s);let e=-1;for(let n=0,h=0,r=0;r!==s;){if(n=t.charCodeAt(r),r+=1,n>=55296&&n<=56319){if(r===s){i[e+=1]=239,i[e+=1]=191,i[e+=1]=189;break}if(h=t.charCodeAt(r),!(h>=56320&&h<=57343)){i[e+=1]=239,i[e+=1]=191,i[e+=1]=189;continue}if(n=1024*(n-55296)+h-56320+65536,r+=1,n>65535){i[e+=1]=240|n>>>18,i[e+=1]=128|n>>>12&63,i[e+=1]=128|n>>>6&63,i[e+=1]=128|63&n;continue}}n<=127?i[e+=1]=0|n:n<=2047?(i[e+=1]=192|n>>>6,i[e+=1]=128|63&n):(i[e+=1]=224|n>>>12,i[e+=1]=128|n>>>6&63,i[e+=1]=128|63&n)}return i.subarray(0,e+1)}};class i{constructor(t){this.size=t,this.offset=0,this.checkpointOffset=0,this.data=new Uint8Array(t)}getCurrentOffset(){return this.offset}checkpoint(){this.checkpointOffset=this.offset}get isEmpty(){return 0===this.offset}skip(t){return this.offset+=t,this.offset<=this.size}set(t,s){this.data.set(t,s)}boolean(t){return this.data[this.offset++]=+t,this.offset<=this.size}uint(t){for((t<0||t>Number.MAX_SAFE_INTEGER)&&(t=0);t>=128;)this.data[this.offset++]=t%256|128,t=Math.floor(t/128);return this.data[this.offset++]=t,this.offset<=this.size}int(t){return t=Math.round(t),this.uint(t>=0?2*t:-2*t-1)}string(t){const i=s.encode(t),e=i.byteLength;return!(!this.uint(e)||this.offset+e>this.size)&&(this.data.set(i,this.offset),this.offset+=e,!0)}reset(){this.offset=0,this.checkpointOffset=0}flush(){const t=this.data.slice(0,this.checkpointOffset);return this.reset(),t}}class e extends i{encode(t){switch(t[0]){case 0:case 11:case 114:case 115:return this.uint(t[1]);case 4:case 44:case 47:return this.string(t[1])&&this.string(t[2])&&this.uint(t[3]);case 5:case 20:case 38:case 65:case 70:case 75:case 76:case 77:case 82:return this.uint(t[1])&&this.uint(t[2]);case 6:return this.int(t[1])&&this.int(t[2]);case 7:return!0;case 8:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3])&&this.string(t[4])&&this.boolean(t[5]);case 9:case 10:case 24:case 35:case 51:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3]);case 12:case 52:case 61:case 71:return this.uint(t[1])&&this.string(t[2])&&this.string(t[3]);case 13:case 14:case 17:case 34:case 36:case 50:case 54:return this.uint(t[1])&&this.string(t[2]);case 16:return this.uint(t[1])&&this.int(t[2])&&this.int(t[3]);case 18:return this.uint(t[1])&&this.string(t[2])&&this.int(t[3]);case 19:return this.uint(t[1])&&this.boolean(t[2]);case 21:return this.string(t[1])&&this.string(t[2])&&this.string(t[3])&&this.string(t[4])&&this.string(t[5])&&this.uint(t[6])&&this.uint(t[7])&&this.uint(t[8]);case 22:case 27:case 30:case 41:case 45:case 46:case 43:case 63:case 64:case 79:case 124:return this.string(t[1])&&this.string(t[2]);case 23:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3])&&this.uint(t[4])&&this.uint(t[5])&&this.uint(t[6])&&this.uint(t[7])&&this.uint(t[8])&&this.uint(t[9]);case 28:case 29:case 42:case 117:case 118:return this.string(t[1]);case 37:return this.uint(t[1])&&this.string(t[2])&&this.uint(t[3]);case 39:return this.string(t[1])&&this.string(t[2])&&this.string(t[3])&&this.string(t[4])&&this.uint(t[5])&&this.uint(t[6])&&this.uint(t[7]);case 40:return this.string(t[1])&&this.uint(t[2])&&this.string(t[3])&&this.string(t[4]);case 48:return this.string(t[1])&&this.string(t[2])&&this.string(t[3])&&this.string(t[4])&&this.int(t[5]);case 49:return this.int(t[1])&&this.int(t[2])&&this.uint(t[3])&&this.uint(t[4]);case 53:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3])&&this.uint(t[4])&&this.uint(t[5])&&this.uint(t[6])&&this.string(t[7])&&this.string(t[8]);case 55:return this.boolean(t[1]);case 57:case 60:return this.uint(t[1])&&this.string(t[2])&&this.string(t[3])&&this.string(t[4]);case 58:case 120:return this.int(t[1]);case 59:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3])&&this.uint(t[4])&&this.string(t[5])&&this.string(t[6])&&this.string(t[7]);case 67:case 73:return this.uint(t[1])&&this.string(t[2])&&this.uint(t[3])&&this.string(t[4]);case 68:return this.uint(t[1])&&this.uint(t[2])&&this.string(t[3])&&this.string(t[4])&&this.uint(t[5])&&this.uint(t[6]);case 69:return this.uint(t[1])&&this.uint(t[2])&&this.string(t[3])&&this.string(t[4]);case 78:return this.string(t[1])&&this.string(t[2])&&this.string(t[3])&&this.string(t[4]);case 81:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3])&&this.int(t[4])&&this.string(t[5]);case 83:return this.string(t[1])&&this.string(t[2])&&this.string(t[3])&&this.string(t[4])&&this.string(t[5])&&this.uint(t[6])&&this.uint(t[7])&&this.uint(t[8])&&this.uint(t[9]);case 84:return this.string(t[1])&&this.string(t[2])&&this.string(t[3])&&this.uint(t[4])&&this.string(t[5])&&this.string(t[6]);case 85:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3])&&this.uint(t[4])&&this.uint(t[5])&&this.uint(t[6])&&this.string(t[7])&&this.string(t[8])&&this.uint(t[9])&&this.boolean(t[10])&&this.uint(t[11])&&this.uint(t[12])&&this.uint(t[13])&&this.uint(t[14])&&this.uint(t[15])&&this.uint(t[16])&&this.uint(t[17]);case 87:return this.string(t[1])&&this.int(t[2])&&this.int(t[3]);case 89:return this.string(t[1])&&this.int(t[2])&&this.int(t[3])&&this.int(t[4])&&this.int(t[5])&&this.string(t[6]);case 112:return this.uint(t[1])&&this.string(t[2])&&this.boolean(t[3])&&this.string(t[4])&&this.int(t[5])&&this.int(t[6]);case 113:return this.uint(t[1])&&this.uint(t[2])&&this.string(t[3]);case 116:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3])&&this.uint(t[4])&&this.uint(t[5])&&this.uint(t[6])&&this.string(t[7])&&this.string(t[8])&&this.uint(t[9])&&this.boolean(t[10]);case 119:return this.string(t[1])&&this.uint(t[2]);case 121:return this.string(t[1])&&this.string(t[2])&&this.uint(t[3])&&this.uint(t[4]);case 122:return this.string(t[1])&&this.string(t[2])&&this.uint(t[3])&&this.string(t[4]);case 123:return this.string(t[1])&&this.string(t[2])&&this.string(t[3])&&this.string(t[4])&&this.uint(t[5])}}}class n{constructor(t,s,i,n,h,r){this.pageNo=t,this.timestamp=s,this.url=i,this.onBatch=n,this.tabId=h,this.onOfflineEnd=r,this.nextIndex=0,this.beaconSize=2e5,this.encoder=new e(this.beaconSize),this.sizeBuffer=new Uint8Array(3),this.isEmpty=!0,this.checkpoints=[],this.beaconSizeLimit=1e6,this.prepare()}writeType(t){return this.encoder.uint(t[0])}writeFields(t){return this.encoder.encode(t)}writeSizeAt(t,s){for(let s=0;s<3;s++)this.sizeBuffer[s]=t>>8*s;this.encoder.set(this.sizeBuffer,s)}prepare(){if(!this.encoder.isEmpty)return;this.checkpoints.length=0;const t=[81,1,this.pageNo,this.nextIndex,this.timestamp,this.url],s=[0,this.timestamp],i=[118,this.tabId];this.writeType(t),this.writeFields(t),this.writeWithSize(s),this.writeWithSize(i),this.isEmpty=!0}writeWithSize(t){const s=this.encoder;if(!this.writeType(t)||!s.skip(3))return!1;const i=s.getCurrentOffset(),e=this.writeFields(t);if(e){const e=s.getCurrentOffset()-i;if(e>16777215)return console.warn(\"OpenReplay: max message size overflow.\"),!1;this.writeSizeAt(e,i-3),s.checkpoint(),this.checkpoints.push(s.getCurrentOffset()),this.isEmpty=this.isEmpty&&0===t[0],this.nextIndex++}return e}setBeaconSizeLimit(t){this.beaconSizeLimit=t}writeMessage(t){if(-1===t[0])return this.finaliseBatch(),this.onOfflineEnd();0===t[0]&&(this.timestamp=t[1]),122===t[0]&&(this.url=t[1]),this.writeWithSize(t)||(this.finaliseBatch(),this.writeWithSize(t)||(this.encoder=new e(this.beaconSizeLimit),this.prepare(),this.writeWithSize(t)?this.finaliseBatch():console.warn(\"OpenReplay: beacon size overflow. Skipping large message.\",t,this),this.encoder=new e(this.beaconSize),this.prepare()))}finaliseBatch(t=!1){if(this.isEmpty)return;const s=this.encoder.flush();this.onBatch(s,t),this.prepare()}clean(){this.encoder.reset(),this.checkpoints.length=0}}var h;!function(t){t[t.NotActive=0]=\"NotActive\",t[t.Starting=1]=\"Starting\",t[t.Stopping=2]=\"Stopping\",t[t.Active=3]=\"Active\",t[t.Stopped=4]=\"Stopped\"}(h||(h={}));let r=null,u=null,a=h.NotActive;function o(t){u&&u.finaliseBatch(t)}function c(){return new Promise((t=>{a=h.Stopping,null!==p&&(clearInterval(p),p=null),u&&(u.clean(),u=null),r&&(r.clean(),setTimeout((()=>{r=null}),20)),setTimeout((()=>{a=h.NotActive,t(null)}),100)}))}function g(){[h.Stopped,h.Stopping].includes(a)||(postMessage(\"a_stop\"),c().then((()=>{postMessage(\"a_start\")})))}let l,p=null;self.onmessage=({data:s})=>{if(\"stop\"===s)return o(),void c().then((()=>{a=h.Stopped}));if(\"forceFlushBatch\"!==s)if(\"closing\"!==s){if(!Array.isArray(s)){if(\"compressed\"===s.type){if(!r)return console.debug(\"OR WebWorker: sender not initialised. Compressed batch.\"),void g();s.batch&&r.sendCompressed(s.batch)}if(\"uncompressed\"===s.type){if(!r)return console.debug(\"OR WebWorker: sender not initialised. Uncompressed batch.\"),void g();s.batch&&r.sendUncompressed(s.batch)}return\"start\"===s.type?(a=h.Starting,r=new t(s.ingestPoint,(()=>{g()}),(t=>{!function(t){postMessage({type:\"failure\",reason:t}),c()}(t)}),s.connAttemptCount,s.connAttemptGap,(t=>{postMessage({type:\"compress\",batch:t},[t.buffer])}),s.pageNo),u=new n(s.pageNo,s.timestamp,s.url,((t,s)=>{r&&(s?r.sendUncompressed(t):r.push(t))}),s.tabId,(()=>postMessage({type:\"queue_empty\"}))),null===p&&(p=setInterval(o,3e4)),a=h.Active):\"auth\"===s.type?r?u?(r.authorise(s.token),void(s.beaconSizeLimit&&u.setBeaconSizeLimit(s.beaconSizeLimit))):(console.debug(\"OR WebWorker: writer not initialised. Received auth.\"),void g()):(console.debug(\"OR WebWorker: sender not initialised. Received auth.\"),void g()):void 0}if(u){const t=u;s.forEach((s=>{55===s[0]&&(s[1]?l=setTimeout((()=>g()),18e5):clearTimeout(l)),t.writeMessage(s)}))}else postMessage(\"not_init\"),g()}else o(!0);else o()}}();\n";
 const CANCELED = 'canceled';
 const uxtStorageKey = 'or_uxt_active';
 const bufferStorageKey = 'or_buffer_1';
@@ -5292,7 +5440,7 @@ class App {
         this.stopCallbacks = [];
         this.commitCallbacks = [];
         this.activityState = ActivityState.NotActive;
-        this.version = '16.4.10'; // TODO: version compatability check inside each plugin.
+        this.version = '16.4.11-beta.0'; // TODO: version compatability check inside each plugin.
         this.socketMode = false;
         this.compressionThreshold = 24 * 1000;
         this.bc = null;
@@ -5302,8 +5450,10 @@ class App {
         this.rootId = null;
         this.pageFrames = [];
         this.frameOderNumber = 0;
-        this.frameLevel = 0;
-        this.features = {};
+        this.features = {
+            'feature-flags': true,
+            'usability-test': true,
+        };
         this.emptyBatchCounter = 0;
         /** used by child iframes for crossdomain only */
         this.parentActive = false;
@@ -5333,7 +5483,6 @@ class App {
                 this.rootId = data.id;
                 this.session.setSessionToken(data.token, this.projectKey);
                 this.frameOderNumber = data.frameOrderNumber;
-                this.frameLevel = data.frameLevel;
                 this.debug.log('starting iframe tracking', data);
                 this.allowAppStart();
             }
@@ -5383,8 +5532,8 @@ class App {
                             line: proto.iframeId,
                             id,
                             token,
+                            // since indexes go from 0 we +1
                             frameOrderNumber: order,
-                            frameLevel: this.frameLevel + 1,
                         };
                         this.debug.log('Got child frame signal; nodeId', id, event.source, iframeData);
                         // @ts-ignore
@@ -5395,13 +5544,6 @@ class App {
                     }
                 };
                 void signalId();
-                if (this.active()) {
-                    // @ts-ignore
-                    event.source?.postMessage({ line: proto.startIframe }, '*');
-                }
-                else {
-                    this.addCommand(proto.startIframe);
-                }
             }
             /**
              * proxying messages from iframe to main body, so they can be in one batch (same indexes, etc)
@@ -5586,170 +5728,9 @@ class App {
         this.orderNumber = 0;
         this.coldStartTs = 0;
         this.singleBuffer = false;
-        /**
-         * start buffering messages without starting the actual session, which gives
-         * user 30 seconds to "activate" and record session by calling `start()` on conditional trigger,
-         * and we will then send buffered batch, so it won't get lost
-         * */
-        this.coldStart = async (startOpts = {}, conditional) => {
-            this.singleBuffer = false;
-            const second = 1000;
-            const isNewSession = this.checkSessionToken(startOpts.forceNew);
-            if (conditional) {
-                await this.setupConditionalStart(startOpts);
-            }
-            const cycle = () => {
-                this.orderNumber += 1;
-                adjustTimeOrigin();
-                this.coldStartTs = now();
-                if (this.orderNumber % 2 === 0) {
-                    this.bufferedMessages1.length = 0;
-                    this.bufferedMessages1.push(Timestamp(this.timestamp()));
-                    this.bufferedMessages1.push(TabData(this.session.getTabId()));
-                }
-                else {
-                    this.bufferedMessages2.length = 0;
-                    this.bufferedMessages2.push(Timestamp(this.timestamp()));
-                    this.bufferedMessages2.push(TabData(this.session.getTabId()));
-                }
-                this.stop(false);
-                this.activityState = ActivityState.ColdStart;
-                if (startOpts.sessionHash) {
-                    this.session.applySessionHash(startOpts.sessionHash);
-                }
-                if (startOpts.forceNew) {
-                    this.session.reset();
-                }
-                this.session.assign({
-                    userID: startOpts.userID,
-                    metadata: startOpts.metadata,
-                });
-                if (!isNewSession) {
-                    this.debug.log('continuing session on new tab', this.session.getTabId());
-                    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-                    this.send(TabChange(this.session.getTabId()));
-                }
-                this.observer.observe();
-                this.ticker.start();
-            };
-            this.coldInterval = setInterval(() => {
-                cycle();
-            }, 30 * second);
-            cycle();
-        };
-        this.setupConditionalStart = async (startOpts) => {
-            this.conditionsManager = new ConditionsManager(this, startOpts);
-            const r = await fetch(this.options.ingestPoint + '/v1/web/start', {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json',
-                },
-                body: JSON.stringify({
-                    ...this.getTrackerInfo(),
-                    timestamp: now(),
-                    doNotRecord: true,
-                    bufferDiff: 0,
-                    userID: this.session.getInfo().userID,
-                    token: undefined,
-                    deviceMemory,
-                    jsHeapSizeLimit,
-                    timezone: getTimezone(),
-                    width: window.screen.width,
-                    height: window.screen.height,
-                }),
-            });
-            const { 
-            // this token is needed to fetch conditions and flags,
-            // but it can't be used to record a session
-            token, userBrowser, userCity, userCountry, userDevice, userOS, userState, projectID, features, } = await r.json();
-            this.features = features ? features : this.features;
-            this.session.assign({ projectID });
-            this.session.setUserInfo({
-                userBrowser,
-                userCity,
-                userCountry,
-                userDevice,
-                userOS,
-                userState,
-            });
-            const onStartInfo = { sessionToken: token, userUUID: '', sessionID: '' };
-            this.startCallbacks.forEach((cb) => cb(onStartInfo));
-            await this.conditionsManager?.fetchConditions(projectID, token);
-            if (this.features['feature-flags']) {
-                await this.featureFlags.reloadFlags(token);
-                this.conditionsManager?.processFlags(this.featureFlags.flags);
-            }
-            await this.tagWatcher.fetchTags(this.options.ingestPoint, token);
-        };
         this.onSessionSent = () => {
             return;
         };
-        /**
-         * Starts offline session recording
-         * @param {Object} startOpts - options for session start, same as .start()
-         * @param {Function} onSessionSent - callback that will be called once session is fully sent
-         * */
-        this.offlineRecording = (startOpts = {}, onSessionSent) => {
-            this.onSessionSent = onSessionSent;
-            this.singleBuffer = true;
-            const isNewSession = this.checkSessionToken(startOpts.forceNew);
-            adjustTimeOrigin();
-            this.coldStartTs = now();
-            const saverBuffer = this.localStorage.getItem(bufferStorageKey);
-            if (saverBuffer) {
-                const data = JSON.parse(saverBuffer);
-                this.bufferedMessages1 = Array.isArray(data) ? data : this.bufferedMessages1;
-                this.localStorage.removeItem(bufferStorageKey);
-            }
-            this.bufferedMessages1.push(Timestamp(this.timestamp()));
-            this.bufferedMessages1.push(TabData(this.session.getTabId()));
-            this.activityState = ActivityState.ColdStart;
-            if (startOpts.sessionHash) {
-                this.session.applySessionHash(startOpts.sessionHash);
-            }
-            if (startOpts.forceNew) {
-                this.session.reset();
-            }
-            this.session.assign({
-                userID: startOpts.userID,
-                metadata: startOpts.metadata,
-            });
-            const onStartInfo = { sessionToken: '', userUUID: '', sessionID: '' };
-            this.startCallbacks.forEach((cb) => cb(onStartInfo));
-            if (!isNewSession) {
-                // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-                this.send(TabChange(this.session.getTabId()));
-            }
-            this.observer.observe();
-            this.ticker.start();
-            return {
-                saveBuffer: this.saveBuffer,
-                getBuffer: this.getBuffer,
-                setBuffer: this.setBuffer,
-            };
-        };
-        /**
-         * Saves the captured messages in localStorage (or whatever is used in its place)
-         *
-         * Then, when this.offlineRecording is called, it will preload this messages and clear the storage item
-         *
-         * Keeping the size of local storage reasonable is up to the end users of this library
-         * */
-        this.saveBuffer = () => {
-            this.localStorage.setItem(bufferStorageKey, JSON.stringify(this.bufferedMessages1));
-        };
-        /**
-         * @returns buffer with stored messages for offline recording
-         * */
-        this.getBuffer = () => {
-            return this.bufferedMessages1;
-        };
-        /**
-         * Used to set a buffer with messages array
-         * */
-        this.setBuffer = (buffer) => {
-            this.bufferedMessages1 = buffer;
-        };
         this.prevOpts = {};
         this.restartCanvasTracking = () => {
             this.canvasRecorder?.restartTracking();
@@ -5816,6 +5797,7 @@ class App {
             forceNgOff: false,
             inlineCss: 0,
             disableSprites: false,
+            disableThrottling: false,
         };
         this.options = simpleMerge(defaultOptions, options);
         if (!this.insideIframe &&
@@ -5871,11 +5853,7 @@ class App {
              * listen for messages from parent window, so we can signal that we're alive
              * */
             window.addEventListener('message', this.parentCrossDomainFrameListener);
-            window.addEventListener('message', this.crossDomainIframeListener);
             setInterval(() => {
-                if (document.hidden) {
-                    return;
-                }
                 window.parent.postMessage({
                     line: proto.polling,
                     context: this.contextId,
@@ -6258,6 +6236,167 @@ class App {
         const sessionToken = this.session.getSessionToken(this.projectKey);
         return needNewSessionID || !sessionToken;
     }
+    /**
+     * start buffering messages without starting the actual session, which gives
+     * user 30 seconds to "activate" and record session by calling `start()` on conditional trigger,
+     * and we will then send buffered batch, so it won't get lost
+     * */
+    async coldStart(startOpts = {}, conditional) {
+        this.singleBuffer = false;
+        const second = 1000;
+        const isNewSession = this.checkSessionToken(startOpts.forceNew);
+        if (conditional) {
+            await this.setupConditionalStart(startOpts);
+        }
+        const cycle = () => {
+            this.orderNumber += 1;
+            adjustTimeOrigin();
+            this.coldStartTs = now();
+            if (this.orderNumber % 2 === 0) {
+                this.bufferedMessages1.length = 0;
+                this.bufferedMessages1.push(Timestamp(this.timestamp()));
+                this.bufferedMessages1.push(TabData(this.session.getTabId()));
+            }
+            else {
+                this.bufferedMessages2.length = 0;
+                this.bufferedMessages2.push(Timestamp(this.timestamp()));
+                this.bufferedMessages2.push(TabData(this.session.getTabId()));
+            }
+            this.stop(false);
+            this.activityState = ActivityState.ColdStart;
+            if (startOpts.sessionHash) {
+                this.session.applySessionHash(startOpts.sessionHash);
+            }
+            if (startOpts.forceNew) {
+                this.session.reset();
+            }
+            this.session.assign({
+                userID: startOpts.userID,
+                metadata: startOpts.metadata,
+            });
+            if (!isNewSession) {
+                this.debug.log('continuing session on new tab', this.session.getTabId());
+                // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+                this.send(TabChange(this.session.getTabId()));
+            }
+            this.observer.observe();
+            this.ticker.start();
+        };
+        this.coldInterval = setInterval(() => {
+            cycle();
+        }, 30 * second);
+        cycle();
+    }
+    async setupConditionalStart(startOpts) {
+        this.conditionsManager = new ConditionsManager(this, startOpts);
+        const r = await fetch(this.options.ingestPoint + '/v1/web/start', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({
+                ...this.getTrackerInfo(),
+                timestamp: now(),
+                doNotRecord: true,
+                bufferDiff: 0,
+                userID: this.session.getInfo().userID,
+                token: undefined,
+                deviceMemory,
+                jsHeapSizeLimit,
+                timezone: getTimezone(),
+                width: window.screen.width,
+                height: window.screen.height,
+            }),
+        });
+        const { 
+        // this token is needed to fetch conditions and flags,
+        // but it can't be used to record a session
+        token, userBrowser, userCity, userCountry, userDevice, userOS, userState, projectID, features, } = await r.json();
+        this.features = features ? features : this.features;
+        this.session.assign({ projectID });
+        this.session.setUserInfo({
+            userBrowser,
+            userCity,
+            userCountry,
+            userDevice,
+            userOS,
+            userState,
+        });
+        const onStartInfo = { sessionToken: token, userUUID: '', sessionID: '' };
+        this.startCallbacks.forEach((cb) => cb(onStartInfo));
+        await this.conditionsManager?.fetchConditions(projectID, token);
+        if (this.features['feature-flags']) {
+            await this.featureFlags.reloadFlags(token);
+            this.conditionsManager?.processFlags(this.featureFlags.flags);
+        }
+        await this.tagWatcher.fetchTags(this.options.ingestPoint, token);
+    }
+    /**
+     * Starts offline session recording
+     * @param {Object} startOpts - options for session start, same as .start()
+     * @param {Function} onSessionSent - callback that will be called once session is fully sent
+     * */
+    offlineRecording(startOpts = {}, onSessionSent) {
+        this.onSessionSent = onSessionSent;
+        this.singleBuffer = true;
+        const isNewSession = this.checkSessionToken(startOpts.forceNew);
+        adjustTimeOrigin();
+        this.coldStartTs = now();
+        const saverBuffer = this.localStorage.getItem(bufferStorageKey);
+        if (saverBuffer) {
+            const data = JSON.parse(saverBuffer);
+            this.bufferedMessages1 = Array.isArray(data) ? data : this.bufferedMessages1;
+            this.localStorage.removeItem(bufferStorageKey);
+        }
+        this.bufferedMessages1.push(Timestamp(this.timestamp()));
+        this.bufferedMessages1.push(TabData(this.session.getTabId()));
+        this.activityState = ActivityState.ColdStart;
+        if (startOpts.sessionHash) {
+            this.session.applySessionHash(startOpts.sessionHash);
+        }
+        if (startOpts.forceNew) {
+            this.session.reset();
+        }
+        this.session.assign({
+            userID: startOpts.userID,
+            metadata: startOpts.metadata,
+        });
+        const onStartInfo = { sessionToken: '', userUUID: '', sessionID: '' };
+        this.startCallbacks.forEach((cb) => cb(onStartInfo));
+        if (!isNewSession) {
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+            this.send(TabChange(this.session.getTabId()));
+        }
+        this.observer.observe();
+        this.ticker.start();
+        return {
+            saveBuffer: this.saveBuffer,
+            getBuffer: this.getBuffer,
+            setBuffer: this.setBuffer,
+        };
+    }
+    /**
+     * Saves the captured messages in localStorage (or whatever is used in its place)
+     *
+     * Then, when this.offlineRecording is called, it will preload this messages and clear the storage item
+     *
+     * Keeping the size of local storage reasonable is up to the end users of this library
+     * */
+    saveBuffer() {
+        this.localStorage.setItem(bufferStorageKey, JSON.stringify(this.bufferedMessages1));
+    }
+    /**
+     * @returns buffer with stored messages for offline recording
+     * */
+    getBuffer() {
+        return this.bufferedMessages1;
+    }
+    /**
+     * Used to set a buffer with messages array
+     * */
+    setBuffer(buffer) {
+        this.bufferedMessages1 = buffer;
+    }
     /**
      * Uploads the stored session buffer to backend
      * @returns promise that resolves once messages are loaded, it has to be awaited
@@ -6313,7 +6452,7 @@ class App {
         while (this.bufferedMessages1.length > 0) {
             await this.flushBuffer(this.bufferedMessages1);
         }
-        this.postToWorker([['q_end']]);
+        this.postToWorker([[-1]]);
         this.clearBuffers();
     }
     async _start(startOpts = {}, resetByWorker = false, conditionName) {
@@ -6465,7 +6604,7 @@ class App {
             }
             await this.tagWatcher.fetchTags(this.options.ingestPoint, token);
             this.activityState = ActivityState.Active;
-            if (this.options.crossdomain?.enabled) {
+            if (this.options.crossdomain?.enabled && !this.insideIframe) {
                 void this.bootChildrenFrames();
             }
             if (canvasEnabled && !this.options.canvas.disableCanvas) {
@@ -6491,15 +6630,13 @@ class App {
                 this.commit();
                 /** --------------- COLD START BUFFER ------------------*/
             }
+            if (this.insideIframe && this.rootId) {
+                this.observer.crossdomainObserve(this.rootId, this.frameOderNumber);
+            }
             else {
-                if (this.insideIframe && this.rootId) {
-                    this.observer.crossdomainObserve(this.rootId, this.frameOderNumber, this.frameLevel);
-                }
-                else {
-                    this.observer.observe();
-                }
-                this.ticker.start();
+                this.observer.observe();
             }
+            this.ticker.start();
             this.canvasRecorder?.startTracking();
             if (this.features['usability-test'] && !this.insideIframe) {
                 this.uxtManager = this.uxtManager
@@ -6647,7 +6784,7 @@ class App {
     stop(stopWorker = true) {
         if (this.activityState !== ActivityState.NotActive) {
             try {
-                if (this.options.crossdomain?.enabled) {
+                if (!this.insideIframe && this.options.crossdomain?.enabled) {
                     this.killChildrenFrames();
                 }
                 this.attributeSender.clear();
@@ -7102,7 +7239,7 @@ function Img (app) {
     const sendImgError = app.safe(function (img) {
         const resolvedSrc = resolveURL(img.src || ''); // Src type is null sometimes. - is it true?
         if (isURL(resolvedSrc)) {
-            app.send(ResourceTiming(app.timestamp(), 0, 0, 0, 0, 0, resolvedSrc, 'img', 0, false));
+            app.send(ResourceTiming(app.timestamp(), 0, 0, 0, 0, 0, resolvedSrc, 'img', 0, false, 0, 0, 0, 0, 0, 0, 0));
         }
     });
     const sendImgAttrs = app.safe(function (img) {
@@ -7706,18 +7843,38 @@ function Timing (app, opts) {
         if (shouldSkip) {
             return;
         }
+        // will probably require custom header added to responses for tracked requests:
+        // Timing-Allow-Origin: *
+        // https://developer.mozilla.org/en-US/docs/Web/HTTP/Reference/Headers/Timing-Allow-Origin
+        let stalled = 0;
+        if (entry.connectEnd && entry.connectEnd > entry.domainLookupEnd) {
+            // Usual case stalled is time between connection establishment and request start
+            stalled = Math.max(0, entry.requestStart - entry.connectEnd);
+        }
+        else {
+            // Connection reuse case - stalled is time between domain lookup and request start
+            stalled = Math.max(0, entry.requestStart - entry.domainLookupEnd);
+        }
+        const timings = {
+            queueing: entry.requestStart - entry.fetchStart,
+            dnsLookup: entry.domainLookupEnd - entry.domainLookupStart,
+            initialConnection: entry.connectEnd - entry.connectStart,
+            ssl: entry.secureConnectionStart > 0 ? entry.connectEnd - entry.secureConnectionStart : 0,
+            ttfb: entry.responseStart - entry.requestStart,
+            contentDownload: entry.responseEnd - entry.responseStart,
+            total: entry.duration ?? entry.responseEnd - entry.startTime,
+            stalled,
+        };
         const entryName = options.resourceNameSanitizer
             ? options.resourceNameSanitizer(entry.name)
             : entry.name;
-        const cached = 
-        // @ts-ignore
-        (entry.responseStatus && entry.responseStatus === 304) ||
+        const cached = (entry.responseStatus && entry.responseStatus === 304) ||
             // @ts-ignore
             (entry.deliveryType && entry.deliveryType === 'cache') ||
             (entry.transferSize === 0 && entry.decodedBodySize > 0);
         const requestFailed = entry.responseStatus && entry.responseStatus >= 400;
         const decodedBodySize = requestFailed ? -111 : entry.decodedBodySize || 0;
-        app.send(ResourceTiming(entry.startTime + getTimeOrigin(), entry.duration, entry.responseStart && entry.startTime ? entry.responseStart - entry.startTime : 0, entry.transferSize > entry.encodedBodySize ? entry.transferSize - entry.encodedBodySize : 0, entry.encodedBodySize || 0, decodedBodySize, app.sanitizer.privateMode ? entry.name.replaceAll(/./g, '*') : entryName, entry.initiatorType, entry.transferSize, cached));
+        app.send(ResourceTiming(entry.startTime + getTimeOrigin(), entry.duration, timings.ttfb, entry.transferSize > entry.encodedBodySize ? entry.transferSize - entry.encodedBodySize : 0, entry.encodedBodySize || 0, decodedBodySize, app.sanitizer.privateMode ? entry.name.replaceAll(/./g, '*') : entryName, entry.initiatorType, entry.transferSize, cached, timings.queueing, timings.dnsLookup, timings.initialConnection, timings.ssl, timings.contentDownload, timings.total, timings.stalled));
     }
     const observer = new PerformanceObserver((list) => list.getEntries().forEach(resourceTiming));
     function onVitalsSignal(msg) {
@@ -9664,8 +9821,86 @@ function Tabs (app) {
     app.attachEventListener(window, 'focus', changeTab, false, false);
 }
 
+function LongAnimationTask (app, opts) {
+    if (!opts.longTasks || !('PerformanceObserver' in window)) {
+        return;
+    }
+    const onEntry = (entry) => {
+        app.send(LongAnimationTask$1(entry.name, entry.duration, entry.blockingDuration, entry.firstUIEventTimestamp, entry.startTime, JSON.stringify(entry.scripts ?? [])));
+    };
+    const observer = new PerformanceObserver((entryList) => {
+        entryList.getEntries().forEach((entry) => {
+            if (entry.entryType === 'long-animation-frame') {
+                onEntry(entry);
+            }
+        });
+    });
+    app.attachStartCallback(() => {
+        performance.getEntriesByType('long-animation-frame').forEach((lat) => {
+            onEntry(lat);
+        });
+        observer.observe({
+            entryTypes: ['long-animation-frame'],
+        });
+    });
+    app.attachStopCallback(() => {
+        observer.disconnect();
+    });
+}
+
+const toIgnore = ["composite", "computedOffset", "easing", "offset"];
+function webAnimations(app, options = {}) {
+    const { allElements = false } = options;
+    let listening = new WeakSet();
+    let handled = new WeakSet();
+    function wire(anim, el, nodeId) {
+        if (handled.has(anim))
+            return;
+        handled.add(anim);
+        anim.addEventListener('finish', () => {
+            const lastKF = anim.effect.getKeyframes().at(-1);
+            const computedStyle = getComputedStyle(el);
+            const keys = Object.keys(lastKF).filter((p) => !toIgnore.includes(p));
+            // @ts-ignore
+            const finalStyle = {};
+            keys.forEach((key) => {
+                finalStyle[key] = computedStyle[key];
+            });
+            app.send(NodeAnimationResult(nodeId, JSON.stringify(finalStyle)));
+        }, { once: true });
+    }
+    function scanElement(el, nodeId) {
+        el.getAnimations({ subtree: false }).forEach((anim) => wire(anim, el, nodeId));
+    }
+    app.nodes.attachNodeCallback((node) => {
+        if ((allElements || node.nodeName.includes('-')) && 'getAnimations' in node) {
+            const animations = node.getAnimations({ subtree: false });
+            const id = app.nodes.getID(node);
+            if (animations.length > 0 && !listening.has(node) && id) {
+                listening.add(node);
+                scanElement(node, id);
+                node.addEventListener('animationstart', () => scanElement(node, id));
+            }
+        }
+    });
+    const origAnimate = Element.prototype.animate;
+    Element.prototype.animate = function (...args) {
+        const anim = origAnimate.apply(this, args);
+        const id = app.nodes.getID(this);
+        if (!id)
+            return anim;
+        wire(anim, this, id);
+        return anim;
+    };
+    app.attachStopCallback(() => {
+        Element.prototype.animate = origAnimate; // Restore original animate method
+        listening = new WeakSet();
+        handled = new WeakSet();
+    });
+}
+
 const Messages = _Messages;
-const DOCS_SETUP = '/en/sdk/constructor';
+const DOCS_SETUP = '/en/sdk';
 function processOptions(obj) {
     if (obj == null) {
         console.error(`OpenReplay: invalid options argument type. Please, check documentation on ${DOCS_HOST}${DOCS_SETUP}`);
@@ -9715,7 +9950,7 @@ class API {
         this.signalStartIssue = (reason, missingApi) => {
             const doNotTrack = this.checkDoNotTrack();
             console.log("Tracker couldn't start due to:", JSON.stringify({
-                trackerVersion: '16.4.10',
+                trackerVersion: '16.4.11-beta.0',
                 projectKey: this.options.projectKey,
                 doNotTrack,
                 reason: missingApi.length ? `missing api: ${missingApi.join(',')}` : reason,
@@ -9743,6 +9978,12 @@ class API {
                 }
             }
         };
+        this.incident = (options) => {
+            if (this.app === null) {
+                return;
+            }
+            this.app.send(Incident(options.label ?? '', options.startTime, options.endTime ?? options.startTime));
+        };
         this.crossdomainMode = Boolean(inIframe() && options.crossdomain?.enabled);
         if (!IN_BROWSER || !processOptions(options)) {
             return;
@@ -9821,6 +10062,7 @@ class API {
         Img(app);
         Input(app, options);
         Timing(app, options);
+        LongAnimationTask(app, options);
         Focus(app);
         Fonts(app);
         const skipNetwork = options.network?.disabled;
@@ -9828,6 +10070,7 @@ class API {
             Network(app, options.network);
         }
         selection(app);
+        webAnimations(app, options.webAnimations);
         window.__OPENREPLAY__ = this;
         if (options.flags && options.flags.onFlagsLoad) {
             this.onFlagsLoad(options.flags.onFlagsLoad);
@@ -10052,6 +10295,13 @@ class API {
             }
             else {
                 try {
+                    if ('or_timestamp' in payload) {
+                        const startTs = this.getSessionInfo()?.timestamp ?? 0;
+                        const diff = payload.or_timestamp - startTs;
+                        if (diff < 0) {
+                            console.error(`OpenReplay: event ${key} has or_timestamp (${payload.or_timestamp}) before session start (${startTs}). It will be ignored.`);
+                        }
+                    }
                     payload = JSON.stringify(payload);
                 }
                 catch (e) {