@adtogether/react-native-sdk 0.1.7

package/lib/typescript/AdTogether.d.ts

@@ -0,0 +1,17 @@
+import { AdModel, AdType, AdTogetherOptions } from './types';
+export declare class AdTogether {
+    private static instance;
+    private appId?;
+    private allowSelfAds;
+    baseUrl: string;
+    private constructor();
+    static get shared(): AdTogether;
+    static initialize(options: AdTogetherOptions): void;
+    assertInitialized(): boolean;
+    private lastAdId?;
+    static fetchAd(adUnitId: string, adType?: AdType): Promise<AdModel>;
+    static trackImpression(adId: string, token?: string): void;
+    static trackClick(adId: string, token?: string): void;
+    private static trackEvent;
+}
+//# sourceMappingURL=AdTogether.d.ts.map

package/lib/typescript/AdTogether.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdTogether.d.ts","sourceRoot":"","sources":["../../src/AdTogether.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAG7D,qBAAa,UAAU;IACrB,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAa;IACpC,OAAO,CAAC,KAAK,CAAC,CAAS;IACvB,OAAO,CAAC,YAAY,CAAiB;IAC9B,OAAO,EAAE,MAAM,CAA8C;IAEpE,OAAO;IAEP,MAAM,KAAK,MAAM,IAAI,UAAU,CAK9B;IAED,MAAM,CAAC,UAAU,CAAC,OAAO,EAAE,iBAAiB;IAe5C,iBAAiB;IAQjB,OAAO,CAAC,QAAQ,CAAC,CAAS;WAEb,OAAO,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;IA+BzE,MAAM,CAAC,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM;IAInD,MAAM,CAAC,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM;IAI9C,OAAO,CAAC,MAAM,CAAC,UAAU;CAe1B"}

package/lib/typescript/AdTogetherBanner.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface AdTogetherBannerProps {
+    adUnitId: string;
+    onAdLoaded?: () => void;
+    onAdFailedToLoad?: (error: Error) => void;
+    /** Pass 'dark' to use dark mode, 'light' for light mode, or 'auto' (default) to respect system preference */
+    theme?: 'dark' | 'light' | 'auto';
+    style?: any;
+}
+export declare const AdTogetherBanner: React.FC<AdTogetherBannerProps>;
+//# sourceMappingURL=AdTogetherBanner.d.ts.map

package/lib/typescript/AdTogetherBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdTogetherBanner.d.ts","sourceRoot":"","sources":["../../src/AdTogetherBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAC1C,6GAA6G;IAC7G,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IAClC,KAAK,CAAC,EAAE,GAAG,CAAC;CACb;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAwG5D,CAAC"}

package/lib/typescript/AdTogetherInterstitial.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface AdTogetherInterstitialProps {
+    adUnitId: string;
+    isOpen: boolean;
+    onClose: () => void;
+    closeDelay?: number;
+    onAdLoaded?: () => void;
+    onAdFailedToLoad?: (error: Error) => void;
+    theme?: 'dark' | 'light' | 'auto';
+}
+export declare const AdTogetherInterstitial: React.FC<AdTogetherInterstitialProps>;
+//# sourceMappingURL=AdTogetherInterstitial.d.ts.map

package/lib/typescript/AdTogetherInterstitial.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdTogetherInterstitial.d.ts","sourceRoot":"","sources":["../../src/AdTogetherInterstitial.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAC1C,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;CACnC;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CA8HxE,CAAC"}

package/lib/typescript/index.d.ts

@@ -0,0 +1,5 @@
+export * from './types';
+export * from './AdTogether';
+export * from './AdTogetherBanner';
+export * from './AdTogetherInterstitial';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC"}

package/lib/typescript/types.d.ts

