@zaplier/sdk 1.6.7 → 1.6.8

package/dist/index.cjs

@@ -19265,21 +19265,60 @@ class SessionReplayEngine {
 class AutoTracker {
     constructor(sdkInstance, config = {}) {
         this.observedElements = new Set();
-        /**
-         * Event handlers (bound to this)
-         */
-        this.handleClick = (event) => {
-            const target = event.target;
-            if (target.hasAttribute("data-track-click")) ;
-        };
+        this.scrollThrottle = 0;
         this.handleScroll = () => {
-            // Scroll is handled by element-specific listeners
-        };
-        this.handleHover = (event) => {
-            // Hover is handled by element-specific listeners
-        };
-        this.handleForm = (event) => {
-            // Form is handled by element-specific listeners
+            if (!this.config.trackScrolls)
+                return;
+            // Throttle scroll events for performance
+            const now = Date.now();
+            if (now - this.scrollThrottle < 100)
+                return; // 100ms throttle
+            this.scrollThrottle = now;
+            const scrollElements = document.querySelectorAll('[data-track-scroll]');
+            if (this.config.debug && scrollElements.length > 0) {
+                console.log(`[AutoTracker] Checking ${scrollElements.length} scroll elements`);
+            }
+            scrollElements.forEach((element) => {
+                let hasTriggered = element.getAttribute('data-scroll-triggered') === 'true';
+                if (hasTriggered)
+                    return;
+                const threshold = parseFloat(element.getAttribute("data-scroll-threshold") || "0.5");
+                const rect = element.getBoundingClientRect();
+                const elementHeight = rect.height;
+                const visibleHeight = Math.min(rect.bottom, window.innerHeight) - Math.max(rect.top, 0);
+                const visibilityRatio = Math.max(0, visibleHeight) / elementHeight;
+                if (this.config.debug) {
+                    console.log(`[AutoTracker] Element check:`, {
+                        elementId: element.id || element.className,
+                        visibilityRatio: Math.round(visibilityRatio * 100) / 100,
+                        threshold,
+                        triggered: hasTriggered
+                    });
+                }
+                if (visibilityRatio >= threshold) {
+                    element.setAttribute('data-scroll-triggered', 'true');
+                    const eventName = element.getAttribute("data-track-scroll");
+                    if (!eventName)
+                        return;
+                    const metadata = this.extractMetadata(element);
+                    this.trackEvent(eventName, {
+                        type: "scroll",
+                        element: element.tagName.toLowerCase(),
+                        threshold,
+                        scrollDepth: window.scrollY,
+                        visibilityRatio: Math.round(visibilityRatio * 100) / 100,
+                        ...metadata,
+                    });
+                    if (this.config.debug) {
+                        console.log(`[AutoTracker] Scroll tracked: ${eventName}`, {
+                            threshold,
+                            visibilityRatio,
+                            scrollDepth: window.scrollY,
+                            ...metadata
+                        });
+                    }
+                }
+            });
         };
         this.sdkInstance = sdkInstance;
         this.config = {
@@ -19300,7 +19339,14 @@ class AutoTracker {
         if (!this.config.enabled)
             return;
         if (this.config.debug) {
-            console.log("[Zaplier AutoTracker] Iniciando auto tracking");
+            console.log("[Zaplier AutoTracker] Iniciando auto tracking", {
+                enabled: this.config.enabled,
+                trackClicks: this.config.trackClicks,
+                trackScrolls: this.config.trackScrolls,
+                trackViews: this.config.trackViews,
+                trackHovers: this.config.trackHovers,
+                trackForms: this.config.trackForms
+            });
         }
         // Observer para novos elementos no DOM
         this.observeDOM();
@@ -19310,15 +19356,16 @@ class AutoTracker {
         if (this.config.trackViews) {
             this.setupViewTracking();
         }
+        // Setup global event listeners
+        if (this.config.trackScrolls) {
+            document.addEventListener("scroll", this.handleScroll, { passive: true });
+        }
     }
     /**
      * Parar auto tracking
      */
     stop() {
-        document.removeEventListener("click", this.handleClick);
         document.removeEventListener("scroll", this.handleScroll);
-        document.removeEventListener("mouseover", this.handleHover);
-        document.removeEventListener("submit", this.handleForm);
         if (this.intersectionObserver) {
             this.intersectionObserver.disconnect();
         }