@zaplier/sdk 1.6.6 → 1.6.8

package/dist/sdk.js

@@ -19267,21 +19267,60 @@
     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 = {
@@ -19302,7 +19341,14 @@
             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();
@@ -19312,15 +19358,16 @@
             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();
             }
@@ -19959,7 +20006,7 @@
      */
     class ZaplierSDK {
         constructor(userConfig) {
-            this.version = "1.7.0";
+            this.version = "1.7.1";
             this.isInitialized = false;
             this.eventQueue = [];
             /**
@@ -20391,7 +20438,8 @@
                     const visitorIdentity = await this.visitorIdentityManager.getOrCreateVisitorIdentity({
                         fingerprintHash: result.data.hash,
                         stableCoreHash: result.data.stableCoreHash,
-                        deviceFingerprint: result.data.hash,
+                        // CRITICAL: Use stableCoreHash as deviceFingerprint for consistency with backend
+                        deviceFingerprint: result.data.stableCoreHash || result.data.hash,
                         sessionId: this.sessionId,
                         userAgent: navigator.userAgent,
                         ipAddress: undefined, // Will be determined server-side