@upeex/ads-sdk 1.1.21 → 1.1.23

package/README.md

@@ -63,10 +63,19 @@ return (
 );
 ```
 
+```
+
 **Evite colocar dentro de:**
 - Componentes que são desmontados condicionalmente (`{show && <AdBanner />}`).
 - Headers ou Footers com `position: absolute` ou `zIndex` restritivo.
 
+#### ⚠️ Conflito com Outros Modals (Loading, Alertas)
+
+O React Native pode ter problemas ao tentar exibir **dois Modals ao mesmo tempo** (ex: um Loading Spinner e o Anúncio Popup).
+- Se o seu app abre um Modal de "Carregando..." ao entrar na tela, aguarde ele fechar antes de renderizar o anúncio, ou use o anúncio como o próprio loading inicial.
+- O SDK possui `zIndex` alto (9999), mas o sistema operacional (especialmente Android) pode priorizar o último Modal aberto na árvore de componentes.
+
+
 ### Props Disponíveis
 
 | Prop | Tipo | Descrição |

package/dist/index.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
+import React, { useState, useEffect } from 'react';
 import { Platform, Dimensions, StyleSheet, View, Text, Modal, TouchableWithoutFeedback, TouchableOpacity, ActivityIndicator, Image, Linking } from 'react-native';
 
 async function getSignals() {
@@ -91,6 +91,11 @@ style = {}, debug = false, }) {
     };
     const effectiveTypeAds = (_a = (typeAds || typeads)) === null || _a === void 0 ? void 0 : _a.toLowerCase();
     const isPopup = effectiveTypeAds === 'popup';
+    // Track visibility with ref to avoid dependency loops in useEffect
+    const isVisibleRef = React.useRef(false);
+    useEffect(() => {
+        isVisibleRef.current = modalVisible;
+    }, [modalVisible]);
     useEffect(() => {
         let refreshTimer;
         const load = async () => {
@@ -135,11 +140,11 @@ style = {}, debug = false, }) {
         return () => {
             if (refreshTimer)
                 clearTimeout(refreshTimer);
-            if (isPopup && modalVisible && debug) {
+            if (isPopup && isVisibleRef.current && debug) {
                 console.warn('[UPEEX ADS] Aviso: O componente AdBanner (Popup) foi desmontado enquanto estava visível. Verifique se ele não está dentro de uma View que foi ocultada ou removida da tela.');
             }
         };
-    }, [client, slot, baseUrl, effectiveTypeAds, modalVisible]);
+    }, [client, slot, baseUrl, effectiveTypeAds]); // Removed modalVisible to prevent loops
     // Popup close delay logic
     const [canClose, setCanClose] = useState(false);
     useEffect(() => {
@@ -231,24 +236,24 @@ const styles = StyleSheet.create({
         elevation: 10,
     },
     upeexPopupContainer: {
-        backgroundColor: '#fff',
-        padding: 20,
-        borderRadius: 10,
+        backgroundColor: 'transparent',
+        padding: 0,
         alignItems: 'center',
         position: 'relative',
-        elevation: 11,
-        shadowColor: '#000',
-        shadowOffset: { width: 0, height: 2 },
-        shadowOpacity: 0.25,
-        shadowRadius: 3.84,
         zIndex: 10000,
     },
     upeexCloseButton: {
         position: 'absolute',
-        top: 5,
-        right: 5,
+        top: -10,
+        right: -10,
         zIndex: 1,
-        padding: 5,
+        backgroundColor: '#fff',
+        borderRadius: 15,
+        width: 30,
+        height: 30,
+        justifyContent: 'center',
+        alignItems: 'center',
+        elevation: 5,
     },
     upeexCloseText: {
         fontSize: 18,

package/package.json

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