React Native

import React,{useState} from 'react';
import {Platform,SafeAreaView,ScrollView,Text,Pressable} from 'react-native';
import * as SecureStore from 'expo-secure-store';
import {createDidnexClient,DidnexAd,DidnexPanel,formats,type AdFormat} from 'didnex-react-native-ads';
const key=(value:string)=>'didnex_'+Array.from(new TextEncoder().encode(value),b=>b.toString(16).padStart(2,'0')).join('');
// IDs are public identifiers. Never place administrator credentials in the app.
const client=createDidnexClient({origin:'https://didnex.com',packageName:'com.company.app',platform:Platform.OS==='ios'?'ios':'android',storage:{get:k=>SecureStore.getItemAsync(key(k)),set:(k,v)=>SecureStore.setItemAsync(key(k),v),remove:k=>SecureStore.deleteItemAsync(key(k))}});
const units:Record<AdFormat,string>={'banner':'UNT_BANNER','adaptive_banner':'','native':'','native_video':'','video':'','interstitial':'','rewarded':'','rewarded_interstitial':'','app_open':'','playable':'','audio':'','carousel':'','poll':''};
const diagnosticToken="".trim() || undefined;
export default function App(){const [format,setFormat]=useState<AdFormat>('banner'),[screen,setScreen]=useState<'preferences'|'messages'|'offers'|null>(null),[notice,setNotice]=useState('');const unit=units[format];return <SafeAreaView style={{flex:1}}><ScrollView contentContainerStyle={{padding:20,gap:12}}><Text>Didnex · 1</Text>{formats.filter(f=>f==="banner").map(f=><Pressable key={f} onPress={()=>{setScreen(null);setFormat(f);}}><Text>{f}</Text></Pressable>)}<Text>{notice}</Text>{unit?<DidnexAd key={format} client={client} unitId={unit} format={format} diagnosticToken={diagnosticToken} onError={setNotice} onReward={receipt=>setNotice('Verified grant: '+String(receipt.grantId))}/>:<Text>Create an active {format} unit in the publisher panel first.</Text>}{(['preferences','messages','offers'] as const).map(s=><Pressable key={s} onPress={()=>setScreen(s)}><Text>{s}</Text></Pressable>)}{screen&&unit?<DidnexPanel key={screen} client={client} unitId={unit} screen={screen}/>:null}</ScrollView></SafeAreaView>;}

import React,{useState} from 'react';
import {Platform,SafeAreaView,ScrollView,Text,Pressable} from 'react-native';
import * as SecureStore from 'expo-secure-store';
import {createDidnexClient,DidnexAd,DidnexPanel,formats,type AdFormat} from 'didnex-react-native-ads';
const key=(value:string)=>'didnex_'+Array.from(new TextEncoder().encode(value),b=>b.toString(16).padStart(2,'0')).join('');
// IDs are public identifiers. Never place administrator credentials in the app.
const client=createDidnexClient({origin:'https://didnex.com',packageName:'com.company.app',platform:Platform.OS==='ios'?'ios':'android',storage:{get:k=>SecureStore.getItemAsync(key(k)),set:(k,v)=>SecureStore.setItemAsync(key(k),v),remove:k=>SecureStore.deleteItemAsync(key(k))}});
const units:Record<AdFormat,string>={'banner':'','adaptive_banner':'UNT_ADAPTIVE_BANNER','native':'','native_video':'','video':'','interstitial':'','rewarded':'','rewarded_interstitial':'','app_open':'','playable':'','audio':'','carousel':'','poll':''};
const diagnosticToken="".trim() || undefined;
export default function App(){const [format,setFormat]=useState<AdFormat>('adaptive_banner'),[screen,setScreen]=useState<'preferences'|'messages'|'offers'|null>(null),[notice,setNotice]=useState('');const unit=units[format];return <SafeAreaView style={{flex:1}}><ScrollView contentContainerStyle={{padding:20,gap:12}}><Text>Didnex · 1</Text>{formats.filter(f=>f==="adaptive_banner").map(f=><Pressable key={f} onPress={()=>{setScreen(null);setFormat(f);}}><Text>{f}</Text></Pressable>)}<Text>{notice}</Text>{unit?<DidnexAd key={format} client={client} unitId={unit} format={format} diagnosticToken={diagnosticToken} onError={setNotice} onReward={receipt=>setNotice('Verified grant: '+String(receipt.grantId))}/>:<Text>Create an active {format} unit in the publisher panel first.</Text>}{(['preferences','messages','offers'] as const).map(s=><Pressable key={s} onPress={()=>setScreen(s)}><Text>{s}</Text></Pressable>)}{screen&&unit?<DidnexPanel key={screen} client={client} unitId={unit} screen={screen}/>:null}</ScrollView></SafeAreaView>;}