@@ -0,0 +1,18 @@
+export type AdType = 'banner' | 'interstitial';
+export interface AdModel {
+    id: string;
+    title: string;
+    description: string;
+    clickUrl?: string;
+    imageUrl?: string;
+    token?: string;
+    adType?: AdType;
+}
+export interface AdTogetherOptions {
+    appId?: string;
+    apiKey?: string;
+    baseUrl?: string;
+    /** Whether to show your own ads as fallback if no external ads are available. Defaults to true. */
+    allowSelfAds?: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,MAAM,GAAG,QAAQ,GAAG,cAAc,CAAC;AAE/C,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mGAAmG;IACnG,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB"}

package/package.json

@@ -0,0 +1,67 @@
+{
+  "name": "@adtogether/react-native-sdk",
+  "version": "0.1.7",
+  "description": "The official AdTogether React Native SDK — reciprocal ad exchange to increase conversions and grow your audience.",
+  "main": "lib/commonjs/index.js",
+  "module": "lib/module/index.js",
+  "react-native": "src/index.ts",
+  "source": "src/index.ts",
+  "types": "lib/typescript/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./lib/module/index.js",
+      "require": "./lib/commonjs/index.js",
+      "types": "./lib/typescript/index.d.ts"
+    }
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/undecided2003/AdTogether.git",
+    "directory": "sdk/react-native-sdk"
+  },
+  "homepage": "https://adtogether.relaxsoftwareapps.com",
+  "bugs": {
+    "url": "https://github.com/undecided2003/AdTogether/issues"
+  },
+  "scripts": {
+    "build": "bob build",
+    "dev": "bob build --watch",
+    "prepack": "npm run build"
+  },
+  "keywords": [
+    "react-native",
+    "ads",
+    "ad-exchange",
+    "monetization",
+    "advertising",
+    "reciprocal",
+    "conversions"
+  ],
+  "author": "AdTogether Team",
+  "license": "MIT",
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.0",
+    "react": "18.2.0",
+    "react-native": "0.74.0",
+    "react-native-builder-bob": "^0.30.2",
+    "typescript": "^5.0.0"
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      "commonjs",
+      "module",
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  }
+}

package/src/AdTogether.ts

@@ -0,0 +1,98 @@
+import { AdModel, AdType, AdTogetherOptions } from './types';
+import { Platform } from 'react-native';
+
+export class AdTogether {
+  private static instance: AdTogether;
+  private appId?: string;
+  private allowSelfAds: boolean = true;
+  public baseUrl: string = 'https://adtogether.relaxsoftwareapps.com';
+
+  private constructor() {}
+
+  static get shared(): AdTogether {
+    if (!AdTogether.instance) {
+      AdTogether.instance = new AdTogether();
+    }
+    return AdTogether.instance;
+  }
+
+  static initialize(options: AdTogetherOptions) {
+    const sdk = AdTogether.shared;
+    sdk.appId = options.apiKey || options.appId;
+    
+    if (options.allowSelfAds !== undefined) {
+      sdk.allowSelfAds = options.allowSelfAds;
+    }
+    
+    if (options.baseUrl) {
+      sdk.baseUrl = options.baseUrl;
+    }
+    
+    console.log(`AdTogether SDK Initialized with App ID: ${sdk.appId}`);
+  }
+
+  assertInitialized() {
+    if (!this.appId) {
+      console.error('AdTogether Error: SDK has not been initialized. Please call AdTogether.initialize() before displaying ads.');
+      return false;
+    }
+    return true;
+  }
+
+  private lastAdId?: string;
+
+  static async fetchAd(adUnitId: string, adType?: AdType): Promise<AdModel> {
+    if (!AdTogether.shared.assertInitialized()) {
+      throw new Error('AdTogether not initialized');
+    }
+
+    try {
+      const sdk = AdTogether.shared;
+      let url = `${sdk.baseUrl}/api/ads/serve?country=global&adUnitId=${adUnitId}&apiKey=${sdk.appId}`;
+      if (adType) {
+        url += `&adType=${adType}`;
+      }
+      if (sdk.lastAdId) {
+        url += `&exclude=${sdk.lastAdId}`;
+      }
+      
+      // Pass allowSelfAds
+      url += `&allowSelfAds=${sdk.allowSelfAds}&platform=${Platform.OS}`;
+
+      const response = await fetch(url);
+      if (response.ok) {
+        const ad = await response.json();
+        sdk.lastAdId = ad.id;
+        return ad;
+      }
+
+      throw new Error(`Failed to fetch ad. Status: ${response.status}`);
+    } catch (err) {
+      throw err;
+    }
+  }
+
+  static trackImpression(adId: string, token?: string) {
+    this.trackEvent('/api/ads/impression', adId, token);
+  }
+
+  static trackClick(adId: string, token?: string) {
+    this.trackEvent('/api/ads/click', adId, token);
+  }
+
+  private static trackEvent(endpoint: string, adId: string, token?: string) {
+    if (!AdTogether.shared.assertInitialized()) return;
+    
+    fetch(`${AdTogether.shared.baseUrl}${endpoint}`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify({ 
+        adId, 
+        token, 
+        apiKey: AdTogether.shared.appId 
+      }),
+    }).catch(console.error);
+  }
+}

package/src/AdTogetherBanner.tsx

