@upeex/ads-sdk 0.1.3 → 0.1.5

package/dist/AdBanner.d.ts

@@ -4,6 +4,7 @@ type Props = {
     baseUrl?: string;
     theme?: 'light' | 'dark';
     style?: object;
+    debug?: boolean;
 };
-export default function AdBanner({ client, slot, baseUrl, theme, style, }: Props): any;
+export default function AdBanner({ client, slot, baseUrl, theme, style, debug, }: Props): any;
 export {};

package/dist/core.d.ts

@@ -3,7 +3,7 @@ type LoadAdParams = {
     client: string;
     slot: string;
     display?: string;
+    debug?: boolean;
 };
-export declare function fetchAd({ baseUrl, client, slot, display, }: LoadAdParams): Promise<any>;
-export declare function countView(baseUrl: string, token: string): Promise<void>;
+export declare function fetchAd({ baseUrl, client, slot, display, debug, }: LoadAdParams): Promise<any>;
 export {};

package/dist/index.d.ts

@@ -1 +1,3 @@
-export { default as AdBanner } from './AdBanner';
+import AdBanner from './AdBanner';
+export default AdBanner;
+export { AdBanner };

package/dist/index.js

@@ -1,6 +1,6 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
-import { Platform, Dimensions, StyleSheet, TouchableOpacity, Text, Linking } from 'react-native';
+import { Platform, Dimensions, StyleSheet, View, Text, TouchableOpacity, Image, Linking } from 'react-native';
 
 async function getSignals() {
     var _a, _b, _c, _d, _e, _f;
@@ -39,8 +39,12 @@ async function getSignals() {
     };
 }
 
-async function fetchAd({ baseUrl, client, slot, display = 'BANNER', }) {
+async function fetchAd({ baseUrl, client, slot, display = 'BANNER', debug = false, }) {
     const signals = await getSignals();
+    if (debug) {
+        console.log('[ADS] signals:', signals);
+    }
+    // 1️⃣ chama o make
     const res = await fetch(`${baseUrl}/make`, {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
@@ -52,62 +56,122 @@ async function fetchAd({ baseUrl, client, slot, display = 'BANNER', }) {
             ...signals,
         }),
     });
-    if (!res.ok)
+    if (!res.ok) {
+        if (debug)
+            console.error('[ADS] make error:', res.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);
         return null;
-    return res.json();
-}
-async function countView(baseUrl, token) {
-    try {
-        await fetch(`${baseUrl}/count/views`, {
-            method: 'POST',
-            headers: { 'Content-Type': 'application/json' },
-            body: JSON.stringify({ token }),
-        });
     }
-    catch (_a) { }
+    const adData = await adRes.json();
+    if (debug) {
+        console.log('[ADS] adData:', adData);
+    }
+    return adData;
 }
 
-function AdBanner({ client, slot, baseUrl = 'https://ads.upeex.com.br', theme = 'light', style = {}, }) {
+function AdBanner({ client, slot, baseUrl = 'https://app.upeex.com.br/ad', theme = 'light', style = {}, debug = false, }) {
     const [ad, setAd] = useState(null);
-    useEffect(() => {
-        fetchAd({ baseUrl, client, slot }).then((data) => {
-            if (!data)
+    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);
-            countView(baseUrl, data.adtoken);
-        });
+            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();
     }, [client, slot, baseUrl]);
-    if (!ad)
-        return null;
+    // 🔁 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 (!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;
+    }
     const handlePress = () => {
+        log('Clique no anúncio', ad.clickUrl);
         if (Platform.OS === 'web') {
-            window.open(ad.url, '_blank');
+            window.open(ad.clickUrl, '_blank');
         }
         else {
-            Linking.openURL(ad.url);
+            Linking.openURL(ad.clickUrl);
         }
     };
-    return (jsxs(TouchableOpacity, { style: [styles.container, theme === 'dark' && styles.dark, style], onPress: handlePress, children: [jsx(Text, { style: styles.title, children: "Publicidade" }), jsx(Text, { style: styles.text, children: ad.url })] }));
+    return (jsxs(TouchableOpacity, { activeOpacity: 0.9, onPress: handlePress, 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] }))] }));
 }
 const styles = StyleSheet.create({
     container: {
+        alignItems: 'center',
+        justifyContent: 'center',
         backgroundColor: '#f2f2f2',
-        padding: 12,
-        borderTopWidth: 1,
-        borderColor: '#ddd',
+        paddingVertical: 4,
     },
     dark: {
         backgroundColor: '#121212',
     },
-    title: {
-        fontSize: 12,
-        fontWeight: '600',
-        marginBottom: 4,
+    debug: {
+        padding: 10,
+        backgroundColor: '#fff3f3',
     },
-    text: {
+    debugText: {
         fontSize: 11,
-        color: '#555',
+        color: '#c00',
+        textAlign: 'center',
+    },
+    debugInfo: {
+        marginTop: 4,
+        fontSize: 9,
+        color: '#888',
     },
 });
 
-export { AdBanner };
+export { AdBanner, AdBanner as default };

package/package.json

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