@dataxamas/tracker-js 2.1.3 → 2.4.0

package/README.md

@@ -201,7 +201,7 @@ Begin collecting. Waits for `DOMContentLoaded` if the document is still loading,
 - **`CLICK`** — element `tagName`, `text`, `href`, `id`, `classes`, plus heat-map coordinates (viewport ratios, scroll offsets, layout fingerprint) when `heatMapEnabled`.
 - **`SCROLL`** — scroll-depth percentage (debounced).
 
-Events are queued and flushed to `POST /api/v1/events` with a 4s spacing. Every request sends `Authorization: Bearer <apiKey>`. The key is visible to anyone who opens the page, and it can also read events through `GET /api/v1/events` — treat it as public and rotate it from the dashboard if abused. A visitor session id is generated once and stored in `localStorage` under `@dataxamas/session`.
+Events are queued and flushed to `POST /api/v1/events` with a 4s spacing. Every request sends `Authorization: Bearer <apiKey>`. The key is visible to anyone who opens the page, and it can also read events through `GET /api/v1/events` — treat it as public and rotate it from the dashboard if abused. Nothing is stored in the browser to identify the visitor: the server derives the session id from `sha256(daily salt + IP + user agent + websiteId)`, and the salt is replaced every day.
 
 If `replayEnabled` is on and the server config allows it, session replay starts: `rrweb` is lazy-imported and recordings are sent to `POST /api/v1/replay`.
 
@@ -250,7 +250,7 @@ Exported for use in your own typings:
 ## Notes
 
 - **Default endpoint:** `https://dataxamas.com`. Override with `baseUrl`.
-- **Session storage key:** `localStorage["@dataxamas/session"]`.
+- **Visitor identity:** computed server-side, no cookies or `localStorage`. Only replay touches the browser, in `sessionStorage["@dataxamas/replay-recording"]`, and only for sampled visitors.
 - **Event flush spacing:** 4 seconds between queued analytics events.
 - **Replay masking classes:** `dx-mask` (text) and `dx-block` (element); all inputs masked by default.
 - **Bundle:** `rrweb` is bundled but split into its own async chunk, loaded only when replay starts — the server/import path never touches it.

package/dist/chunk-ETV4XYOV.cjs

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+
+
+
+exports.__publicField = __publicField;

package/dist/chunk-PKBMQBKP.js

@@ -0,0 +1,7 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+
+export {
+  __publicField
+};

package/dist/index.cjs

@@ -1,4 +1,6 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/constants.ts
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }require('./chunk-ETV4XYOV.cjs');
+
+// src/constants.ts
 var BASE_URL = "https://dataxamas.com";
 
 // src/utils.ts
