@upeex/ads-sdk 1.1.6 → 1.1.8

package/dist/index.js

@@ -1,4 +1,4 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
 import { Platform, Dimensions, StyleSheet, View, Text, TouchableOpacity, Image, Linking } from 'react-native';
 
@@ -40,44 +40,43 @@ async function getSignals() {
 }
 
 async function fetchAd({ baseUrl, client, slot, display = 'BANNER', debug = false, }) {
+    const log = (...args) => {
+        if (debug)
+            console.log('[UPEEX ADS]', ...args);
+    };
     const signals = await getSignals();
-    if (debug) {
-        console.log('[ADS] signals:', signals);
-    }
-    // 1️⃣ chama o make
-    const res = await fetch(`${baseUrl}/make/mobile`, {
+    log('signals', signals);
+    // 1️⃣ MAKE
+    const makeRes = await fetch(`${baseUrl}/ad/make/mobile`, {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({
             client,
             slot,
             display,
-            isMobile: signals.platform !== 'web' ? 1 : 0,
             ...signals,
         }),
     });
-    if (!res.ok) {
-        if (debug)
-            console.error('[ADS] make error:', res.status);
+    if (!makeRes.ok) {
+        log('Erro no make', makeRes.status);
         return null;
     }
-    // make retorna UMA URL
-    const showUrl = await res.text();
-    if (debug) {
-        console.log('[ADS] showUrl:', showUrl);
-    }
-    // 2️⃣ faz GET nessa URL
-    const adRes = await fetch(showUrl);
-    if (!adRes.ok) {
-        if (debug)
-            console.error('[ADS] show error:', adRes.status);
+    const makeData = await makeRes.json();
+    log('make response', makeData);
+    if (!makeData.url) {
+        log('make não retornou url');
         return null;
     }
-    const adData = await adRes.json();
-    if (debug) {
-        console.log('[ADS] adData:', adData);
+    // 2️⃣ SHOW
+    log('fazendo fetch do showUrl', makeData.url);
+    const showRes = await fetch(makeData.url);
+    if (!showRes.ok) {
+        log('Erro no show', showRes.status);
+        return null;
     }
-    return adData;
+    const ad = await showRes.json();
+    log('ad recebido', ad);
+    return ad;
 }
 
 function AdBanner({ client, slot, baseUrl = 'https://app.upeex.com.br/ad', theme = 'light', style = {}, debug = false, }) {
@@ -87,51 +86,52 @@ function AdBanner({ client, slot, baseUrl = 'https://app.upeex.com.br/ad', theme
         if (debug)
             console.log('[UPEEX ADS]', ...args);
     };
-    async function loadAd() {
-        try {
-            log('Carregando anúncio', { client, slot, baseUrl });
-            const data = await fetchAd({
-                baseUrl,
-                client,
-                slot,
-                debug,
-            });
-            log('Resposta do anúncio', data);
-            if (!(data === null || data === void 0 ? void 0 : data.image) || !(data === null || data === void 0 ? void 0 : data.clickUrl)) {
-                setError('Anúncio inválido ou vazio');
+    useEffect(() => {
+        let refreshTimer;
+        const load = async () => {
+            try {
+                log('Buscando anúncio', { client, slot });
+                const data = await fetchAd({ baseUrl, client, slot, debug });
+                log('Resposta do servidor', data);
+                if (!data || !data.image) {
+                    setError('Nenhum anúncio disponível');
+                    setAd(null);
+                    return;
+                }
+                setAd(data);
+                setError(null);
+                if (data.refresh && data.refresh > 0) {
+                    log(`Refresh ativo: ${data.refresh}s`);
+                    refreshTimer = setTimeout(() => {
+                        log('Refazendo request do anúncio');
+                        load();
+                    }, data.refresh * 1000);
+                }
+            }
+            catch (err) {
+                console.error('[UPEEX ADS] Erro ao carregar anúncio', err);
+                setError('Erro ao carregar anúncio');
                 setAd(null);
-                return;
             }
-            setAd(data);
-            setError(null);
-        }
-        catch (err) {
-            console.error('[UPEEX ADS] Erro ao carregar anúncio', err);
-            setError('Erro ao carregar anúncio');
-            setAd(null);
-        }
-    }
-    useEffect(() => {
-        if (!client || !slot) {
-            log('client ou slot não informado');
-            return;
+        };
+        if (client && slot) {
+            load();
         }
-        loadAd();
+        return () => {
+            if (refreshTimer)
+                clearTimeout(refreshTimer);
+        };
     }, [client, slot, baseUrl]);
-    // 🔁 auto refresh (se backend enviar)
-    useEffect(() => {
-        if (!(ad === null || ad === void 0 ? void 0 : ad.refresh))
-            return;
-        log('Auto refresh em', ad.refresh, 'segundos');
-        const timer = setTimeout(loadAd, ad.refresh * 1000);
-        return () => clearTimeout(timer);
-    }, [ad === null || ad === void 0 ? void 0 : ad.refresh]);
-    // ❌ nada pra renderizar
+    if (error) {
+        return debug ? (jsx(View, { style: [styles.container, styles.debug], children: jsx(Text, { style: styles.debugText, children: error }) })) : null;
+    }
     if (!ad) {
-        return debug ? (jsx(View, { style: [styles.container, styles.debug], children: jsx(Text, { style: styles.debugText, children: error !== null && error !== void 0 ? error : 'Nenhum anúncio carregado' }) })) : null;
+        return debug ? (jsx(View, { style: [styles.container, styles.loading], children: jsx(Text, { style: styles.loadingText, children: "Carregando an\u00FAncio\u2026" }) })) : null;
     }
     const handlePress = () => {
         log('Clique no anúncio', ad.clickUrl);
+        if (!ad.clickUrl)
+            return;
         if (Platform.OS === 'web') {
             window.open(ad.clickUrl, '_blank');
         }
@@ -139,38 +139,39 @@ function AdBanner({ client, slot, baseUrl = 'https://app.upeex.com.br/ad', theme
             Linking.openURL(ad.clickUrl);
         }
     };
-    return (jsxs(TouchableOpacity, { activeOpacity: 0.9, onPress: handlePress, style: [
+    return (jsx(TouchableOpacity, { activeOpacity: 0.9, style: [
             styles.container,
             theme === 'dark' && styles.dark,
             style,
-        ], children: [jsx(Image, { source: { uri: ad.image }, style: {
-                    width: ad.width || 320,
-                    height: ad.height || 50,
-                }, resizeMode: "contain" }), debug && (jsxs(Text, { style: styles.debugInfo, children: ["client: ", client, " | slot: ", slot] }))] }));
+        ], onPress: handlePress, children: jsx(Image, { source: { uri: ad.image }, style: {
+                width: ad.width || 320,
+                height: ad.height || 50,
+                resizeMode: 'contain',
+            } }) }));
 }
 const styles = StyleSheet.create({
     container: {
+        backgroundColor: '#f2f2f2',
+        padding: 8,
         alignItems: 'center',
         justifyContent: 'center',
-        backgroundColor: '#f2f2f2',
-        paddingVertical: 4,
     },
     dark: {
         backgroundColor: '#121212',
     },
+    loading: {
+        backgroundColor: '#fafafa',
+    },
+    loadingText: {
+        fontSize: 11,
+        color: '#999',
+    },
     debug: {
-        padding: 10,
-        backgroundColor: '#fff3f3',
+        backgroundColor: '#ffecec',
     },
     debugText: {
         fontSize: 11,
         color: '#c00',
-        textAlign: 'center',
-    },
-    debugInfo: {
-        marginTop: 4,
-        fontSize: 9,
-        color: '#888',
     },
 });
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@upeex/ads-sdk",
-  "version": "1.1.6",
+  "version": "1.1.8",
   "description": "Upeex Ads SDK for React Native and universal apps",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",