@upeex/ads-sdk 1.1.7 → 1.1.9

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';
 
@@ -79,7 +79,7 @@ async function fetchAd({ baseUrl, client, slot, display = 'BANNER', debug = fals
     return ad;
 }
 
-function AdBanner({ client, slot, baseUrl = 'https://app.upeex.com.br', theme = 'light', style = {}, debug = false, }) {
+function AdBanner({ client, slot, baseUrl = 'https://app.upeex.com.br/ad', theme = 'light', style = {}, debug = false, }) {
     const [ad, setAd] = useState(null);
     const [error, setError] = useState(null);
     const log = (...args) => {
@@ -87,30 +87,46 @@ function AdBanner({ client, slot, baseUrl = 'https://app.upeex.com.br', theme =
             console.log('[UPEEX ADS]', ...args);
     };
     useEffect(() => {
-        if (!client || !slot) {
-            log('client ou slot não informado');
-            return;
-        }
-        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;
+        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);
             }
-            setAd(data);
-        })
-            .catch((err) => {
-            console.error('[UPEEX ADS] Erro', err);
-            setError('Erro ao carregar anúncio');
-        });
+        };
+        if (client && slot) {
+            load();
+        }
+        return () => {
+            if (refreshTimer)
+                clearTimeout(refreshTimer);
+        };
     }, [client, slot, baseUrl]);
     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.loading, children: jsx(Text, { style: styles.loadingText, children: "Carregando an\u00FAncio\u2026" }) })) : 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);
@@ -123,32 +139,28 @@ function AdBanner({ client, slot, baseUrl = 'https://app.upeex.com.br', theme =
             Linking.openURL(ad.clickUrl);
         }
     };
-    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',
-                } })] }));
+    return (jsx(TouchableOpacity, { activeOpacity: 0.9, style: [
+            styles.container,
+            theme === 'dark' && styles.dark,
+            style,
+        ], 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: {
-        alignItems: 'center',
-        paddingVertical: 6,
         backgroundColor: '#f2f2f2',
+        padding: 8,
+        alignItems: 'center',
+        justifyContent: 'center',
     },
     dark: {
         backgroundColor: '#121212',
     },
-    label: {
-        fontSize: 10,
-        color: '#666',
-        marginBottom: 4,
-    },
-    darkText: {
-        color: '#aaa',
-    },
     loading: {
-        padding: 10,
-        alignItems: 'center',
+        backgroundColor: '#fafafa',
     },
     loadingText: {
         fontSize: 11,
@@ -156,7 +168,6 @@ const styles = StyleSheet.create({
     },
     debug: {
         backgroundColor: '#ffecec',
-        padding: 8,
     },
     debugText: {
         fontSize: 11,

package/package.json

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