@@ -0,0 +1,175 @@
+import React, { useEffect, useState, useRef } from 'react';
+import { View, Text, Image, TouchableOpacity, StyleSheet, useColorScheme, Linking } from 'react-native';
+import { AdTogether } from './AdTogether';
+import { AdModel } from './types';
+
+export interface AdTogetherBannerProps {
+  adUnitId: string;
+  onAdLoaded?: () => void;
+  onAdFailedToLoad?: (error: Error) => void;
+  /** Pass 'dark' to use dark mode, 'light' for light mode, or 'auto' (default) to respect system preference */
+  theme?: 'dark' | 'light' | 'auto';
+  style?: any;
+}
+
+export const AdTogetherBanner: React.FC<AdTogetherBannerProps> = ({
+  adUnitId,
+  onAdLoaded,
+  onAdFailedToLoad,
+  theme = 'auto',
+  style,
+}) => {
+  const [adData, setAdData] = useState<AdModel | null>(null);
+  const [isLoading, setIsLoading] = useState(true);
+  const [hasError, setHasError] = useState(false);
+  const systemColorScheme = useColorScheme();
+  
+  const impressionTrackedRef = useRef(false);
+
+  useEffect(() => {
+    let isMounted = true;
+
+    AdTogether.fetchAd(adUnitId, 'banner')
+      .then((ad) => {
+        if (isMounted) {
+          setAdData(ad);
+          setIsLoading(false);
+          onAdLoaded?.();
+        }
+      })
+      .catch((err) => {
+        if (isMounted) {
+          console.error('AdTogether Failed to load ad:', err);
+          setHasError(true);
+          setIsLoading(false);
+          onAdFailedToLoad?.(err);
+        }
+      });
+
+    return () => {
+      isMounted = false;
+    };
+  }, [adUnitId, onAdLoaded, onAdFailedToLoad]);
+
+  // Track impression when ad is rendered
+  useEffect(() => {
+    if (adData && !isLoading && !hasError && !impressionTrackedRef.current) {
+      impressionTrackedRef.current = true;
+      AdTogether.trackImpression(adData.id, adData.token);
+    }
+  }, [adData, isLoading, hasError]);
+
+  const handlePress = () => {
+    if (!adData) return;
+    AdTogether.trackClick(adData.id, adData.token);
+    if (adData.clickUrl) {
+      Linking.openURL(adData.clickUrl).catch(console.error);
+    }
+  };
+
+  if (isLoading) {
+    return <View style={[styles.container, style]} />;
+  }
+
+  if (hasError || !adData) {
+    return null;
+  }
+
+  const isDarkMode = theme === 'auto' ? systemColorScheme === 'dark' : theme === 'dark';
+  
+  const bgColor = isDarkMode ? '#1F2937' : '#ffffff';
+  const borderColor = isDarkMode ? 'rgba(255,255,255,0.1)' : 'rgba(0,0,0,0.1)';
+  const textColor = isDarkMode ? '#F9FAFB' : '#111827';
+  const descColor = isDarkMode ? '#9CA3AF' : '#6B7280';
+
+  return (
+    <TouchableOpacity
+      activeOpacity={0.8}
+      onPress={handlePress}
+      style={[
+        styles.container,
+        { backgroundColor: bgColor, borderColor },
+        style,
+      ]}
+    >
+      {adData.imageUrl ? (
+        <View style={styles.imageContainer}>
+          <Image
+            source={{ uri: adData.imageUrl }}
+            style={styles.image}
+            resizeMode="cover"
+          />
+        </View>
+      ) : null}
+      <View style={styles.textContainer}>
+        <View style={styles.headerRow}>
+          <Text style={[styles.title, { color: textColor }]} numberOfLines={1}>
+            {adData.title}
+          </Text>
+          <View style={styles.adBadge}>
+            <Text style={styles.adBadgeText}>AD</Text>
+          </View>
+        </View>
+        <Text style={[styles.description, { color: descColor }]} numberOfLines={2}>
+          {adData.description}
+        </Text>
+      </View>
+    </TouchableOpacity>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    width: '100%',
+    minHeight: 80,
+    borderRadius: 12,
+    borderWidth: 1,
+    overflow: 'hidden',
+    shadowColor: '#000',
+    shadowOffset: { width: 0, height: 2 },
+    shadowOpacity: 0.05,
+    shadowRadius: 5,
+    elevation: 2,
+  },
+  imageContainer: {
+    width: 120,
+    height: '100%',
+    minHeight: 80,
+  },
+  image: {
+    width: '100%',
+    height: '100%',
+  },
+  textContainer: {
+    padding: 12,
+    flex: 1,
+    justifyContent: 'center',
+  },
+  headerRow: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'flex-start',
+    marginBottom: 4,
+  },
+  title: {
+    fontWeight: 'bold',
+    fontSize: 14,
+    flex: 1,
+  },
+  adBadge: {
+    backgroundColor: '#FBBF24',
+    paddingHorizontal: 4,
+    paddingVertical: 2,
+    borderRadius: 4,
+    marginLeft: 8,
+  },
+  adBadgeText: {
+    color: '#000',
+    fontSize: 9,
+    fontWeight: 'bold',
+  },
+  description: {
+    fontSize: 12,
+  },
+});

