@thead-vantage/react 2.1.3 → 2.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thead-vantage/react",
-  "version": "2.1.3",
+  "version": "2.3.0",
   "description": "React components and utilities for TheAd Vantage ad platform integration",
   "main": "./src/index.ts",
   "module": "./src/index.ts",

package/src/components/AdBanner.tsx

@@ -43,14 +43,43 @@ export function AdBanner({
           userSegment,
         });
 
+        console.log('[AdBanner] Processed response:', {
+          success: response.success,
+          hasAd: !!response.ad,
+          devMode: response.dev_mode,
+          message: response.message,
+          _dev_note: response._dev_note,
+          fullResponse: response,
+        });
+
         if (response.success && response.ad) {
+          console.log('[AdBanner] Setting ad:', response.ad);
           setAd(response.ad);
           setDevMode(response.dev_mode || false);
 
           // Track impression (will be skipped in dev mode)
           trackImpression(response.ad.id);
         } else {
-          setError('No ads available');
+          // Create a more detailed error message
+          const errorDetails = [];
+          if (!response.success) errorDetails.push('API returned success=false');
+          if (!response.ad) errorDetails.push('No ad object in response');
+          if (response.message) errorDetails.push(`Message: ${response.message}`);
+          if (response._dev_note) errorDetails.push(`Note: ${response._dev_note}`);
+          
+          const errorMsg = errorDetails.length > 0 
+            ? `No ads available: ${errorDetails.join(', ')}`
+            : 'No ads available';
+          
+          console.error('[AdBanner] No ad available - Full details:', {
+            success: response.success,
+            hasAd: !!response.ad,
+            message: response.message,
+            _dev_note: response._dev_note,
+            fullResponse: response,
+            errorDetails,
+          });
+          setError(errorMsg);
         }
       } catch (err) {
         console.error('[AdBanner] Error fetching ad:', err);

package/src/lib/ads.ts

@@ -137,6 +137,19 @@ export async function fetchAdBanner(params: FetchAdBannerParams): Promise<AdBann
 
     const data: AdsResponse = await response.json();
 
+    // Debug logging - log the FULL response to see exactly what we're getting
+    console.log('[AdBanner] Full API Response:', JSON.stringify(data, null, 2));
+    console.log('[AdBanner] API Response Summary:', {
+      success: data.success,
+      hasAd: !!data.ad,
+      hasAds: !!(data.ads && Array.isArray(data.ads)),
+      adsLength: Array.isArray(data.ads) ? data.ads.length : 0,
+      message: data.message,
+      dataKeys: Object.keys(data),
+      adType: data.ad ? typeof data.ad : 'none',
+      adsType: data.ads ? (Array.isArray(data.ads) ? 'array' : typeof data.ads) : 'none',
+    });
+
     // Type guard to check if an object is Ad type (for arrays that might contain either)
     const isAd = (obj: unknown): obj is Ad => {
       if (typeof obj !== 'object' || obj === null) return false;
@@ -160,11 +173,15 @@ export async function fetchAdBanner(params: FetchAdBannerParams): Promise<AdBann
     if (data.ads && Array.isArray(data.ads) && data.ads.length > 0) {
       // If we get an array, use the first ad and ensure it's Ad type
       const firstAd = data.ads[0];
+      console.log('[AdBanner] Processing ads array, first ad:', JSON.stringify(firstAd, null, 2));
+      
       // Check if it's already an Ad, otherwise convert from AdData
       const ad: Ad = isAd(firstAd) 
         ? firstAd 
         : convertToAd(firstAd as AdData);
       
+      console.log('[AdBanner] Converted ad:', JSON.stringify(ad, null, 2));
+      
       return {
         success: data.success,
         ad,
@@ -177,7 +194,9 @@ export async function fetchAdBanner(params: FetchAdBannerParams): Promise<AdBann
     // Handle single ad response - convert AdData to Ad
     // Since data.ad is typed as AdData, we always convert it
     if (data.ad) {
+      console.log('[AdBanner] Processing single ad:', JSON.stringify(data.ad, null, 2));
       const ad: Ad = convertToAd(data.ad);
+      console.log('[AdBanner] Converted ad:', JSON.stringify(ad, null, 2));
       
       return {
         success: data.success,
@@ -188,11 +207,21 @@ export async function fetchAdBanner(params: FetchAdBannerParams): Promise<AdBann
       };
     }
 
-    return {
+    // No ad found - log detailed info
+    console.warn('[AdBanner] No ad found in response:', {
       success: data.success,
-      dev_mode: data.dev_mode,
-      _dev_note: data._dev_note,
+      hasAd: !!data.ad,
+      hasAds: !!(data.ads && Array.isArray(data.ads)),
+      adsLength: Array.isArray(data.ads) ? data.ads.length : 0,
       message: data.message,
+      fullData: data,
+    });
+
+    return {
+      success: data.success || false,
+      dev_mode: data.dev_mode,
+      _dev_note: data._dev_note || 'No ad data in response',
+      message: data.message || 'No ads available in response',
     };
   } catch (error) {
     console.error('[AdBanner] Error fetching ad:', error);