@@ -326,7 +328,7 @@ var REPLAY_RECORDING_KEY = `${STORAGE_PREFIX}/replay-recording`;
 function isStoredRecording(value) {
   if (typeof value !== "object" || value === null) return false;
   const stored = value;
-  return typeof stored.id === "string" && typeof stored.sessionId === "string" && typeof stored.startedAt === "string" && typeof stored.startedAtMs === "number" && typeof stored.seq === "number" && typeof stored.events === "number" && typeof stored.lastActivityAt === "number" && typeof stored.capped === "boolean";
+  return typeof stored.id === "string" && typeof stored.startedAt === "string" && typeof stored.startedAtMs === "number" && typeof stored.seq === "number" && typeof stored.events === "number" && typeof stored.lastActivityAt === "number" && typeof stored.capped === "boolean";
 }
 var KEEPALIVE_LIMIT_BYTES = 60 * 1024;
 var DataxamasTracking = class {
@@ -354,11 +356,14 @@ var DataxamasTracking = class {
     this.apiKey = options.apiKey;
     this.baseUrl = _nullishCoalesce(options.baseUrl, () => ( BASE_URL));
     this.allowLocalhost = _nullishCoalesce(options.allowLocalhost, () => ( false));
-    this.sessionId = null;
+    this.started = false;
     this.currentPage = isBrowser() ? window.location.pathname : "";
     this.heatMapEnabled = _nullishCoalesce(options.heatMapEnabled, () => ( true));
     this.replayEnabled = _nullishCoalesce(options.replayEnabled, () => ( true));
-    this.replaySampleRate = 1;
+    this.webVitalsEnabled = _nullishCoalesce(options.webVitalsEnabled, () => ( true));
+    this.pendingVitals = /* @__PURE__ */ new Map();
+    this.vitalsPath = "";
+    this.replaySampled = false;
     this.eventQueue = [];
     this.isProcessing = false;
     this.rrwebRecord = null;
@@ -381,21 +386,6 @@ var DataxamasTracking = class {
   isLocalhost() {
     return window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1";
   }
-  getSessionId() {
-    try {
-      return window.localStorage.getItem(`${STORAGE_PREFIX}/session`);
-    } catch (_) {
-      return null;
-    }
-  }
-  createSessionId() {
-    const id = crypto.randomUUID();
-    try {
-      window.localStorage.setItem(`${STORAGE_PREFIX}/session`, id);
-    } catch (_) {
-    }
-    return id;
-  }
   async processQueue() {
     if (this.isProcessing || this.eventQueue.length === 0) return;
     this.isProcessing = true;
@@ -418,17 +408,25 @@ var DataxamasTracking = class {
       this.processQueue();
     }, QUEUE_DELAY_MS);
   }
+  // Só os pares `utm_*`: o resto da query pode carregar token ou dado pessoal e não sai do browser.
+  utmQuery() {
+    const utm = new URLSearchParams();
+    new URLSearchParams(window.location.search).forEach((value, key) => {
+      if (key.startsWith("utm_")) utm.append(key, value);
+    });
+    return utm.toString() || void 0;
+  }
   async sendEvent({
     name,
     path = this.currentPage,
     data = {}
   }) {
-    if (!this.sessionId) return;
+    if (!this.started) return;
     this.eventQueue.push({
       name,
       path,
       referrer: document.referrer,
-      sessionId: this.sessionId,
+      query: name === "PAGE_VIEW" ? this.utmQuery() : void 0,
       data
     });
     await this.processQueue();
@@ -454,9 +452,7 @@ var DataxamasTracking = class {
       const cfg = await res.json();
       if (typeof cfg.heatMapEnabled === "boolean") this.heatMapEnabled = cfg.heatMapEnabled;
       if (typeof cfg.replayEnabled === "boolean") this.replayEnabled = cfg.replayEnabled;
-      if (typeof cfg.replaySampleRate === "number" && cfg.replaySampleRate >= 0 && cfg.replaySampleRate <= 1) {
-        this.replaySampleRate = cfg.replaySampleRate;
-      }
+      if (typeof cfg.replaySampled === "boolean") this.replaySampled = cfg.replaySampled;
     } catch (_) {
     }
   }
@@ -536,6 +532,48 @@ var DataxamasTracking = class {
       }, 1e3);
     });
   }
