@usermaven/react 1.5.9-rc.105 → 1.5.9-rc.106

package/lib/index.es.js

@@ -104,10 +104,10 @@ class ne {
     return i ? i[0] : "";
   }
 }
-const se = Object.prototype, re = se.hasOwnProperty, oe = Array.prototype, C = oe.forEach, U = {};
+const se = Object.prototype, re = se.hasOwnProperty, oe = Array.prototype, T = oe.forEach, U = {};
 function ae(n, e, t) {
   if (Array.isArray(n)) {
-    if (C && n.forEach === C)
+    if (T && n.forEach === T)
       n.forEach(e, t);
     else if ("length" in n && n.length === +n.length) {
       for (let i = 0, s = n.length; i < s; i++)
@@ -124,7 +124,7 @@ const D = function(n) {
 };
 function w(n, e, t) {
   if (n != null) {
-    if (C && Array.isArray(n) && n.forEach === C)
+    if (T && Array.isArray(n) && n.forEach === T)
       n.forEach(e, t);
     else if ("length" in n && n.length === +n.length) {
       for (let i = 0, s = n.length; i < s; i++)
@@ -142,7 +142,7 @@ const le = function(n, ...e) {
       t[i] !== void 0 && (n[i] = t[i]);
   }), n;
 };
-function $(n, e) {
+function S(n, e) {
   return n.indexOf(e) !== -1;
 }
 const ue = function(n) {
@@ -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(T).join("").replace(/[\r\n]/g, " ").replace(/[ ]+/g, " ").substring(0, 255));
+    G(t) && t.textContent && (e += D(t.textContent).split(/(\s+)/).filter(C).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 A = ["a", "button", "form", "input", "select", "textarea", "label"];
+const $ = ["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 && A.indexOf(t.tagName.toLowerCase()) > -1 && (i = !0);
+      t = t.parentNode.host, t && $.indexOf(t.tagName.toLowerCase()) > -1 && (i = !0);
       continue;
     }
     const o = t.parentNode;
     if (!o) break;
-    if (A.indexOf(o.tagName.toLowerCase()) > -1)
+    if ($.indexOf(o.tagName.toLowerCase()) > -1)
       i = !0;
     else {
       const a = window.getComputedStyle(o);
@@ -293,16 +293,16 @@ function ge(n, e) {
     case "textarea":
       return e.type === "change" || e.type === "click";
     default:
-      return i ? e.type === "click" : e.type === "click" && (A.indexOf(r) > -1 || n.getAttribute("contenteditable") === "true");
+      return i ? e.type === "click" : e.type === "click" && ($.indexOf(r) > -1 || n.getAttribute("contenteditable") === "true");
   }
 }
 function M(n) {
   for (let i = n; i.parentNode && !y(i, "body"); i = i.parentNode) {
     const s = x(i).split(" ");
-    if ($(s, "ph-sensitive") || $(s, "ph-no-capture"))
+    if (S(s, "ph-sensitive") || S(s, "ph-no-capture"))
       return !1;
   }
-  if ($(x(n).split(" "), "ph-include"))
+  if (S(x(n).split(" "), "ph-include"))
     return !0;
   const e = n.type || "";
   if (typeof e == "string")
@@ -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 T(n) {
+function C(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 R() {
+function O() {
   return v(10);
 }
 function me(n) {
@@ -351,7 +351,7 @@ function we(n) {
 function J(n) {
   return typeof n == "string" || n instanceof String;
 }
-function S(n) {
+function A(n) {
   return n !== null && typeof n == "object" && n.constructor === Object;
 }
 function ke(n) {
@@ -366,54 +366,32 @@ const ve = () => {
 };
 class _e {
   constructor(e) {
-    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;
+    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();
   }
-  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));
+  initializeEventListener() {
+    window.addEventListener("scroll", this.debouncedHandleScroll);
   }
   track() {
     const e = this.getScrollDepth();
-    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,
+    e > this.lastScrollDepth && (this.lastScrollDepth = e, this.checkMilestones(e));
+  }
+  send(e = "$scroll") {
+    if (!this.lastScrollDepth)
+      return;
+    const t = {
+      percent: this.lastScrollDepth,
       window_height: this.getWindowHeight(),
       document_height: this.getDocumentHeight(),
-      scroll_distance: this.getScrollDistance(),
-      is_final: e === "$scroll_exit"
+      scroll_distance: this.getScrollDistance()
     };
-    this.client.track(e, s);
+    this.client.track(e, t);
   }
   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();
-    if (t <= e)
-      return 100;
-    const s = t - e, r = i / s * 100;
-    return Math.min(100, Math.max(0, Math.round(r)));
+    const e = this.getWindowHeight(), t = this.getDocumentHeight(), i = this.getScrollDistance(), s = t - e;
+    return Math.min(100, Math.floor(i / s * 100));
   }
   getWindowHeight() {
     return window.innerHeight || this.documentElement.clientHeight || document.body.clientHeight || 0;
@@ -432,15 +410,15 @@ class _e {
     return window.pageYOffset || this.documentElement.scrollTop || document.body.scrollTop || 0;
   }
   checkMilestones(e) {
-    this.milestones.forEach((t) => {
-      e >= t && !this.reachedMilestones.has(t) && (this.reachedMilestones.add(t), this.send(`$scroll_milestone_${t}`, t));
+    this.milestones.filter((i) => e >= i).forEach((i) => {
+      this.send(), this.milestones = this.milestones.filter((s) => s !== i);
     });
   }
   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();
+    window.removeEventListener("scroll", this.debouncedHandleScroll);
   }
 }
-const L = class L {
+const R = class R {
   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);
   }
@@ -497,9 +475,9 @@ const L = class L {
       let l, c = !1;
       if (w(r, (p) => {
         const _ = M(p);
-        p.tagName.toLowerCase() === "a" && (l = p.getAttribute("href"), l = _ && T(l) && l);
+        p.tagName.toLowerCase() === "a" && (l = p.getAttribute("href"), l = _ && C(l) && l);
         const u = x(p).split(" ");
-        $(u, "ph-no-capture") && (c = !0), a.push(
+        S(u, "ph-no-capture") && (c = !0), a.push(
           this.getPropertiesFromElement(
             p,
             this.options.maskAllElementAttributes ?? !1,
@@ -524,7 +502,7 @@ const L = class L {
       w(i.event_selectors, (s) => {
         const r = document.querySelectorAll(s);
         w(r, (o) => {
-          $(e, o) && M(o) && (t[i.name] = this.extractCustomPropertyValue(i));
+          S(e, o) && M(o) && (t[i.name] = this.extractCustomPropertyValue(i));
         });
       });
     }), t;
@@ -533,7 +511,7 @@ const L = class L {
     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);
+      ["input", "select"].indexOf(i.tagName.toLowerCase()) > -1 ? s = i.value : i.textContent && (s = i.textContent), C(s) && t.push(s);
     }), t.join(", ");
   }
   getEventTarget(e) {
@@ -544,12 +522,12 @@ const L = class L {
     const s = e.tagName.toLowerCase(), r = {
       tag_name: s
     };
-    A.indexOf(s) > -1 && !i && (r.$el_text = V(e));
+    $.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 && T(d.value) && !pe(d.name) && (r["attr__" + d.name] = d.value);
+      j(e) && ["name", "id", "class"].indexOf(d.name) === -1 || !t && C(d.value) && !pe(d.name) && (r["attr__" + d.name] = d.value);
     });
     let a = 1, l = 1, c = e;
     for (; c = this.previousElementSibling(c); )
@@ -585,8 +563,8 @@ const L = class L {
     return s % t < i;
   }
 };
-L.FORCE_CAPTURE_ATTR = "data-um-force-capture", L.PREVENT_CAPTURE_ATTR = "data-um-no-capture";
-let H = L;
+R.FORCE_CAPTURE_ATTR = "data-um-force-capture", R.PREVENT_CAPTURE_ATTR = "data-um-no-capture";
+let H = R;
 class be {
   constructor(e) {
     this.client = e, this.lastPageUrl = window.location.href, this.trackInitialPageview(), this.initializePageviewTracking();
@@ -731,7 +709,7 @@ class ee {
     }
   }
 }
-class Se {
+class Ae {
   constructor() {
     this.storage = {};
   }
@@ -797,7 +775,7 @@ class W {
     h() && this.persistence.set("queue", JSON.stringify(this.queue));
   }
 }
-class $e {
+class Se {
   constructor(e) {
     this.clicks = [], this.threshold = 3, this.timeWindow = 2e3, this.distanceThreshold = 30, this.client = e, this.initializeEventListener(), Z(this);
   }
@@ -831,7 +809,7 @@ class $e {
     }), this.clicks = [];
   }
 }
-class Ae {
+class $e {
   constructor(e, t, i = f()) {
     this.trackingHost = e, this.logger = i, this.config = t;
   }
@@ -1001,7 +979,7 @@ class N {
         trackFieldChanges: !1
       });
     }
-    this.config.autoPageview && (this.pageviewTracking = new be(this)), this.config.crossDomainLinking && this.manageCrossDomainLinking(), this.config.rageClick && (this.rageClick = new $e(this)), this.setupPageLeaveTracking();
+    this.config.autoPageview && (this.pageviewTracking = new be(this)), this.config.crossDomainLinking && this.manageCrossDomainLinking(), this.config.rageClick && (this.rageClick = new Se(this)), this.setupPageLeaveTracking();
   }
   /**
    * Recursively merge the provided configuration with the existing defaultConfig
@@ -1012,7 +990,7 @@ class N {
     const i = JSON.parse(JSON.stringify(e));
     let s = { ...t, ...i };
     return Object.keys(t).forEach((r) => {
-      S(t[r]) && (s[r] = this.mergeConfig(e[r], t[r]));
+      A(t[r]) && (s[r] = this.mergeConfig(e[r], t[r]));
     }), s;
   }
   init(e) {
@@ -1052,7 +1030,7 @@ class N {
   initializeTransport(e) {
     const t = "https://events.usermaven.com";
     if (!h())
-      return new Ae(e.trackingHost || t, e);
+      return new $e(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);
@@ -1065,12 +1043,12 @@ class N {
     throw new Error("No suitable transport method available");
   }
   initializePersistence() {
-    return this.config.disableEventPersistence || !h() ? new Se() : new ee(`${this.namespace}_${this.config.key}`, this.logger);
+    return this.config.disableEventPersistence || !h() ? new Ae() : new ee(`${this.namespace}_${this.config.key}`, this.logger);
   }
   getOrCreateAnonymousId() {
     var i, s;
     if (!h())
-      return R();
+      return O();
     if (this.config.privacyPolicy === "strict" || this.config.cookiePolicy === "strict")
       return "";
     const e = this.config.cookieName || `__eventn_id_${this.config.key}`;
@@ -1078,16 +1056,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 || R();
+        t = a || d || O();
       }
-      t || (t = R());
+      t || (t = O());
       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 (!S(e))
+    if (!A(e))
       throw new Error("User data must be an object");
     if (e.email && !me(e.email))
       throw new Error("Invalid email provided");
@@ -1127,12 +1105,12 @@ class N {
     }
   }
   rawTrack(e) {
-    if (!S(e))
+    if (!A(e))
       throw new Error("Event payload must be an object");
     this.track("raw", e);
   }
   async group(e, t = !1) {
-    if (!S(e))
+    if (!A(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");
@@ -1235,7 +1213,7 @@ class N {
     this.logger.info("core state reset", { resetAnonId: e, namespace: this.namespace });
   }
   set(e, t) {
-    if (!S(e))
+    if (!A(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) {
@@ -1271,17 +1249,17 @@ class N {
 function te() {
   return typeof window < "u" && typeof window.define == "function" && window.define.amd;
 }
-function Te() {
+function Ce() {
   return te() ? window.define : void 0;
 }
-const Ce = "__USERMAVEN_AUTOCAPTURE_INITIALIZED__";
+const Te = "__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 = `${Ce}${s}`;
+  const s = i.key || "", r = `${Te}${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) {
@@ -1388,24 +1366,24 @@ function He(n, e) {
     u && i.push(u);
   }
 }
-let K = !1, O = null;
+let K = !1, L = null;
 if (h()) {
-  const n = Te();
+  const n = Ce();
   n && n("usermaven", [], function() {
     return {
       usermavenClient: I,
       UsermavenClient: N,
       LogLevel: k,
       // Expose the script tag client if it exists
-      getScriptTagClient: () => O
+      getScriptTagClient: () => L
     };
-  }), typeof window < "u" && (window.usermavenClient = I, window.UsermavenClient = N, window.usermavenScriptTagClient = () => O), function(e, t) {
+  }), typeof window < "u" && (window.usermavenClient = I, window.UsermavenClient = N, window.usermavenScriptTagClient = () => L), 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"), O = xe(i), K = !0);
+      s() && (console.log("[Usermaven] Auto-initializing from script tag"), L = 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.9-rc.105",
+  "version": "1.5.9-rc.106",
   "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.9-rc.105"
+    "@usermaven/sdk-js": "1.5.9-rc.106"
   },
   "peerDependencies": {
     "react": "15.x || 16.x || 17.x || 18.x || 19.x",