@usermaven/react 1.5.10-rc.110 → 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

@@ -42,7 +42,13 @@ const Z = {
   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",
@@ -189,7 +195,10 @@ const he = function(n) {
     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
+      );
     }
   };
 }, Y = function(n) {
@@ -219,10 +228,13 @@ function ge(n) {
   );
 }
 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;
-  }, {});
+  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) {
@@ -252,7 +264,15 @@ function j(n) {
 function M(n) {
   return !!n && n.nodeType === 11;
 }
-const C = ["a", "button", "form", "input", "select", "textarea", "label"];
+const C = [
+  "a",
+  "button",
+  "form",
+  "input",
+  "select",
+  "textarea",
+  "label"
+];
 function pe(n, e) {
   if (!n || y(n, "html") || !G(n))
     return !1;
@@ -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);
     });
   }
@@ -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;
@@ -509,10 +533,13 @@ const I = class I {
   }
   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;
@@ -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");
   }
@@ -731,7 +762,9 @@ class Ae {
 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 te(`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 K {
     }));
   }
   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 K {
   }
   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() {
@@ -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) {
@@ -865,12 +910,17 @@ class A {
   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", V({
-          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
+          })
+        );
       });
     });
   }
@@ -886,11 +936,17 @@ class A {
       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);
@@ -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 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 = A.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();
   }
@@ -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 W(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 W(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 te(`${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,7 +1154,13 @@ 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;
   }
@@ -1097,7 +1186,9 @@ class N {
   }
   lead(e, t = !1) {
     if (!P(e))
-      throw new Error("Lead payload must be a non-null object and not an array");
+      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");
@@ -1118,7 +1209,9 @@ class N {
     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) {
@@ -1139,7 +1232,9 @@ class N {
     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) {
@@ -1164,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];
@@ -1174,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;
   }
@@ -1192,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;
@@ -1236,7 +1353,10 @@ 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 (!P(e))
@@ -1269,7 +1389,10 @@ 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 ie() {
@@ -1280,13 +1403,18 @@ function Te() {
 }
 const $e = "__USERMAVEN_AUTOCAPTURE_INITIALIZED__";
 function O(n) {
-  const e = JSON.parse(JSON.stringify(n)), t = z(e), i = { ...Z, ...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;
@@ -1310,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,
@@ -1365,7 +1496,15 @@ 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", "lead", "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) {
@@ -1431,7 +1570,7 @@ 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]);

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,4 +1,4 @@
-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>;

package/lib/useUsermaven.js

@@ -5,7 +5,7 @@ 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]);

package/package.json

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