@usermaven/nextjs 1.4.1-rc.62 → 1.4.1-rc.63

package/lib/index.es.js

@@ -9,7 +9,7 @@ const UsermavenProvider = function ({ children, client }) {
 };
 
 var v = /* @__PURE__ */ ((i) => (i[i.DEBUG = 0] = "DEBUG", i[i.INFO = 1] = "INFO", i[i.WARN = 2] = "WARN", i[i.ERROR = 3] = "ERROR", i))(v || {});
-class V {
+class W {
   constructor(e) {
     this.level = e;
   }
@@ -26,10 +26,10 @@ class V {
     this.level <= 3 && console.error("[Usermaven Error]:", e, ...t);
   }
 }
-function h(i = 0) {
-  return new V(i);
+function g(i = 0) {
+  return new W(i);
 }
-const I = {
+const U = {
   logLevel: v.ERROR,
   useBeaconApi: !1,
   forceUseFetch: !1,
@@ -55,7 +55,7 @@ const I = {
   maskAllText: !1,
   maskAllElementAttributes: !1
 };
-class Q {
+class X {
   constructor(e) {
     this.domain = e, this.cookieDomain = this.getCookieDomain();
   }
@@ -104,39 +104,39 @@ class Q {
     return s ? s[0] : "";
   }
 }
-const W = Object.prototype, X = W.hasOwnProperty, K = Array.prototype, E = K.forEach, T = {};
+const K = Object.prototype, G = K.hasOwnProperty, Y = Array.prototype, $ = Y.forEach, A = {};
 function Z(i, e, t) {
   if (Array.isArray(i)) {
-    if (E && i.forEach === E)
+    if ($ && i.forEach === $)
       i.forEach(e, t);
     else if ("length" in i && i.length === +i.length) {
       for (let s = 0, n = i.length; s < n; s++)
-        if (s in i && e.call(t, i[s], s) === T)
+        if (s in i && e.call(t, i[s], s) === A)
           return;
     }
   }
 }
-const A = function(i) {
+const x = function(i) {
   return i.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, "");
-}, G = function(i) {
+}, j = function(i) {
   for (const e in i)
     typeof i[e] == "function" && (i[e] = i[e].bind(i));
 };
-function S(i, e, t) {
+function f(i, e, t) {
   if (i != null) {
-    if (E && Array.isArray(i) && i.forEach === E)
+    if ($ && Array.isArray(i) && i.forEach === $)
       i.forEach(e, t);
     else if ("length" in i && i.length === +i.length) {
       for (let s = 0, n = i.length; s < n; s++)
-        if (s in i && e.call(t, i[s], s) === T)
+        if (s in i && e.call(t, i[s], s) === A)
           return;
     } else
       for (const s in i)
-        if (X.call(i, s) && e.call(t, i[s], s) === T)
+        if (G.call(i, s) && e.call(t, i[s], s) === A)
           return;
   }
 }
-const Y = function(i, ...e) {
+const ee = function(i, ...e) {
   return Z(e, function(t) {
     for (const s in t)
       t[s] !== void 0 && (i[s] = t[s]);
@@ -145,18 +145,18 @@ const Y = function(i, ...e) {
 function _(i, e) {
   return i.indexOf(e) !== -1;
 }
-const F = function(i) {
+const te = function(i) {
   try {
     return /^\s*\bfunction\b/.test(i);
   } catch {
     return !1;
   }
-}, j = function(i) {
+}, ie = function(i) {
   return i === void 0;
-}, p = function() {
+}, m = function() {
   const i = function(s, n, r, o, c) {
     if (!s) {
-      h().error("No valid element provided to register_event");
+      g().error("No valid element provided to register_event");
       return;
     }
     if (s.addEventListener && !o)
@@ -171,7 +171,7 @@ const F = function(i) {
       if (o = o || t(window.event), !o)
         return;
       let c = !0, l;
-      F(r) && (l = r(o));
+      te(r) && (l = r(o));
       const a = n.call(s, o);
       return (l === !1 || a === !1) && (c = !1), c;
     };
@@ -184,19 +184,19 @@ const F = function(i) {
   }, t.stopPropagation = function() {
     this.cancelBubble = !0;
   }, i;
-}(), ee = function(i) {
+}(), se = function(i) {
   return function(...e) {
     try {
       return i.apply(this, e);
     } catch (t) {
-      h().error("Implementation error. Please turn on debug and contact support@usermaven.com.", t);
+      g().error("Implementation error. Please turn on debug and contact support@usermaven.com.", t);
     }
   };
 }, z = function(i) {
   for (const e in i)
-    typeof i[e] == "function" && (i[e] = ee(i[e]));
+    typeof i[e] == "function" && (i[e] = se(i[e]));
 };
-function N(i) {
+function R(i) {
   for (let e in i)
     (i[e] === "" || i[e] === null || i[e] === void 0 || typeof i[e] == "object" && Object.keys(i[e]).length === 0) && delete i[e];
   return i;
@@ -205,26 +205,26 @@ function u() {
   try {
     return typeof window < "u" && window.document !== void 0 && window.document.createElement !== void 0;
   } catch {
-    return h().warn("window is not available"), !1;
+    return g().warn("window is not available"), !1;
   }
 }
-function f(i = 5) {
+function p(i = 5) {
   const e = new Uint8Array(i);
   return crypto.getRandomValues(e), Array.from(e, (t) => t.toString(36).padStart(2, "0")).join("").slice(0, i);
 }
-function te(i) {
+function ne(i) {
   return i.replace(
     /([-_][a-z])/g,
     (e) => e.toUpperCase().replace("-", "").replace("_", "")
   );
 }
-function C(i) {
-  return typeof i != "object" || i === null ? i : Array.isArray(i) ? i.map(C) : Object.keys(i).reduce((e, t) => {
-    const s = te(t);
-    return e[s] = C(i[t]), e;
+function H(i) {
+  return typeof i != "object" || i === null ? i : Array.isArray(i) ? i.map(H) : Object.keys(i).reduce((e, t) => {
+    const s = ne(t);
+    return e[s] = H(i[t]), e;
   }, {});
 }
-function P(i) {
+function E(i) {
   switch (typeof i.className) {
     case "string":
       return i.className;
@@ -234,13 +234,13 @@ function P(i) {
       return "";
   }
 }
-function O(i) {
+function L(i) {
   let e = "";
-  return M(i) && !q(i) && i.childNodes && i.childNodes.length && S(i.childNodes, function(t) {
-    B(t) && t.textContent && (e += A(t.textContent).split(/(\s+)/).filter(H).join("").replace(/[\r\n]/g, " ").replace(/[ ]+/g, " ").substring(0, 255));
-  }), A(e);
+  return O(i) && !M(i) && i.childNodes && i.childNodes.length && f(i.childNodes, function(t) {
+    B(t) && t.textContent && (e += x(t.textContent).split(/(\s+)/).filter(P).join("").replace(/[\r\n]/g, " ").replace(/[ ]+/g, " ").substring(0, 255));
+  }), x(e);
 }
-function R(i) {
+function q(i) {
   return !!i && i.nodeType === 1;
 }
 function d(i, e) {
@@ -249,22 +249,22 @@ function d(i, e) {
 function B(i) {
   return !!i && i.nodeType === 3;
 }
-function x(i) {
+function N(i) {
   return !!i && i.nodeType === 11;
 }
 const b = ["a", "button", "form", "input", "select", "textarea", "label"];
-function ie(i, e) {
-  if (!i || d(i, "html") || !R(i))
+function re(i, e) {
+  if (!i || d(i, "html") || !q(i))
     return !1;
   let t = i;
   for (; t && !d(t, "body"); ) {
     if (t.classList && t.classList.contains("um-no-capture"))
       return !1;
-    t.parentNode && x(t.parentNode) ? t = t.parentNode.host : t = t.parentNode;
+    t.parentNode && N(t.parentNode) ? t = t.parentNode.host : t = t.parentNode;
   }
   let s = !1;
   for (t = i; t && !d(t, "body"); ) {
-    if (t.parentNode && x(t.parentNode)) {
+    if (t.parentNode && N(t.parentNode)) {
       t = t.parentNode.host, t && b.indexOf(t.tagName.toLowerCase()) > -1 && (s = !0);
       continue;
     }
@@ -296,51 +296,42 @@ function ie(i, e) {
       return s ? e.type === "click" : e.type === "click" && (b.indexOf(r) > -1 || i.getAttribute("contenteditable") === "true");
   }
 }
-function M(i) {
-  if (!i || !R(i))
-    return !1;
-  if (typeof i.hasAttribute == "function") {
-    if (i.hasAttribute(w.FORCE_CAPTURE_ATTR))
-      return !0;
-    if (i.hasAttribute(w.PREVENT_CAPTURE_ATTR))
-      return !1;
-  }
-  let e = i;
-  for (; e && e.parentElement && !d(e, "body"); ) {
-    const n = P(e).split(" ");
+function O(i) {
+  for (let s = i; s.parentNode && !d(s, "body"); s = s.parentNode) {
+    const n = E(s).split(" ");
     if (_(n, "ph-sensitive") || _(n, "ph-no-capture"))
       return !1;
-    e = e.parentElement;
   }
-  if (_(P(i).split(" "), "ph-include"))
+  if (_(E(i).split(" "), "ph-include"))
     return !0;
-  const t = i.type;
-  if (typeof t == "string")
-    switch (t.toLowerCase()) {
+  const e = i.type || "";
+  if (typeof e == "string")
+    switch (e.toLowerCase()) {
       case "hidden":
+        return !1;
       case "password":
         return !1;
     }
-  const s = i.name || i.id || "";
-  return !(typeof s == "string" && /^cc|cardnum|ccnum|creditcard|csc|cvc|cvv|exp|pass|pwd|routing|seccode|securitycode|securitynum|socialsec|socsec|ssn/i.test(s.replace(/[^a-zA-Z0-9]/g, "")));
+  const t = i.name || i.id || "";
+  return !(typeof t == "string" && /^cc|cardnum|ccnum|creditcard|csc|cvc|cvv|exp|pass|pwd|routing|seccode|securitycode|securitynum|socialsec|socsec|ssn/i.test(t.replace(/[^a-zA-Z0-9]/g, "")));
 }
-function q(i) {
+function M(i) {
   const e = ["button", "checkbox", "submit", "reset"];
   return !!(d(i, "input") && !e.includes(i.type) || d(i, "select") || d(i, "textarea") || i.getAttribute("contenteditable") === "true");
 }
-function H(i) {
-  return !(i === null || j(i) || typeof i == "string" && (i = A(i), /^(?:(4[0-9]{12}(?:[0-9]{3})?)|(5[1-5][0-9]{14})|(6(?:011|5[0-9]{2})[0-9]{12})|(3[47][0-9]{13})|(3(?:0[0-5]|[68][0-9])[0-9]{11})|((?:2131|1800|35[0-9]{3})[0-9]{11}))$/.test((i || "").replace(/[- ]/g, "")) || /(^\d{3}-?\d{2}-?\d{4}$)/.test(i)));
+function P(i) {
+  return !(i === null || ie(i) || typeof i == "string" && (i = x(i), /^(?:(4[0-9]{12}(?:[0-9]{3})?)|(5[1-5][0-9]{14})|(6(?:011|5[0-9]{2})[0-9]{12})|(3[47][0-9]{13})|(3(?:0[0-5]|[68][0-9])[0-9]{11})|((?:2131|1800|35[0-9]{3})[0-9]{11}))$/.test((i || "").replace(/[- ]/g, "")) || /(^\d{3}-?\d{2}-?\d{4}$)/.test(i)));
 }
-function se(i) {
+function oe(i) {
   return typeof i == "string" ? i.substring(0, 10) === "_ngcontent" || i.substring(0, 7) === "_nghost" : !1;
 }
-function $() {
-  return f(10);
+function T() {
+  return p(10);
 }
-function ne(i) {
+function ae(i) {
   return /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(String(i).toLowerCase());
 }
-function re(i, e) {
+function ce(i, e) {
   let t;
   return function(...s) {
     const n = () => {
@@ -349,7 +340,7 @@ function re(i, e) {
     clearTimeout(t), t = setTimeout(n, e);
   };
 }
-function oe(i) {
+function le(i) {
   const e = {}, t = i.replace(/^\?/, "").split("&");
   for (let s = 0; s < t.length; s++) {
     const n = t[s].split("=");
@@ -357,21 +348,21 @@ function oe(i) {
   }
   return e;
 }
-function L(i) {
+function I(i) {
   return typeof i == "string" || i instanceof String;
 }
 function k(i) {
   return i !== null && typeof i == "object" && i.constructor === Object;
 }
-function ae(i) {
+function ue(i) {
   if (i === null)
     return v.ERROR;
   const e = i.toUpperCase(), t = v[e];
   return t || t === 0 ? t : v.ERROR;
 }
-class ce {
+class he {
   constructor(e) {
-    this.maxScrollDepth = 0, this.milestones = [25, 50, 75, 90], this.lastScrollDepth = 0, this.client = e, this.documentElement = document.documentElement, this.debouncedHandleScroll = re(this.handleScroll.bind(this), 250), this.initializeEventListener();
+    this.maxScrollDepth = 0, this.milestones = [25, 50, 75, 90], this.lastScrollDepth = 0, this.client = e, this.documentElement = document.documentElement, this.debouncedHandleScroll = ce(this.handleScroll.bind(this), 250), this.initializeEventListener();
   }
   initializeEventListener() {
     window.addEventListener("scroll", this.debouncedHandleScroll);
@@ -420,9 +411,9 @@ class ce {
     });
   }
 }
-const y = class y {
-  constructor(e, t, s = h()) {
-    this.logger = s, this.scrollDepth = null, this.client = e, this.options = t, this.scrollDepth = new ce(e), G(this), z(this);
+const C = class C {
+  constructor(e, t, s = g()) {
+    this.logger = s, this.scrollDepth = null, this.customProperties = [], this.client = e, this.options = t, this.scrollDepth = new he(e), j(this), z(this);
   }
   init() {
     if (!(document && document.body)) {
@@ -435,7 +426,7 @@ const y = class y {
     const e = (t) => {
       t = t || window.event, this.captureEvent(t);
     };
-    p(document, "submit", e, !1, !0), p(document, "change", e, !1, !0), p(document, "click", e, !1, !0), p(document, "visibilitychange", e, !1, !0), p(document, "scroll", e, !1, !0), p(window, "popstate", e, !1, !0);
+    m(document, "submit", e, !1, !0), m(document, "change", e, !1, !0), m(document, "click", e, !1, !0), m(document, "visibilitychange", e, !1, !0), m(document, "scroll", e, !1, !0), m(window, "popstate", e, !1, !0);
   }
   isPageRefresh() {
     if ("PerformanceNavigationTiming" in window) {
@@ -452,63 +443,89 @@ const y = class y {
       return (s = this.scrollDepth) == null || s.track(), !0;
     if (e.type === "visibilitychange" && document.visibilityState === "hidden" || e.type === "popstate")
       return this.isPageRefresh() || (n = this.scrollDepth) == null || n.send(), !0;
-    if (t && this.shouldCaptureElement(t, e)) {
-      const r = this.getElementList(t), o = this.getElementsJson(r, e), c = Y(
+    if (t && re(t, e)) {
+      const r = [t];
+      let o = t;
+      for (; o.parentNode && !d(o, "body"); ) {
+        if (N(o.parentNode)) {
+          r.push(o.parentNode.host), o = o.parentNode.host;
+          continue;
+        }
+        r.push(o.parentNode), o = o.parentNode;
+      }
+      const c = [];
+      let l, a = !1;
+      if (f(r, (w) => {
+        const J = O(w);
+        w.tagName.toLowerCase() === "a" && (l = w.getAttribute("href"), l = J && P(l) && l);
+        const Q = E(w).split(" ");
+        _(Q, "ph-no-capture") && (a = !0), c.push(
+          this.getPropertiesFromElement(
+            w,
+            this.options.maskAllElementAttributes ?? !1,
+            this.options.maskAllText ?? !1
+          )
+        );
+      }), this.options.maskAllText || (c[0].$el_text = L(t)), l && (c[0].attr__href = l), a)
+        return !1;
+      const h = ee(
         this.getDefaultProperties(e.type),
         {
-          $elements: o
-        }
+          $elements: c
+        },
+        this.getCustomProperties(r)
       );
-      return this.client.track("$autocapture", c), !0;
+      return this.client.track("$autocapture", h), !0;
     }
   }
-  shouldCaptureElement(e, t) {
-    return !e || typeof e.hasAttribute != "function" ? !1 : e.hasAttribute(y.FORCE_CAPTURE_ATTR) ? !0 : e.hasAttribute(y.PREVENT_CAPTURE_ATTR) ? !1 : ie(e, t);
+  getCustomProperties(e) {
+    const t = {};
+    return f(this.customProperties, (s) => {
+      f(s.event_selectors, (n) => {
+        const r = document.querySelectorAll(n);
+        f(r, (o) => {
+          _(e, o) && O(o) && (t[s.name] = this.extractCustomPropertyValue(s));
+        });
+      });
+    }), t;
+  }
+  extractCustomPropertyValue(e) {
+    const t = [];
+    return f(document.querySelectorAll(e.css_selector), function(s) {
+      let n;
+      ["input", "select"].indexOf(s.tagName.toLowerCase()) > -1 ? n = s.value : s.textContent && (n = s.textContent), P(n) && t.push(n);
+    }), t.join(", ");
   }
   getEventTarget(e) {
     var t;
     return typeof e.target > "u" ? e.srcElement || null : (t = e.target) != null && t.shadowRoot ? e.composedPath()[0] || null : e.target || null;
   }
-  getElementList(e) {
-    const t = [e];
-    let s = e;
-    for (; s.parentNode && !d(s, "body"); )
-      x(s.parentNode) ? (t.push(s.parentNode.host), s = s.parentNode.host) : (t.push(s.parentNode), s = s.parentNode);
-    return t;
-  }
-  getElementsJson(e, t) {
-    const s = [];
-    let n = null, r = !1;
-    return S(e, (o) => {
-      if (d(o, "a")) {
-        const l = o.getAttribute("href");
-        l !== null && M(o) && H(l) && (n = l);
-      }
-      const c = P(o).split(" ");
-      _(c, "ph-no-capture") && (r = !0), s.push(this.getPropertiesFromElement(o));
-    }), this.options.maskAllText || (s[0].$el_text = this.sanitizeText(O(e[0]))), n !== null && (s[0].attr__href = n), r ? [] : s;
-  }
-  getPropertiesFromElement(e) {
-    const t = {
-      tag_name: e.tagName.toLowerCase()
+  getPropertiesFromElement(e, t, s) {
+    const n = e.tagName.toLowerCase(), r = {
+      tag_name: n
     };
-    b.indexOf(t.tag_name) > -1 && !this.options.maskAllText && (t.$el_text = this.sanitizeText(O(e)));
-    const s = P(e);
-    s.length > 0 && (t.classes = s.split(" ").filter((c) => c !== "")), S(e.attributes, (c) => {
-      q(e) && ["name", "id", "class"].indexOf(c.name) === -1 || !this.options.maskAllElementAttributes && H(c.value) && !se(c.name) && (t["attr__" + c.name] = this.sanitizeAttributeValue(c.name, c.value));
+    b.indexOf(n) > -1 && !s && (r.$el_text = L(e));
+    const o = E(e);
+    o.length > 0 && (r.classes = o.split(" ").filter(function(h) {
+      return h !== "";
+    })), f(e.attributes, function(h) {
+      M(e) && ["name", "id", "class"].indexOf(h.name) === -1 || !t && P(h.value) && !oe(h.name) && (r["attr__" + h.name] = h.value);
     });
-    let n = 1, r = 1, o = e;
-    for (; o = this.previousElementSibling(o); )
-      n++, o.tagName === e.tagName && r++;
-    return t.nth_child = n, t.nth_of_type = r, t;
+    let c = 1, l = 1, a = e;
+    for (; a = this.previousElementSibling(a); )
+      c++, a.tagName === e.tagName && l++;
+    return r.nth_child = c, r.nth_of_type = l, r;
   }
   previousElementSibling(e) {
     if (e.previousElementSibling)
       return e.previousElementSibling;
-    do
-      e = e.previousSibling;
-    while (e && !R(e));
-    return e;
+    {
+      let t = e;
+      do
+        t = t.previousSibling;
+      while (t && !q(t));
+      return t;
+    }
   }
   getDefaultProperties(e) {
     return {
@@ -516,30 +533,6 @@ const y = class y {
       $ce_version: 1
     };
   }
-  // Input sanitization and XSS prevention methods
-  sanitizeText(e) {
-    e = e.replace(/<[^>]*?>/g, ""), e = this.encodeHtml(e);
-    const t = this.options.propertiesStringMaxLength || 255;
-    return e.length > t && (e = e.substring(0, t) + "..."), e;
-  }
-  sanitizeUrl(e) {
-    if (!e) return "";
-    try {
-      const t = new URL(e, window.location.href);
-      return t.protocol !== "http:" && t.protocol !== "https:" ? "" : encodeURI(t.toString());
-    } catch {
-      return this.encodeHtml(e);
-    }
-  }
-  sanitizeAttributeValue(e, t) {
-    switch (e.toLowerCase()) {
-      case "href":
-      case "src":
-        return this.sanitizeUrl(t);
-      default:
-        return this.encodeHtml(t);
-    }
-  }
   encodeHtml(e) {
     return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
   }
@@ -551,13 +544,10 @@ const y = class y {
       n += e.charCodeAt(r);
     return n % t < s;
   }
-  static isBrowserSupported() {
-    return F(document.querySelectorAll);
-  }
 };
-y.FORCE_CAPTURE_ATTR = "data-um-force-capture", y.PREVENT_CAPTURE_ATTR = "data-um-no-capture";
-let w = y;
-class le {
+C.FORCE_CAPTURE_ATTR = "data-um-force-capture", C.PREVENT_CAPTURE_ATTR = "data-um-no-capture";
+let S = C;
+class ge {
   constructor(e) {
     this.client = e, this.lastPageUrl = window.location.href, this.trackInitialPageview(), this.initializePageviewTracking();
   }
@@ -586,8 +576,8 @@ class le {
     }));
   }
 }
-class ue {
-  constructor(e, t, s = h()) {
+class de {
+  constructor(e, t, s = g()) {
     this.trackingHost = e, this.logger = s, this.config = t;
   }
   async send(e) {
@@ -599,13 +589,13 @@ class ue {
   }
   constructUrl(e) {
     const t = this.config.cookiePolicy !== "keep" ? `&cookie_policy=${this.config.cookiePolicy}` : "", s = this.config.ipPolicy !== "keep" ? `&ip_policy=${this.config.ipPolicy}` : "", n = u() ? "/api/v1/event" : "/api/v1/s2s/event";
-    return this.config.randomizeUrl ? `${this.trackingHost}/api.${f()}?p_${f()}=${e}${t}${s}` : `${this.trackingHost}${n}?token=${e}${t}${s}`;
+    return this.config.randomizeUrl ? `${this.trackingHost}/api.${p()}?p_${p()}=${e}${t}${s}` : `${this.trackingHost}${n}?token=${e}${t}${s}`;
   }
   // Note: Beacon API doesn't support custom headers, so we can't use them here.
   // If custom headers are crucial, you might want to fall back to XHR or Fetch in those cases.
 }
-class U {
-  constructor(e, t, s = h()) {
+class D {
+  constructor(e, t, s = g()) {
     this.trackingHost = e, this.logger = s, this.config = t;
   }
   async send(e) {
@@ -623,7 +613,7 @@ class U {
   }
   constructUrl(e) {
     const t = this.config.cookiePolicy !== "keep" ? `&cookie_policy=${this.config.cookiePolicy}` : "", s = this.config.ipPolicy !== "keep" ? `&ip_policy=${this.config.ipPolicy}` : "", n = u() ? "/api/v1/event" : "/api/v1/s2s/event";
-    return this.config.randomizeUrl ? `${this.trackingHost}/api.${f()}?p_${f()}=${e}${t}${s}` : `${this.trackingHost}${n}?token=${e}${t}${s}`;
+    return this.config.randomizeUrl ? `${this.trackingHost}/api.${p()}?p_${p()}=${e}${t}${s}` : `${this.trackingHost}${n}?token=${e}${t}${s}`;
   }
   getCustomHeaders() {
     return typeof this.config.customHeaders == "function" ? this.config.customHeaders() : this.config.customHeaders ? this.config.customHeaders : {};
@@ -632,8 +622,8 @@ class U {
     this.logger.debug(`Response received. Status: ${e}, Body: ${t}`);
   }
 }
-class he {
-  constructor(e, t, s = h()) {
+class fe {
+  constructor(e, t, s = g()) {
     this.trackingHost = e, this.logger = s, this.config = t;
   }
   send(e) {
@@ -652,7 +642,7 @@ class he {
   }
   constructUrl(e) {
     const t = this.config.cookiePolicy !== "keep" ? `&cookie_policy=${this.config.cookiePolicy}` : "", s = this.config.ipPolicy !== "keep" ? `&ip_policy=${this.config.ipPolicy}` : "", n = u() ? "/api/v1/event" : "/api/v1/s2s/event";
-    return this.config.randomizeUrl ? `${this.trackingHost}/api.${f()}?p_${f()}=${e}${t}${s}` : `${this.trackingHost}${n}?token=${e}${t}${s}`;
+    return this.config.randomizeUrl ? `${this.trackingHost}/api.${p()}?p_${p()}=${e}${t}${s}` : `${this.trackingHost}${n}?token=${e}${t}${s}`;
   }
   getCustomHeaders() {
     return typeof this.config.customHeaders == "function" ? this.config.customHeaders() : this.config.customHeaders ? this.config.customHeaders : {};
@@ -661,9 +651,9 @@ class he {
     this.logger.debug(`Response received. Status: ${e}, Body: ${t}`);
   }
 }
-class J {
+class V {
   constructor(e, t) {
-    this.storage = {}, this.prefix = `usermaven_${e}_`, this.load(), this.logger = t || h();
+    this.storage = {}, this.prefix = `usermaven_${e}_`, this.load(), this.logger = t || g();
   }
   set(e, t) {
     this.storage[e] = t, this.save();
@@ -701,7 +691,7 @@ class J {
     }
   }
 }
-class ge {
+class pe {
   constructor() {
     this.storage = {};
   }
@@ -720,10 +710,10 @@ class ge {
     this.storage = {};
   }
 }
-class D {
+class F {
   // Default to true for server-side
-  constructor(e, t = 3, s = 1e3, n = 10, r = 1e3, o = h()) {
-    this.transport = e, this.maxRetries = t, this.retryInterval = s, this.batchSize = n, this.batchInterval = r, this.logger = o, this.queue = [], this.processing = !1, this.batchTimeoutId = null, this.isOnline = !0, this.persistence = new J("offline_queue"), u() && (this.isOnline = navigator.onLine, this.loadQueueFromStorage(), this.initNetworkListeners(), this.scheduleBatch());
+  constructor(e, t = 3, s = 1e3, n = 10, r = 1e3, o = g()) {
+    this.transport = e, this.maxRetries = t, this.retryInterval = s, this.batchSize = n, this.batchInterval = r, this.logger = o, this.queue = [], this.processing = !1, this.batchTimeoutId = null, this.isOnline = !0, this.persistence = new V("offline_queue"), u() && (this.isOnline = navigator.onLine, this.loadQueueFromStorage(), this.initNetworkListeners(), this.scheduleBatch());
   }
   add(e) {
     const t = { payload: e, retries: 0, timestamp: Date.now() };
@@ -767,7 +757,7 @@ class D {
     u() && this.persistence.set("queue", JSON.stringify(this.queue));
   }
 }
-class de {
+class me {
   constructor(e) {
     this.clicks = [], this.threshold = 3, this.timeWindow = 2e3, this.distanceThreshold = 30, this.client = e, this.initializeEventListener(), z(this);
   }
@@ -801,8 +791,8 @@ class de {
     }), this.clicks = [];
   }
 }
-class fe {
-  constructor(e, t, s = h()) {
+class ye {
+  constructor(e, t, s = g()) {
     this.trackingHost = e, this.logger = s, this.config = t;
   }
   async send(e) {
@@ -837,7 +827,7 @@ class fe {
     return typeof this.config.customHeaders == "function" ? this.config.customHeaders() : this.config.customHeaders ? this.config.customHeaders : {};
   }
 }
-class m {
+class y {
   constructor(e, t = "all", s = {}) {
     this.instance = e, this.trackingType = t, this.options = s, document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", this.initialize.bind(this)) : this.initialize();
   }
@@ -852,18 +842,18 @@ class m {
   }
   handleFormSubmit(e) {
     const t = e.target, s = this._getFormDetails(t);
-    this.instance.track("$form", N(s)), this.options.trackFieldChanges && this.trackFieldChanges(t);
+    this.instance.track("$form", R(s)), this.options.trackFieldChanges && this.trackFieldChanges(t);
   }
   trackFieldChanges(e) {
     e.querySelectorAll("input, select, textarea").forEach((s) => {
       s.addEventListener("change", (n) => {
         const r = this._getFieldProps(n.target, 0);
-        this.instance.track("$form_field_change", N(r));
+        this.instance.track("$form_field_change", R(r));
       });
     });
   }
   static getInstance(e, t = "all", s = {}) {
-    return m.instance || (m.instance = new m(e, t, s)), m.instance;
+    return y.instance || (y.instance = new y(e, t, s)), y.instance;
   }
   _getFormDetails(e) {
     const t = {
@@ -951,9 +941,9 @@ class m {
     return e.slice(t, s + 1);
   }
 }
-class pe {
+class we {
   constructor(e) {
-    this.config = this.mergeConfig(e, I), this.logger = h(this.config.logLevel), this.namespace = e.namespace || "usermaven", this.transport = this.initializeTransport(this.config), this.persistence = this.initializePersistence(), this.retryQueue = new D(
+    this.config = this.mergeConfig(e, U), this.logger = g(this.config.logLevel), this.namespace = e.namespace || "usermaven", this.transport = this.initializeTransport(this.config), this.persistence = this.initializePersistence(), this.retryQueue = new F(
       this.transport,
       this.config.maxSendAttempts || 3,
       this.config.minSendTimeout || 1e3,
@@ -964,13 +954,13 @@ class pe {
     ), u() && this.initializeBrowserFeatures(), this.anonymousId = this.getOrCreateAnonymousId(), this.logger.info(`Usermaven client initialized for namespace: ${this.namespace}`);
   }
   initializeBrowserFeatures() {
-    if (this.cookieManager = new Q(this.config.cookieDomain), this.config.autocapture && w.enabledForProject(this.config.key) && (this.autoCapture = new w(this, this.config, this.logger), this.autoCapture.init()), this.config.formTracking) {
+    if (this.cookieManager = new X(this.config.cookieDomain), this.config.autocapture && S.enabledForProject(this.config.key) && (this.autoCapture = new S(this, this.config, this.logger), this.autoCapture.init()), this.config.formTracking) {
       const e = this.config.formTracking === !0 ? "all" : this.config.formTracking;
-      this.formTracking = m.getInstance(this, e || "none", {
+      this.formTracking = y.getInstance(this, e || "none", {
         trackFieldChanges: !1
       });
     }
-    this.config.autoPageview && (this.pageviewTracking = new le(this)), this.config.crossDomainLinking && this.manageCrossDomainLinking(), this.config.rageClick && (this.rageClick = new de(this)), this.setupPageLeaveTracking();
+    this.config.autoPageview && (this.pageviewTracking = new ge(this)), this.config.crossDomainLinking && this.manageCrossDomainLinking(), this.config.rageClick && (this.rageClick = new me(this)), this.setupPageLeaveTracking();
   }
   /**
    * Recursively merge the provided configuration with the existing defaultConfig
@@ -985,7 +975,7 @@ class pe {
     }), n;
   }
   init(e) {
-    this.config = { ...this.config, ...e }, this.logger = h(this.config.logLevel), this.namespace = e.namespace || this.namespace, this.transport = this.initializeTransport(e), this.persistence = this.initializePersistence(), this.retryQueue = new D(
+    this.config = { ...this.config, ...e }, this.logger = g(this.config.logLevel), this.namespace = e.namespace || this.namespace, this.transport = this.initializeTransport(e), this.persistence = this.initializePersistence(), this.retryQueue = new F(
       this.transport,
       this.config.maxSendAttempts || 3,
       this.config.minSendTimeout || 1e3,
@@ -1019,58 +1009,46 @@ class pe {
   }
   initializeTransport(e) {
     if (!u())
-      return new fe(e.trackingHost, e);
+      return new ye(e.trackingHost, e);
     const t = "XMLHttpRequest" in window, s = typeof fetch < "u", n = typeof navigator < "u" && "sendBeacon" in navigator;
     if (e.useBeaconApi && n)
-      return new ue(e.trackingHost, e, this.logger);
+      return new de(e.trackingHost, e, this.logger);
     if (e.forceUseFetch && s)
-      return new U(e.trackingHost, e, this.logger);
+      return new D(e.trackingHost, e, this.logger);
     if (t)
-      return new he(e.trackingHost, e, this.logger);
+      return new fe(e.trackingHost, e, this.logger);
     if (s)
-      return new U(e.trackingHost, e, this.logger);
+      return new D(e.trackingHost, e, this.logger);
     throw new Error("No suitable transport method available");
   }
   initializePersistence() {
-    return this.config.disableEventPersistence || !u() ? new ge() : new J(`${this.namespace}_${this.config.key}`, this.logger);
+    return this.config.disableEventPersistence || !u() ? new pe() : new V(`${this.namespace}_${this.config.key}`, this.logger);
   }
   getOrCreateAnonymousId() {
     var s, n;
     if (!u())
-      return $();
+      return T();
     if (this.config.privacyPolicy === "strict" || this.config.cookiePolicy === "strict")
       return "";
     const e = this.config.cookieName || `${this.namespace}_id_${this.config.key}`;
     let t = (s = this.cookieManager) == null ? void 0 : s.get(e);
     if (!t) {
       if (this.config.crossDomainLinking) {
-        const c = new URLSearchParams(window.location.search).get("_um"), a = window.location.hash.substring(1).split("~"), g = a.length > 1 ? a[1] : void 0;
-        t = c || g || $();
+        const c = new URLSearchParams(window.location.search).get("_um"), a = window.location.hash.substring(1).split("~"), h = a.length > 1 ? a[1] : void 0;
+        t = c || h || T();
       }
-      t || (t = $());
+      t || (t = T());
       const r = 365 * 10;
       (n = this.cookieManager) == null || n.set(e, t, r, document.location.protocol !== "http:", !1);
     }
     return t;
   }
-  generateFingerprint() {
-    const e = navigator.userAgent, t = `${screen.width}x${screen.height}`, s = screen.colorDepth, n = Intl.DateTimeFormat().resolvedOptions().timeZone, r = `${e}|${t}|${s}|${n}`;
-    return this.hashString(r);
-  }
-  hashString(e) {
-    let t = 0;
-    for (let s = 0; s < e.length; s++) {
-      const n = e.charCodeAt(s);
-      t = (t << 5) - t + n, t = t & t;
-    }
-    return t.toString(36);
-  }
   async id(e, t = !1) {
     if (!k(e))
       throw new Error("User data must be an object");
-    if (e.email && !ne(e.email))
+    if (e.email && !ae(e.email))
       throw new Error("Invalid email provided");
-    if (!e.id || !L(e.id))
+    if (!e.id || !I(e.id))
       throw new Error("User ID must be a string");
     const s = e.id;
     if (this.persistence.set("userId", s), this.persistence.set("userProps", e), !t) {
@@ -1086,7 +1064,7 @@ class pe {
     this.trackInternal(e, t, s);
   }
   trackInternal(e, t, s = !1) {
-    if (!L(e))
+    if (!I(e))
       throw new Error("Event name must be a string");
     if (t !== void 0 && (typeof t != "object" || t === null || Array.isArray(t)))
       throw new Error("Event payload must be a non-null object and not an array");
@@ -1135,11 +1113,11 @@ class pe {
       ...c
     };
     if (e === "$autocapture") {
-      const g = this.processAutocaptureAttributes(t || {});
-      a.autocapture_attributes = g;
+      const h = this.processAutocaptureAttributes(t || {});
+      a.autocapture_attributes = h;
     } else
-      Array.isArray(this.config.propertyBlacklist) && this.config.propertyBlacklist.forEach((g) => {
-        delete l[g];
+      Array.isArray(this.config.propertyBlacklist) && this.config.propertyBlacklist.forEach((h) => {
+        delete l[h];
       }), a.event_attributes = l;
     return u() && (a.referer = document.referrer, a.url = window.location.href, a.page_title = document.title, a.doc_path = window.location.pathname, a.doc_host = window.location.hostname, a.doc_search = window.location.search, a.screen_resolution = `${window.screen.width}x${window.screen.height}`, a.vp_size = `${window.innerWidth}x${window.innerHeight}`, a.user_agent = navigator.userAgent, a.user_language = navigator.language, a.doc_encoding = document.characterSet, a.utm = this.getUtmParams()), a;
   }
@@ -1163,7 +1141,7 @@ class pe {
     return e;
   }
   getUtmParams() {
-    const e = {}, t = oe(window.location.search);
+    const e = {}, t = le(window.location.search);
     return ["utm_source", "utm_medium", "utm_campaign", "utm_term", "utm_content"].forEach((n) => {
       t[n] && (e[n.replace("utm_", "")] = t[n]);
     }), e;
@@ -1244,20 +1222,20 @@ class pe {
     n && this.persistence.save(), this.logger.debug(`Property unset: ${e}`, `Event type: ${s || "global"}`);
   }
 }
-function me(i) {
-  const e = JSON.parse(JSON.stringify(i)), t = C(e), s = { ...I, ...t };
+function ke(i) {
+  const e = JSON.parse(JSON.stringify(i)), t = H(e), s = { ...U, ...t };
   if (!s.key)
     throw new Error("API key is required!");
   if (!s.trackingHost)
     throw new Error("Tracking host is required!");
-  return new pe(s);
+  return new we(s);
 }
-function ye(i) {
+function ve(i) {
   var n;
   const e = {
     key: i.getAttribute("data-key") || void 0,
     trackingHost: i.getAttribute("data-tracking-host") || "https://events.usermaven.com",
-    logLevel: ae(i.getAttribute("data-log-level")),
+    logLevel: ue(i.getAttribute("data-log-level")),
     autocapture: i.getAttribute("data-autocapture") === "true",
     formTracking: i.getAttribute("data-form-tracking") === "false" ? !1 : i.getAttribute("data-form-tracking") === "true" ? "all" : i.getAttribute("data-form-tracking"),
     autoPageview: i.getAttribute("data-auto-pageview") === "true",
@@ -1282,10 +1260,10 @@ function ye(i) {
     domains: i.getAttribute("data-domains") || void 0,
     maskAllText: i.getAttribute("data-mask-all-text") === "true",
     maskAllElementAttributes: i.getAttribute("data-mask-all-element-attributes") === "true"
-  }, t = me(e), s = e.namespace || "usermaven";
-  u() && t.pageview(), we(s, t);
+  }, t = ke(e), s = e.namespace || "usermaven";
+  u() && t.pageview(), _e(s, t);
 }
-function we(i, e) {
+function _e(i, e) {
   let t = !1;
   const s = [], n = [];
   function r() {
@@ -1298,8 +1276,8 @@ function we(i, e) {
     n.forEach((a) => a()), n.length = 0;
   }
   window[i] = function(...a) {
-    const g = a[0];
-    if (g === "onLoad") {
+    const h = a[0];
+    if (h === "onLoad") {
       typeof a[1] == "function" && (t ? a[1]() : n.push(a[1]));
       return;
     }
@@ -1307,9 +1285,9 @@ function we(i, e) {
       s.push(a);
       return;
     }
-    if (typeof e[g] == "function")
-      return e[g].apply(e, a.slice(1));
-    console.error(`Method ${g} not found on UsermavenClient`);
+    if (typeof e[h] == "function")
+      return e[h].apply(e, a.slice(1));
+    console.error(`Method ${h} not found on UsermavenClient`);
   };
   const c = `${i}Q`, l = window[c] || [];
   for (window[c] = l, l.push = function(...a) {
@@ -1324,13 +1302,13 @@ function we(i, e) {
 u() && function(i, e) {
   const t = i.currentScript;
   function s() {
-    t && t.src.includes("lib.js") && ye(t);
+    t && t.src.includes("lib.js") && ve(t);
   }
   typeof e < "u" && (i.readyState === "loading" ? i.addEventListener("DOMContentLoaded", s) : s());
 }(document, window);
 
 function createClient(params) {
-    return me(params);
+    return ke(params);
 }
 
 function useUsermaven() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@usermaven/nextjs",
-  "version": "1.4.1-rc.62",
+  "version": "1.4.1-rc.63",
   "description": "Usermaven JavaScript SDK for NextJS",
   "author": "Usermaven <hello@usermaven.com>",
   "license": "MIT",
@@ -18,7 +18,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@usermaven/sdk-js": "1.4.1-rc.62",
+    "@usermaven/sdk-js": "1.4.1-rc.63",
     "cookie": "^0.5.0"
   },
   "peerDependencies": {