import React,{useState} from 'react';
import {Platform,SafeAreaView,ScrollView,Text,Pressable} from 'react-native';
import * as SecureStore from 'expo-secure-store';
import {createDidnexClient,DidnexAd,DidnexPanel,formats,type AdFormat} from 'didnex-react-native-ads';
const key=(value:string)=>'didnex_'+Array.from(new TextEncoder().encode(value),b=>b.toString(16).padStart(2,'0')).join('');
// IDs are public identifiers. Never place administrator credentials in the app.
const client=createDidnexClient({origin:'https://didnex.com',packageName:'com.company.app',platform:Platform.OS==='ios'?'ios':'android',storage:{get:k=>SecureStore.getItemAsync(key(k)),set:(k,v)=>SecureStore.setItemAsync(key(k),v),remove:k=>SecureStore.deleteItemAsync(key(k))}});
const units:Record<AdFormat,string>={'banner':'','adaptive_banner':'','native':'UNT_NATIVE','native_video':'','video':'','interstitial':'','rewarded':'','rewarded_interstitial':'','app_open':'','playable':'','audio':'','carousel':'','poll':''};
const diagnosticToken="".trim() || undefined;
export default function App(){const [format,setFormat]=useState<AdFormat>('native'),[screen,setScreen]=useState<'preferences'|'messages'|'offers'|null>(null),[notice,setNotice]=useState('');const unit=units[format];return <SafeAreaView style={{flex:1}}><ScrollView contentContainerStyle={{padding:20,gap:12}}><Text>Didnex · 1</Text>{formats.filter(f=>f==="native").map(f=><Pressable key={f} onPress={()=>{setScreen(null);setFormat(f);}}><Text>{f}</Text></Pressable>)}<Text>{notice}</Text>{unit?<DidnexAd key={format} client={client} unitId={unit} format={format} diagnosticToken={diagnosticToken} onError={setNotice} onReward={receipt=>setNotice('Verified grant: '+String(receipt.grantId))}/>:<Text>Create an active {format} unit in the publisher panel first.</Text>}{(['preferences','messages','offers'] as const).map(s=><Pressable key={s} onPress={()=>setScreen(s)}><Text>{s}</Text></Pressable>)}{screen&&unit?<DidnexPanel key={screen} client={client} unitId={unit} screen={screen}/>:null}</ScrollView></SafeAreaView>;}

import React,{useState} from 'react';
import {Platform,SafeAreaView,ScrollView,Text,Pressable} from 'react-native';
import * as SecureStore from 'expo-secure-store';
import {createDidnexClient,DidnexAd,DidnexPanel,formats,type AdFormat} from 'didnex-react-native-ads';
const key=(value:string)=>'didnex_'+Array.from(new TextEncoder().encode(value),b=>b.toString(16).padStart(2,'0')).join('');
// IDs are public identifiers. Never place administrator credentials in the app.
const client=createDidnexClient({origin:'https://didnex.com',packageName:'com.company.app',platform:Platform.OS==='ios'?'ios':'android',storage:{get:k=>SecureStore.getItemAsync(key(k)),set:(k,v)=>SecureStore.setItemAsync(key(k),v),remove:k=>SecureStore.deleteItemAsync(key(k))}});
const units:Record<AdFormat,string>={'banner':'','adaptive_banner':'','native':'','native_video':'UNT_NATIVE_VIDEO','video':'','interstitial':'','rewarded':'','rewarded_interstitial':'','app_open':'','playable':'','audio':'','carousel':'','poll':''};
const diagnosticToken="".trim() || undefined;
export default function App(){const [format,setFormat]=useState<AdFormat>('native_video'),[screen,setScreen]=useState<'preferences'|'messages'|'offers'|null>(null),[notice,setNotice]=useState('');const unit=units[format];return <SafeAreaView style={{flex:1}}><ScrollView contentContainerStyle={{padding:20,gap:12}}><Text>Didnex · 1</Text>{formats.filter(f=>f==="native_video").map(f=><Pressable key={f} onPress={()=>{setScreen(null);setFormat(f);}}><Text>{f}</Text></Pressable>)}<Text>{notice}</Text>{unit?<DidnexAd key={format} client={client} unitId={unit} format={format} diagnosticToken={diagnosticToken} onError={setNotice} onReward={receipt=>setNotice('Verified grant: '+String(receipt.grantId))}/>:<Text>Create an active {format} unit in the publisher panel first.</Text>}{(['preferences','messages','offers'] as const).map(s=><Pressable key={s} onPress={()=>setScreen(s)}><Text>{s}</Text></Pressable>)}{screen&&unit?<DidnexPanel key={screen} client={client} unitId={unit} screen={screen}/>:null}</ScrollView></SafeAreaView>;}

