@usermaven/react 1.5.9-rc.106 → 1.5.10-rc.108

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, T = oe.forEach, U = {};
+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++)
@@ -124,7 +124,7 @@ 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++)
@@ -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 $ = ["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 && $.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 ($.indexOf(o.tagName.toLowerCase()) > -1)
+    if (C.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" && ($.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) {
@@ -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) {
@@ -418,7 +418,7 @@ class _e {
     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);
   }
@@ -475,7 +475,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(" ");
         S(u, "ph-no-capture") && (c = !0), a.push(
           this.getPropertiesFromElement(
@@ -511,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) {
@@ -522,12 +522,12 @@ const R = class R {
     const s = e.tagName.toLowerCase(), r = {
       tag_name: 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); )
@@ -563,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();
@@ -612,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;
   }
@@ -809,7 +809,7 @@ class Se {
     }), this.clicks = [];
   }
 }
-class $e {
+class Ce {
   constructor(e, t, i = f()) {
     this.trackingHost = e, this.logger = i, this.config = t;
   }
@@ -865,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
+        }));
       });
     });
   }
@@ -880,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 = "";
@@ -1030,16 +1041,16 @@ class N {
   initializeTransport(e) {
     const t = "https://events.usermaven.com";
     if (!h())
-      return new $e(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() {
@@ -1048,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}`;
@@ -1056,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);
     }
@@ -1069,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) {
@@ -1089,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");
@@ -1249,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) {
@@ -1294,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) {
@@ -1368,16 +1379,16 @@ function He(n, e) {
 }
 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: () => L
     };
-  }), typeof window < "u" && (window.usermavenClient = I, window.UsermavenClient = N, window.usermavenScriptTagClient = () => L), 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");
@@ -1389,7 +1400,7 @@ if (h()) {
   }(document, window);
 }
 typeof module < "u" && module.exports && !te() && (module.exports = {
-  usermavenClient: I,
+  usermavenClient: O,
   UsermavenClient: N,
   Config: void 0,
   UserProps: void 0,
@@ -1399,7 +1410,7 @@ typeof module < "u" && module.exports && !te() && (module.exports = {
 });
 
 function createClient(params) {
-    return I(params);
+    return O(params);
 }
 
 function useUsermaven() {

package/package.json

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