@thead-vantage/react 2.19.0 → 2.20.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thead-vantage/react",
-  "version": "2.19.0",
+  "version": "2.20.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

@@ -35,6 +35,7 @@ export function AdBanner({
   const [devMode, setDevMode] = useState(false);
   const [impressionStatus, setImpressionStatus] = useState<'pending' | 'counting' | 'completed'>('pending');
   const impressionTimerRef = useRef<NodeJS.Timeout | null>(null);
+  const hasTrackedImpressionRef = useRef<string | null>(null); // Track which ad ID we've already tracked
 
   useEffect(() => {
     const loadAd = async () => {
@@ -70,23 +71,28 @@ export function AdBanner({
           setAd(response.ad);
           setDevMode(response.dev_mode || false);
 
-          // Start impression timer if showImpressionFinished is enabled
-          if (showImpressionFinished) {
-            setImpressionStatus('counting');
-            // Standard impression timer: 2 seconds of view time
-            impressionTimerRef.current = setTimeout(() => {
-              setImpressionStatus('completed');
-              impressionTimerRef.current = null;
-            }, 2000);
-
-            // Track impression (will be skipped in dev mode)
-            // Note: We don't wait for the API call to complete - the timer determines when to show green check
-            trackImpression(response.ad.id, apiKey, apiUrl, impressionMetadata).catch(() => {
-              // Silently handle tracking errors - timer will still complete
-            });
-          } else {
-            // Track impression without timer UI
-            trackImpression(response.ad.id, apiKey, apiUrl, impressionMetadata);
+          // Only track impression once per ad - check if we've already tracked this ad ID
+          if (hasTrackedImpressionRef.current !== response.ad.id) {
+            hasTrackedImpressionRef.current = response.ad.id;
+
+            // Start impression timer if showImpressionFinished is enabled
+            if (showImpressionFinished) {
+              setImpressionStatus('counting');
+              // Standard impression timer: 2 seconds of view time
+              impressionTimerRef.current = setTimeout(() => {
+                setImpressionStatus('completed');
+                impressionTimerRef.current = null;
+              }, 2000);
+
+              // Track impression (will be skipped in dev mode)
+              // Note: We don't wait for the API call to complete - the timer determines when to show green check
+              trackImpression(response.ad.id, apiKey, apiUrl, impressionMetadata).catch(() => {
+                // Silently handle tracking errors - timer will still complete
+              });
+            } else {
+              // Track impression without timer UI
+              trackImpression(response.ad.id, apiKey, apiUrl, impressionMetadata);
+            }
           }
         } else {
           // Create a more detailed error message
@@ -138,8 +144,11 @@ export function AdBanner({
         clearTimeout(impressionTimerRef.current);
         impressionTimerRef.current = null;
       }
+      // Reset impression tracking ref when component unmounts or key dependencies change
+      // This allows re-tracking if the ad ID changes (new ad loaded)
+      hasTrackedImpressionRef.current = null;
     };
-  }, [platformId, apiKey, size, apiUrl, userId, userSegment, showImpressionFinished, impressionMetadata]);
+  }, [platformId, apiKey, size, apiUrl, userId, userSegment, showImpressionFinished]);
 
   const handleClick = () => {
     if (ad) {