import React,{useState} from 'react';
import {Platform,SafeAreaView,ScrollView,Text,Pressable} from 'react-native';
import * as SecureStore from 'expo-secure-store';
import {createDidnexClient,DidnexAd,DidnexPanel,formats,type AdFormat} from 'didnex-react-native-ads';
const key=(value:string)=>'didnex_'+Array.from(new TextEncoder().encode(value),b=>b.toString(16).padStart(2,'0')).join('');
// IDs are public identifiers. Never place administrator credentials in the app.
const client=createDidnexClient({origin:'https://didnex.com',packageName:'com.company.app',platform:Platform.OS==='ios'?'ios':'android',storage:{get:k=>SecureStore.getItemAsync(key(k)),set:(k,v)=>SecureStore.setItemAsync(key(k),v),remove:k=>SecureStore.deleteItemAsync(key(k))}});
const units:Record<AdFormat,string>={'banner':'','adaptive_banner':'','native':'','native_video':'','video':'UNT_VIDEO','interstitial':'','rewarded':'','rewarded_interstitial':'','app_open':'','playable':'','audio':'','carousel':'','poll':''};
const diagnosticToken="".trim() || undefined;
export default function App(){const [format,setFormat]=useState<AdFormat>('video'),[screen,setScreen]=useState<'preferences'|'messages'|'offers'|null>(null),[notice,setNotice]=useState('');const unit=units[format];return <SafeAreaView style={{flex:1}}><ScrollView contentContainerStyle={{padding:20,gap:12}}><Text>Didnex · 1</Text>{formats.filter(f=>f==="video").map(f=><Pressable key={f} onPress={()=>{setScreen(null);setFormat(f);}}><Text>{f}</Text></Pressable>)}<Text>{notice}</Text>{unit?<DidnexAd key={format} client={client} unitId={unit} format={format} diagnosticToken={diagnosticToken} onError={setNotice} onReward={receipt=>setNotice('Verified grant: '+String(receipt.grantId))}/>:<Text>Create an active {format} unit in the publisher panel first.</Text>}{(['preferences','messages','offers'] as const).map(s=><Pressable key={s} onPress={()=>setScreen(s)}><Text>{s}</Text></Pressable>)}{screen&&unit?<DidnexPanel key={screen} client={client} unitId={unit} screen={screen}/>:null}</ScrollView></SafeAreaView>;}

import React,{useState} from 'react';
import {Platform,SafeAreaView,ScrollView,Text,Pressable} from 'react-native';
import * as SecureStore from 'expo-secure-store';
import {createDidnexClient,DidnexAd,DidnexPanel,formats,type AdFormat} from 'didnex-react-native-ads';
const key=(value:string)=>'didnex_'+Array.from(new TextEncoder().encode(value),b=>b.toString(16).padStart(2,'0')).join('');
// IDs are public identifiers. Never place administrator credentials in the app.
const client=createDidnexClient({origin:'https://didnex.com',packageName:'com.company.app',platform:Platform.OS==='ios'?'ios':'android',storage:{get:k=>SecureStore.getItemAsync(key(k)),set:(k,v)=>SecureStore.setItemAsync(key(k),v),remove:k=>SecureStore.deleteItemAsync(key(k))}});
const units:Record<AdFormat,string>={'banner':'','adaptive_banner':'','native':'','native_video':'','video':'','interstitial':'UNT_INTERSTITIAL','rewarded':'','rewarded_interstitial':'','app_open':'','playable':'','audio':'','carousel':'','poll':''};
const diagnosticToken="".trim() || undefined;
export default function App(){const [format,setFormat]=useState<AdFormat>('interstitial'),[screen,setScreen]=useState<'preferences'|'messages'|'offers'|null>(null),[notice,setNotice]=useState('');const unit=units[format];return <SafeAreaView style={{flex:1}}><ScrollView contentContainerStyle={{padding:20,gap:12}}><Text>Didnex · 1</Text>{formats.filter(f=>f==="interstitial").map(f=><Pressable key={f} onPress={()=>{setScreen(null);setFormat(f);}}><Text>{f}</Text></Pressable>)}<Text>{notice}</Text>{unit?<DidnexAd key={format} client={client} unitId={unit} format={format} diagnosticToken={diagnosticToken} onError={setNotice} onReward={receipt=>setNotice('Verified grant: '+String(receipt.grantId))}/>:<Text>Create an active {format} unit in the publisher panel first.</Text>}{(['preferences','messages','offers'] as const).map(s=><Pressable key={s} onPress={()=>setScreen(s)}><Text>{s}</Text></Pressable>)}{screen&&unit?<DidnexPanel key={screen} client={client} unitId={unit} screen={screen}/>:null}</ScrollView></SafeAreaView>;}

