@upeex/ads-sdk 1.1.14 → 1.1.15

package/README.md

@@ -13,4 +13,5 @@ import AdBanner from '@upeex/ads-sdk';
  <AdBanner
   client="SEU_CLIENTE"
   slot="SEU_SLOT"
+  typeAds="banner" // banner ou popup
  /

package/dist/index.js

@@ -1,6 +1,6 @@
-import { jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
-import { Platform, Dimensions, StyleSheet, View, Text, TouchableOpacity, Image, Linking } from 'react-native';
+import { Platform, Dimensions, StyleSheet, View, Text, Modal, TouchableOpacity, Image, ActivityIndicator, Linking } from 'react-native';
 
 async function getSignals() {
     var _a, _b, _c, _d, _e, _f;
@@ -79,10 +79,17 @@ async function fetchAd({ baseUrl, client, slot, debug = false, typeAds, }) {
     return ad;
 }
 
+const { width: screenWidth, height: screenHeight } = Dimensions.get('window');
 function AdBanner({ client, slot, baseUrl = 'https://app.upeex.com.br/ad', theme = 'light', typeAds, typeads, // Receive alias
 style = {}, debug = false, }) {
+    var _a;
     const [ad, setAd] = useState(null);
     const [error, setError] = useState(null);
+    const [modalVisible, setModalVisible] = useState(false);
+    const [canClose, setCanClose] = useState(false);
+    // Normalize typeAds: prefer typeAds, fallback to typeads, default undefined.
+    // Ensure lowercase for backend compatibility (POPUP -> popup)
+    const effectiveTypeAds = (_a = (typeAds || typeads)) === null || _a === void 0 ? void 0 : _a.toLowerCase();
     const log = (...args) => {
         if (debug)
             console.log('[UPEEX ADS]', ...args);
@@ -90,12 +97,8 @@ style = {}, debug = false, }) {
     useEffect(() => {
         let refreshTimer;
         const load = async () => {
-            var _a;
             try {
                 log('Buscando anúncio', { client, slot });
-                // Normalize typeAds: prefer typeAds, fallback to typeads, default undefined.
-                // Ensure lowercase for backend compatibility (POPUP -> popup)
-                const effectiveTypeAds = (_a = (typeAds || typeads)) === null || _a === void 0 ? void 0 : _a.toLowerCase();
                 const data = await fetchAd({
                     baseUrl,
                     client,
@@ -111,6 +114,14 @@ style = {}, debug = false, }) {
                 }
                 setAd(data);
                 setError(null);
+                if (effectiveTypeAds === 'popup') {
+                    setModalVisible(true);
+                    setCanClose(false);
+                    // Timer to enable close button
+                    setTimeout(() => {
+                        setCanClose(true);
+                    }, 2000);
+                }
                 if (data.refresh && data.refresh > 0) {
                     log(`Refresh ativo: ${data.refresh}s`);
                     refreshTimer = setTimeout(() => {
@@ -132,7 +143,7 @@ style = {}, debug = false, }) {
             if (refreshTimer)
                 clearTimeout(refreshTimer);
         };
-    }, [client, slot, baseUrl]);
+    }, [client, slot, baseUrl, effectiveTypeAds]);
     if (error) {
         return debug ? (jsx(View, { style: [styles.container, styles.debug], children: jsx(Text, { style: styles.debugText, children: error }) })) : null;
     }
@@ -150,6 +161,12 @@ style = {}, debug = false, }) {
             Linking.openURL(ad.clickUrl);
         }
     };
+    if (effectiveTypeAds === 'popup') {
+        return (jsx(Modal, { visible: modalVisible, transparent: true, animationType: "fade", onRequestClose: () => {
+                if (canClose)
+                    setModalVisible(false);
+            }, children: jsxs(View, { style: styles.modalBackground, children: [jsx(TouchableOpacity, { style: styles.fullScreenTouch, activeOpacity: 1, onPress: handlePress, children: jsx(Image, { source: { uri: ad.image }, style: styles.fullScreenImage, resizeMode: "contain" }) }), jsx(TouchableOpacity, { style: styles.closeButton, onPress: () => setModalVisible(false), disabled: !canClose, children: !canClose ? (jsx(ActivityIndicator, { size: "small", color: "#fff" })) : (jsx(Text, { style: styles.closeButtonText, children: "X" })) })] }) }));
+    }
     return (jsx(TouchableOpacity, { activeOpacity: 0.9, style: [
             styles.container,
             theme === 'dark' && styles.dark,
@@ -184,6 +201,40 @@ const styles = StyleSheet.create({
         fontSize: 11,
         color: '#c00',
     },
+    modalBackground: {
+        flex: 1,
+        backgroundColor: 'rgba(0,0,0,0.9)',
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    fullScreenTouch: {
+        flex: 1,
+        width: '100%',
+        height: '100%',
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    fullScreenImage: {
+        width: '90%',
+        height: '90%',
+    },
+    closeButton: {
+        position: 'absolute',
+        top: 40,
+        right: 20,
+        backgroundColor: 'rgba(255, 255, 255, 0.3)',
+        width: 40,
+        height: 40,
+        borderRadius: 20,
+        justifyContent: 'center',
+        alignItems: 'center',
+        zIndex: 999,
+    },
+    closeButtonText: {
+        color: '#fff',
+        fontSize: 18,
+        fontWeight: 'bold',
+    },
 });
 
 export { AdBanner, AdBanner as default };

package/package.json

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