package/src/AdTogetherInterstitial.tsx

@@ -0,0 +1,230 @@
+import React, { useEffect, useState, useRef } from 'react';
+import { View, Text, Image, TouchableOpacity, StyleSheet, Modal, SafeAreaView, useColorScheme, Linking } from 'react-native';
+import { AdTogether } from './AdTogether';
+import { AdModel } from './types';
+
+export interface AdTogetherInterstitialProps {
+  adUnitId: string;
+  isOpen: boolean;
+  onClose: () => void;
+  closeDelay?: number;
+  onAdLoaded?: () => void;
+  onAdFailedToLoad?: (error: Error) => void;
+  theme?: 'dark' | 'light' | 'auto';
+}
+
+export const AdTogetherInterstitial: React.FC<AdTogetherInterstitialProps> = ({
+  adUnitId,
+  isOpen,
+  onClose,
+  closeDelay = 3,
+  onAdLoaded,
+  onAdFailedToLoad,
+  theme = 'auto',
+}) => {
+  const [adData, setAdData] = useState<AdModel | null>(null);
+  const [isLoading, setIsLoading] = useState(true);
+  const [hasError, setHasError] = useState(false);
+  const [timeLeft, setTimeLeft] = useState(closeDelay);
+  const systemColorScheme = useColorScheme();
+  
+  const impressionTrackedRef = useRef(false);
+
+  useEffect(() => {
+    if (!isOpen) return;
+
+    let isMounted = true;
+    setIsLoading(true);
+    setHasError(false);
+    setTimeLeft(closeDelay);
+    impressionTrackedRef.current = false;
+
+    AdTogether.fetchAd(adUnitId, 'interstitial')
+      .then((ad) => {
+        if (isMounted) {
+          setAdData(ad);
+          setIsLoading(false);
+          onAdLoaded?.();
+        }
+      })
+      .catch((err) => {
+        if (isMounted) {
+          console.error('AdTogether Interstitial Failed:', err);
+          setHasError(true);
+          setIsLoading(false);
+          onAdFailedToLoad?.(err);
+          onClose(); // Automatically close on error
+        }
+      });
+
+    return () => {
+      isMounted = false;
+    };
+  }, [adUnitId, isOpen, closeDelay, onAdLoaded, onAdFailedToLoad, onClose]);
+
+  // Track impression and start timer
+  useEffect(() => {
+    if (isOpen && adData && !isLoading && !hasError && !impressionTrackedRef.current) {
+      impressionTrackedRef.current = true;
+      AdTogether.trackImpression(adData.id, adData.token);
+      
+      const timer = setInterval(() => {
+        setTimeLeft((prev) => {
+          if (prev <= 1) {
+            clearInterval(timer);
+            return 0;
+          }
+          return prev - 1;
+        });
+      }, 1000);
+      
+      return () => clearInterval(timer);
+    }
+  }, [isOpen, adData, isLoading, hasError]);
+
+  const handlePress = () => {
+    if (!adData) return;
+    AdTogether.trackClick(adData.id, adData.token);
+    if (adData.clickUrl) {
+      Linking.openURL(adData.clickUrl).catch(console.error);
+    }
+  };
+
+  if (!isOpen || isLoading || hasError || !adData) {
+    return null;
+  }
+
+  const isDarkMode = theme === 'auto' ? systemColorScheme === 'dark' : theme === 'dark';
+  const bgColor = isDarkMode ? '#111827' : '#ffffff';
+  const textColor = isDarkMode ? '#F9FAFB' : '#111827';
+  const descColor = isDarkMode ? '#9CA3AF' : '#6B7280';
+  const buttonBgColor = isDarkMode ? '#374151' : '#F3F4F6';
+
+  return (
+    <Modal visible={isOpen} animationType="slide" transparent={false}>
+      <SafeAreaView style={[styles.container, { backgroundColor: bgColor }]}>
+        <View style={styles.header}>
+          {timeLeft > 0 ? (
+            <View style={[styles.closeButton, { backgroundColor: buttonBgColor }]}>
+              <Text style={{ color: descColor, fontWeight: 'bold' }}>{timeLeft}</Text>
+            </View>
+          ) : (
+            <TouchableOpacity onPress={onClose} style={[styles.closeButton, { backgroundColor: buttonBgColor }]}>
+              <Text style={{ color: textColor, fontWeight: 'bold', fontSize: 16 }}>✕</Text>
+            </TouchableOpacity>
+          )}
+        </View>
+
+        <TouchableOpacity activeOpacity={0.9} style={styles.content} onPress={handlePress}>
+          <View style={styles.imageWrapper}>
+            {adData.imageUrl ? (
+              <Image source={{ uri: adData.imageUrl }} style={styles.image} resizeMode="contain" />
+            ) : (
+              <View style={[styles.imagePlaceholder, { backgroundColor: isDarkMode ? '#1F2937' : '#E5E7EB' }]} />
+            )}
+          </View>
+          
+          <View style={styles.textWrapper}>
+            <View style={styles.adBadge}>
+              <Text style={styles.adBadgeText}>Advertisement</Text>
+            </View>
+            <Text style={[styles.title, { color: textColor }]}>{adData.title}</Text>
+            <Text style={[styles.description, { color: descColor }]}>{adData.description}</Text>
+            
+            <View style={styles.ctaButton}>
+              <Text style={styles.ctaText}>Learn More</Text>
+            </View>
+          </View>
+        </TouchableOpacity>
+      </SafeAreaView>
+    </Modal>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+  },
+  header: {
+    flexDirection: 'row',
+    justifyContent: 'flex-end',
+    padding: 16,
+    zIndex: 10,
+  },
+  closeButton: {
+    width: 32,
+    height: 32,
+    borderRadius: 16,
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  content: {
+    flex: 1,
+    padding: 24,
+    paddingTop: 0,
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  imageWrapper: {
+    width: '100%',
+    aspectRatio: 1,
+    marginBottom: 32,
+    shadowColor: '#000',
+    shadowOffset: { width: 0, height: 10 },
+    shadowOpacity: 0.1,
+    shadowRadius: 20,
+    elevation: 5,
+  },
+  image: {
+    width: '100%',
+    height: '100%',
+    borderRadius: 16,
+  },
+  imagePlaceholder: {
+    width: '100%',
+    height: '100%',
+    borderRadius: 16,
+  },
+  textWrapper: {
+    alignItems: 'center',
+    width: '100%',
+  },
+  adBadge: {
+    backgroundColor: '#FBBF24',
+    paddingHorizontal: 8,
+    paddingVertical: 4,
+    borderRadius: 6,
+    marginBottom: 16,
+  },
+  adBadgeText: {
+    color: '#000',
+    fontSize: 10,
+    fontWeight: '900',
+    textTransform: 'uppercase',
+  },
+  title: {
+    fontSize: 24,
+    fontWeight: 'bold',
+    textAlign: 'center',
+    marginBottom: 12,
+  },
+  description: {
+    fontSize: 16,
+    textAlign: 'center',
+    lineHeight: 24,
+    marginBottom: 32,
+  },
+  ctaButton: {
+    backgroundColor: '#3B82F6',
+    paddingHorizontal: 32,
+    paddingVertical: 16,
+    borderRadius: 12,
+    width: '100%',
+    alignItems: 'center',
+  },
+  ctaText: {
+    color: '#FFFFFF',
+    fontSize: 16,
+    fontWeight: 'bold',
+  },
+});

package/src/index.ts

@@ -0,0 +1,4 @@
+export * from './types';
+export * from './AdTogether';
+export * from './AdTogetherBanner';
+export * from './AdTogetherInterstitial';

package/src/types.ts

@@ -0,0 +1,19 @@
+export type AdType = 'banner' | 'interstitial';
+
+export interface AdModel {
+  id: string;
+  title: string;
+  description: string;
+  clickUrl?: string;
+  imageUrl?: string;
+  token?: string;
+  adType?: AdType;
+}
+
+export interface AdTogetherOptions {
+  appId?: string;
+  apiKey?: string;
+  baseUrl?: string;
+  /** Whether to show your own ads as fallback if no external ads are available. Defaults to true. */
+  allowSelfAds?: boolean;
+}