import React,{useState} from 'react';
import {Platform,SafeAreaView,ScrollView,Text,Pressable} from 'react-native';
import * as SecureStore from 'expo-secure-store';
import {createDidnexClient,DidnexAd,DidnexPanel,formats,type AdFormat} from 'didnex-react-native-ads';
const key=(value:string)=>'didnex_'+Array.from(new TextEncoder().encode(value),b=>b.toString(16).padStart(2,'0')).join('');
// IDs are public identifiers. Never place administrator credentials in the app.
const client=createDidnexClient({origin:'https://didnex.com',packageName:'com.company.app',platform:Platform.OS==='ios'?'ios':'android',storage:{get:k=>SecureStore.getItemAsync(key(k)),set:(k,v)=>SecureStore.setItemAsync(key(k),v),remove:k=>SecureStore.deleteItemAsync(key(k))}});
const units:Record<AdFormat,string>={'banner':'','adaptive_banner':'','native':'','native_video':'','video':'','interstitial':'','rewarded':'UNT_REWARDED','rewarded_interstitial':'','app_open':'','playable':'','audio':'','carousel':'','poll':''};
const diagnosticToken="".trim() || undefined;
export default function App(){const [format,setFormat]=useState<AdFormat>('rewarded'),[screen,setScreen]=useState<'preferences'|'messages'|'offers'|null>(null),[notice,setNotice]=useState('');const unit=units[format];return <SafeAreaView style={{flex:1}}><ScrollView contentContainerStyle={{padding:20,gap:12}}><Text>Didnex · 1</Text>{formats.filter(f=>f==="rewarded").map(f=><Pressable key={f} onPress={()=>{setScreen(null);setFormat(f);}}><Text>{f}</Text></Pressable>)}<Text>{notice}</Text>{unit?<DidnexAd key={format} client={client} unitId={unit} format={format} diagnosticToken={diagnosticToken} onError={setNotice} onReward={receipt=>setNotice('Verified grant: '+String(receipt.grantId))}/>:<Text>Create an active {format} unit in the publisher panel first.</Text>}{(['preferences','messages','offers'] as const).map(s=><Pressable key={s} onPress={()=>setScreen(s)}><Text>{s}</Text></Pressable>)}{screen&&unit?<DidnexPanel key={screen} client={client} unitId={unit} screen={screen}/>:null}</ScrollView></SafeAreaView>;}

