@zaplier/sdk 1.6.8 → 1.6.9

package/dist/index.cjs

@@ -19276,7 +19276,10 @@ class AutoTracker {
             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`);
+                console.log(`[AutoTracker] Checking ${scrollElements.length} scroll elements`, {
+                    scrollY: window.scrollY,
+                    innerHeight: window.innerHeight
+                });
             }
             scrollElements.forEach((element) => {
                 let hasTriggered = element.getAttribute('data-scroll-triggered') === 'true';
@@ -19320,6 +19323,28 @@ class AutoTracker {
                 }
             });
         };
+        this.handleClick = (event) => {
+            if (!this.config.trackClicks)
+                return;
+            const target = event.target;
+            if (!target || !target.hasAttribute("data-track-click"))
+                return;
+            const eventName = target.getAttribute("data-track-click");
+            if (!eventName)
+                return;
+            const metadata = this.extractMetadata(target);
+            this.trackEvent(eventName, {
+                type: "click",
+                element: target.tagName.toLowerCase(),
+                ...metadata,
+            });
+            if (this.config.debug) {
+                console.log(`[AutoTracker] Click tracked: ${eventName}`, {
+                    element: target.tagName.toLowerCase(),
+                    ...metadata
+                });
+            }
+        };
         this.sdkInstance = sdkInstance;
         this.config = {
             enabled: true,
@@ -19347,6 +19372,28 @@ class AutoTracker {
                 trackHovers: this.config.trackHovers,
                 trackForms: this.config.trackForms
             });
+            // Log elementos existentes encontrados
+            setTimeout(() => {
+                const clickElements = document.querySelectorAll('[data-track-click]');
+                const scrollElements = document.querySelectorAll('[data-track-scroll]');
+                const viewElements = document.querySelectorAll('[data-track-view]');
+                const hoverElements = document.querySelectorAll('[data-track-hover]');
+                const formElements = document.querySelectorAll('[data-track-form]');
+                console.log("[Zaplier AutoTracker] Elementos encontrados:", {
+                    clickElements: clickElements.length,
+                    scrollElements: scrollElements.length,
+                    viewElements: viewElements.length,
+                    hoverElements: hoverElements.length,
+                    formElements: formElements.length
+                });
+                if (scrollElements.length > 0) {
+                    console.log("[Zaplier AutoTracker] Elementos de scroll:", Array.from(scrollElements).map(el => ({
+                        tagName: el.tagName,
+                        trackEvent: el.getAttribute('data-track-scroll'),
+                        threshold: el.getAttribute('data-scroll-threshold') || '0.5'
+                    })));
+                }
+            }, 100);
         }
         // Observer para novos elementos no DOM
         this.observeDOM();
@@ -19357,6 +19404,9 @@ class AutoTracker {
             this.setupViewTracking();
         }
         // Setup global event listeners
+        if (this.config.trackClicks) {
+            document.addEventListener("click", this.handleClick, { passive: true });
+        }
         if (this.config.trackScrolls) {
             document.addEventListener("scroll", this.handleScroll, { passive: true });
         }
@@ -19365,6 +19415,7 @@ class AutoTracker {
      * Parar auto tracking
      */
     stop() {
+        document.removeEventListener("click", this.handleClick);
         document.removeEventListener("scroll", this.handleScroll);
         if (this.intersectionObserver) {
             this.intersectionObserver.disconnect();
@@ -19403,14 +19454,8 @@ class AutoTracker {
      * Processar um elemento específico
      */
     processElement(element) {
-        // Click tracking
-        if (this.config.trackClicks && element.hasAttribute("data-track-click")) {
-            this.setupClickTracking(element);
-        }
-        // Scroll tracking
-        if (this.config.trackScrolls && element.hasAttribute("data-track-scroll")) {
-            this.setupScrollTracking(element);
-        }
+        // Click tracking - handled by global listener
+        // Scroll tracking - handled by global listener
         // View tracking
         if (this.config.trackViews && element.hasAttribute("data-track-view")) {
             this.setupElementViewTracking(element);
@@ -19424,60 +19469,6 @@ class AutoTracker {
             this.setupFormTracking(element);
         }
     }
-    /**
-     * Setup click tracking
-     */
-    setupClickTracking(element) {
-        element.addEventListener("click", (event) => {
-            const eventName = element.getAttribute("data-track-click");
-            if (!eventName)
-                return;
-            const metadata = this.extractMetadata(element);
-            this.trackEvent(eventName, {
-                type: "click",
-                element: element.tagName.toLowerCase(),
-                ...metadata,
-            });
-            if (this.config.debug) {
-                console.log(`[AutoTracker] Click tracked: ${eventName}`, metadata);
-            }
-        });
-    }
-    /**
-     * Setup scroll tracking
-     */
-    setupScrollTracking(element) {
-        let hasTriggered = false;
-        const threshold = parseFloat(element.getAttribute("data-scroll-threshold") || "0.5");
-        const handleScroll = () => {
-            if (hasTriggered)
-                return;
-            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 (visibilityRatio >= threshold) {
-                hasTriggered = 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,
-                    ...metadata,
-                });
-                if (this.config.debug) {
-                    console.log(`[AutoTracker] Scroll tracked: ${eventName}`, metadata);
-                }
-            }
-        };
-        document.addEventListener("scroll", handleScroll, { passive: true });
-        // Check immediately in case element is already in view
-        setTimeout(handleScroll, 100);
-    }
     /**
      * Setup view tracking usando Intersection Observer
      */