// After user logs in
WysLeap.setUserId('user_12345');

// Clear on logout
WysLeap.clearUserId();

WysLeap.init({
  siteId: 'your-site-id',
  options: {
    _apiKey: 'your-api-key',
    sessionReplay: {
      enabled: true,
      maskSensitive: true,
      sampleRate: 0.5,              // 0.0 - 1.0 (default: 0.5)

      // Privacy
      maskAllInputs: false,         // Mask all inputs (not just sensitive)
      maskAllText: false,           // Mask all text content

      // Session limits
      inactivityTimeout: 60000,     // Pause after 60s of inactivity
      maxInactivityTimeout: 900000, // Stop completely after 15min idle
      maxSessionDuration: 900000,   // Max recording length (15min)
      stopOnHidden: true,           // Stop when tab goes to background

      // Recording controls
      recordMousemove: false,       // Mouse movement (off by default)
      recordClick: true,            // Click events
      recordScroll: true,           // Scroll events
      recordInput: true,            // Form input changes
      recordMedia: true,            // Media element events

      // Element-level filter (optional)
      recordElement: null           // e.g. ['#checkout', '.hero']
    }
  }
});

WysLeap.init({
  siteId: 'your-site-id',
  options: {
    _apiKey: 'your-api-key',
    privacy: true,              // Anonymize IP addresses
    respectDoNotTrack: true,    // Honor DNT browser setting
    cookieDomain: '.example.com', // Set custom cookie domain
    cookieExpiry: 365          // Days until cookie expires
  }
});

// Set custom properties
WysLeap.setCustomProperties({
  plan: 'enterprise',
  accountType: 'business',
  region: 'us-west'
});

// These will be attached to all subsequent events

// React Router example
import { useLocation } from 'react-router-dom';

function App() {
  const location = useLocation();
  
  useEffect(() => {
    WysLeap.trackPageView();
  }, [location.pathname]);
  
  return <Routes>...</Routes>;
}