humanbehavior-js 0.4.24 → 0.4.26

package/dist/cjs/react/index.cjs

@@ -41,7 +41,7 @@ var _a;
 var __defProp$1 = Object.defineProperty;
 var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField$1 = (obj, key, value) => __defNormalProp$1(obj, typeof key !== "symbol" ? key + "" : key, value);
-var NodeType$3 = /* @__PURE__ */ ((NodeType2) => {
+var NodeType$2 = /* @__PURE__ */ ((NodeType2) => {
   NodeType2[NodeType2["Document"] = 0] = "Document";
   NodeType2[NodeType2["DocumentType"] = 1] = "DocumentType";
   NodeType2[NodeType2["Element"] = 2] = "Element";
@@ -49,7 +49,7 @@ var NodeType$3 = /* @__PURE__ */ ((NodeType2) => {
   NodeType2[NodeType2["CDATA"] = 4] = "CDATA";
   NodeType2[NodeType2["Comment"] = 5] = "Comment";
   return NodeType2;
-})(NodeType$3 || {});
+})(NodeType$2 || {});
 const testableAccessors$1 = {
   Node: ["childNodes", "parentNode", "parentElement", "textContent"],
   ShadowRoot: ["host", "styleSheets"],
@@ -63,9 +63,6 @@ const testableMethods$1 = {
   MutationObserver: ["constructor"]
 };
 const untaintedBasePrototype$1 = {};
-const isAngularZonePresent$1 = () => {
-  return !!globalThis.Zone;
-};
 function getUntaintedPrototype$1(key) {
   if (untaintedBasePrototype$1[key])
     return untaintedBasePrototype$1[key];
@@ -93,7 +90,7 @@ function getUntaintedPrototype$1(key) {
       }
     )
   );
-  if (isUntaintedAccessors && isUntaintedMethods && !isAngularZonePresent$1()) {
+  if (isUntaintedAccessors && isUntaintedMethods) {
     untaintedBasePrototype$1[key] = defaultObj.prototype;
     return defaultObj.prototype;
   }
@@ -240,13 +237,9 @@ function stringifyStylesheet(s2) {
     if (!rules2) {
       return null;
     }
-    let sheetHref = s2.href;
-    if (!sheetHref && s2.ownerNode && s2.ownerNode.ownerDocument) {
-      sheetHref = s2.ownerNode.ownerDocument.location.href;
-    }
     const stringifiedRules = Array.from(
       rules2,
-      (rule2) => stringifyRule(rule2, sheetHref)
+      (rule2) => stringifyRule(rule2, s2.href)
     ).join("");
     return fixBrowserCompatibilityIssuesInCSS(stringifiedRules);
   } catch (error) {
@@ -459,40 +452,6 @@ function absolutifyURLs(cssText, href) {
     }
   );
 }
-function normalizeCssString(cssText) {
-  return cssText.replace(/(\/\*[^*]*\*\/)|[\s;]/g, "");
-}
-function splitCssText(cssText, style) {
-  const childNodes2 = Array.from(style.childNodes);
-  const splits = [];
-  if (childNodes2.length > 1 && cssText && typeof cssText === "string") {
-    const cssTextNorm = normalizeCssString(cssText);
-    for (let i2 = 1; i2 < childNodes2.length; i2++) {
-      if (childNodes2[i2].textContent && typeof childNodes2[i2].textContent === "string") {
-        const textContentNorm = normalizeCssString(childNodes2[i2].textContent);
-        for (let j = 3; j < textContentNorm.length; j++) {
-          const bit = textContentNorm.substring(0, j);
-          if (cssTextNorm.split(bit).length === 2) {
-            const splitNorm = cssTextNorm.indexOf(bit);
-            for (let k = splitNorm; k < cssText.length; k++) {
-              if (normalizeCssString(cssText.substring(0, k)).length === splitNorm) {
-                splits.push(cssText.substring(0, k));
-                cssText = cssText.substring(k);
-                break;
-              }
-            }
-            break;
-          }
-        }
-      }
-    }
-  }
-  splits.push(cssText);
-  return splits;
-}
-function markCssSplits(cssText, style) {
-  return splitCssText(cssText, style).join("/* rr_split */");
-}
 let _id = 1;
 const tagNameRegex = new RegExp("[^a-z0-9-_:]");
 const IGNORED_NODE = -2;
@@ -751,28 +710,27 @@ function serializeNode(n2, options) {
     inlineImages,
     recordCanvas,
     keepIframeSrcFn,
-    newlyAddedElement = false,
-    cssCaptured = false
+    newlyAddedElement = false
   } = options;
   const rootId = getRootId(doc, mirror2);
   switch (n2.nodeType) {
     case n2.DOCUMENT_NODE:
       if (n2.compatMode !== "CSS1Compat") {
         return {
-          type: NodeType$3.Document,
+          type: NodeType$2.Document,
           childNodes: [],
           compatMode: n2.compatMode
           // probably "BackCompat"
         };
       } else {
         return {
-          type: NodeType$3.Document,
+          type: NodeType$2.Document,
           childNodes: []
         };
       }
     case n2.DOCUMENT_TYPE_NODE:
       return {
-        type: NodeType$3.DocumentType,
+        type: NodeType$2.DocumentType,
         name: n2.name,
         publicId: n2.publicId,
         systemId: n2.systemId,
@@ -798,18 +756,17 @@ function serializeNode(n2, options) {
         doc,
         needsMask,
         maskTextFn,
-        rootId,
-        cssCaptured
+        rootId
       });
     case n2.CDATA_SECTION_NODE:
       return {
-        type: NodeType$3.CDATA,
+        type: NodeType$2.CDATA,
         textContent: "",
         rootId
       };
     case n2.COMMENT_NODE:
       return {
-        type: NodeType$3.Comment,
+        type: NodeType$2.Comment,
         textContent: index$1.textContent(n2) || "",
         rootId
       };
@@ -823,26 +780,37 @@ function getRootId(doc, mirror2) {
   return docId === 1 ? void 0 : docId;
 }
 function serializeTextNode(n2, options) {
-  const { needsMask, maskTextFn, rootId, cssCaptured } = options;
+  var _a2;
+  const { needsMask, maskTextFn, rootId } = options;
   const parent = index$1.parentNode(n2);
   const parentTagName = parent && parent.tagName;
-  let textContent2 = "";
+  let text = index$1.textContent(n2);
   const isStyle = parentTagName === "STYLE" ? true : void 0;
   const isScript = parentTagName === "SCRIPT" ? true : void 0;
-  if (isScript) {
-    textContent2 = "SCRIPT_PLACEHOLDER";
-  } else if (!cssCaptured) {
-    textContent2 = index$1.textContent(n2);
-    if (isStyle && textContent2) {
-      textContent2 = absolutifyURLs(textContent2, getHref(options.doc));
+  if (isStyle && text) {
+    try {
+      if (n2.nextSibling || n2.previousSibling) {
+      } else if ((_a2 = parent.sheet) == null ? void 0 : _a2.cssRules) {
+        text = stringifyStylesheet(parent.sheet);
+      }
+    } catch (err) {
+      console.warn(
+        `Cannot get CSS styles from text's parentNode. Error: ${err}`,
+        n2
+      );
     }
+    text = absolutifyURLs(text, getHref(options.doc));
   }
-  if (!isStyle && !isScript && textContent2 && needsMask) {
-    textContent2 = maskTextFn ? maskTextFn(textContent2, index$1.parentElement(n2)) : textContent2.replace(/[\S]/g, "*");
+  if (isScript) {
+    text = "SCRIPT_PLACEHOLDER";
+  }
+  if (!isStyle && !isScript && text && needsMask) {
+    text = maskTextFn ? maskTextFn(text, index$1.parentElement(n2)) : text.replace(/[\S]/g, "*");
   }
   return {
-    type: NodeType$3.Text,
-    textContent: textContent2 || "",
+    type: NodeType$2.Text,
+    textContent: text || "",
+    isStyle,
     rootId
   };
 }
@@ -890,14 +858,12 @@ function serializeElementNode(n2, options) {
       attributes._cssText = cssText;
     }
   }
-  if (tagName === "style" && n2.sheet) {
-    let cssText = stringifyStylesheet(
+  if (tagName === "style" && n2.sheet && // TODO: Currently we only try to get dynamic stylesheet when it is an empty style element
+  !(n2.innerText || index$1.textContent(n2) || "").trim().length) {
+    const cssText = stringifyStylesheet(
       n2.sheet
     );
     if (cssText) {
-      if (n2.childNodes.length > 1) {
-        cssText = markCssSplits(cssText, n2);
-      }
       attributes._cssText = cssText;
     }
   }
@@ -1027,7 +993,7 @@ function serializeElementNode(n2, options) {
   } catch (e2) {
   }
   return {
-    type: NodeType$3.Element,
+    type: NodeType$2.Element,
     tagName,
     attributes,
     childNodes: [],
@@ -1045,9 +1011,9 @@ function lowerIfExists(maybeAttr) {
   }
 }
 function slimDOMExcluded(sn, slimDOMOptions) {
-  if (slimDOMOptions.comment && sn.type === NodeType$3.Comment) {
+  if (slimDOMOptions.comment && sn.type === NodeType$2.Comment) {
     return true;
-  } else if (sn.type === NodeType$3.Element) {
+  } else if (sn.type === NodeType$2.Element) {
     if (slimDOMOptions.script && // script tag
     (sn.tagName === "script" || // (module)preload link
     sn.tagName === "link" && (sn.attributes.rel === "preload" || sn.attributes.rel === "modulepreload") && sn.attributes.as === "script" || // prefetch link
@@ -1099,8 +1065,7 @@ function serializeNodeWithId(n2, options) {
     onStylesheetLoad,
     stylesheetLoadTimeout = 5e3,
     keepIframeSrcFn = () => false,
-    newlyAddedElement = false,
-    cssCaptured = false
+    newlyAddedElement = false
   } = options;
   let { needsMask } = options;
   let { preserveWhiteSpace = true } = options;
@@ -1127,8 +1092,7 @@ function serializeNodeWithId(n2, options) {
     inlineImages,
     recordCanvas,
     keepIframeSrcFn,
-    newlyAddedElement,
-    cssCaptured
+    newlyAddedElement
   });
   if (!_serializedNode) {
     console.warn(n2, "not serialized");
@@ -1137,7 +1101,7 @@ function serializeNodeWithId(n2, options) {
   let id;
   if (mirror2.hasNode(n2)) {
     id = mirror2.getId(n2);
-  } else if (slimDOMExcluded(_serializedNode, slimDOMOptions) || !preserveWhiteSpace && _serializedNode.type === NodeType$3.Text && !_serializedNode.textContent.replace(/^\s+|\s+$/gm, "").length) {
+  } else if (slimDOMExcluded(_serializedNode, slimDOMOptions) || !preserveWhiteSpace && _serializedNode.type === NodeType$2.Text && !_serializedNode.isStyle && !_serializedNode.textContent.replace(/^\s+|\s+$/gm, "").length) {
     id = IGNORED_NODE;
   } else {
     id = genId();
@@ -1151,15 +1115,15 @@ function serializeNodeWithId(n2, options) {
     onSerialize(n2);
   }
   let recordChild = !skipChild;
-  if (serializedNode.type === NodeType$3.Element) {
+  if (serializedNode.type === NodeType$2.Element) {
     recordChild = recordChild && !serializedNode.needBlock;
     delete serializedNode.needBlock;
     const shadowRootEl = index$1.shadowRoot(n2);
     if (shadowRootEl && isNativeShadowDom(shadowRootEl))
       serializedNode.isShadowHost = true;
   }
-  if ((serializedNode.type === NodeType$3.Document || serializedNode.type === NodeType$3.Element) && recordChild) {
-    if (slimDOMOptions.headWhitespace && serializedNode.type === NodeType$3.Element && serializedNode.tagName === "head") {
+  if ((serializedNode.type === NodeType$2.Document || serializedNode.type === NodeType$2.Element) && recordChild) {
+    if (slimDOMOptions.headWhitespace && serializedNode.type === NodeType$2.Element && serializedNode.tagName === "head") {
       preserveWhiteSpace = false;
     }
     const bypassOptions = {
@@ -1185,14 +1149,10 @@ function serializeNodeWithId(n2, options) {
       iframeLoadTimeout,
       onStylesheetLoad,
       stylesheetLoadTimeout,
-      keepIframeSrcFn,
-      cssCaptured: false
+      keepIframeSrcFn
     };
-    if (serializedNode.type === NodeType$3.Element && serializedNode.tagName === "textarea" && serializedNode.attributes.value !== void 0) ;
+    if (serializedNode.type === NodeType$2.Element && serializedNode.tagName === "textarea" && serializedNode.attributes.value !== void 0) ;
     else {
-      if (serializedNode.type === NodeType$3.Element && serializedNode.attributes._cssText !== void 0 && typeof serializedNode.attributes._cssText === "string") {
-        bypassOptions.cssCaptured = true;
-      }
       for (const childN of Array.from(index$1.childNodes(n2))) {
         const serializedChildNode = serializeNodeWithId(childN, bypassOptions);
         if (serializedChildNode) {
@@ -1215,7 +1175,7 @@ function serializeNodeWithId(n2, options) {
   if (parent && isShadowRoot(parent) && isNativeShadowDom(parent)) {
     serializedNode.isShadow = true;
   }
-  if (serializedNode.type === NodeType$3.Element && serializedNode.tagName === "iframe") {
+  if (serializedNode.type === NodeType$2.Element && serializedNode.tagName === "iframe") {
     onceIframeLoaded(
       n2,
       () => {
@@ -1257,7 +1217,7 @@ function serializeNodeWithId(n2, options) {
       iframeLoadTimeout
     );
   }
-  if (serializedNode.type === NodeType$3.Element && serializedNode.tagName === "link" && typeof serializedNode.attributes.rel === "string" && (serializedNode.attributes.rel === "stylesheet" || serializedNode.attributes.rel === "preload" && typeof serializedNode.attributes.href === "string" && extractFileExtension(serializedNode.attributes.href) === "css")) {
+  if (serializedNode.type === NodeType$2.Element && serializedNode.tagName === "link" && typeof serializedNode.attributes.rel === "string" && (serializedNode.attributes.rel === "stylesheet" || serializedNode.attributes.rel === "preload" && typeof serializedNode.attributes.href === "string" && extractFileExtension(serializedNode.attributes.href) === "css")) {
     onceStylesheetLoaded(
       n2,
       () => {
@@ -8536,9 +8496,6 @@ const testableMethods = {
   MutationObserver: ["constructor"]
 };
 const untaintedBasePrototype = {};
-const isAngularZonePresent = () => {
-  return !!globalThis.Zone;
-};
 function getUntaintedPrototype(key) {
   if (untaintedBasePrototype[key])
     return untaintedBasePrototype[key];
@@ -8566,7 +8523,7 @@ function getUntaintedPrototype(key) {
       }
     )
   );
-  if (isUntaintedAccessors && isUntaintedMethods && !isAngularZonePresent()) {
+  if (isUntaintedAccessors && isUntaintedMethods) {
     untaintedBasePrototype[key] = defaultObj.prototype;
     return defaultObj.prototype;
   }
@@ -8998,15 +8955,6 @@ var MediaInteractions = /* @__PURE__ */ ((MediaInteractions2) => {
   MediaInteractions2[MediaInteractions2["RateChange"] = 4] = "RateChange";
   return MediaInteractions2;
 })(MediaInteractions || {});
-var NodeType = /* @__PURE__ */ ((NodeType2) => {
-  NodeType2[NodeType2["Document"] = 0] = "Document";
-  NodeType2[NodeType2["DocumentType"] = 1] = "DocumentType";
-  NodeType2[NodeType2["Element"] = 2] = "Element";
-  NodeType2[NodeType2["Text"] = 3] = "Text";
-  NodeType2[NodeType2["CDATA"] = 4] = "CDATA";
-  NodeType2[NodeType2["Comment"] = 5] = "Comment";
-  return NodeType2;
-})(NodeType || {});
 function isNodeInLinkedList(n2) {
   return "__ln" in n2;
 }
@@ -9101,7 +9049,6 @@ class MutationBuffer {
     __publicField(this, "addedSet", /* @__PURE__ */ new Set());
     __publicField(this, "movedSet", /* @__PURE__ */ new Set());
     __publicField(this, "droppedSet", /* @__PURE__ */ new Set());
-    __publicField(this, "removesSubTreeCache", /* @__PURE__ */ new Set());
     __publicField(this, "mutationCb");
     __publicField(this, "blockClass");
     __publicField(this, "blockSelector");
@@ -9146,18 +9093,9 @@ class MutationBuffer {
       };
       const pushAdd = (n2) => {
         const parent = index.parentNode(n2);
-        if (!parent || !inDom(n2)) {
+        if (!parent || !inDom(n2) || parent.tagName === "TEXTAREA") {
           return;
         }
-        let cssCaptured = false;
-        if (n2.nodeType === Node.TEXT_NODE) {
-          const parentTag = parent.tagName;
-          if (parentTag === "TEXTAREA") {
-            return;
-          } else if (parentTag === "STYLE" && this.addedSet.has(parent)) {
-            cssCaptured = true;
-          }
-        }
         const parentId = isShadowRoot(parent) ? this.mirror.getId(getShadowHost(n2)) : this.mirror.getId(parent);
         const nextId = getNextId(n2);
         if (parentId === -1 || nextId === -1) {
@@ -9199,8 +9137,7 @@ class MutationBuffer {
           },
           onStylesheetLoad: (link, childSn) => {
             this.stylesheetManager.attachLinkElement(link, childSn);
-          },
-          cssCaptured
+          }
         });
         if (sn) {
           adds.push({
@@ -9215,13 +9152,13 @@ class MutationBuffer {
         this.mirror.removeNodeFromMap(this.mapRemoves.shift());
       }
       for (const n2 of this.movedSet) {
-        if (isParentRemoved(this.removesSubTreeCache, n2, this.mirror) && !this.movedSet.has(index.parentNode(n2))) {
+        if (isParentRemoved(this.removes, n2, this.mirror) && !this.movedSet.has(index.parentNode(n2))) {
           continue;
         }
         pushAdd(n2);
       }
       for (const n2 of this.addedSet) {
-        if (!isAncestorInSet(this.droppedSet, n2) && !isParentRemoved(this.removesSubTreeCache, n2, this.mirror)) {
+        if (!isAncestorInSet(this.droppedSet, n2) && !isParentRemoved(this.removes, n2, this.mirror)) {
           pushAdd(n2);
         } else if (isAncestorInSet(this.movedSet, n2)) {
           pushAdd(n2);
@@ -9317,7 +9254,6 @@ class MutationBuffer {
       this.addedSet = /* @__PURE__ */ new Set();
       this.movedSet = /* @__PURE__ */ new Set();
       this.droppedSet = /* @__PURE__ */ new Set();
-      this.removesSubTreeCache = /* @__PURE__ */ new Set();
       this.movedMap = {};
       this.mutationCb(payload);
     });
@@ -9472,7 +9408,6 @@ class MutationBuffer {
                 id: nodeId,
                 isShadow: isShadowRoot(m.target) && isNativeShadowDom(m.target) ? true : void 0
               });
-              processRemoves(n2, this.removesSubTreeCache);
             }
             this.mapRemoves.push(n2);
           });
@@ -9567,24 +9502,20 @@ function deepDelete(addsSet, n2) {
   addsSet.delete(n2);
   index.childNodes(n2).forEach((childN) => deepDelete(addsSet, childN));
 }
-function processRemoves(n2, cache) {
-  const queue = [n2];
-  while (queue.length) {
-    const next = queue.pop();
-    if (cache.has(next)) continue;
-    cache.add(next);
-    index.childNodes(next).forEach((n22) => queue.push(n22));
-  }
-  return;
-}
 function isParentRemoved(removes, n2, mirror2) {
-  if (removes.size === 0) return false;
-  return _isParentRemoved(removes, n2);
-}
-function _isParentRemoved(removes, n2, _mirror2) {
-  const node2 = index.parentNode(n2);
-  if (!node2) return false;
-  return removes.has(node2);
+  if (removes.length === 0) return false;
+  return _isParentRemoved(removes, n2, mirror2);
+}
+function _isParentRemoved(removes, n2, mirror2) {
+  let node2 = index.parentNode(n2);
+  while (node2) {
+    const parentId = mirror2.getId(node2);
+    if (removes.some((r2) => r2.id === parentId)) {
+      return true;
+    }
+    node2 = index.parentNode(node2);
+  }
+  return false;
 }
 function isAncestorInSet(set, n2) {
   if (set.size === 0) return false;
@@ -10922,7 +10853,7 @@ class IframeManager {
     }
   }
   patchRootIdOnNode(node2, rootId) {
-    if (node2.type !== NodeType.Document && !node2.rootId) node2.rootId = rootId;
+    if (node2.type !== NodeType$2.Document && !node2.rootId) node2.rootId = rootId;
     if ("childNodes" in node2) {
       node2.childNodes.forEach((child) => {
         this.patchRootIdOnNode(child, rootId);