import React,{useState} from 'react';
import {Platform,SafeAreaView,ScrollView,Text,Pressable} from 'react-native';
import * as SecureStore from 'expo-secure-store';
import {createDidnexClient,DidnexAd,DidnexPanel,formats,type AdFormat} from 'didnex-react-native-ads';
const key=(value:string)=>'didnex_'+Array.from(new TextEncoder().encode(value),b=>b.toString(16).padStart(2,'0')).join('');
// IDs are public identifiers. Never place administrator credentials in the app.
const client=createDidnexClient({origin:'https://didnex.com',packageName:'com.company.app',platform:Platform.OS==='ios'?'ios':'android',storage:{get:k=>SecureStore.getItemAsync(key(k)),set:(k,v)=>SecureStore.setItemAsync(key(k),v),remove:k=>SecureStore.deleteItemAsync(key(k))}});
const units:Record<AdFormat,string>={'banner':'','adaptive_banner':'','native':'','native_video':'','video':'','interstitial':'','rewarded':'','rewarded_interstitial':'UNT_REWARDED_INTERSTITIAL','app_open':'','playable':'','audio':'','carousel':'','poll':''};
const diagnosticToken="".trim() || undefined;
export default function App(){const [format,setFormat]=useState<AdFormat>('rewarded_interstitial'),[screen,setScreen]=useState<'preferences'|'messages'|'offers'|null>(null),[notice,setNotice]=useState('');const unit=units[format];return <SafeAreaView style={{flex:1}}><ScrollView contentContainerStyle={{padding:20,gap:12}}><Text>Didnex · 1</Text>{formats.filter(f=>f==="rewarded_interstitial").map(f=><Pressable key={f} onPress={()=>{setScreen(null);setFormat(f);}}><Text>{f}</Text></Pressable>)}<Text>{notice}</Text>{unit?<DidnexAd key={format} client={client} unitId={unit} format={format} diagnosticToken={diagnosticToken} onError={setNotice} onReward={receipt=>setNotice('Verified grant: '+String(receipt.grantId))}/>:<Text>Create an active {format} unit in the publisher panel first.</Text>}{(['preferences','messages','offers'] as const).map(s=><Pressable key={s} onPress={()=>setScreen(s)}><Text>{s}</Text></Pressable>)}{screen&&unit?<DidnexPanel key={screen} client={client} unitId={unit} screen={screen}/>:null}</ScrollView></SafeAreaView>;}

import React,{useState} from 'react';
import {Platform,SafeAreaView,ScrollView,Text,Pressable} from 'react-native';
import * as SecureStore from 'expo-secure-store';
import {createDidnexClient,DidnexAd,DidnexPanel,formats,type AdFormat} from 'didnex-react-native-ads';
const key=(value:string)=>'didnex_'+Array.from(new TextEncoder().encode(value),b=>b.toString(16).padStart(2,'0')).join('');
// IDs are public identifiers. Never place administrator credentials in the app.
const client=createDidnexClient({origin:'https://didnex.com',packageName:'com.company.app',platform:Platform.OS==='ios'?'ios':'android',storage:{get:k=>SecureStore.getItemAsync(key(k)),set:(k,v)=>SecureStore.setItemAsync(key(k),v),remove:k=>SecureStore.deleteItemAsync(key(k))}});
const units:Record<AdFormat,string>={'banner':'','adaptive_banner':'','native':'','native_video':'','video':'','interstitial':'','rewarded':'','rewarded_interstitial':'','app_open':'UNT_APP_OPEN','playable':'','audio':'','carousel':'','poll':''};
const diagnosticToken="".trim() || undefined;
export default function App(){const [format,setFormat]=useState<AdFormat>('app_open'),[screen,setScreen]=useState<'preferences'|'messages'|'offers'|null>(null),[notice,setNotice]=useState('');const unit=units[format];return <SafeAreaView style={{flex:1}}><ScrollView contentContainerStyle={{padding:20,gap:12}}><Text>Didnex · 1</Text>{formats.filter(f=>f==="app_open").map(f=><Pressable key={f} onPress={()=>{setScreen(null);setFormat(f);}}><Text>{f}</Text></Pressable>)}<Text>{notice}</Text>{unit?<DidnexAd key={format} client={client} unitId={unit} format={format} diagnosticToken={diagnosticToken} onError={setNotice} onReward={receipt=>setNotice('Verified grant: '+String(receipt.grantId))}/>:<Text>Create an active {format} unit in the publisher panel first.</Text>}{(['preferences','messages','offers'] as const).map(s=><Pressable key={s} onPress={()=>setScreen(s)}><Text>{s}</Text></Pressable>)}{screen&&unit?<DidnexPanel key={screen} client={client} unitId={unit} screen={screen}/>:null}</ScrollView></SafeAreaView>;}

