@usermaven/react 1.5.8-rc.104 → 1.5.9-rc.105

package/lib/index.es.js

@@ -104,14 +104,14 @@ class ne {
     return i ? i[0] : "";
   }
 }
-const se = Object.prototype, re = se.hasOwnProperty, oe = Array.prototype, T = oe.forEach, L = {};
+const se = Object.prototype, re = se.hasOwnProperty, oe = Array.prototype, C = oe.forEach, U = {};
 function ae(n, e, t) {
   if (Array.isArray(n)) {
-    if (T && n.forEach === T)
+    if (C && n.forEach === C)
       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) === L)
+        if (i in n && e.call(t, n[i], i) === U)
           return;
     }
   }
@@ -124,15 +124,15 @@ const D = function(n) {
 };
 function w(n, e, t) {
   if (n != null) {
-    if (T && Array.isArray(n) && n.forEach === T)
+    if (C && Array.isArray(n) && n.forEach === C)
       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) === L)
+        if (i in n && e.call(t, n[i], i) === U)
           return;
     } else
       for (const i in n)
-        if (re.call(n, i) && e.call(t, n[i], i) === L)
+        if (re.call(n, i) && e.call(t, n[i], i) === U)
           return;
   }
 }
@@ -237,7 +237,7 @@ function x(n) {
 function V(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(C).join("").replace(/[\r\n]/g, " ").replace(/[ ]+/g, " ").substring(0, 255));
+    G(t) && t.textContent && (e += D(t.textContent).split(/(\s+)/).filter(T).join("").replace(/[\r\n]/g, " ").replace(/[ ]+/g, " ").substring(0, 255));
   }), D(e);
 }
 function Y(n) {
@@ -252,7 +252,7 @@ function G(n) {
 function z(n) {
   return !!n && n.nodeType === 11;
 }
-const S = ["a", "button", "form", "input", "select", "textarea", "label"];
+const A = ["a", "button", "form", "input", "select", "textarea", "label"];
 function ge(n, e) {
   if (!n || y(n, "html") || !Y(n))
     return !1;
@@ -265,12 +265,12 @@ function ge(n, e) {
   let i = !1;
   for (t = n; t && !y(t, "body"); ) {
     if (t.parentNode && z(t.parentNode)) {
-      t = t.parentNode.host, t && S.indexOf(t.tagName.toLowerCase()) > -1 && (i = !0);
+      t = t.parentNode.host, t && A.indexOf(t.tagName.toLowerCase()) > -1 && (i = !0);
       continue;
     }
     const o = t.parentNode;
     if (!o) break;
-    if (S.indexOf(o.tagName.toLowerCase()) > -1)
+    if (A.indexOf(o.tagName.toLowerCase()) > -1)
       i = !0;
     else {
       const a = window.getComputedStyle(o);
@@ -293,7 +293,7 @@ function ge(n, e) {
     case "textarea":
       return e.type === "change" || e.type === "click";
     default:
-      return i ? e.type === "click" : e.type === "click" && (S.indexOf(r) > -1 || n.getAttribute("contenteditable") === "true");
+      return i ? e.type === "click" : e.type === "click" && (A.indexOf(r) > -1 || n.getAttribute("contenteditable") === "true");
   }
 }
 function M(n) {
@@ -319,13 +319,13 @@ function j(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 C(n) {
+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)));
 }
 function pe(n) {
   return typeof n == "string" ? n.substring(0, 10) === "_ngcontent" || n.substring(0, 7) === "_nghost" : !1;
 }
-function O() {
+function R() {
   return v(10);
 }
 function me(n) {
@@ -351,7 +351,7 @@ function we(n) {
 function J(n) {
   return typeof n == "string" || n instanceof String;
 }
-function A(n) {
+function S(n) {
   return n !== null && typeof n == "object" && n.constructor === Object;
 }
 function ke(n) {
@@ -366,32 +366,54 @@ const ve = () => {
 };
 class _e {
   constructor(e) {
-    this.maxScrollDepth = 0, this.milestones = [25, 50, 75, 90], this.lastScrollDepth = 0, this.client = e, this.documentElement = document.documentElement, this.debouncedHandleScroll = ye(this.handleScroll.bind(this), 250), this.initializeEventListener();
+    this.maxScrollDepth = 0, this.milestones = /* @__PURE__ */ new Set([25, 50, 75, 90]), this.reachedMilestones = /* @__PURE__ */ new Set(), this.hasSentFinalEvent = !1, this.scrollTimeout = null, this.client = e, this.documentElement = document.documentElement, this.debouncedHandleScroll = this.createDebouncedScroll(250), this.initializeEventListeners();
+  }
+  createDebouncedScroll(e) {
+    ye(this.handleScroll.bind(this), e);
+    const t = () => {
+      this.scrollTimeout && clearTimeout(this.scrollTimeout), this.scrollTimeout = setTimeout(() => {
+        this.handleScroll(), this.scrollTimeout = null;
+      }, e);
+    };
+    return t.cancel = () => {
+      this.scrollTimeout && (clearTimeout(this.scrollTimeout), this.scrollTimeout = null);
+    }, t;
   }
-  initializeEventListener() {
-    window.addEventListener("scroll", this.debouncedHandleScroll);
+  initializeEventListeners() {
+    window.addEventListener("scroll", this.debouncedHandleScroll, { passive: !0 }), window.addEventListener("pagehide", this.handlePageExit.bind(this)), window.addEventListener("beforeunload", this.handlePageExit.bind(this)), document.addEventListener("visibilitychange", this.handleVisibilityChange.bind(this));
   }
   track() {
     const e = this.getScrollDepth();
-    e > this.lastScrollDepth && (this.lastScrollDepth = e, this.checkMilestones(e));
-  }
-  send(e = "$scroll") {
-    if (!this.lastScrollDepth)
-      return;
-    const t = {
-      percent: this.lastScrollDepth,
+    e > this.maxScrollDepth && (this.maxScrollDepth = e, this.checkMilestones(e));
+  }
+  send(e = "$scroll", t) {
+    const i = this.getScrollDepth();
+    this.maxScrollDepth = Math.max(this.maxScrollDepth, i);
+    const s = {
+      percent: t ?? this.maxScrollDepth,
+      max_percent: this.maxScrollDepth,
       window_height: this.getWindowHeight(),
       document_height: this.getDocumentHeight(),
-      scroll_distance: this.getScrollDistance()
+      scroll_distance: this.getScrollDistance(),
+      is_final: e === "$scroll_exit"
     };
-    this.client.track(e, t);
+    this.client.track(e, s);
   }
   handleScroll() {
     this.track();
   }
+  handlePageExit() {
+    this.hasSentFinalEvent || (this.debouncedHandleScroll.cancel && this.debouncedHandleScroll.cancel(), this.track(), this.send("$scroll_exit"), this.hasSentFinalEvent = !0);
+  }
+  handleVisibilityChange() {
+    document.hidden && (this.track(), this.send("$scroll_checkpoint"));
+  }
   getScrollDepth() {
-    const e = this.getWindowHeight(), t = this.getDocumentHeight(), i = this.getScrollDistance(), s = t - e;
-    return Math.min(100, Math.floor(i / s * 100));
+    const e = this.getWindowHeight(), t = this.getDocumentHeight(), i = this.getScrollDistance();
+    if (t <= e)
+      return 100;
+    const s = t - e, r = i / s * 100;
+    return Math.min(100, Math.max(0, Math.round(r)));
   }
   getWindowHeight() {
     return window.innerHeight || this.documentElement.clientHeight || document.body.clientHeight || 0;
@@ -410,12 +432,15 @@ class _e {
     return window.pageYOffset || this.documentElement.scrollTop || document.body.scrollTop || 0;
   }
   checkMilestones(e) {
-    this.milestones.filter((i) => e >= i).forEach((i) => {
-      this.send(), this.milestones = this.milestones.filter((s) => s !== i);
+    this.milestones.forEach((t) => {
+      e >= t && !this.reachedMilestones.has(t) && (this.reachedMilestones.add(t), this.send(`$scroll_milestone_${t}`, t));
     });
   }
+  destroy() {
+    window.removeEventListener("scroll", this.debouncedHandleScroll), window.removeEventListener("pagehide", this.handlePageExit.bind(this)), window.removeEventListener("beforeunload", this.handlePageExit.bind(this)), document.removeEventListener("visibilitychange", this.handleVisibilityChange.bind(this)), this.hasSentFinalEvent || this.handlePageExit();
+  }
 }
-const R = class R {
+const L = class L {
   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);
   }
@@ -472,7 +497,7 @@ const R = class R {
       let l, c = !1;
       if (w(r, (p) => {
         const _ = M(p);
-        p.tagName.toLowerCase() === "a" && (l = p.getAttribute("href"), l = _ && C(l) && l);
+        p.tagName.toLowerCase() === "a" && (l = p.getAttribute("href"), l = _ && T(l) && l);
         const u = x(p).split(" ");
         $(u, "ph-no-capture") && (c = !0), a.push(
           this.getPropertiesFromElement(
@@ -508,7 +533,7 @@ const R = class R {
     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), C(s) && t.push(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) {
@@ -519,12 +544,12 @@ const R = class R {
     const s = e.tagName.toLowerCase(), r = {
       tag_name: s
     };
-    S.indexOf(s) > -1 && !i && (r.$el_text = V(e));
+    A.indexOf(s) > -1 && !i && (r.$el_text = V(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 && C(d.value) && !pe(d.name) && (r["attr__" + d.name] = d.value);
+      j(e) && ["name", "id", "class"].indexOf(d.name) === -1 || !t && T(d.value) && !pe(d.name) && (r["attr__" + d.name] = d.value);
     });
     let a = 1, l = 1, c = e;
     for (; c = this.previousElementSibling(c); )
@@ -560,8 +585,8 @@ const R = class R {
     return s % t < i;
   }
 };
-R.FORCE_CAPTURE_ATTR = "data-um-force-capture", R.PREVENT_CAPTURE_ATTR = "data-um-no-capture";
-let H = R;
+L.FORCE_CAPTURE_ATTR = "data-um-force-capture", L.PREVENT_CAPTURE_ATTR = "data-um-no-capture";
+let H = L;
 class be {
   constructor(e) {
     this.client = e, this.lastPageUrl = window.location.href, this.trackInitialPageview(), this.initializePageviewTracking();
@@ -706,7 +731,7 @@ class ee {
     }
   }
 }
-class Ae {
+class Se {
   constructor() {
     this.storage = {};
   }
@@ -806,7 +831,7 @@ class $e {
     }), this.clicks = [];
   }
 }
-class Se {
+class Ae {
   constructor(e, t, i = f()) {
     this.trackingHost = e, this.logger = i, this.config = t;
   }
@@ -987,7 +1012,7 @@ 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]));
+      S(t[r]) && (s[r] = this.mergeConfig(e[r], t[r]));
     }), s;
   }
   init(e) {
@@ -1027,7 +1052,7 @@ class N {
   initializeTransport(e) {
     const t = "https://events.usermaven.com";
     if (!h())
-      return new Se(e.trackingHost || t, e);
+      return new Ae(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);
@@ -1040,12 +1065,12 @@ class N {
     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 Se() : new ee(`${this.namespace}_${this.config.key}`, this.logger);
   }
   getOrCreateAnonymousId() {
     var i, s;
     if (!h())
-      return O();
+      return R();
     if (this.config.privacyPolicy === "strict" || this.config.cookiePolicy === "strict")
       return "";
     const e = this.config.cookieName || `__eventn_id_${this.config.key}`;
@@ -1053,16 +1078,16 @@ class N {
     if (!t) {
       if (this.config.crossDomainLinking) {
         const a = new URLSearchParams(window.location.search).get("_um"), c = window.location.hash.substring(1).split("~"), d = c.length > 1 ? c[1] : void 0;
-        t = a || d || O();
+        t = a || d || R();
       }
-      t || (t = O());
+      t || (t = R());
       const r = 365 * 10;
       (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 (!S(e))
       throw new Error("User data must be an object");
     if (e.email && !me(e.email))
       throw new Error("Invalid email provided");
@@ -1102,12 +1127,12 @@ class N {
     }
   }
   rawTrack(e) {
-    if (!A(e))
+    if (!S(e))
       throw new Error("Event payload must be an object");
     this.track("raw", e);
   }
   async group(e, t = !1) {
-    if (!A(e))
+    if (!S(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");
@@ -1210,7 +1235,7 @@ class N {
     this.logger.info("core state reset", { resetAnonId: e, namespace: this.namespace });
   }
   set(e, t) {
-    if (!A(e))
+    if (!S(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) {
@@ -1246,17 +1271,17 @@ class N {
 function te() {
   return typeof window < "u" && typeof window.define == "function" && window.define.amd;
 }
-function Ce() {
+function Te() {
   return te() ? window.define : void 0;
 }
-const Te = "__USERMAVEN_AUTOCAPTURE_INITIALIZED__";
+const Ce = "__USERMAVEN_AUTOCAPTURE_INITIALIZED__";
 function I(n) {
   const e = JSON.parse(JSON.stringify(n)), t = F(e), i = { ...X, ...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 = `${Te}${s}`;
+  const s = i.key || "", r = `${Ce}${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);
 }
 function xe(n) {
@@ -1363,24 +1388,24 @@ function He(n, e) {
     u && i.push(u);
   }
 }
-let K = !1, U = null;
+let K = !1, O = null;
 if (h()) {
-  const n = Ce();
+  const n = Te();
   n && n("usermaven", [], function() {
     return {
       usermavenClient: I,
       UsermavenClient: N,
       LogLevel: k,
       // Expose the script tag client if it exists
-      getScriptTagClient: () => U
+      getScriptTagClient: () => O
     };
-  }), typeof window < "u" && (window.usermavenClient = I, window.UsermavenClient = N, window.usermavenScriptTagClient = () => U), function(e, t) {
+  }), typeof window < "u" && (window.usermavenClient = I, window.UsermavenClient = N, window.usermavenScriptTagClient = () => O), 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");
     }
     function r() {
-      s() && (console.log("[Usermaven] Auto-initializing from script tag"), U = xe(i), K = !0);
+      s() && (console.log("[Usermaven] Auto-initializing from script tag"), O = xe(i), K = !0);
     }
     typeof t < "u" && i && (e.readyState === "loading" ? e.addEventListener("DOMContentLoaded", r) : r());
   }(document, window);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@usermaven/react",
-  "version": "1.5.8-rc.104",
+  "version": "1.5.9-rc.105",
   "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.8-rc.104"
+    "@usermaven/sdk-js": "1.5.9-rc.105"
   },
   "peerDependencies": {
     "react": "15.x || 16.x || 17.x || 18.x || 19.x",