@usermaven/react 1.5.10-rc.109 → 1.5.10-rc.111

package/lib/UsermavenContext.d.ts

@@ -1,3 +1,3 @@
-import { UsermavenClient } from "@usermaven/sdk-js";
+import { UsermavenClient } from '@usermaven/sdk-js';
 declare const UsermavenContext: import("react").Context<UsermavenClient>;
 export default UsermavenContext;

package/lib/client.d.ts

@@ -1,3 +1,3 @@
-import { UsermavenClient, UsermavenOptions } from "@usermaven/sdk-js";
+import { UsermavenClient, UsermavenOptions } from '@usermaven/sdk-js';
 declare function createClient(params: UsermavenOptions): UsermavenClient;
 export default createClient;

package/lib/index.es.js

@@ -9,7 +9,7 @@ const UsermavenProvider = ({ children, client }) => {
 };
 
 var k = /* @__PURE__ */ ((n) => (n[n.DEBUG = 0] = "DEBUG", n[n.INFO = 1] = "INFO", n[n.WARN = 2] = "WARN", n[n.ERROR = 3] = "ERROR", n))(k || {});
-class ie {
+class ne {
   constructor(e) {
     this.level = e;
   }
@@ -27,9 +27,9 @@ class ie {
   }
 }
 function f(n = 0) {
-  return new ie(n);
+  return new ne(n);
 }
-const X = {
+const Z = {
   logLevel: k.ERROR,
   useBeaconApi: !1,
   forceUseFetch: !1,
@@ -42,7 +42,13 @@ const X = {
   gaHook: !1,
   segmentHook: !1,
   randomizeUrl: !1,
-  capture3rdPartyCookies: ["_ga", "_fbp", "_ym_uid", "ajs_user_id", "ajs_anonymous_id"],
+  capture3rdPartyCookies: [
+    "_ga",
+    "_fbp",
+    "_ym_uid",
+    "ajs_user_id",
+    "ajs_anonymous_id"
+  ],
   idMethod: "cookie",
   ipPolicy: "keep",
   cookiePolicy: "keep",
@@ -55,7 +61,7 @@ const X = {
   maskAllText: !1,
   maskAllElementAttributes: !1
 };
-class ne {
+class se {
   constructor(e) {
     this.domain = e, this.cookieDomain = this.getCookieDomain();
   }
@@ -104,21 +110,21 @@ class ne {
     return i ? i[0] : "";
   }
 }
-const se = Object.prototype, re = se.hasOwnProperty, oe = Array.prototype, $ = oe.forEach, U = {};
-function ae(n, e, t) {
+const re = Object.prototype, oe = re.hasOwnProperty, ae = Array.prototype, $ = ae.forEach, D = {};
+function ce(n, e, t) {
   if (Array.isArray(n)) {
     if ($ && n.forEach === $)
       n.forEach(e, t);
     else if ("length" in n && n.length === +n.length) {
       for (let i = 0, s = n.length; i < s; i++)
-        if (i in n && e.call(t, n[i], i) === U)
+        if (i in n && e.call(t, n[i], i) === D)
           return;
     }
   }
 }
-const D = function(n) {
+const F = function(n) {
   return n.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, "");
-}, ce = function(n) {
+}, le = function(n) {
   for (const e in n)
     typeof n[e] == "function" && (n[e] = n[e].bind(n));
 };
@@ -128,16 +134,16 @@ function w(n, e, t) {
       n.forEach(e, t);
     else if ("length" in n && n.length === +n.length) {
       for (let i = 0, s = n.length; i < s; i++)
-        if (i in n && e.call(t, n[i], i) === U)
+        if (i in n && e.call(t, n[i], i) === D)
           return;
     } else
       for (const i in n)
-        if (re.call(n, i) && e.call(t, n[i], i) === U)
+        if (oe.call(n, i) && e.call(t, n[i], i) === D)
           return;
   }
 }
-const le = function(n, ...e) {
-  return ae(e, function(t) {
+const ue = function(n, ...e) {
+  return ce(e, function(t) {
     for (const i in t)
       t[i] !== void 0 && (n[i] = t[i]);
   }), n;
@@ -145,13 +151,13 @@ const le = function(n, ...e) {
 function S(n, e) {
   return n.indexOf(e) !== -1;
 }
-const ue = function(n) {
+const he = function(n) {
   try {
     return /^\s*\bfunction\b/.test(n);
   } catch {
     return !1;
   }
-}, he = function(n) {
+}, de = function(n) {
   return n === void 0;
 }, E = function() {
   const n = function(i, s, r, o, a) {
@@ -171,7 +177,7 @@ const ue = function(n) {
       if (o = o || t(window.event), !o)
         return;
       let a = !0, l;
-      ue(r) && (l = r(o));
+      he(r) && (l = r(o));
       const c = s.call(i, o);
       return (l === !1 || c === !1) && (a = !1), a;
     };
@@ -184,19 +190,22 @@ const ue = function(n) {
   }, t.stopPropagation = function() {
     this.cancelBubble = !0;
   }, n;
-}(), de = function(n) {
+}(), fe = function(n) {
   return function(...e) {
     try {
       return n.apply(this, e);
     } catch (t) {
-      f().error("Implementation error. Please turn on debug and contact support@usermaven.com.", t);
+      f().error(
+        "Implementation error. Please turn on debug and contact support@usermaven.com.",
+        t
+      );
     }
   };
-}, Z = function(n) {
+}, Y = function(n) {
   for (const e in n)
-    typeof n[e] == "function" && (n[e] = de(n[e]));
+    typeof n[e] == "function" && (n[e] = fe(n[e]));
 };
-function q(n) {
+function V(n) {
   for (let e in n)
     (n[e] === "" || n[e] === null || n[e] === void 0 || typeof n[e] == "object" && Object.keys(n[e]).length === 0) && delete n[e];
   return n;
@@ -212,17 +221,20 @@ function v(n = 5) {
   const e = new Uint8Array(n);
   return crypto.getRandomValues(e), Array.from(e, (t) => t.toString(36).padStart(2, "0")).join("").slice(0, n);
 }
-function fe(n) {
+function ge(n) {
   return n.replace(
     /([-_][a-z])/g,
     (e) => e.toUpperCase().replace("-", "").replace("_", "")
   );
 }
-function F(n) {
-  return typeof n != "object" || n === null ? n : Array.isArray(n) ? n.map(F) : Object.keys(n).reduce((e, t) => {
-    const i = fe(t);
-    return e[i] = F(n[t]), e;
-  }, {});
+function z(n) {
+  return typeof n != "object" || n === null ? n : Array.isArray(n) ? n.map(z) : Object.keys(n).reduce(
+    (e, t) => {
+      const i = ge(t);
+      return e[i] = z(n[t]), e;
+    },
+    {}
+  );
 }
 function x(n) {
   switch (typeof n.className) {
@@ -234,37 +246,45 @@ function x(n) {
       return "";
   }
 }
-function V(n) {
+function Q(n) {
   let e = "";
-  return M(n) && !j(n) && n.childNodes && n.childNodes.length && w(n.childNodes, function(t) {
-    G(t) && t.textContent && (e += D(t.textContent).split(/(\s+)/).filter(T).join("").replace(/[\r\n]/g, " ").replace(/[ ]+/g, " ").substring(0, 255));
-  }), D(e);
+  return B(n) && !ee(n) && n.childNodes && n.childNodes.length && w(n.childNodes, function(t) {
+    j(t) && t.textContent && (e += F(t.textContent).split(/(\s+)/).filter(T).join("").replace(/[\r\n]/g, " ").replace(/[ ]+/g, " ").substring(0, 255));
+  }), F(e);
 }
-function Y(n) {
+function G(n) {
   return !!n && n.nodeType === 1;
 }
 function y(n, e) {
   return !!n && !!n.tagName && n.tagName.toLowerCase() === e.toLowerCase();
 }
-function G(n) {
+function j(n) {
   return !!n && n.nodeType === 3;
 }
-function z(n) {
+function M(n) {
   return !!n && n.nodeType === 11;
 }
-const C = ["a", "button", "form", "input", "select", "textarea", "label"];
-function ge(n, e) {
-  if (!n || y(n, "html") || !Y(n))
+const C = [
+  "a",
+  "button",
+  "form",
+  "input",
+  "select",
+  "textarea",
+  "label"
+];
+function pe(n, e) {
+  if (!n || y(n, "html") || !G(n))
     return !1;
   let t = n;
   for (; t && !y(t, "body"); ) {
     if (t.classList && t.classList.contains("um-no-capture"))
       return !1;
-    t.parentNode && z(t.parentNode) ? t = t.parentNode.host : t = t.parentNode;
+    t.parentNode && M(t.parentNode) ? t = t.parentNode.host : t = t.parentNode;
   }
   let i = !1;
   for (t = n; t && !y(t, "body"); ) {
-    if (t.parentNode && z(t.parentNode)) {
+    if (t.parentNode && M(t.parentNode)) {
       t = t.parentNode.host, t && C.indexOf(t.tagName.toLowerCase()) > -1 && (i = !0);
       continue;
     }
@@ -296,7 +316,7 @@ function ge(n, e) {
       return i ? e.type === "click" : e.type === "click" && (C.indexOf(r) > -1 || n.getAttribute("contenteditable") === "true");
   }
 }
-function M(n) {
+function B(n) {
   for (let i = n; i.parentNode && !y(i, "body"); i = i.parentNode) {
     const s = x(i).split(" ");
     if (S(s, "ph-sensitive") || S(s, "ph-no-capture"))
@@ -315,20 +335,20 @@ function M(n) {
   const t = n.name || n.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 j(n) {
+function ee(n) {
   const e = ["button", "checkbox", "submit", "reset"];
   return !!(y(n, "input") && !e.includes(n.type) || y(n, "select") || y(n, "textarea") || n.getAttribute("contenteditable") === "true");
 }
 function T(n) {
-  return !(n === null || he(n) || typeof n == "string" && (n = D(n), /^(?:(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((n || "").replace(/[- ]/g, "")) || /(^\d{3}-?\d{2}-?\d{4}$)/.test(n)));
+  return !(n === null || de(n) || typeof n == "string" && (n = F(n), /^(?:(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((n || "").replace(/[- ]/g, "")) || /(^\d{3}-?\d{2}-?\d{4}$)/.test(n)));
 }
-function pe(n) {
+function me(n) {
   return typeof n == "string" ? n.substring(0, 10) === "_ngcontent" || n.substring(0, 7) === "_nghost" : !1;
 }
 function R() {
   return v(10);
 }
-function me(n) {
+function J(n) {
   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(n).toLowerCase());
 }
 function ye(n, e) {
@@ -348,10 +368,10 @@ function we(n) {
   }
   return e;
 }
-function Q(n) {
+function L(n) {
   return typeof n == "string" || n instanceof String;
 }
-function A(n) {
+function P(n) {
   return n !== null && typeof n == "object" && n.constructor === Object;
 }
 function ke(n) {
@@ -410,7 +430,9 @@ class _e {
     return window.pageYOffset || this.documentElement.scrollTop || document.body.scrollTop || 0;
   }
   checkMilestones(e) {
-    this.milestones.filter((i) => e >= i).forEach((i) => {
+    this.milestones.filter(
+      (i) => e >= i
+    ).forEach((i) => {
       this.send(), this.milestones = this.milestones.filter((s) => s !== i);
     });
   }
@@ -420,7 +442,7 @@ class _e {
 }
 const I = class I {
   constructor(e, t, i = f()) {
-    this.logger = i, this.scrollDepth = null, this.customProperties = [], this.domHandlersAttached = !1, this.client = e, this.options = t, this.scrollDepth = new _e(e), ce(this), Z(this);
+    this.logger = i, this.scrollDepth = null, this.customProperties = [], this.domHandlersAttached = !1, this.client = e, this.options = t, this.scrollDepth = new _e(e), le(this), Y(this);
   }
   isBrowserSupported() {
     return typeof document < "u" && typeof document.addEventListener == "function";
@@ -435,7 +457,9 @@ const I = class I {
       return;
     }
     if (!(document && document.body)) {
-      this.logger.debug("Document not ready yet, trying again in 500 milliseconds..."), setTimeout(() => this.init(), 500);
+      this.logger.debug(
+        "Document not ready yet, trying again in 500 milliseconds..."
+      ), setTimeout(() => this.init(), 500);
       return;
     }
     this.addDomEventHandlers(), this.domHandlersAttached = !0;
@@ -457,15 +481,15 @@ const I = class I {
   captureEvent(e) {
     var i, s;
     let t = this.getEventTarget(e);
-    if (G(t) && (t = t.parentNode || null), e.type === "scroll")
+    if (j(t) && (t = t.parentNode || null), e.type === "scroll")
       return (i = this.scrollDepth) == null || i.track(), !0;
     if (e.type === "visibilitychange" && document.visibilityState === "hidden" || e.type === "popstate")
       return this.isPageRefresh() || (s = this.scrollDepth) == null || s.send(), !0;
-    if (t && ge(t, e)) {
+    if (t && pe(t, e)) {
       const r = [t];
       let o = t;
       for (; o.parentNode && !y(o, "body"); ) {
-        if (z(o.parentNode)) {
+        if (M(o.parentNode)) {
           r.push(o.parentNode.host), o = o.parentNode.host;
           continue;
         }
@@ -474,7 +498,7 @@ const I = class I {
       const a = [];
       let l, c = !1;
       if (w(r, (p) => {
-        const _ = M(p);
+        const _ = B(p);
         p.tagName.toLowerCase() === "a" && (l = p.getAttribute("href"), l = _ && T(l) && l);
         const u = x(p).split(" ");
         S(u, "ph-no-capture") && (c = !0), a.push(
@@ -484,9 +508,9 @@ const I = class I {
             this.options.maskAllText ?? !1
           )
         );
-      }), this.options.maskAllText || (a[0].$el_text = V(t)), l && (a[0].attr__href = l), c)
+      }), this.options.maskAllText || (a[0].$el_text = Q(t)), l && (a[0].attr__href = l), c)
         return !1;
-      const d = le(
+      const d = ue(
         this.getDefaultProperties(e.type),
         {
           $elements: a
@@ -502,17 +526,20 @@ const I = class I {
       w(i.event_selectors, (s) => {
         const r = document.querySelectorAll(s);
         w(r, (o) => {
-          S(e, o) && M(o) && (t[i.name] = this.extractCustomPropertyValue(i));
+          S(e, o) && B(o) && (t[i.name] = this.extractCustomPropertyValue(i));
         });
       });
     }), t;
   }
   extractCustomPropertyValue(e) {
     const t = [];
-    return w(document.querySelectorAll(e.css_selector), function(i) {
-      let s;
-      ["input", "select"].indexOf(i.tagName.toLowerCase()) > -1 ? s = i.value : i.textContent && (s = i.textContent), T(s) && t.push(s);
-    }), t.join(", ");
+    return w(
+      document.querySelectorAll(e.css_selector),
+      function(i) {
+        let s;
+        ["input", "select"].indexOf(i.tagName.toLowerCase()) > -1 ? s = i.value : i.textContent && (s = i.textContent), T(s) && t.push(s);
+      }
+    ), t.join(", ");
   }
   getEventTarget(e) {
     var t;
@@ -522,12 +549,12 @@ const I = class I {
     const s = e.tagName.toLowerCase(), r = {
       tag_name: s
     };
-    C.indexOf(s) > -1 && !i && (r.$el_text = V(e));
+    C.indexOf(s) > -1 && !i && (r.$el_text = Q(e));
     const o = x(e);
     o.length > 0 && (r.classes = o.split(" ").filter(function(d) {
       return d !== "";
     })), w(e.attributes, function(d) {
-      j(e) && ["name", "id", "class"].indexOf(d.name) === -1 || !t && T(d.value) && !pe(d.name) && (r["attr__" + d.name] = d.value);
+      ee(e) && ["name", "id", "class"].indexOf(d.name) === -1 || !t && T(d.value) && !me(d.name) && (r["attr__" + d.name] = d.value);
     });
     let a = 1, l = 1, c = e;
     for (; c = this.previousElementSibling(c); )
@@ -541,7 +568,7 @@ const I = class I {
       let t = e;
       do
         t = t.previousSibling;
-      while (t && !Y(t));
+      while (t && !G(t));
       return t;
     }
   }
@@ -599,9 +626,13 @@ class Ee {
     this.trackingHost = e, this.logger = i, this.config = t;
   }
   async send(e) {
-    const t = this.config.key, i = this.constructUrl(t), s = new Blob([JSON.stringify(e)], { type: "application/json" });
+    const t = this.config.key, i = this.constructUrl(t), s = new Blob([JSON.stringify(e)], {
+      type: "application/json"
+    });
     if (navigator.sendBeacon(i, s))
-      this.logger.debug(`Successfully queued ${e.length} event(s) via Beacon API`);
+      this.logger.debug(
+        `Successfully queued ${e.length} event(s) via Beacon API`
+      );
     else
       throw new Error("Failed to queue events via Beacon API");
   }
@@ -612,7 +643,7 @@ class Ee {
   // 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 J {
+class W {
   constructor(e, t, i = f()) {
     this.trackingHost = e, this.logger = i, this.config = t;
   }
@@ -669,7 +700,7 @@ class Pe {
     this.logger.debug(`Response received. Status: ${e}, Body: ${t}`);
   }
 }
-class ee {
+class te {
   constructor(e, t) {
     this.storage = {}, this.prefix = `usermaven_${e}_`, this.load(), this.logger = t || f();
   }
@@ -728,10 +759,12 @@ class Ae {
     this.storage = {};
   }
 }
-class W {
+class K {
   // Default to true for server-side
   constructor(e, t = 3, i = 1e3, s = 10, r = 1e3, o = f(), a = "default") {
-    this.transport = e, this.maxRetries = t, this.retryInterval = i, this.batchSize = s, this.batchInterval = r, this.logger = o, this.queue = [], this.processing = !1, this.batchTimeoutId = null, this.isOnline = !0, this.persistence = new ee(`offline_queue_${a}`), h() && (this.isOnline = navigator.onLine, this.loadQueueFromStorage(), this.initNetworkListeners(), this.scheduleBatch());
+    this.transport = e, this.maxRetries = t, this.retryInterval = i, this.batchSize = s, this.batchInterval = r, this.logger = o, this.queue = [], this.processing = !1, this.batchTimeoutId = null, this.isOnline = !0, this.persistence = new te(
+      `offline_queue_${a}`
+    ), h() && (this.isOnline = navigator.onLine, this.loadQueueFromStorage(), this.initNetworkListeners(), this.scheduleBatch());
   }
   add(e) {
     const t = { payload: e, retries: 0, timestamp: Date.now() };
@@ -745,14 +778,19 @@ class W {
     }));
   }
   scheduleBatch() {
-    h() && (this.batchTimeoutId !== null && clearTimeout(this.batchTimeoutId), this.batchTimeoutId = window.setTimeout(() => this.processBatch(), this.batchInterval));
+    h() && (this.batchTimeoutId !== null && clearTimeout(this.batchTimeoutId), this.batchTimeoutId = window.setTimeout(
+      () => this.processBatch(),
+      this.batchInterval
+    ));
   }
   async processBatch() {
     if ((!h() || this.isOnline) && !this.processing && this.queue.length > 0) {
       this.processing = !0;
       const e = this.queue.splice(0, this.batchSize), t = e.map((i) => i.payload);
       try {
-        await this.transport.send(t), this.logger.debug(`Successfully sent batch of ${e.length} payloads`), h() && this.saveQueueToStorage();
+        await this.transport.send(t), this.logger.debug(
+          `Successfully sent batch of ${e.length} payloads`
+        ), h() && this.saveQueueToStorage();
       } catch (i) {
         this.logger.error("Failed to send batch", i), await this.handleBatchFailure(e);
       }
@@ -762,7 +800,10 @@ class W {
   }
   async handleBatchFailure(e) {
     for (const t of e)
-      t.retries < this.maxRetries ? (t.retries++, this.queue.unshift(t), this.logger.warn(`Retry attempt ${t.retries} for payload`)) : this.logger.error("Max retries reached, discarding payload", t.payload);
+      t.retries < this.maxRetries ? (t.retries++, this.queue.unshift(t), this.logger.warn(`Retry attempt ${t.retries} for payload`)) : this.logger.error(
+        "Max retries reached, discarding payload",
+        t.payload
+      );
     h() && (this.saveQueueToStorage(), await new Promise((t) => setTimeout(t, this.retryInterval)));
   }
   loadQueueFromStorage() {
@@ -777,7 +818,7 @@ class W {
 }
 class Se {
   constructor(e) {
-    this.clicks = [], this.threshold = 3, this.timeWindow = 2e3, this.distanceThreshold = 30, this.client = e, this.initializeEventListener(), Z(this);
+    this.clicks = [], this.threshold = 3, this.timeWindow = 2e3, this.distanceThreshold = 30, this.client = e, this.initializeEventListener(), Y(this);
   }
   initializeEventListener() {
     document.addEventListener("click", this.handleClick.bind(this));
@@ -791,14 +832,18 @@ class Se {
   }
   click(e, t, i) {
     const s = { x: e, y: t, timestamp: i };
-    this.clicks.push(s), this.clicks = this.clicks.filter((r) => i - r.timestamp < this.timeWindow), this.clicks.length >= this.threshold && this.checkRageClick();
+    this.clicks.push(s), this.clicks = this.clicks.filter(
+      (r) => i - r.timestamp < this.timeWindow
+    ), this.clicks.length >= this.threshold && this.checkRageClick();
   }
   checkRageClick() {
     const e = this.clicks[0], i = (this.clicks[this.clicks.length - 1].timestamp - e.timestamp) / 1e3;
     this.clicks.every((r, o) => {
       if (o === 0) return !0;
       const a = this.clicks[o - 1];
-      return Math.sqrt(Math.pow(r.x - a.x, 2) + Math.pow(r.y - a.y, 2)) < this.distanceThreshold;
+      return Math.sqrt(
+        Math.pow(r.x - a.x, 2) + Math.pow(r.y - a.y, 2)
+      ) < this.distanceThreshold;
     }) && this.sendRageClickEvent(i);
   }
   sendRageClickEvent(e) {
@@ -845,7 +890,7 @@ class Ce {
     return typeof this.config.customHeaders == "function" ? this.config.customHeaders() : this.config.customHeaders ? this.config.customHeaders : {};
   }
 }
-class P {
+class A {
   constructor(e, t = "all", i = {}) {
     this.instance = e, this.trackingType = t, this.options = i, document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", this.initialize.bind(this)) : this.initialize();
   }
@@ -860,22 +905,27 @@ class P {
   }
   handleFormSubmit(e) {
     const t = e.target, i = this._getFormDetails(t);
-    this.instance.track("$form", q(i)), this.options.trackFieldChanges && this.trackFieldChanges(t);
+    this.instance.track("$form", V(i)), this.options.trackFieldChanges && this.trackFieldChanges(t);
   }
   trackFieldChanges(e) {
     e.querySelectorAll("input, select, textarea").forEach((i) => {
       i.addEventListener("change", (s) => {
-        const r = this._getFieldProps(s.target);
-        this.instance.track("$form_field_change", q({
-          form_id: e.id,
-          form_name: e.name || "",
-          field: r
-        }));
+        const r = this._getFieldProps(
+          s.target
+        );
+        this.instance.track(
+          "$form_field_change",
+          V({
+            form_id: e.id,
+            form_name: e.name || "",
+            field: r
+          })
+        );
       });
     });
   }
   static getInstance(e, t = "all", i = {}) {
-    return P.instance || (P.instance = new P(e, t, i)), P.instance;
+    return A.instance || (A.instance = new A(e, t, i)), A.instance;
   }
   _getFormDetails(e) {
     const t = {
@@ -886,11 +936,17 @@ class P {
       form_class: e.className,
       form_attributes: this._getElementAttributes(e),
       fields: []
-    }, i = e.querySelectorAll("input, select, textarea");
-    return Array.from(i).filter((r) => !r.classList.contains("um-no-capture")).forEach((r) => {
-      const o = this._getFieldProps(r);
-      t.fields.push(o);
-    }), t;
+    }, i = e.querySelectorAll(
+      "input, select, textarea"
+    );
+    return Array.from(i).filter(
+      (r) => !r.classList.contains("um-no-capture")
+    ).forEach(
+      (r) => {
+        const o = this._getFieldProps(r);
+        t.fields.push(o);
+      }
+    ), t;
   }
   _getFieldProps(e) {
     const t = Object.keys(e.dataset).length ? this._convertDOMStringMapToObject(e.dataset) : void 0, i = this.getSafeText(e);
@@ -972,7 +1028,7 @@ class P {
 }
 class N {
   constructor(e) {
-    this.config = this.mergeConfig(e, X), this.logger = f(this.config.logLevel), this.namespace = e.namespace || "default", this.transport = this.initializeTransport(this.config), this.persistence = this.initializePersistence(), this.retryQueue = new W(
+    this.config = this.mergeConfig(e, Z), this.logger = f(this.config.logLevel), this.namespace = e.namespace || "default", this.transport = this.initializeTransport(this.config), this.persistence = this.initializePersistence(), this.retryQueue = new K(
       this.transport,
       this.config.maxSendAttempts || 3,
       this.config.minSendTimeout || 1e3,
@@ -981,14 +1037,20 @@ class N {
       // Reduced interval to .2 second
       this.logger,
       this.namespace
-    ), h() && this.initializeBrowserFeatures(), this.anonymousId = this.getOrCreateAnonymousId(), this.logger.info(`Usermaven client initialized for namespace: ${this.namespace}`);
+    ), h() && this.initializeBrowserFeatures(), this.anonymousId = this.getOrCreateAnonymousId(), this.logger.info(
+      `Usermaven client initialized for namespace: ${this.namespace}`
+    );
   }
   initializeBrowserFeatures() {
-    if (this.cookieManager = new ne(this.config.cookieDomain), this.config.autocapture && H.enabledForProject(this.config.key) && !this.config.disableAutocaptureListenerRegistration && (this.autoCapture = new H(this, this.config, this.logger), this.autoCapture.init()), this.config.formTracking) {
+    if (this.cookieManager = new se(this.config.cookieDomain), this.config.autocapture && H.enabledForProject(this.config.key) && !this.config.disableAutocaptureListenerRegistration && (this.autoCapture = new H(this, this.config, this.logger), this.autoCapture.init()), this.config.formTracking) {
       const e = this.config.formTracking === !0 ? "all" : this.config.formTracking;
-      this.formTracking = P.getInstance(this, e || "none", {
-        trackFieldChanges: !1
-      });
+      this.formTracking = A.getInstance(
+        this,
+        e || "none",
+        {
+          trackFieldChanges: !1
+        }
+      );
     }
     this.config.autoPageview && (this.pageviewTracking = new be(this)), this.config.crossDomainLinking && this.manageCrossDomainLinking(), this.config.rageClick && (this.rageClick = new Se(this)), this.setupPageLeaveTracking();
   }
@@ -1001,11 +1063,11 @@ class N {
     const i = JSON.parse(JSON.stringify(e));
     let s = { ...t, ...i };
     return Object.keys(t).forEach((r) => {
-      A(t[r]) && (s[r] = this.mergeConfig(e[r], t[r]));
+      P(t[r]) && (s[r] = this.mergeConfig(e[r], t[r]));
     }), s;
   }
   init(e) {
-    this.config = { ...this.config, ...e }, this.logger = f(this.config.logLevel), this.namespace = e.namespace || this.namespace, this.transport = this.initializeTransport(e), this.persistence = this.initializePersistence(), this.retryQueue = new W(
+    this.config = { ...this.config, ...e }, this.logger = f(this.config.logLevel), this.namespace = e.namespace || this.namespace, this.transport = this.initializeTransport(e), this.persistence = this.initializePersistence(), this.retryQueue = new K(
       this.transport,
       this.config.maxSendAttempts || 3,
       this.config.minSendTimeout || 1e3,
@@ -1014,7 +1076,9 @@ class N {
       // Reduced interval to .25 second
       this.logger,
       this.namespace
-    ), h() && this.initializeBrowserFeatures(), this.anonymousId = this.getOrCreateAnonymousId(), this.logger.info(`Usermaven client reinitialized for namespace: ${this.namespace}`);
+    ), h() && this.initializeBrowserFeatures(), this.anonymousId = this.getOrCreateAnonymousId(), this.logger.info(
+      `Usermaven client reinitialized for namespace: ${this.namespace}`
+    );
   }
   manageCrossDomainLinking() {
     if (!this.config.crossDomainLinking || !this.config.domains)
@@ -1044,17 +1108,36 @@ class N {
       return new Ce(e.trackingHost || t, e);
     const i = "XMLHttpRequest" in window, s = typeof fetch < "u", r = typeof navigator < "u" && "sendBeacon" in navigator;
     if (e.useBeaconApi && r)
-      return new Ee(e.trackingHost || t, e, this.logger);
+      return new Ee(
+        e.trackingHost || t,
+        e,
+        this.logger
+      );
     if (e.forceUseFetch && s)
-      return new J(e.trackingHost || t, e, this.logger);
+      return new W(
+        e.trackingHost || t,
+        e,
+        this.logger
+      );
     if (i)
-      return new Pe(e.trackingHost || t, e, this.logger);
+      return new Pe(
+        e.trackingHost || t,
+        e,
+        this.logger
+      );
     if (s)
-      return new J(e.trackingHost || t, e, this.logger);
+      return new W(
+        e.trackingHost || t,
+        e,
+        this.logger
+      );
     throw new Error("No suitable transport method available");
   }
   initializePersistence() {
-    return this.config.disableEventPersistence || !h() ? new Ae() : new ee(`${this.namespace}_${this.config.key}`, this.logger);
+    return this.config.disableEventPersistence || !h() ? new Ae() : new te(
+      `${this.namespace}_${this.config.key}`,
+      this.logger
+    );
   }
   getOrCreateAnonymousId() {
     var i, s;
@@ -1071,16 +1154,22 @@ class N {
       }
       t || (t = R());
       const r = 365 * 10;
-      (s = this.cookieManager) == null || s.set(e, t, r, document.location.protocol !== "http:", !1);
+      (s = this.cookieManager) == null || s.set(
+        e,
+        t,
+        r,
+        document.location.protocol !== "http:",
+        !1
+      );
     }
     return t;
   }
   async id(e, t = !1) {
-    if (!A(e))
+    if (!P(e))
       throw new Error("User data must be an object");
-    if (e.email && !me(e.email))
+    if (e.email && !J(e.email))
       throw new Error("Invalid email provided");
-    if (!e.id || !Q(e.id))
+    if (!e.id || !L(e.id))
       throw new Error("User ID must be a string");
     const i = e.id;
     if (this.persistence.set("userId", i), this.persistence.set("userProps", e), !t) {
@@ -1095,15 +1184,34 @@ class N {
   track(e, t, i = !1) {
     this.trackInternal(e, t, i);
   }
+  lead(e, t = !1) {
+    if (!P(e))
+      throw new Error(
+        "Lead payload must be a non-null object and not an array"
+      );
+    const i = e.email;
+    if (!L(i)) {
+      this.logger.error("Lead event requires a valid email attribute");
+      return;
+    }
+    const s = i.trim();
+    if (!s || !J(s)) {
+      this.logger.error("Lead event requires a valid email attribute");
+      return;
+    }
+    e.email = s, this.track("lead", e, t);
+  }
   trackInternal(e, t, i = !1) {
     if (ve()) {
       this.logger.debug("Tracking disabled due to um_exclusion setting");
       return;
     }
-    if (!Q(e))
+    if (!L(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");
+      throw new Error(
+        "Event payload must be a non-null object and not an array"
+      );
     const r = this.createEventPayload(e, t);
     try {
       if (i) {
@@ -1116,15 +1224,17 @@ class N {
     }
   }
   rawTrack(e) {
-    if (!A(e))
+    if (!P(e))
       throw new Error("Event payload must be an object");
     this.track("raw", e);
   }
   async group(e, t = !1) {
-    if (!A(e))
+    if (!P(e))
       throw new Error("Company properties must be an object");
     if (!e.id || !e.name || !e.created_at)
-      throw new Error("Company properties must include id, name, and created_at");
+      throw new Error(
+        "Company properties must include id, name, and created_at"
+      );
     this.persistence.set("companyProps", e), t || await this.track("group", e), this.logger.info("Company identified:", e);
   }
   createEventPayload(e, t) {
@@ -1149,7 +1259,9 @@ class N {
       ...a
     };
     if (e === "$autocapture") {
-      const d = this.processAutocaptureAttributes(t || {});
+      const d = this.processAutocaptureAttributes(
+        t || {}
+      );
       c.autocapture_attributes = d;
     } else e !== "user_identify" && e !== "group" && (Array.isArray(this.config.propertyBlacklist) && this.config.propertyBlacklist.forEach((d) => {
       delete l[d];
@@ -1159,7 +1271,15 @@ class N {
   processAutocaptureAttributes(e) {
     let t = {};
     const i = e.$elements || [];
-    return i.length && (t = { ...i[0] }), t.el_text = t.$el_text || "", t.event_type = e.$event_type || "", ["$ce_version", "$event_type", "$initial_referrer", "$initial_referring_domain", "$referrer", "$referring_domain", "$elements"].forEach((s) => {
+    return i.length && (t = { ...i[0] }), t.el_text = t.$el_text || "", t.event_type = e.$event_type || "", [
+      "$ce_version",
+      "$event_type",
+      "$initial_referrer",
+      "$initial_referring_domain",
+      "$referrer",
+      "$referring_domain",
+      "$elements"
+    ].forEach((s) => {
       delete t[s];
     }), delete t.$el_text, delete t.nth_child, delete t.nth_of_type, t;
   }
@@ -1177,16 +1297,28 @@ class N {
   }
   getUtmParams() {
     const e = {}, t = we(window.location.search);
-    return ["utm_source", "utm_medium", "utm_campaign", "utm_term", "utm_content"].forEach((s) => {
+    return [
+      "utm_source",
+      "utm_medium",
+      "utm_campaign",
+      "utm_term",
+      "utm_content"
+    ].forEach((s) => {
       t[s] && (e[s.replace("utm_", "")] = t[s]);
     }), e;
   }
   pageview() {
-    h() ? this.track("pageview", {
-      url: window.location.href,
-      referrer: document.referrer,
-      title: document.title
-    }, !0) : this.logger.warn("Pageview tracking is not available in server-side environments");
+    h() ? this.track(
+      "pageview",
+      {
+        url: window.location.href,
+        referrer: document.referrer,
+        title: document.title
+      },
+      !0
+    ) : this.logger.warn(
+      "Pageview tracking is not available in server-side environments"
+    );
   }
   setupPageLeaveTracking() {
     if (!h()) return;
@@ -1221,10 +1353,13 @@ class N {
       const t = this.config.cookieName || `__eventn_id_${this.config.key}`;
       this.cookieManager.delete(t), this.anonymousId = this.getOrCreateAnonymousId();
     }
-    this.logger.info("core state reset", { resetAnonId: e, namespace: this.namespace });
+    this.logger.info("core state reset", {
+      resetAnonId: e,
+      namespace: this.namespace
+    });
   }
   set(e, t) {
-    if (!A(e))
+    if (!P(e))
       throw new Error("Properties must be an object");
     const i = t == null ? void 0 : t.eventType, s = (t == null ? void 0 : t.persist) ?? !0;
     if (i) {
@@ -1254,24 +1389,32 @@ class N {
       let r = this.persistence.get("global_props") || {};
       delete r[e], this.persistence.set("global_props", r);
     }
-    s && this.persistence.save(), this.logger.debug(`Property unset: ${e}`, `Event type: ${i || "global"}`);
+    s && this.persistence.save(), this.logger.debug(
+      `Property unset: ${e}`,
+      `Event type: ${i || "global"}`
+    );
   }
 }
-function te() {
+function ie() {
   return typeof window < "u" && typeof window.define == "function" && window.define.amd;
 }
 function Te() {
-  return te() ? window.define : void 0;
+  return ie() ? window.define : void 0;
 }
 const $e = "__USERMAVEN_AUTOCAPTURE_INITIALIZED__";
 function O(n) {
-  const e = JSON.parse(JSON.stringify(n)), t = F(e), i = { ...X, ...t };
+  const e = JSON.parse(JSON.stringify(n)), t = z(e), i = {
+    ...Z,
+    ...t
+  };
   if (!i.key)
     throw new Error("API key is required!");
   if (!i.trackingHost)
     throw new Error("Tracking host is required!");
   const s = i.key || "", r = `${$e}${s}`;
-  return h() && i.autocapture && window[r] && (console.warn("Usermaven: Autocapture already initialized in another instance, skipping duplicate initialization."), i.disableAutocaptureListenerRegistration = !0), h() && i.autocapture && !i.disableAutocaptureListenerRegistration && (window[r] = !0), new N(i);
+  return h() && i.autocapture && window[r] && (console.warn(
+    "Usermaven: Autocapture already initialized in another instance, skipping duplicate initialization."
+  ), i.disableAutocaptureListenerRegistration = !0), h() && i.autocapture && !i.disableAutocaptureListenerRegistration && (window[r] = !0), new N(i);
 }
 function xe(n) {
   var s;
@@ -1295,7 +1438,10 @@ function xe(n) {
     minSendTimeout: parseInt(n.getAttribute("data-min-send-timeout") || "", 10) || void 0,
     maxSendTimeout: parseInt(n.getAttribute("data-max-send-timeout") || "", 10) || void 0,
     maxSendAttempts: parseInt(n.getAttribute("data-max-send-attempts") || "", 10) || void 0,
-    propertiesStringMaxLength: parseInt(n.getAttribute("data-properties-string-max-length") || "", 10) || null,
+    propertiesStringMaxLength: parseInt(
+      n.getAttribute("data-properties-string-max-length") || "",
+      10
+    ) || null,
     propertyBlacklist: ((s = n.getAttribute("data-property-blacklist")) == null ? void 0 : s.split(",")) || void 0,
     exclude: n.getAttribute("data-exclude") || void 0,
     namespace: n.getAttribute("data-namespace") || void 0,
@@ -1350,13 +1496,21 @@ function He(n, e) {
       return e[g].apply(e, u.slice(1));
     console.error(`Method ${g} not found on UsermavenClient`);
   }
-  const l = ["id", "group", "reset"], c = ["track", "pageview", "set", "unset", "rawTrack", "setUserId"];
+  const l = ["id", "group", "reset"], c = [
+    "track",
+    "lead",
+    "pageview",
+    "set",
+    "unset",
+    "rawTrack",
+    "setUserId"
+  ];
   [...l, ...c].forEach((u) => {
     a[u] = function(...g) {
       if (!t) {
         if (l.includes(u))
-          return new Promise((B, m) => {
-            i.push([u, ...g, { resolve: B, reject: m }]);
+          return new Promise((q, m) => {
+            i.push([u, ...g, { resolve: q, reject: m }]);
           });
         i.push([u, ...g]);
         return;
@@ -1377,7 +1531,7 @@ function He(n, e) {
     u && i.push(u);
   }
 }
-let K = !1, L = null;
+let X = !1, U = null;
 if (h()) {
   const n = Te();
   n && n("usermaven", [], function() {
@@ -1386,20 +1540,20 @@ if (h()) {
       UsermavenClient: N,
       LogLevel: k,
       // Expose the script tag client if it exists
-      getScriptTagClient: () => L
+      getScriptTagClient: () => U
     };
-  }), typeof window < "u" && (window.usermavenClient = O, window.UsermavenClient = N, window.usermavenScriptTagClient = () => L), function(e, t) {
+  }), typeof window < "u" && (window.usermavenClient = O, window.UsermavenClient = N, window.usermavenScriptTagClient = () => U), function(e, t) {
     const i = e.currentScript;
     function s() {
-      return K || !i || !i.hasAttribute("data-key") || i.getAttribute("data-no-auto-init") === "true" ? !1 : i.src.includes("lib.js");
+      return X || !i || !i.hasAttribute("data-key") || i.getAttribute("data-no-auto-init") === "true" ? !1 : i.src.includes("lib.js");
     }
     function r() {
-      s() && (console.log("[Usermaven] Auto-initializing from script tag"), L = xe(i), K = !0);
+      s() && (console.log("[Usermaven] Auto-initializing from script tag"), U = xe(i), X = !0);
     }
     typeof t < "u" && i && (e.readyState === "loading" ? e.addEventListener("DOMContentLoaded", r) : r());
   }(document, window);
 }
-typeof module < "u" && module.exports && !te() && (module.exports = {
+typeof module < "u" && module.exports && !ie() && (module.exports = {
   usermavenClient: O,
   UsermavenClient: N,
   Config: void 0,
@@ -1416,16 +1570,18 @@ function createClient(params) {
 function useUsermaven() {
     const client = useContext(UsermavenContext);
     if (!client) {
-        throw new Error("Before calling useUsermaven() hook, please wrap your component into <JitsuProvider />. Read more in http://jitsu.com/docs/sending-data/js-sdk/react");
+        throw new Error('Before calling useUsermaven() hook, please wrap your component into <JitsuProvider />. Read more in http://jitsu.com/docs/sending-data/js-sdk/react');
     }
     const id = useCallback((userData, doNotSendEvent) => client === null || client === void 0 ? void 0 : client.id(userData, doNotSendEvent), [client]);
     const trackPageView = useCallback(() => client === null || client === void 0 ? void 0 : client.track('pageview'), [client]);
     const track = useCallback((typeName, payload) => client === null || client === void 0 ? void 0 : client.track(typeName, payload), [client]);
+    const lead = useCallback((payload, directSend) => client === null || client === void 0 ? void 0 : client.lead(payload, directSend), [client]);
     const rawTrack = useCallback((payload) => client === null || client === void 0 ? void 0 : client.rawTrack(payload), [client]);
     const set = useCallback((properties, opts) => client === null || client === void 0 ? void 0 : client.set(properties, opts), [client]);
     const unset = useCallback((propertyName, opts) => client === null || client === void 0 ? void 0 : client.unset(propertyName, opts), [client]);
     return Object.assign(Object.assign({}, client), { id,
         track,
+        lead,
         trackPageView,
         rawTrack,
         set,

package/lib/usePageView.d.ts

@@ -1,5 +1,5 @@
-import { UsermavenClient } from "./useUsermaven";
-import { EventPayload } from "@usermaven/sdk-js";
+import { UsermavenClient } from './useUsermaven';
+import { EventPayload } from '@usermaven/sdk-js';
 declare function usePageView(opts?: {
     before?: (usermaven: UsermavenClient) => void;
     typeName?: string;

package/lib/useUsermaven.d.ts

@@ -1,8 +1,9 @@
-import { EventPayload, UserProps } from "@usermaven/sdk-js";
+import { EventPayload, UserProps } from '@usermaven/sdk-js';
 export type UsermavenClient = {
     trackPageView: () => void;
     id: (userData: UserProps, doNotSendEvent?: boolean) => Promise<void>;
     track: (typeName: string, payload?: EventPayload) => void;
+    lead: (payload: EventPayload, directSend?: boolean) => void;
     rawTrack: (payload: any) => void;
     set: (properties: Record<string, any>, opts?: {
         eventType?: string;

package/lib/useUsermaven.js

@@ -5,16 +5,18 @@ const UsermavenContext_1 = require("./UsermavenContext");
 function useUsermaven() {
     const client = (0, react_1.useContext)(UsermavenContext_1.default);
     if (!client) {
-        throw new Error("Before calling useUsermaven() hook, please wrap your component into <JitsuProvider />. Read more in http://jitsu.com/docs/sending-data/js-sdk/react");
+        throw new Error('Before calling useUsermaven() hook, please wrap your component into <JitsuProvider />. Read more in http://jitsu.com/docs/sending-data/js-sdk/react');
     }
     const id = (0, react_1.useCallback)((userData, doNotSendEvent) => client === null || client === void 0 ? void 0 : client.id(userData, doNotSendEvent), [client]);
     const trackPageView = (0, react_1.useCallback)(() => client === null || client === void 0 ? void 0 : client.track('pageview'), [client]);
     const track = (0, react_1.useCallback)((typeName, payload) => client === null || client === void 0 ? void 0 : client.track(typeName, payload), [client]);
+    const lead = (0, react_1.useCallback)((payload, directSend) => client === null || client === void 0 ? void 0 : client.lead(payload, directSend), [client]);
     const rawTrack = (0, react_1.useCallback)((payload) => client === null || client === void 0 ? void 0 : client.rawTrack(payload), [client]);
     const set = (0, react_1.useCallback)((properties, opts) => client === null || client === void 0 ? void 0 : client.set(properties, opts), [client]);
     const unset = (0, react_1.useCallback)((propertyName, opts) => client === null || client === void 0 ? void 0 : client.unset(propertyName, opts), [client]);
     return Object.assign(Object.assign({}, client), { id,
         track,
+        lead,
         trackPageView,
         rawTrack,
         set,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@usermaven/react",
-  "version": "1.5.10-rc.109",
+  "version": "1.5.10-rc.111",
   "description": "Usermaven JavaScript SDK for React",
   "author": "Usermaven <hello@usermaven.com>",
   "license": "MIT",
@@ -18,7 +18,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@usermaven/sdk-js": "1.5.10-rc.109"
+    "@usermaven/sdk-js": "1.5.10-rc.111"
   },
   "peerDependencies": {
     "react": "15.x || 16.x || 17.x || 18.x || 19.x",