import React,{useState} from 'react';
import {Platform,SafeAreaView,ScrollView,Text,Pressable} from 'react-native';
import * as SecureStore from 'expo-secure-store';
import {createDidnexClient,DidnexAd,DidnexPanel,formats,type AdFormat} from 'didnex-react-native-ads';
const key=(value:string)=>'didnex_'+Array.from(new TextEncoder().encode(value),b=>b.toString(16).padStart(2,'0')).join('');
// IDs are public identifiers. Never place administrator credentials in the app.
const client=createDidnexClient({origin:'https://didnex.com',packageName:'com.company.app',platform:Platform.OS==='ios'?'ios':'android',storage:{get:k=>SecureStore.getItemAsync(key(k)),set:(k,v)=>SecureStore.setItemAsync(key(k),v),remove:k=>SecureStore.deleteItemAsync(key(k))}});
const units:Record<AdFormat,string>={'banner':'','adaptive_banner':'','native':'','native_video':'','video':'','interstitial':'','rewarded':'','rewarded_interstitial':'','app_open':'','playable':'UNT_PLAYABLE','audio':'','carousel':'','poll':''};
const diagnosticToken="".trim() || undefined;
export default function App(){const [format,setFormat]=useState<AdFormat>('playable'),[screen,setScreen]=useState<'preferences'|'messages'|'offers'|null>(null),[notice,setNotice]=useState('');const unit=units[format];return <SafeAreaView style={{flex:1}}><ScrollView contentContainerStyle={{padding:20,gap:12}}><Text>Didnex · 1</Text>{formats.filter(f=>f==="playable").map(f=><Pressable key={f} onPress={()=>{setScreen(null);setFormat(f);}}><Text>{f}</Text></Pressable>)}<Text>{notice}</Text>{unit?<DidnexAd key={format} client={client} unitId={unit} format={format} diagnosticToken={diagnosticToken} onError={setNotice} onReward={receipt=>setNotice('Verified grant: '+String(receipt.grantId))}/>:<Text>Create an active {format} unit in the publisher panel first.</Text>}{(['preferences','messages','offers'] as const).map(s=><Pressable key={s} onPress={()=>setScreen(s)}><Text>{s}</Text></Pressable>)}{screen&&unit?<DidnexPanel key={screen} client={client} unitId={unit} screen={screen}/>:null}</ScrollView></SafeAreaView>;}

import React,{useState} from 'react';
import {Platform,SafeAreaView,ScrollView,Text,Pressable} from 'react-native';
import * as SecureStore from 'expo-secure-store';
import {createDidnexClient,DidnexAd,DidnexPanel,formats,type AdFormat} from 'didnex-react-native-ads';
const key=(value:string)=>'didnex_'+Array.from(new TextEncoder().encode(value),b=>b.toString(16).padStart(2,'0')).join('');
// IDs are public identifiers. Never place administrator credentials in the app.
const client=createDidnexClient({origin:'https://didnex.com',packageName:'com.company.app',platform:Platform.OS==='ios'?'ios':'android',storage:{get:k=>SecureStore.getItemAsync(key(k)),set:(k,v)=>SecureStore.setItemAsync(key(k),v),remove:k=>SecureStore.deleteItemAsync(key(k))}});
const units:Record<AdFormat,string>={'banner':'','adaptive_banner':'','native':'','native_video':'','video':'','interstitial':'','rewarded':'','rewarded_interstitial':'','app_open':'','playable':'','audio':'UNT_AUDIO','carousel':'','poll':''};
const diagnosticToken="".trim() || undefined;
export default function App(){const [format,setFormat]=useState<AdFormat>('audio'),[screen,setScreen]=useState<'preferences'|'messages'|'offers'|null>(null),[notice,setNotice]=useState('');const unit=units[format];return <SafeAreaView style={{flex:1}}><ScrollView contentContainerStyle={{padding:20,gap:12}}><Text>Didnex · 1</Text>{formats.filter(f=>f==="audio").map(f=><Pressable key={f} onPress={()=>{setScreen(null);setFormat(f);}}><Text>{f}</Text></Pressable>)}<Text>{notice}</Text>{unit?<DidnexAd key={format} client={client} unitId={unit} format={format} diagnosticToken={diagnosticToken} onError={setNotice} onReward={receipt=>setNotice('Verified grant: '+String(receipt.grantId))}/>:<Text>Create an active {format} unit in the publisher panel first.</Text>}{(['preferences','messages','offers'] as const).map(s=><Pressable key={s} onPress={()=>setScreen(s)}><Text>{s}</Text></Pressable>)}{screen&&unit?<DidnexPanel key={screen} client={client} unitId={unit} screen={screen}/>:null}</ScrollView></SafeAreaView>;}

