cryptique-sdk 1.1.8 → 1.2.0

package/lib/cjs/index.js

@@ -431,12 +431,7 @@ if (window.Cryptique && window.Cryptique.initialized) ; else {
           sessionData.utm_id = persistentData.utm_id;
         }
 
-        console.log(`✅ Restored session-specific persistent data for session ${currentSessionId}:`, {
-          wallet_address: sessionData.wallet_address,
-          is_web3_user: sessionData.is_web3_user,
-          referrer: sessionData.referrer,
-          utm_source: sessionData.utm_source
-        });
+        // Session-specific persistent data restored successfully (wallet, web3 status, referrer, UTM source)
 
       } catch (err) {
         console.warn('Failed to restore session-specific persistent data:', err);
@@ -460,11 +455,9 @@ if (window.Cryptique && window.Cryptique.initialized) ; else {
         if (currentSessionId) {
           const sessionKey = `${CONFIG.STORAGE_KEYS.PERSISTENT_DATA}_${currentSessionId}`;
           localStorage.removeItem(sessionKey);
-          console.log(`✅ Cleared session-specific persistent data for session ${currentSessionId}`);
         } else {
           // Fallback: clear old global persistent data if session ID not available
           localStorage.removeItem(CONFIG.STORAGE_KEYS.PERSISTENT_DATA);
-          console.log('✅ Cleared global persistent data from localStorage');
         }
       } catch (err) {
         console.warn('Failed to clear persistent data:', err);
@@ -495,8 +488,6 @@ if (window.Cryptique && window.Cryptique.initialized) ; else {
         keysToRemove.forEach(key => {
           localStorage.removeItem(key);
         });
-        
-        console.log(`✅ Cleared all persistent data (${keysToRemove.length} keys removed)`);
       } catch (err) {
         console.warn('Failed to clear all persistent data:', err);
       }
@@ -803,7 +794,6 @@ if (window.Cryptique && window.Cryptique.initialized) ; else {
         _cachedDistinctId = distinctId;
         
         const type = distinctId.startsWith('anon_') ? 'anonymous' : 'identified';
-        console.log(`✅ [Storage] Stored ${type} distinct_id in localStorage and sessionStorage: ${distinctId}`);
       } catch (err) {
         console.warn('Failed to set distinct_id:', err);
       }
@@ -2319,7 +2309,6 @@ if (window.Cryptique && window.Cryptique.initialized) ; else {
           }
         } catch (error) {
           // API may not be available or user denied permission
-          console.debug('User-Agent Client Hints API not available:', error);
         }
       } else {
         // Fallback: parse from user agent string
@@ -2547,16 +2536,10 @@ if (window.Cryptique && window.Cryptique.initialized) ; else {
         // Current address is valid - only update to another valid address
         if (newIsValid) {
           sessionData.wallet_address = newAddress;
-          console.log(`🔄 Wallet address updated: ${currentAddress} → ${newAddress}`);
-        } else {
-          console.log(`🔒 Wallet address protected: keeping ${currentAddress} (cannot set to ${newAddress})`);
         }
       } else {
         // Current address is not valid - can set to any value
         sessionData.wallet_address = newAddress;
-        if (newIsValid) {
-          console.log(`✅ Wallet address set: ${newAddress}`);
-        }
       }
     },
 
@@ -2855,8 +2838,6 @@ if (window.Cryptique && window.Cryptique.initialized) ; else {
           // Invalid wallet type - only set if wallet_type is not already set to a valid value
           if (!sessionData.wallet_type || sessionData.wallet_type === "No Wallet Detected") {
             sessionData.wallet_type = walletType;
-          } else {
-            console.log(`🔒 Wallet type protected: keeping ${sessionData.wallet_type} (cannot set to ${walletType})`);
           }
         }
         // Update chain_name with immutability protection
@@ -2868,8 +2849,6 @@ if (window.Cryptique && window.Cryptique.initialized) ; else {
           // Invalid chain name - only set if chain_name is not already set to a valid value
           if (!sessionData.chain_name || sessionData.chain_name === "Not Connected") {
             sessionData.chain_name = chainName;
-          } else {
-            console.log(`🔒 Chain name protected: keeping ${sessionData.chain_name} (cannot set to ${chainName})`);
           }
         }
         // Keep is_web3_user as true if it's already true or if we detect a wallet
