@thead-vantage/react 2.1.3 → 2.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thead-vantage/react",
-  "version": "2.1.3",
+  "version": "2.2.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,6 +43,13 @@ export function AdBanner({
           userSegment,
         });
 
+        console.log('[AdBanner] Processed response:', {
+          success: response.success,
+          hasAd: !!response.ad,
+          devMode: response.dev_mode,
+          message: response.message,
+        });
+
         if (response.success && response.ad) {
           setAd(response.ad);
           setDevMode(response.dev_mode || false);
@@ -50,6 +57,12 @@ export function AdBanner({
           // Track impression (will be skipped in dev mode)
           trackImpression(response.ad.id);
         } else {
+          console.warn('[AdBanner] No ad available:', {
+            success: response.success,
+            hasAd: !!response.ad,
+            message: response.message,
+            _dev_note: response._dev_note,
+          });
           setError('No ads available');
         }
       } catch (err) {

package/src/lib/ads.ts

@@ -137,6 +137,16 @@ export async function fetchAdBanner(params: FetchAdBannerParams): Promise<AdBann
 
     const data: AdsResponse = await response.json();
 
+    // Debug logging to see what we're getting from the API
+    console.log('[AdBanner] API Response:', {
+      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),
+    });
+
     // 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;