import React,{useState} from 'react';
import {Platform,SafeAreaView,ScrollView,Text,Pressable} from 'react-native';
import * as SecureStore from 'expo-secure-store';
import {createDidnexClient,DidnexAd,DidnexPanel,formats,type AdFormat} from 'didnex-react-native-ads';
const key=(value:string)=>'didnex_'+Array.from(new TextEncoder().encode(value),b=>b.toString(16).padStart(2,'0')).join('');
// IDs are public identifiers. Never place administrator credentials in the app.
const client=createDidnexClient({origin:'https://didnex.com',packageName:'com.company.app',platform:Platform.OS==='ios'?'ios':'android',storage:{get:k=>SecureStore.getItemAsync(key(k)),set:(k,v)=>SecureStore.setItemAsync(key(k),v),remove:k=>SecureStore.deleteItemAsync(key(k))}});
const units:Record<AdFormat,string>={'banner':'','adaptive_banner':'','native':'','native_video':'','video':'','interstitial':'','rewarded':'','rewarded_interstitial':'','app_open':'','playable':'','audio':'','carousel':'UNT_CAROUSEL','poll':''};
const diagnosticToken="".trim() || undefined;
export default function App(){const [format,setFormat]=useState<AdFormat>('carousel'),[screen,setScreen]=useState<'preferences'|'messages'|'offers'|null>(null),[notice,setNotice]=useState('');const unit=units[format];return <SafeAreaView style={{flex:1}}><ScrollView contentContainerStyle={{padding:20,gap:12}}><Text>Didnex · 1</Text>{formats.filter(f=>f==="carousel").map(f=><Pressable key={f} onPress={()=>{setScreen(null);setFormat(f);}}><Text>{f}</Text></Pressable>)}<Text>{notice}</Text>{unit?<DidnexAd key={format} client={client} unitId={unit} format={format} diagnosticToken={diagnosticToken} onError={setNotice} onReward={receipt=>setNotice('Verified grant: '+String(receipt.grantId))}/>:<Text>Create an active {format} unit in the publisher panel first.</Text>}{(['preferences','messages','offers'] as const).map(s=><Pressable key={s} onPress={()=>setScreen(s)}><Text>{s}</Text></Pressable>)}{screen&&unit?<DidnexPanel key={screen} client={client} unitId={unit} screen={screen}/>:null}</ScrollView></SafeAreaView>;}

import React,{useState} from 'react';
import {Platform,SafeAreaView,ScrollView,Text,Pressable} from 'react-native';
import * as SecureStore from 'expo-secure-store';
import {createDidnexClient,DidnexAd,DidnexPanel,formats,type AdFormat} from 'didnex-react-native-ads';
const key=(value:string)=>'didnex_'+Array.from(new TextEncoder().encode(value),b=>b.toString(16).padStart(2,'0')).join('');
// IDs are public identifiers. Never place administrator credentials in the app.
const client=createDidnexClient({origin:'https://didnex.com',packageName:'com.company.app',platform:Platform.OS==='ios'?'ios':'android',storage:{get:k=>SecureStore.getItemAsync(key(k)),set:(k,v)=>SecureStore.setItemAsync(key(k),v),remove:k=>SecureStore.deleteItemAsync(key(k))}});
const units:Record<AdFormat,string>={'banner':'','adaptive_banner':'','native':'','native_video':'','video':'','interstitial':'','rewarded':'','rewarded_interstitial':'','app_open':'','playable':'','audio':'','carousel':'','poll':'UNT_POLL'};
const diagnosticToken="".trim() || undefined;
export default function App(){const [format,setFormat]=useState<AdFormat>('poll'),[screen,setScreen]=useState<'preferences'|'messages'|'offers'|null>(null),[notice,setNotice]=useState('');const unit=units[format];return <SafeAreaView style={{flex:1}}><ScrollView contentContainerStyle={{padding:20,gap:12}}><Text>Didnex · 1</Text>{formats.filter(f=>f==="poll").map(f=><Pressable key={f} onPress={()=>{setScreen(null);setFormat(f);}}><Text>{f}</Text></Pressable>)}<Text>{notice}</Text>{unit?<DidnexAd key={format} client={client} unitId={unit} format={format} diagnosticToken={diagnosticToken} onError={setNotice} onReward={receipt=>setNotice('Verified grant: '+String(receipt.grantId))}/>:<Text>Create an active {format} unit in the publisher panel first.</Text>}{(['preferences','messages','offers'] as const).map(s=><Pressable key={s} onPress={()=>setScreen(s)}><Text>{s}</Text></Pressable>)}{screen&&unit?<DidnexPanel key={screen} client={client} unitId={unit} screen={screen}/>:null}</ScrollView></SafeAreaView>;}