+  flushVitals() {
+    if (this.pendingVitals.size === 0) return;
+    const metrics = Array.from(this.pendingVitals.values());
+    this.pendingVitals.clear();
+    window.fetch(`${this.baseUrl}/api/v1/vitals`, {
+      method: "POST",
+      headers: { Authorization: `Bearer ${this.apiKey}`, "Content-Type": "application/json" },
+      body: JSON.stringify({
+        path: this.vitalsPath,
+        viewportWidth: window.innerWidth,
+        metrics
+      }),
+      keepalive: true,
+      credentials: "omit"
+    }).catch(() => {
+    });
+  }
+  async trackWebVitals() {
+    if (!this.webVitalsEnabled) return;
+    this.vitalsPath = window.location.pathname;
+    let webVitals;
+    try {
+      webVitals = await Promise.resolve().then(() => _interopRequireWildcard(require("./web-vitals-TFHN3UGU.cjs")));
+    } catch (_) {
+      return;
+    }
+    const queue = (metric) => {
+      this.pendingVitals.set(`${metric.name}:${metric.id}`, {
+        id: metric.id,
+        name: metric.name,
+        value: metric.value,
+        navigationType: metric.navigationType
+      });
+    };
+    webVitals.onLCP(queue);
+    webVitals.onINP(queue);
+    webVitals.onCLS(queue);
+    document.addEventListener("visibilitychange", () => {
+      if (document.visibilityState === "hidden") this.flushVitals();
+    });
+    window.addEventListener("pagehide", () => this.flushVitals());
+  }
   measureReplay() {
     const doc = document.documentElement;
     const viewportWidth = window.innerWidth;
@@ -545,27 +583,6 @@ var DataxamasTracking = class {
     const layoutFingerprint = `${this.currentPage}:${Math.round(pageWidth / 100)}x${Math.round(pageHeight / 100)}`;
     return { viewportWidth, viewportHeight, pageWidth, pageHeight, layoutFingerprint };
   }
-  /**
-   * Sorteio por visitante, não por gravação: quem entrou no sorteio tem a sessão inteira, em vez
-   * de um replay picotado que não dá para assistir.
-   */
-  isReplaySampled() {
-    const rate = this.replaySampleRate;
-    if (rate >= 1) return true;
-    if (rate <= 0) return false;
-    const key = `${STORAGE_PREFIX}/replay-sample`;
-    try {
-      const [storedRate, storedDecision] = (_nullishCoalesce(window.localStorage.getItem(key), () => ( ""))).split(":");
-      if (Number(storedRate) === rate && (storedDecision === "1" || storedDecision === "0")) {
-        return storedDecision === "1";
-      }
-      const sampled = Math.random() < rate;
-      window.localStorage.setItem(key, `${rate}:${sampled ? "1" : "0"}`);
-      return sampled;
-    } catch (_) {
-      return Math.random() < rate;
-    }
-  }
   isRecording() {
     return Boolean(this.stopRrweb);
   }
@@ -581,10 +598,9 @@ var DataxamasTracking = class {
     }
   }
   saveRecording() {
-    if (!this.sessionId || !this.recordingId || !this.recordingStartedAt) return;
+    if (!this.recordingId || !this.recordingStartedAt) return;
     const stored = {
       id: this.recordingId,
-      sessionId: this.sessionId,
       startedAt: this.recordingStartedAt,
       startedAtMs: this.recordingStartedAtMs,
       seq: this.recordingSeq,
@@ -610,7 +626,7 @@ var DataxamasTracking = class {
   /** Reload ou navegação completa na mesma aba continua a gravação, se a visita ainda estiver ativa. */
   resumeOrRotateRecording() {
     const stored = this.loadRecording();
-    if (!stored || stored.capped || stored.sessionId !== this.sessionId || Date.now() - stored.lastActivityAt >= REPLAY_IDLE_TIMEOUT_MS) {
+    if (!stored || stored.capped || Date.now() - stored.lastActivityAt >= REPLAY_IDLE_TIMEOUT_MS) {
       this.rotateRecording();
       return;
     }
@@ -633,7 +649,6 @@ var DataxamasTracking = class {
     const events = this.replayBuffer;
     this.replayBuffer = [];
     const payload = JSON.stringify({
-      sessionId: this.sessionId,
       recordingId: this.recordingId,
       path: this.currentPage,
       startedAt: this.recordingStartedAt,
@@ -735,7 +750,7 @@ var DataxamasTracking = class {
     this.replayStarting = true;
     try {
       if (!this.rrwebRecord) {
-        const { record } = await Promise.resolve().then(() => _interopRequireWildcard(require("./rrweb-M7O3D3Q3.cjs")));
+        const { record } = await Promise.resolve().then(() => _interopRequireWildcard(require("./rrweb-QFJCWYDQ.cjs")));
         this.rrwebRecord = record;
       }
     } catch (_) {
@@ -782,17 +797,23 @@ var DataxamasTracking = class {
     });
   }
   startTracking() {
-    this.sessionId = _nullishCoalesce(this.getSessionId(), () => ( this.createSessionId()));
-    this.resumeOrRotateRecording();
+    this.started = true;
     this.sendEvent({ name: "PAGE_VIEW" });
     this.trackPageChanges();
     this.trackClicks();
     this.trackScroll();
+    this.trackWebVitals();
     this.fetchWebsiteConfig().then(() => {
-      if (!this.replayEnabled || !this.isReplaySampled()) return;
+      if (!this.replayEnabled || !this.replaySampled) return;
+      this.resumeOrRotateRecording();
       this.setupReplayLifecycle();
     });
   }
+  /** Evento customizado (ex.: `signup_done`), usado em metas e funis. Antes do `start()` não envia nada. */
+  track(name, data) {
+    if (!isBrowser()) return;
+    void this.sendEvent({ name, data });
+  }
   start() {
     if (!isBrowser()) {
       throw new Error("DataxamasTracking: This SDK can only be used in a browser environment.");
@@ -833,6 +854,7 @@ var Dataxamas = class {
       baseUrl,
       replayEnabled: _nullishCoalesce(options.replayEnabled, () => ( true)),
       heatMapEnabled: _nullishCoalesce(options.heatMapEnabled, () => ( true)),
+      webVitalsEnabled: _nullishCoalesce(options.webVitalsEnabled, () => ( true)),
       allowLocalhost: _nullishCoalesce(options.allowLocalhost, () => ( false))
     });
     this.crawlers = new DataxamasCrawlers({

package/dist/index.d.cts

@@ -103,16 +103,20 @@ interface DataxamasTrackingOptions {
     allowLocalhost?: boolean;
     replayEnabled?: boolean;
     heatMapEnabled?: boolean;
+    webVitalsEnabled?: boolean;
 }
 declare class DataxamasTracking {
     private apiKey;
     private baseUrl;
     private allowLocalhost;
-    private sessionId;
+    private started;
     private currentPage;
     private heatMapEnabled;
     private replayEnabled;
-    private replaySampleRate;
+    private webVitalsEnabled;
+    private pendingVitals;
+    private vitalsPath;
+    private replaySampled;
     private eventQueue;
     private isProcessing;
     private rrwebRecord;
@@ -133,9 +137,8 @@ declare class DataxamasTracking {
     private lastActivitySavedAt;
     constructor(options: DataxamasTrackingOptions);
     private isLocalhost;
-    private getSessionId;
-    private createSessionId;
     private processQueue;
+    private utmQuery;
     private sendEvent;
     private trackPageChanges;
     private fetchWebsiteConfig;
@@ -145,12 +148,9 @@ declare class DataxamasTracking {
     private getTarget;
     private trackClicks;
     private trackScroll;
+    private flushVitals;
+    private trackWebVitals;
     private measureReplay;
-    /**
-     * Sorteio por visitante, não por gravação: quem entrou no sorteio tem a sessão inteira, em vez
-     * de um replay picotado que não dá para assistir.
-     */
-    private isReplaySampled;
     private isRecording;
     private exceededReplayCaps;
     private loadRecording;
@@ -181,6 +181,8 @@ declare class DataxamasTracking {
     private setupReplayLifecycle;
     private startReplayRecorder;
     private startTracking;
+    /** Evento customizado (ex.: `signup_done`), usado em metas e funis. Antes do `start()` não envia nada. */
+    track(name: string, data?: Record<string, unknown>): void;
     start(): void;
 }
 
@@ -196,6 +198,7 @@ interface DataxamasOptions {
     captureGlobalErrors?: boolean;
     replayEnabled?: boolean;
     heatMapEnabled?: boolean;
+    webVitalsEnabled?: boolean;
 }
 declare class Dataxamas {
     readonly logs: DataxamasLogs;

package/dist/index.d.ts

@@ -103,16 +103,20 @@ interface DataxamasTrackingOptions {
     allowLocalhost?: boolean;
     replayEnabled?: boolean;
     heatMapEnabled?: boolean;
+    webVitalsEnabled?: boolean;
 }
 declare class DataxamasTracking {
     private apiKey;
     private baseUrl;
     private allowLocalhost;
-    private sessionId;
+    private started;
     private currentPage;
     private heatMapEnabled;
     private replayEnabled;
-    private replaySampleRate;
+    private webVitalsEnabled;
+    private pendingVitals;
+    private vitalsPath;
+    private replaySampled;
     private eventQueue;
     private isProcessing;
     private rrwebRecord;
@@ -133,9 +137,8 @@ declare class DataxamasTracking {
     private lastActivitySavedAt;
     constructor(options: DataxamasTrackingOptions);
     private isLocalhost;
-    private getSessionId;
-    private createSessionId;
     private processQueue;
+    private utmQuery;
     private sendEvent;
     private trackPageChanges;
     private fetchWebsiteConfig;
@@ -145,12 +148,9 @@ declare class DataxamasTracking {
     private getTarget;
     private trackClicks;
     private trackScroll;
+    private flushVitals;
+    private trackWebVitals;
     private measureReplay;
-    /**
-     * Sorteio por visitante, não por gravação: quem entrou no sorteio tem a sessão inteira, em vez
-     * de um replay picotado que não dá para assistir.
-     */
-    private isReplaySampled;
     private isRecording;
     private exceededReplayCaps;
     private loadRecording;
@@ -181,6 +181,8 @@ declare class DataxamasTracking {
     private setupReplayLifecycle;
     private startReplayRecorder;
     private startTracking;
+    /** Evento customizado (ex.: `signup_done`), usado em metas e funis. Antes do `start()` não envia nada. */
+    track(name: string, data?: Record<string, unknown>): void;
     start(): void;
 }
 
@@ -196,6 +198,7 @@ interface DataxamasOptions {
     captureGlobalErrors?: boolean;
     replayEnabled?: boolean;
     heatMapEnabled?: boolean;
+    webVitalsEnabled?: boolean;
 }
 declare class Dataxamas {
     readonly logs: DataxamasLogs;

package/dist/index.js

@@ -1,3 +1,5 @@
+import "./chunk-PKBMQBKP.js";
+
 // src/constants.ts
 var BASE_URL = "https://dataxamas.com";
 
@@ -326,7 +328,7 @@ var REPLAY_RECORDING_KEY = `${STORAGE_PREFIX}/replay-recording`;
 function isStoredRecording(value) {
   if (typeof value !== "object" || value === null) return false;
   const stored = value;
-  return typeof stored.id === "string" && typeof stored.sessionId === "string" && typeof stored.startedAt === "string" && typeof stored.startedAtMs === "number" && typeof stored.seq === "number" && typeof stored.events === "number" && typeof stored.lastActivityAt === "number" && typeof stored.capped === "boolean";
+  return typeof stored.id === "string" && typeof stored.startedAt === "string" && typeof stored.startedAtMs === "number" && typeof stored.seq === "number" && typeof stored.events === "number" && typeof stored.lastActivityAt === "number" && typeof stored.capped === "boolean";
 }
 var KEEPALIVE_LIMIT_BYTES = 60 * 1024;
 var DataxamasTracking = class {
@@ -354,11 +356,14 @@ var DataxamasTracking = class {
     this.apiKey = options.apiKey;
     this.baseUrl = options.baseUrl ?? BASE_URL;
     this.allowLocalhost = options.allowLocalhost ?? false;
-    this.sessionId = null;
+    this.started = false;
     this.currentPage = isBrowser() ? window.location.pathname : "";
     this.heatMapEnabled = options.heatMapEnabled ?? true;
     this.replayEnabled = options.replayEnabled ?? true;
-    this.replaySampleRate = 1;
+    this.webVitalsEnabled = options.webVitalsEnabled ?? true;
+    this.pendingVitals = /* @__PURE__ */ new Map();
+    this.vitalsPath = "";
+    this.replaySampled = false;
     this.eventQueue = [];
     this.isProcessing = false;
     this.rrwebRecord = null;
@@ -381,21 +386,6 @@ var DataxamasTracking = class {
   isLocalhost() {
     return window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1";
   }
-  getSessionId() {
-    try {
-      return window.localStorage.getItem(`${STORAGE_PREFIX}/session`);
-    } catch (_) {
-      return null;
-    }
-  }
-  createSessionId() {
-    const id = crypto.randomUUID();
-    try {
-      window.localStorage.setItem(`${STORAGE_PREFIX}/session`, id);
-    } catch (_) {
-    }
-    return id;
-  }
   async processQueue() {
     if (this.isProcessing || this.eventQueue.length === 0) return;
     this.isProcessing = true;
@@ -418,17 +408,25 @@ var DataxamasTracking = class {
       this.processQueue();
     }, QUEUE_DELAY_MS);
   }
+  // Só os pares `utm_*`: o resto da query pode carregar token ou dado pessoal e não sai do browser.
+  utmQuery() {
+    const utm = new URLSearchParams();
+    new URLSearchParams(window.location.search).forEach((value, key) => {
+      if (key.startsWith("utm_")) utm.append(key, value);
+    });
+    return utm.toString() || void 0;
+  }
   async sendEvent({
     name,
     path = this.currentPage,
     data = {}
   }) {
-    if (!this.sessionId) return;
+    if (!this.started) return;
     this.eventQueue.push({
       name,
       path,
       referrer: document.referrer,
-      sessionId: this.sessionId,
+      query: name === "PAGE_VIEW" ? this.utmQuery() : void 0,
       data
     });
     await this.processQueue();
@@ -454,9 +452,7 @@ var DataxamasTracking = class {
       const cfg = await res.json();
       if (typeof cfg.heatMapEnabled === "boolean") this.heatMapEnabled = cfg.heatMapEnabled;
       if (typeof cfg.replayEnabled === "boolean") this.replayEnabled = cfg.replayEnabled;
-      if (typeof cfg.replaySampleRate === "number" && cfg.replaySampleRate >= 0 && cfg.replaySampleRate <= 1) {
-        this.replaySampleRate = cfg.replaySampleRate;
-      }
+      if (typeof cfg.replaySampled === "boolean") this.replaySampled = cfg.replaySampled;
     } catch (_) {
     }
   }
@@ -536,6 +532,48 @@ var DataxamasTracking = class {
       }, 1e3);
     });
   }
+  flushVitals() {
+    if (this.pendingVitals.size === 0) return;
+    const metrics = Array.from(this.pendingVitals.values());
+    this.pendingVitals.clear();
+    window.fetch(`${this.baseUrl}/api/v1/vitals`, {
+      method: "POST",
+      headers: { Authorization: `Bearer ${this.apiKey}`, "Content-Type": "application/json" },
+      body: JSON.stringify({
+        path: this.vitalsPath,
+        viewportWidth: window.innerWidth,
+        metrics
+      }),
+      keepalive: true,
+      credentials: "omit"
+    }).catch(() => {
+    });
+  }
+  async trackWebVitals() {
+    if (!this.webVitalsEnabled) return;
+    this.vitalsPath = window.location.pathname;
+    let webVitals;
+    try {
+      webVitals = await import("./web-vitals-6BV2S7VZ.js");
+    } catch (_) {
+      return;
+    }
+    const queue = (metric) => {
+      this.pendingVitals.set(`${metric.name}:${metric.id}`, {
+        id: metric.id,
+        name: metric.name,
+        value: metric.value,
+        navigationType: metric.navigationType
+      });
+    };
+    webVitals.onLCP(queue);
+    webVitals.onINP(queue);
+    webVitals.onCLS(queue);
+    document.addEventListener("visibilitychange", () => {
+      if (document.visibilityState === "hidden") this.flushVitals();
+    });
+    window.addEventListener("pagehide", () => this.flushVitals());
+  }
   measureReplay() {
     const doc = document.documentElement;
     const viewportWidth = window.innerWidth;
@@ -545,27 +583,6 @@ var DataxamasTracking = class {
     const layoutFingerprint = `${this.currentPage}:${Math.round(pageWidth / 100)}x${Math.round(pageHeight / 100)}`;
     return { viewportWidth, viewportHeight, pageWidth, pageHeight, layoutFingerprint };
   }
-  /**
-   * Sorteio por visitante, não por gravação: quem entrou no sorteio tem a sessão inteira, em vez
-   * de um replay picotado que não dá para assistir.
-   */
-  isReplaySampled() {
-    const rate = this.replaySampleRate;
-    if (rate >= 1) return true;
-    if (rate <= 0) return false;
-    const key = `${STORAGE_PREFIX}/replay-sample`;
-    try {
-      const [storedRate, storedDecision] = (window.localStorage.getItem(key) ?? "").split(":");
-      if (Number(storedRate) === rate && (storedDecision === "1" || storedDecision === "0")) {
-        return storedDecision === "1";
-      }
-      const sampled = Math.random() < rate;
-      window.localStorage.setItem(key, `${rate}:${sampled ? "1" : "0"}`);
-      return sampled;
-    } catch (_) {
-      return Math.random() < rate;
-    }
-  }
   isRecording() {
     return Boolean(this.stopRrweb);
   }
@@ -581,10 +598,9 @@ var DataxamasTracking = class {
     }
   }
   saveRecording() {
-    if (!this.sessionId || !this.recordingId || !this.recordingStartedAt) return;
+    if (!this.recordingId || !this.recordingStartedAt) return;
     const stored = {
       id: this.recordingId,
-      sessionId: this.sessionId,
       startedAt: this.recordingStartedAt,
       startedAtMs: this.recordingStartedAtMs,
       seq: this.recordingSeq,
@@ -610,7 +626,7 @@ var DataxamasTracking = class {
   /** Reload ou navegação completa na mesma aba continua a gravação, se a visita ainda estiver ativa. */
   resumeOrRotateRecording() {
     const stored = this.loadRecording();
-    if (!stored || stored.capped || stored.sessionId !== this.sessionId || Date.now() - stored.lastActivityAt >= REPLAY_IDLE_TIMEOUT_MS) {
+    if (!stored || stored.capped || Date.now() - stored.lastActivityAt >= REPLAY_IDLE_TIMEOUT_MS) {
       this.rotateRecording();
       return;
     }
@@ -633,7 +649,6 @@ var DataxamasTracking = class {
     const events = this.replayBuffer;
     this.replayBuffer = [];
     const payload = JSON.stringify({
-      sessionId: this.sessionId,
       recordingId: this.recordingId,
       path: this.currentPage,
       startedAt: this.recordingStartedAt,
@@ -735,7 +750,7 @@ var DataxamasTracking = class {
     this.replayStarting = true;
     try {
       if (!this.rrwebRecord) {
-        const { record } = await import("./rrweb-F6UF6U3D.js");
+        const { record } = await import("./rrweb-PPF5WV43.js");
         this.rrwebRecord = record;
       }
     } catch (_) {
@@ -782,17 +797,23 @@ var DataxamasTracking = class {
     });
   }
   startTracking() {
-    this.sessionId = this.getSessionId() ?? this.createSessionId();
-    this.resumeOrRotateRecording();
+    this.started = true;
     this.sendEvent({ name: "PAGE_VIEW" });
     this.trackPageChanges();
     this.trackClicks();
     this.trackScroll();
+    this.trackWebVitals();
     this.fetchWebsiteConfig().then(() => {
-      if (!this.replayEnabled || !this.isReplaySampled()) return;
+      if (!this.replayEnabled || !this.replaySampled) return;
+      this.resumeOrRotateRecording();
       this.setupReplayLifecycle();
     });
   }
+  /** Evento customizado (ex.: `signup_done`), usado em metas e funis. Antes do `start()` não envia nada. */
+  track(name, data) {
+    if (!isBrowser()) return;
+    void this.sendEvent({ name, data });
+  }
   start() {
     if (!isBrowser()) {
       throw new Error("DataxamasTracking: This SDK can only be used in a browser environment.");
@@ -833,6 +854,7 @@ var Dataxamas = class {
       baseUrl,
       replayEnabled: options.replayEnabled ?? true,
       heatMapEnabled: options.heatMapEnabled ?? true,
+      webVitalsEnabled: options.webVitalsEnabled ?? true,
       allowLocalhost: options.allowLocalhost ?? false
     });
     this.crawlers = new DataxamasCrawlers({

package/dist/{rrweb-F6UF6U3D.js → rrweb-PPF5WV43.js}

@@ -1,3 +1,5 @@
+import "./chunk-PKBMQBKP.js";
+
 // ../../node_modules/rrweb/dist/rrweb.js
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;

package/dist/{rrweb-M7O3D3Q3.cjs → rrweb-QFJCWYDQ.cjs}

@@ -1,4 +1,6 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }// ../../node_modules/rrweb/dist/rrweb.js
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }require('./chunk-ETV4XYOV.cjs');
+
+// ../../node_modules/rrweb/dist/rrweb.js
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);