@outlit/browser 1.2.0 → 1.3.0

package/dist/react/index.d.mts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode } from 'react';
-import { f as OutlitOptions, U as UserIdentity, O as Outlit, B as BillingOptions } from '../tracker-BTkkFb0f.mjs';
+import { h as OutlitOptions, U as UserIdentity, O as Outlit, B as BillingOptions } from '../tracker-OMgVDwlV.mjs';
 import { BrowserTrackOptions, BrowserIdentifyOptions } from '@outlit/core';
 export { BrowserIdentifyOptions, BrowserTrackOptions, CustomerIdentifier, ExplicitJourneyStage, TrackerConfig } from '@outlit/core';
 
@@ -10,6 +10,7 @@ interface OutlitContextValue {
     isInitialized: boolean;
     isTrackingEnabled: boolean;
     enableTracking: () => void;
+    disableTracking: () => void;
 }
 declare const OutlitContext: react.Context<OutlitContextValue>;
 interface OutlitProviderProps extends Omit<OutlitOptions, "trackPageviews"> {
@@ -147,6 +148,11 @@ interface UseOutlitReturn {
      * Only needed if you initialized with autoTrack: false.
      */
     enableTracking: () => void;
+    /**
+     * Disable tracking and persist the opt-out decision.
+     * Call this when a user revokes consent.
+     */
+    disableTracking: () => void;
 }
 /**
  * Hook to access the Outlit client.

package/dist/react/index.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode } from 'react';
-import { f as OutlitOptions, U as UserIdentity, O as Outlit, B as BillingOptions } from '../tracker-BTkkFb0f.js';
+import { h as OutlitOptions, U as UserIdentity, O as Outlit, B as BillingOptions } from '../tracker-OMgVDwlV.js';
 import { BrowserTrackOptions, BrowserIdentifyOptions } from '@outlit/core';
 export { BrowserIdentifyOptions, BrowserTrackOptions, CustomerIdentifier, ExplicitJourneyStage, TrackerConfig } from '@outlit/core';
 
@@ -10,6 +10,7 @@ interface OutlitContextValue {
     isInitialized: boolean;
     isTrackingEnabled: boolean;
     enableTracking: () => void;
+    disableTracking: () => void;
 }
 declare const OutlitContext: react.Context<OutlitContextValue>;
 interface OutlitProviderProps extends Omit<OutlitOptions, "trackPageviews"> {
@@ -147,6 +148,11 @@ interface UseOutlitReturn {
      * Only needed if you initialized with autoTrack: false.
      */
     enableTracking: () => void;
+    /**
+     * Disable tracking and persist the opt-out decision.
+     * Call this when a user revokes consent.
+     */
+    disableTracking: () => void;
 }
 /**
  * Hook to access the Outlit client.

package/dist/react/index.js

@@ -625,6 +625,27 @@ function setCookie(name, value, days) {
   }
   document.cookie = cookie;
 }
+var CONSENT_KEY = "outlit_consent";
+function getConsentState() {
+  try {
+    const stored = localStorage.getItem(CONSENT_KEY);
+    if (stored === "1") return true;
+    if (stored === "0") return false;
+  } catch {
+  }
+  const cookieValue = getCookie(CONSENT_KEY);
+  if (cookieValue === "1") return true;
+  if (cookieValue === "0") return false;
+  return null;
+}
+function setConsentState(granted) {
+  const value = granted ? "1" : "0";
+  try {
+    localStorage.setItem(CONSENT_KEY, value);
+  } catch {
+  }
+  setCookie(CONSENT_KEY, value, 365);
+}
 
 // src/tracker.ts
 var MAX_PENDING_STAGE_EVENTS = 10;
@@ -667,7 +688,8 @@ var Outlit = class {
       window.addEventListener("beforeunload", handleExit);
     }
     this.isInitialized = true;
-    if (options.autoTrack !== false) {
+    const consent = getConsentState();
+    if (consent === true || consent === null && options.autoTrack !== false) {
       this.enableTracking();
     }
   }
@@ -700,11 +722,38 @@ var Outlit = class {
       this.initCalendarTracking();
     }
     this.isTrackingEnabled = true;
+    setConsentState(true);
     if (this.pendingUser) {
       this.applyUser(this.pendingUser);
       this.pendingUser = null;
     }
   }
+  /**
+   * Disable tracking. Call this when a user revokes consent.
+   * This will:
+   * - Flush any pending events (captured while user had consent)
+   * - Stop the flush timer, pageview tracking, form tracking, and session tracking
+   * - Persist the opt-out decision so it's remembered across sessions
+   *
+   * The SDK instance remains usable — enableTracking() can be called again to re-enable.
+   */
+  async disableTracking() {
+    if (!this.isTrackingEnabled) {
+      setConsentState(false);
+      return;
+    }
+    if (this.flushTimer) {
+      clearInterval(this.flushTimer);
+      this.flushTimer = null;
+    }
+    stopAutocapture();
+    stopCalendarTracking();
+    stopSessionTracking();
+    await this.flush();
+    this.sessionTracker = null;
+    this.isTrackingEnabled = false;
+    setConsentState(false);
+  }
   /**
    * Check if tracking is currently enabled.
    */
@@ -1020,6 +1069,8 @@ var OutlitContext = (0, import_react.createContext)({
   isInitialized: false,
   isTrackingEnabled: false,
   enableTracking: () => {
+  },
+  disableTracking: () => {
   }
 });
 function OutlitProvider({
@@ -1078,6 +1129,12 @@ function OutlitProvider({
       setIsTrackingEnabled(true);
     }
   }, []);
+  const disableTracking = (0, import_react.useCallback)(() => {
+    if (outlitRef.current) {
+      outlitRef.current.disableTracking();
+      setIsTrackingEnabled(false);
+    }
+  }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     OutlitContext.Provider,
     {
@@ -1085,7 +1142,8 @@ function OutlitProvider({
         outlit: outlitRef.current,
         isInitialized: initializedRef.current,
         isTrackingEnabled,
-        enableTracking
+        enableTracking,
+        disableTracking
       },
       children
     }
@@ -1095,7 +1153,7 @@ function OutlitProvider({
 // src/react/hooks.ts
 var import_react2 = require("react");
 function useOutlit() {
-  const { outlit, isInitialized, isTrackingEnabled, enableTracking } = (0, import_react2.useContext)(OutlitContext);
+  const { outlit, isInitialized, isTrackingEnabled, enableTracking, disableTracking } = (0, import_react2.useContext)(OutlitContext);
   const track = (0, import_react2.useCallback)(
     (eventName, properties) => {
       if (!outlit) {
@@ -1226,7 +1284,8 @@ function useOutlit() {
     },
     isInitialized,
     isTrackingEnabled,
-    enableTracking
+    enableTracking,
+    disableTracking
   };
 }
 function useTrack() {