@upeex/ads-sdk 1.1.6 → 1.1.7

package/dist/index.js

@@ -40,98 +40,82 @@ 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, }) {
+function AdBanner({ client, slot, baseUrl = 'https://app.upeex.com.br', theme = 'light', style = {}, debug = false, }) {
     const [ad, setAd] = useState(null);
     const [error, setError] = useState(null);
     const log = (...args) => {
         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');
-                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;
         }
-        loadAd();
+        log('Carregando anúncio', { client, slot });
+        fetchAd({ baseUrl, client, slot, debug })
+            .then((data) => {
+            log('Anúncio recebido', data);
+            if (!data || !data.image) {
+                setError('Anúncio inválido');
+                return;
+            }
+            setAd(data);
+        })
+            .catch((err) => {
+            console.error('[UPEEX ADS] Erro', err);
+            setError('Erro ao carregar anúncio');
+        });
     }, [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.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 +123,44 @@ 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: [
-            styles.container,
-            theme === 'dark' && styles.dark,
-            style,
-        ], children: [jsx(Image, { source: { uri: ad.image }, style: {
+    return (jsxs(TouchableOpacity, { activeOpacity: 0.9, onPress: handlePress, style: [styles.container, theme === 'dark' && styles.dark, style], children: [jsx(Text, { style: [styles.label, theme === 'dark' && styles.darkText], children: "Publicidade" }), 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] }))] }));
+                    resizeMode: 'contain',
+                } })] }));
 }
 const styles = StyleSheet.create({
     container: {
         alignItems: 'center',
-        justifyContent: 'center',
+        paddingVertical: 6,
         backgroundColor: '#f2f2f2',
-        paddingVertical: 4,
     },
     dark: {
         backgroundColor: '#121212',
     },
-    debug: {
+    label: {
+        fontSize: 10,
+        color: '#666',
+        marginBottom: 4,
+    },
+    darkText: {
+        color: '#aaa',
+    },
+    loading: {
         padding: 10,
-        backgroundColor: '#fff3f3',
+        alignItems: 'center',
+    },
+    loadingText: {
+        fontSize: 11,
+        color: '#999',
+    },
+    debug: {
+        backgroundColor: '#ffecec',
+        padding: 8,
     },
     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.7",
   "description": "Upeex Ads SDK for React Native and universal apps",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",