@bigz-app/booking-widget 0.3.1 → 0.3.2

package/dist/index.esm.js

@@ -10280,7 +10280,7 @@ function BookingForm({ config, eventDetails, stripePromise, onSuccess, onError,
  */
 /**
  * Check if Google Consent Mode has granted the necessary permissions for ads tracking
- * This only checks Google's official consent mode - the proper way to handle Google Ads consent
+ * This checks multiple sources of consent state in order of preference
  */
 function checkGoogleConsent() {
     console.log("[Google Ads Tracking] 🔍 Checking Google consent...");
@@ -10289,31 +10289,90 @@ function checkGoogleConsent() {
         return false;
     }
     console.log("[Google Ads Tracking] ✅ Window object available");
-    // Check for gtag consent mode
-    if (typeof window.gtag === "function") {
-        console.log("[Google Ads Tracking] ✅ gtag function found");
-        try {
-            // Try to get consent state from Google's consent mode
-            let consentGranted = false;
-            window.gtag("get", (consentState) => {
-                console.log("[Google Ads Tracking] 📋 Consent state received:", consentState);
-                // For Google Ads conversion tracking, we need ad_storage consent
-                consentGranted = consentState.ad_storage === "granted";
-                console.log("[Google Ads Tracking] 🔐 ad_storage consent:", consentState.ad_storage);
-            });
-            console.log("[Google Ads Tracking] 🎯 Final consent result:", consentGranted);
-            return consentGranted;
+    // Method 1: Check dataLayer for consent_update events (most reliable)
+    if (window.dataLayer && Array.isArray(window.dataLayer)) {
+        console.log("[Google Ads Tracking] 🔍 Checking dataLayer for consent events...");
+        const dataLayer = window.dataLayer;
+        // Debug: Show the entire dataLayer contents
+        console.log("[Google Ads Tracking] 🗂️ Complete dataLayer contents:", JSON.stringify(dataLayer, null, 2));
+        console.log("[Google Ads Tracking] 📊 dataLayer length:", dataLayer.length);
+        // Look for the most recent consent update in dataLayer
+        let latestConsentState = null;
+        const foundEvents = [];
+        // Search backwards through dataLayer for most recent consent state
+        for (let i = dataLayer.length - 1; i >= 0; i--) {
+            const event = dataLayer[i];
+            console.log(`[Google Ads Tracking] 🔍 Checking dataLayer[${i}]:`, event);
+            if (event && typeof event === "object") {
+                // Check for various consent event patterns
+                if (event.event === "consent_update" || event.event === "default_consent") {
+                    console.log("[Google Ads Tracking] 📋 Found consent event:", event);
+                    foundEvents.push(event);
+                    if (event.consent_mode) {
+                        latestConsentState = event.consent_mode;
+                        break;
+                    }
+                }
+                // Also check for direct consent_mode properties
+                if (event.consent_mode) {
+                    console.log("[Google Ads Tracking] 📋 Found consent_mode property:", event);
+                    foundEvents.push(event);
+                    latestConsentState = event.consent_mode;
+                    break;
+                }
+            }
         }
-        catch (error) {
-            console.warn("[Google Ads Tracking] ⚠️ Error checking gtag consent:", error);
+        console.log("[Google Ads Tracking] 📋 All found consent events:", foundEvents);
+        if (latestConsentState) {
+            const adStorageGranted = latestConsentState.ad_storage === "granted";
+            console.log("[Google Ads Tracking] 🔐 ad_storage from dataLayer:", latestConsentState.ad_storage);
+            console.log("[Google Ads Tracking] 🎯 Consent result from dataLayer:", adStorageGranted);
+            return adStorageGranted;
+        }
+        console.log("[Google Ads Tracking] ❌ No consent events found in dataLayer");
+    }
+    console.log("[Google Ads Tracking] ❌ dataLayer not found or not an array");
+    // Method 2: Check for cookie-based consent (fallback for host implementation)
+    console.log("[Google Ads Tracking] 🔍 Checking cookie-based consent...");
+    try {
+        // Debug: Show all cookies
+        console.log("[Google Ads Tracking] 🍪 All cookies:", document.cookie);
+        const allCookies = document.cookie.split(";").map((cookie) => cookie.trim());
+        console.log("[Google Ads Tracking] 🍪 Parsed cookies:", allCookies);
+        // Check for the host page's conversion tracking consent cookie
+        const conversionTrackingCookie = document.cookie
+            .split(";")
+            .find((cookie) => cookie.trim().startsWith("conversionTrackingConsent="));
+        if (conversionTrackingCookie) {
+            const cookieValue = conversionTrackingCookie.split("=")[1];
+            const isGranted = cookieValue === "true";
+            console.log("[Google Ads Tracking] 🍪 Found conversionTrackingConsent cookie:", cookieValue);
+            console.log("[Google Ads Tracking] 🎯 Consent result from cookie:", isGranted);
+            return isGranted;
+        }
+        console.log("[Google Ads Tracking] ❌ conversionTrackingConsent cookie not found");
+        // Also check for other potential cookie names
+        const alternativeCookieNames = ["analyticsConsent", "ads_consent", "ad_storage"];
+        for (const cookieName of alternativeCookieNames) {
+            const alternativeCookie = allCookies.find((cookie) => cookie.startsWith(`${cookieName}=`));
+            if (alternativeCookie) {
+                console.log(`[Google Ads Tracking] 🍪 Found alternative cookie ${cookieName}:`, alternativeCookie);
+            }
         }
     }
+    catch (error) {
+        console.warn("[Google Ads Tracking] ⚠️ Error checking cookies:", error);
+    }
+    // Method 3: Check if gtag exists but no consent state found
+    if (typeof window.gtag === "function") {
+        console.log("[Google Ads Tracking] ⚠️ gtag function exists but no consent state found");
+        console.log("[Google Ads Tracking] 💡 This might indicate consent hasn't been set yet");
+    }
     else {
         console.log("[Google Ads Tracking] ❌ gtag function not found");
     }
-    // If gtag is not available, we assume consent has not been properly configured
-    // The host page should implement Google Consent Mode if they want tracking
-    console.log("[Google Ads Tracking] 🚫 No consent mechanism found, returning false");
+    // If no consent mechanism is found, assume consent is not granted
+    console.log("[Google Ads Tracking] 🚫 No valid consent state found, returning false");
     return false;
 }
 /**