@usermaven/nextjs 1.5.9 → 1.5.10-rc.108

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, $ = oe.forEach, U = {};
 function ae(n, e, t) {
   if (Array.isArray(n)) {
-    if (T && n.forEach === T)
+    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) === 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 ($ && Array.isArray(n) && 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) === 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;
   }
 }
@@ -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(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 C = ["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 && C.indexOf(t.tagName.toLowerCase()) > -1 && (i = !0);
       continue;
     }
     const o = t.parentNode;
     if (!o) break;
-    if (S.indexOf(o.tagName.toLowerCase()) > -1)
+    if (C.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" && (S.indexOf(r) > -1 || n.getAttribute("contenteditable") === "true");
+      return i ? e.type === "click" : e.type === "click" && (C.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 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) {
@@ -348,7 +348,7 @@ function we(n) {
   }
   return e;
 }
-function J(n) {
+function Q(n) {
   return typeof n == "string" || n instanceof String;
 }
 function A(n) {
@@ -414,8 +414,11 @@ class _e {
       this.send(), this.milestones = this.milestones.filter((s) => s !== i);
     });
   }
+  destroy() {
+    window.removeEventListener("scroll", this.debouncedHandleScroll);
+  }
 }
-const R = class R {
+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);
   }
@@ -472,9 +475,9 @@ 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(
+        S(u, "ph-no-capture") && (c = !0), a.push(
           this.getPropertiesFromElement(
             p,
             this.options.maskAllElementAttributes ?? !1,
@@ -499,7 +502,7 @@ const R = class R {
       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;
@@ -508,7 +511,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 +522,12 @@ const R = class R {
     const s = e.tagName.toLowerCase(), r = {
       tag_name: s
     };
-    S.indexOf(s) > -1 && !i && (r.$el_text = V(e));
+    C.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 +563,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;
+I.FORCE_CAPTURE_ATTR = "data-um-force-capture", I.PREVENT_CAPTURE_ATTR = "data-um-no-capture";
+let H = I;
 class be {
   constructor(e) {
     this.client = e, this.lastPageUrl = window.location.href, this.trackInitialPageview(), this.initializePageviewTracking();
@@ -609,7 +612,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 Q {
+class J {
   constructor(e, t, i = f()) {
     this.trackingHost = e, this.logger = i, this.config = t;
   }
@@ -772,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);
   }
@@ -806,7 +809,7 @@ class $e {
     }), this.clicks = [];
   }
 }
-class Se {
+class Ce {
   constructor(e, t, i = f()) {
     this.trackingHost = e, this.logger = i, this.config = t;
   }
@@ -862,8 +865,12 @@ class P {
   trackFieldChanges(e) {
     e.querySelectorAll("input, select, textarea").forEach((i) => {
       i.addEventListener("change", (s) => {
-        const r = this._getFieldProps(s.target, 0);
-        this.instance.track("$form_field_change", q(r));
+        const r = this._getFieldProps(s.target);
+        this.instance.track("$form_field_change", q({
+          form_id: e.id,
+          form_name: e.name || "",
+          field: r
+        }));
       });
     });
   }
@@ -877,28 +884,35 @@ class P {
       form_action: e.action,
       form_method: e.method,
       form_class: e.className,
-      form_attributes: this._getElementAttributes(e)
+      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, o) => {
-      const a = this._getFieldProps(r, o);
-      Object.assign(t, a);
+    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, t) {
-    const i = Object.keys(e.dataset).length ? JSON.stringify(e.dataset) : void 0, s = this.getSafeText(e);
+  _getFieldProps(e) {
+    const t = Object.keys(e.dataset).length ? this._convertDOMStringMapToObject(e.dataset) : void 0, i = this.getSafeText(e);
     return {
-      [`field_${t + 1}_tag`]: e.tagName.toLowerCase(),
-      [`field_${t + 1}_type`]: e instanceof HTMLInputElement ? e.type : void 0,
-      [`field_${t + 1}_data_attributes`]: i,
-      [`field_${t + 1}_id`]: e.id,
-      [`field_${t + 1}_value`]: s,
-      [`field_${t + 1}_class`]: e.className,
-      [`field_${t + 1}_name`]: e.name,
-      [`field_${t + 1}_attributes`]: this._getElementAttributes(e)
+      tag: e.tagName.toLowerCase(),
+      type: e instanceof HTMLInputElement ? e.type : void 0,
+      data_attributes: t,
+      id: e.id,
+      value: i,
+      class: e.className,
+      name: e.name,
+      attributes: this._getElementAttributes(e)
     };
   }
   _getElementAttributes(e) {
-    return Object.keys(e.dataset).length ? JSON.parse(JSON.stringify(e.dataset)) : {};
+    return Object.keys(e.dataset).length ? this._convertDOMStringMapToObject(e.dataset) : {};
+  }
+  _convertDOMStringMapToObject(e) {
+    const t = {};
+    for (const i in e)
+      e.hasOwnProperty(i) && e[i] !== void 0 && (t[i] = e[i]);
+    return t;
   }
   getSafeText(e) {
     let t = "";
@@ -976,7 +990,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
@@ -1027,16 +1041,16 @@ class N {
   initializeTransport(e) {
     const t = "https://events.usermaven.com";
     if (!h())
-      return new Se(e.trackingHost || t, e);
+      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);
     if (e.forceUseFetch && s)
-      return new Q(e.trackingHost || t, e, this.logger);
+      return new J(e.trackingHost || t, e, this.logger);
     if (i)
       return new Pe(e.trackingHost || t, e, this.logger);
     if (s)
-      return new Q(e.trackingHost || t, e, this.logger);
+      return new J(e.trackingHost || t, e, this.logger);
     throw new Error("No suitable transport method available");
   }
   initializePersistence() {
@@ -1045,7 +1059,7 @@ class N {
   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,9 +1067,9 @@ 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);
     }
@@ -1066,7 +1080,7 @@ class N {
       throw new Error("User data must be an object");
     if (e.email && !me(e.email))
       throw new Error("Invalid email provided");
-    if (!e.id || !J(e.id))
+    if (!e.id || !Q(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) {
@@ -1086,7 +1100,7 @@ class N {
       this.logger.debug("Tracking disabled due to um_exclusion setting");
       return;
     }
-    if (!J(e))
+    if (!Q(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");
@@ -1246,17 +1260,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__";
-function I(n) {
+const $e = "__USERMAVEN_AUTOCAPTURE_INITIALIZED__";
+function O(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 = `${$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);
 }
 function xe(n) {
@@ -1291,7 +1305,7 @@ function xe(n) {
     maskAllElementAttributes: n.getAttribute("data-mask-all-element-attributes") === "true"
   };
   e.privacyPolicy === "strict" && (e.cookiePolicy = "strict", e.ipPolicy = "strict"), e.cookiePolicy === "comply" && e.useBeaconApi && (e.cookiePolicy = "strict");
-  const t = I(e), i = e.namespace || "usermaven";
+  const t = O(e), i = e.namespace || "usermaven";
   return h() && t.pageview(), He(i, t), t;
 }
 function He(n, e) {
@@ -1363,30 +1377,30 @@ function He(n, e) {
     u && i.push(u);
   }
 }
-let K = !1, U = null;
+let K = !1, L = null;
 if (h()) {
-  const n = Ce();
+  const n = Te();
   n && n("usermaven", [], function() {
     return {
-      usermavenClient: I,
+      usermavenClient: O,
       UsermavenClient: N,
       LogLevel: k,
       // Expose the script tag client if it exists
-      getScriptTagClient: () => U
+      getScriptTagClient: () => L
     };
-  }), typeof window < "u" && (window.usermavenClient = I, window.UsermavenClient = N, window.usermavenScriptTagClient = () => U), function(e, t) {
+  }), typeof window < "u" && (window.usermavenClient = O, 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"), U = 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);
 }
 typeof module < "u" && module.exports && !te() && (module.exports = {
-  usermavenClient: I,
+  usermavenClient: O,
   UsermavenClient: N,
   Config: void 0,
   UserProps: void 0,
@@ -1399,7 +1413,7 @@ function createClient(params) {
     if (typeof window === 'undefined') {
         return null;
     }
-    return I(params);
+    return O(params);
 }
 
 /******************************************************************************

package/package.json

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