@upeex/ads-sdk 1.1.13 → 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/AdBanner.d.ts

@@ -4,8 +4,10 @@ type Props = {
     baseUrl?: string;
     theme?: 'light' | 'dark';
     typeAds?: 'banner' | 'popup';
+    typeads?: string;
     style?: object;
     debug?: boolean;
 };
-export default function AdBanner({ client, slot, baseUrl, theme, typeAds, style, debug, }: Props): any;
+export default function AdBanner({ client, slot, baseUrl, theme, typeAds, typeads, // Receive alias
+style, debug, }: Props): any;
 export {};

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,9 +79,17 @@ async function fetchAd({ baseUrl, client, slot, debug = false, typeAds, }) {
     return ad;
 }
 
-function AdBanner({ client, slot, baseUrl = 'https://app.upeex.com.br/ad', theme = 'light', typeAds, style = {}, debug = false, }) {
+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);
@@ -91,7 +99,13 @@ function AdBanner({ client, slot, baseUrl = 'https://app.upeex.com.br/ad', theme
         const load = async () => {
             try {
                 log('Buscando anúncio', { client, slot });
-                const data = await fetchAd({ baseUrl, client, slot, debug, typeAds });
+                const data = await fetchAd({
+                    baseUrl,
+                    client,
+                    slot,
+                    debug,
+                    typeAds: effectiveTypeAds,
+                });
                 log('Resposta do servidor', data);
                 if (!data || !data.image) {
                     setError('Nenhum anúncio disponível');
@@ -100,6 +114,14 @@ function AdBanner({ client, slot, baseUrl = 'https://app.upeex.com.br/ad', theme
                 }
                 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(() => {
@@ -121,7 +143,7 @@ function AdBanner({ client, slot, baseUrl = 'https://app.upeex.com.br/ad', theme
             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;
     }
@@ -139,6 +161,12 @@ function AdBanner({ client, slot, baseUrl = 'https://app.upeex.com.br/ad', theme
             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,
@@ -173,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.13",
+  "version": "1.1.15",
   "description": "Upeex Ads SDK for React Native and universal apps",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",