@@ -3156,7 +3135,6 @@ if (window.Cryptique && window.Cryptique.initialized) ; else {
         } else {
           // Wallet disconnected - but protect wallet_address, chain_name, and wallet_type from becoming null/placeholder
           // Keep the last known values for session consistency
-          console.log('🔒 Wallet disconnected but keeping wallet data for session consistency');
           sessionData.wallet_connected = false;
           // Do NOT set wallet_address, chain_name, or wallet_type to null/placeholder - keep them for session attribution
           // The updateWalletInfo() method already has immutability protection, so we don't need to call it here
@@ -5712,15 +5690,9 @@ if (window.Cryptique && window.Cryptique.initialized) ; else {
             // Save session to storage
             StorageManager.saveSession(sessionData);
 
-            // Always sync distinctId from storage before logging/sending to ensure consistency
+            // Always sync distinctId from storage before sending to ensure consistency
             sessionData.distinctId = StorageManager.getDistinctId();
 
-            // Console log raw session data intermittently
-            console.log('📊 [Session] Raw Session Data:', {
-              sessionData: sessionData,
-              storedSession: storedSession
-            });
-
             // Send session data
             await APIClient.sendSessionData();
           } catch (error) {
@@ -6063,6 +6035,30 @@ if (window.Cryptique && window.Cryptique.initialized) ; else {
           }
         }
 
+        // Build auto_event_data for custom events (heatmap/position context when possible)
+        let customAutoEventData = {};
+        if (typeof window !== 'undefined' && window.document) {
+          const scrollX = window.scrollX != null ? window.scrollX : window.pageXOffset;
+          const scrollY = window.scrollY != null ? window.scrollY : window.pageYOffset;
+          const docHeight = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
+          const docWidth = Math.max(document.body.scrollWidth, document.documentElement.scrollWidth);
+          customAutoEventData = {
+            scroll_x: scrollX,
+            scroll_y: scrollY,
+            document_height: docHeight,
+            document_width: docWidth
+          };
+          const srcEvent = options.sourceEvent;
+          if (srcEvent && typeof srcEvent === 'object' && (srcEvent.pageX != null || srcEvent.clientX != null)) {
+            customAutoEventData.page_x = srcEvent.pageX != null ? srcEvent.pageX : (srcEvent.clientX + (window.scrollX || window.pageXOffset || 0));
+            customAutoEventData.page_y = srcEvent.pageY != null ? srcEvent.pageY : (srcEvent.clientY + (window.scrollY || window.pageYOffset || 0));
+            customAutoEventData.click_coordinates = {
+              x: srcEvent.clientX != null ? srcEvent.clientX : srcEvent.pageX - (window.scrollX || window.pageXOffset || 0),
+              y: srcEvent.clientY != null ? srcEvent.clientY : srcEvent.pageY - (window.scrollY || window.pageYOffset || 0)
+            };
+          }
+        }
+
         // Prepare event data
         const eventData = {
           event_type: 'custom',
@@ -6072,6 +6068,7 @@ if (window.Cryptique && window.Cryptique.initialized) ; else {
           user_id: userId,
           // Only include user-provided properties in custom_properties (filtered)
           custom_properties: filteredProperties,
+          auto_event_data: customAutoEventData,
           // Page context and screen/viewport data go in page_data (not custom_properties)
           page_data: {
             current_url: window.location.href,
@@ -6416,8 +6413,6 @@ if (window.Cryptique && window.Cryptique.initialized) ; else {
             session.identified = true;
             StorageManager.saveSession(session);
           }
-          
-          console.log(`✅ [Identity] Distinct ID updated: ${currentDistinctId} → ${result.distinctId}`);
         } else if (result.merged && result.newDistinctId) {
           // Fallback: use newDistinctId if distinctId not present
           StorageManager.setDistinctId(result.newDistinctId);
@@ -6437,8 +6432,6 @@ if (window.Cryptique && window.Cryptique.initialized) ; else {
             session.identified = true;
             StorageManager.saveSession(session);
           }
-          
-          console.log(`✅ [Identity] Distinct ID merged: ${currentDistinctId} → ${result.newDistinctId}`);
         } else {
           console.warn('⚠️ [Identity] No distinctId or newDistinctId in response:', result);
         }
@@ -6537,8 +6530,6 @@ if (window.Cryptique && window.Cryptique.initialized) ; else {
           // Ignore errors
         }
         
-        console.log(`🔄 [Identity] Reset to anonymous: ${newDistinctId}`);
-
         return { success: true, distinctId: newDistinctId };
       } catch (error) {
         console.error('❌ [Identity] Error in reset():', error);
@@ -6594,8 +6585,6 @@ if (window.Cryptique && window.Cryptique.initialized) ; else {
         StorageManager.updateBackup({ id: sessionData.sessionId, userId: sessionData.userId });
         // That's it - session sync will pick it up automatically, just like automatic detection
 
-        console.log(`✅ [Identity] Wallet address set in sessionData: ${trimmedWalletAddress}`);
-
         // Get current distinct_id
         const currentDistinctId = StorageManager.getDistinctId();
 
@@ -6642,12 +6631,8 @@ if (window.Cryptique && window.Cryptique.initialized) ; else {
           
           // Update userSession
           userSession.userId = result.newUserId;
-          
-          console.log(`✅ [Identity] User merged via wallet: ${currentUserId} → ${result.newUserId}`);
         }
 
-        console.log(`✅ [Identity] Wallet address set: ${trimmedWalletAddress}`);
-
         return result;
       } catch (error) {
         console.error('❌ [Identity] Error in walletAddress():', error);
@@ -6886,7 +6871,18 @@ if (window.Cryptique && window.Cryptique.initialized) ; else {
         if (element === lastClickElement && now - lastClickTime < 1000) {
           clickCount++;
           if (clickCount >= 3) {
+            const scrollX = window.scrollX != null ? window.scrollX : window.pageXOffset;
+            const scrollY = window.scrollY != null ? window.scrollY : window.pageYOffset;
+            const docHeight = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
+            const docWidth = Math.max(document.body.scrollWidth, document.documentElement.scrollWidth);
             EventsManager.trackAutoEvent('rage_click', {
+              click_coordinates: { x: event.clientX, y: event.clientY },
+              page_x: event.pageX,
+              page_y: event.pageY,
+              scroll_x: scrollX,
+              scroll_y: scrollY,
+              document_height: docHeight,
+              document_width: docWidth,
               click_count: clickCount,
               time_span: now - lastClickTime,
               element_area: element.offsetWidth * element.offsetHeight,
@@ -7004,11 +7000,17 @@ if (window.Cryptique && window.Cryptique.initialized) ; else {
 
           if (scrollDepth > maxScrollDepth) {
             maxScrollDepth = scrollDepth;
-
+            const scrollX = window.scrollX != null ? window.scrollX : window.pageXOffset;
+            const docHeight = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
+            const docWidth = Math.max(document.body.scrollWidth, document.documentElement.scrollWidth);
             EventsManager.trackAutoEvent('page_scroll', {
               scroll_depth: scrollDepth,
               max_scroll_reached: maxScrollDepth,
-              scroll_position: window.scrollY
+              scroll_position: window.scrollY,
+              scroll_x: scrollX,
+              scroll_y: window.scrollY,
+              document_height: docHeight,
+              document_width: docWidth
             }).catch(err => {
               console.error('❌ [AutoEvents] Failed to track page_scroll:', err);
             });
@@ -7026,10 +7028,24 @@ if (window.Cryptique && window.Cryptique.initialized) ; else {
       document.addEventListener('submit', (event) => {
         const form = event.target;
         if (form.tagName === 'FORM') {
+          const scrollX = window.scrollX != null ? window.scrollX : window.pageXOffset;
+          const scrollY = window.scrollY != null ? window.scrollY : window.pageYOffset;
+          const docHeight = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
+          const docWidth = Math.max(document.body.scrollWidth, document.documentElement.scrollWidth);
+          const rect = form.getBoundingClientRect();
+          const pageX = rect.left + scrollX;
+          const pageY = rect.top + scrollY;
           EventsManager.trackAutoEvent('form_submit', {
             form_id: form.id || null,
             form_action: form.action || null,
-            form_method: form.method || 'get'
+            form_method: form.method || 'get',
+            scroll_x: scrollX,
+            scroll_y: scrollY,
+            document_height: docHeight,
+            document_width: docWidth,
+            page_x: pageX,
+            page_y: pageY,
+            click_coordinates: { x: event.clientX != null ? event.clientX : rect.left + rect.width / 2, y: event.clientY != null ? event.clientY : rect.top + rect.height / 2 }
           }, {
             element_tag_name: 'form',
             element_id: form.id || null,
@@ -7038,8 +7054,8 @@ if (window.Cryptique && window.Cryptique.initialized) ; else {
             element_type: form.method || 'get', // FIX: Added element_type (form method)
             element_text: form.textContent?.trim().substring(0, 100) || null, // FIX: Added element_text
             element_position: { // FIX: Added element_position
-              x: event.clientX || 0,
-              y: event.clientY || 0,
+              x: event.clientX || rect.left,
+              y: event.clientY || rect.top,
               width: form.offsetWidth || 0,
               height: form.offsetHeight || 0
             }
@@ -7051,10 +7067,24 @@ if (window.Cryptique && window.Cryptique.initialized) ; else {
       document.addEventListener('focus', (event) => {
         const element = event.target;
         if (element.tagName === 'INPUT' || element.tagName === 'TEXTAREA' || element.tagName === 'SELECT') {
+          const scrollX = window.scrollX != null ? window.scrollX : window.pageXOffset;
+          const scrollY = window.scrollY != null ? window.scrollY : window.pageYOffset;
+          const docHeight = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
+          const docWidth = Math.max(document.body.scrollWidth, document.documentElement.scrollWidth);
+          const rect = element.getBoundingClientRect();
+          const pageX = rect.left + scrollX;
+          const pageY = rect.top + scrollY;
           EventsManager.trackAutoEvent('form_focus', {
             field_name: element.name || null,
             field_type: element.type || null,
-            field_id: element.id || null
+            field_id: element.id || null,
+            scroll_x: scrollX,
+            scroll_y: scrollY,
+            document_height: docHeight,
+            document_width: docWidth,
+            page_x: pageX,
+            page_y: pageY,
+            click_coordinates: { x: event.clientX != null ? event.clientX : rect.left + rect.width / 2, y: event.clientY != null ? event.clientY : rect.top + rect.height / 2 }
           }, {
             element_tag_name: element.tagName.toLowerCase(),
             element_id: element.id || null,
@@ -7063,8 +7093,8 @@ if (window.Cryptique && window.Cryptique.initialized) ; else {
             element_type: element.type || null,
             element_text: element.value ? element.value.toString().trim().substring(0, 100) : null, // FIX: Added element_text (value for form fields)
             element_position: { // FIX: Added element_position
-              x: event.clientX || 0,
-              y: event.clientY || 0,
+              x: event.clientX != null ? event.clientX : rect.left,
+              y: event.clientY != null ? event.clientY : rect.top,
               width: element.offsetWidth || 0,
               height: element.offsetHeight || 0
             }
@@ -7077,23 +7107,54 @@ if (window.Cryptique && window.Cryptique.initialized) ; else {
      * Setup media tracking
      */
     setupMediaTracking() {
+      function getPageContext() {
+        const scrollX = window.scrollX != null ? window.scrollX : window.pageXOffset;
+        const scrollY = window.scrollY != null ? window.scrollY : window.pageYOffset;
+        const docHeight = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
+        const docWidth = Math.max(document.body.scrollWidth, document.documentElement.scrollWidth);
+        return { scrollX, scrollY, docHeight, docWidth };
+      }
       ['video', 'audio'].forEach(mediaType => {
         document.addEventListener('play', (event) => {
           if (event.target.tagName.toLowerCase() === mediaType) {
+            const el = event.target;
+            const { scrollX, scrollY, docHeight, docWidth } = getPageContext();
+            const rect = el.getBoundingClientRect();
+            const pageX = rect.left + scrollX;
+            const pageY = rect.top + scrollY;
             EventsManager.trackAutoEvent('media_play', {
               media_type: mediaType,
-              media_src: event.target.src || null,
-              media_duration: event.target.duration || null
+              media_src: el.src || null,
+              media_duration: el.duration || null,
+              scroll_x: scrollX,
+              scroll_y: scrollY,
+              document_height: docHeight,
+              document_width: docWidth,
+              page_x: pageX,
+              page_y: pageY,
+              click_coordinates: { x: rect.left + rect.width / 2, y: rect.top + rect.height / 2 }
             });
           }
         }, true);
 
         document.addEventListener('pause', (event) => {
           if (event.target.tagName.toLowerCase() === mediaType) {
+            const el = event.target;
+            const { scrollX, scrollY, docHeight, docWidth } = getPageContext();
+            const rect = el.getBoundingClientRect();
+            const pageX = rect.left + scrollX;
+            const pageY = rect.top + scrollY;
             EventsManager.trackAutoEvent('media_pause', {
               media_type: mediaType,
-              media_current_time: event.target.currentTime || null,
-              media_duration: event.target.duration || null
+              media_current_time: el.currentTime || null,
+              media_duration: el.duration || null,
+              scroll_x: scrollX,
+              scroll_y: scrollY,
+              document_height: docHeight,
+              document_width: docWidth,
+              page_x: pageX,
+              page_y: pageY,
+              click_coordinates: { x: rect.left + rect.width / 2, y: rect.top + rect.height / 2 }
             });
           }
         }, true);
@@ -7175,11 +7236,33 @@ if (window.Cryptique && window.Cryptique.initialized) ; else {
                 focus_offset: selection.focusOffset || null
               };
 
-              // Get page context
+              // Get page context and selection position for heatmaps
+              const scrollX = window.scrollX != null ? window.scrollX : window.pageXOffset;
+              const scrollY = window.scrollY != null ? window.scrollY : window.pageYOffset;
+              const docHeight = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
+              const docWidth = Math.max(document.body.scrollWidth, document.documentElement.scrollWidth);
+              let pageX = null;
+              let pageY = null;
+              if (range) {
+                try {
+                  const selRect = range.getBoundingClientRect();
+                  if (selRect.width > 0 || selRect.height > 0) {
+                    pageX = selRect.left + scrollX;
+                    pageY = selRect.top + scrollY;
+                  }
+                } catch (e) { /* getBoundingClientRect can throw in some edge cases */ }
+              }
               const pageData = {
                 page_url: window.location.href,
                 page_title: document.title,
-                page_path: window.location.pathname
+                page_path: window.location.pathname,
+                scroll_x: scrollX,
+                scroll_y: scrollY,
+                document_height: docHeight,
+                document_width: docWidth,
+                page_x: pageX,
+                page_y: pageY,
+                click_coordinates: pageX != null && pageY != null ? { x: pageX - scrollX, y: pageY - scrollY } : null
               };
 
               EventsManager.trackAutoEvent('text_selection', {
@@ -7262,7 +7345,6 @@ if (window.Cryptique && window.Cryptique.initialized) ; else {
           return { success: false, error: result.message || 'Set failed' };
         }
 
-        console.log('✅ [People] Properties set successfully');
         return result;
         
       } catch (error) {
@@ -7312,7 +7394,6 @@ if (window.Cryptique && window.Cryptique.initialized) ; else {
           return { success: false, error: result.message || 'SetOnce failed' };
         }
 
-        console.log('✅ [People] Properties set once successfully');
         return result;
         
       } catch (error) {
@@ -7362,7 +7443,6 @@ if (window.Cryptique && window.Cryptique.initialized) ; else {
           return { success: false, error: result.message || 'Unset failed' };
         }
 
-        console.log('✅ [People] Properties unset successfully');
         return result;
         
       } catch (error) {
@@ -7419,7 +7499,6 @@ if (window.Cryptique && window.Cryptique.initialized) ; else {
           return { success: false, error: result.message || 'Increment failed' };
         }
 
-        console.log('✅ [People] Property incremented successfully');
         return result;
         
       } catch (error) {
@@ -7476,7 +7555,6 @@ if (window.Cryptique && window.Cryptique.initialized) ; else {
           return { success: false, error: result.message || 'Append failed' };
         }
 
-        console.log('✅ [People] Values appended successfully');
         return result;
         
       } catch (error) {
@@ -7533,7 +7611,6 @@ if (window.Cryptique && window.Cryptique.initialized) ; else {
           return { success: false, error: result.message || 'Union failed' };
         }
 
-        console.log('✅ [People] Values unioned successfully');
         return result;
         
       } catch (error) {
@@ -7590,7 +7667,6 @@ if (window.Cryptique && window.Cryptique.initialized) ; else {
           return { success: false, error: result.message || 'Remove failed' };
         }
 
-        console.log('✅ [People] Values removed successfully');
         return result;
         
       } catch (error) {
@@ -7642,7 +7718,6 @@ if (window.Cryptique && window.Cryptique.initialized) ; else {
           return { success: false, error: result.message || 'TrackCharge failed' };
         }
 
-        console.log('✅ [People] Charge tracked successfully');
         return result;
         
       } catch (error) {
@@ -7685,7 +7760,6 @@ if (window.Cryptique && window.Cryptique.initialized) ; else {
           return { success: false, error: result.message || 'ClearCharges failed' };
         }
 
-        console.log('✅ [People] Charges cleared successfully');
         return result;
         
       } catch (error) {
@@ -7728,8 +7802,6 @@ if (window.Cryptique && window.Cryptique.initialized) ; else {
           return { success: false, error: result.message || 'DeleteUser failed' };
         }
 
-        console.log('✅ [People] User deleted successfully');
-        
         // Clear local storage after successful deletion
         StorageManager.clearSession();
         StorageManager.clearUserId();