// Smartlook web tracking
window.smartlook||(function(d) {
  var o=smartlook=function(){ o.api.push(arguments)},h=d.getElementsByTagName('head')[0];
  var c=d.createElement('script');o.api=new Array();c.async=true;c.type='text/javascript';
  c.charset='utf-8';c.src='https://rec.smartlook.com/recorder.js';h.appendChild(c);
  })(document);
  smartlook('init', 'YOUR_PROJECT_KEY');

// User identification
smartlook('identify', 'user_123', {
  name: 'John Doe',
  email: 'john@example.com',
  plan: 'premium'
});

// Event tracking
smartlook('track', 'Purchase Completed', {
  product_id: 'SKU123',
  revenue: 99.99,
  currency: 'EUR'
});

// Page tracking
smartlook('track', 'Page Visit', {
  page_name: 'product_detail',
  category: 'ecommerce'
});

// iOS Swift implementation
import Smartlook

class AppDelegate: UIResponder, UIApplicationDelegate {
    func application(_ application: UIApplication, 
                   didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
        
        // Initialize Smartlook
        Smartlook.setupAndStartRecording(key: "YOUR_PROJECT_KEY")
        
        // User identification
        let userProperties = [
            "name": "John Doe",
            "email": "john@example.com",
            "plan": "premium"
        ]
        Smartlook.setUserIdentifier("user_123", sessionProperties: userProperties)
        
        return true
    }
}

// Track custom events
Smartlook.trackCustomEvent(name: "Purchase Completed", props: [
    "product_id": "SKU123",
    "revenue": 99.99,
    "currency": "EUR"
])

// Track screen views
Smartlook.trackNavigationEvent(name: "Product Detail", viewState: .start)

// Android Kotlin implementation
class MainApplication : Application() {
    override fun onCreate() {
        super.onCreate()
        
        // Initialize Smartlook
        Smartlook.setupAndStartRecording("YOUR_PROJECT_KEY")
        
        // User identification
        val userProperties = mapOf(
            "name" to "John Doe",
            "email" to "john@example.com",
            "plan" to "premium"
        )
        Smartlook.setUserIdentifier("user_123", userProperties)
    }
}

// Track events in activities
class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        
        // Track custom events
        val eventProperties = mapOf(
            "product_id" to "SKU123",
            "revenue" to 99.99,
            "currency" to "EUR"
        )
        Smartlook.trackCustomEvent("Purchase Completed", eventProperties)
    }
}

// Advanced Smartlook configuration
class SmartlookAnalytics {
    constructor(projectKey) {
        this.projectKey = projectKey;
        this.initSmartlook();
        this.setupEventTracking();
    }
    
    initSmartlook() {
        smartlook('init', this.projectKey, {
            // Privacy settings
            recordConsoleEvents: false,
            recordNetworkEvents: true,
            recordClickRageEvents: true
        });
    }
    
    setupEventTracking() {
        // Auto-track form submissions
        document.addEventListener('submit', (event) => {
            const form = event.target;
            smartlook('track', 'Form Submitted', {
                form_id: form.id || 'unknown',
                form_method: form.method || 'get',
                page_url: window.location.href
            });
        });
        
        // Track clicks with rage detection
        let clickCount = 0;
        let lastClickTime = 0;
        
        document.addEventListener('click', (event) => {
            const now = Date.now();
            
            if (now - lastClickTime < 1000) {
                clickCount++;
                if (clickCount >= 3) {
                    smartlook('track', 'Rage Click Detected', {
                        element: event.target.tagName,
                        element_text: event.target.textContent?.slice(0, 100),
                        page_url: window.location.href
                    });
                }
            } else {
                clickCount = 1;
            }
            
            lastClickTime = now;
        });
    }
    
    trackFunnelStep(stepName, stepNumber, additionalData = {}) {
        smartlook('track', 'Funnel Step', {
            step_name: stepName,
            step_number: stepNumber,
            timestamp: new Date().toISOString(),
            ...additionalData
        });
    }
    
    trackUserJourney(journeyName, journeyStep) {
        smartlook('track', 'User Journey', {
            journey_name: journeyName,
            journey_step: journeyStep,
            session_duration: this.getSessionDuration(),
            page_views: this.getPageViews()
        });
    }
    
    getSessionDuration() {
        const startTime = sessionStorage.getItem('sessionStart');
        return startTime ? Date.now() - parseInt(startTime) : 0;
    }
    
    getPageViews() {
        return parseInt(sessionStorage.getItem('pageViews') || '1');
    }
}

// Usage
const analytics = new SmartlookAnalytics('YOUR_PROJECT_KEY');

// Track conversion funnel
analytics.trackFunnelStep('Product Page View', 1, {
    product_id: 'SKU123',
    category: 'electronics'
});

analytics.trackFunnelStep('Add to Cart', 2, {
    product_id: 'SKU123',
    quantity: 1
});