@upeex/ads-sdk 0.1.1 → 0.1.3

package/dist/AdBanner.d.ts

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

package/dist/core.d.ts

@@ -1,7 +1,9 @@
-export interface LoadAdOptions {
-    baseUrl?: string;
+type LoadAdParams = {
+    baseUrl: string;
     client: string;
     slot: string;
-}
-export declare function loadAd({ baseUrl, client, slot }: LoadAdOptions): Promise<any>;
-export declare function countView(baseUrl: string, token: string): void;
+    display?: string;
+};
+export declare function fetchAd({ baseUrl, client, slot, display, }: LoadAdParams): Promise<any>;
+export declare function countView(baseUrl: string, token: string): Promise<void>;
+export {};

package/dist/index.js

@@ -1,82 +1,113 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useRef, useEffect } from 'react';
-import { StyleSheet, View, Text, TouchableOpacity, Image, Linking } from 'react-native';
+import { useState, useEffect } from 'react';
+import { Platform, Dimensions, StyleSheet, TouchableOpacity, Text, Linking } from 'react-native';
 
 async function getSignals() {
-    let lang = 'pt-BR';
-    let tz = 'UTC';
-    try {
-        const intl = Intl.DateTimeFormat().resolvedOptions();
-        lang = intl.locale;
-        tz = intl.timeZone;
-    }
-    catch (_a) { }
+    var _a, _b, _c, _d, _e, _f;
+    let platform = 'unknown';
+    let screenWidth = 0;
+    let screenHeight = 0;
     let userAgent = 'unknown';
-    if (typeof navigator !== 'undefined' && navigator.userAgent) {
+    let locale = 'en-US';
+    let timezone = 'UTC';
+    if (typeof window !== 'undefined') {
+        // Web / PWA
+        platform = 'web';
+        screenWidth = window.innerWidth;
+        screenHeight = window.innerHeight;
         userAgent = navigator.userAgent;
+        locale =
+            ((_c = (_b = (_a = Intl === null || Intl === void 0 ? void 0 : Intl.DateTimeFormat) === null || _a === void 0 ? void 0 : _a.call(Intl)) === null || _b === void 0 ? void 0 : _b.resolvedOptions) === null || _c === void 0 ? void 0 : _c.call(_b).locale) || 'en-US';
+        timezone =
+            ((_f = (_e = (_d = Intl === null || Intl === void 0 ? void 0 : Intl.DateTimeFormat) === null || _d === void 0 ? void 0 : _d.call(Intl)) === null || _e === void 0 ? void 0 : _e.resolvedOptions) === null || _f === void 0 ? void 0 : _f.call(_e).timeZone) || 'UTC';
     }
-    let screenWidth = 0;
-    let screenHeight = 0;
-    if (typeof window !== 'undefined' && window.screen) {
-        screenWidth = window.screen.width;
-        screenHeight = window.screen.height;
+    else if (typeof Platform !== 'undefined') {
+        // React Native
+        platform = Platform.OS;
+        const dim = Dimensions.get('window');
+        screenWidth = dim.width;
+        screenHeight = dim.height;
+        // RN não tem userAgent nativo
     }
     return {
-        isMobile: true,
+        platform,
         screenWidth,
         screenHeight,
         userAgent,
-        lang,
-        tz,
-        href: typeof location !== 'undefined' ? location.href : 'app://mobile',
-        hostname: typeof location !== 'undefined' ? location.hostname : 'mobile-app'
+        locale,
+        timezone,
     };
 }
 
-async function loadAd({ baseUrl = 'http://localhost:3000', client, slot }) {
+async function fetchAd({ baseUrl, client, slot, display = 'BANNER', }) {
     const signals = await getSignals();
-    const makeRes = await fetch(`${baseUrl}/ad/make/mobile`, {
+    const res = await fetch(`${baseUrl}/make`, {
         method: 'POST',
-        headers: {
-            'Content-Type': 'application/json'
-        },
+        headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({
             client,
             slot,
-            display: 'BANNER',
-            responsive: 1,
-            ...signals
-        })
+            display,
+            isMobile: signals.platform !== 'web' ? 1 : 0,
+            ...signals,
+        }),
     });
-    if (!makeRes.ok) {
-        throw new Error('Erro ao chamar /ad/make/mobile');
-    }
-    const makeData = await makeRes.json();
-    if (!makeData.url) {
-        throw new Error('MAKE não retornou URL');
+    if (!res.ok)
+        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 }),
+        });
     }
-    const showRes = await fetch(makeData.url);
-    return showRes.json();
+    catch (_a) { }
 }
 
-function AdBanner({ client, slot }) {
+function AdBanner({ client, slot, baseUrl = 'https://ads.upeex.com.br', theme = 'light', style = {}, }) {
     const [ad, setAd] = useState(null);
-    useRef(false);
     useEffect(() => {
-        loadAd({
-            baseUrl: 'http://localhost:3000',
-            client,
-            slot
-        }).then(setAd);
-    }, [client, slot]);
+        fetchAd({ baseUrl, client, slot }).then((data) => {
+            if (!data)
+                return;
+            setAd(data);
+            countView(baseUrl, data.adtoken);
+        });
+    }, [client, slot, baseUrl]);
     if (!ad)
         return null;
-    return (jsxs(View, { style: styles.container, children: [jsx(Text, { style: styles.label, children: "Promovido" }), jsx(TouchableOpacity, { onPress: () => Linking.openURL(ad.click_url), children: jsx(Image, { source: { uri: ad.image }, style: styles.banner, resizeMode: "contain" }) })] }));
+    const handlePress = () => {
+        if (Platform.OS === 'web') {
+            window.open(ad.url, '_blank');
+        }
+        else {
+            Linking.openURL(ad.url);
+        }
+    };
+    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 })] }));
 }
 const styles = StyleSheet.create({
-    container: { width: '100%', alignItems: 'center', marginVertical: 8 },
-    label: { fontSize: 10, color: '#777', marginBottom: 2 },
-    banner: { width: '100%', height: 50 }
+    container: {
+        backgroundColor: '#f2f2f2',
+        padding: 12,
+        borderTopWidth: 1,
+        borderColor: '#ddd',
+    },
+    dark: {
+        backgroundColor: '#121212',
+    },
+    title: {
+        fontSize: 12,
+        fontWeight: '600',
+        marginBottom: 4,
+    },
+    text: {
+        fontSize: 11,
+        color: '#555',
+    },
 });
 
 export { AdBanner };

package/dist/signals.d.ts

@@ -1,10 +1,8 @@
 export declare function getSignals(): Promise<{
-    isMobile: boolean;
+    platform: string;
     screenWidth: number;
     screenHeight: number;
     userAgent: string;
-    lang: string;
-    tz: string;
-    href: string;
-    hostname: string;
+    locale: string;
+    timezone: string;
 }>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@upeex/ads-sdk",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "Upeex Ads SDK for React Native and universal apps",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -21,7 +21,8 @@
     "react-native",
     "expo",
     "sdk",
-    "upeex"
+    "upeex",
+    "upee"
   ],
   "author": "Upeex",
   "license": "MIT",