react-native-converted-in-sdk

import React, { useEffect } from 'react'; import { SafeAreaView, Text, Button, Alert } from 'react-native'; import { RNConvertInSDKProvider, useConvertedInSdk } from 'react-native-converted-in-sdk'; const AppContent = () => { const { initializeSDK, identifyUser, trackEvent, isInitialized } = useConvertedInSdk(); useEffect(() => { if (!isInitialized) { // This is a redundant call if using RNConvertInSDKProvider, but shows manual initialization if not wrapped initializeSDK({ pixelId: process.env.CONVERTEDIN_PIXEL_ID ?? 'CI-YOUR_PIXEL_ID', storeUrl: process.env.CONVERTEDIN_STORE_URL ?? 'https://your-store.com', }); } console.log('SDK Initialized:', isInitialized); }, [initializeSDK, isInitialized]); const handleIdentifyUser = () => { identifyUser("user@example.com", "+1", "5551234567"); Alert.alert("User Identified", "Check console for details."); }; const handleTrackPurchase = () => { trackEvent( 'Purchase', { currency: 'USD', total: 99.99, products: [ { id: 'SKU123', quantity: 1, name: 'Sample Product' }, ], } ); Alert.alert("Event Tracked", "Purchase event sent."); }; return ( <SafeAreaView style={{ flex: 1, justifyContent: 'center', alignItems: 'center', gap: 20 }}> <Text style={{ fontSize: 20, fontWeight: 'bold' }}>ConvertedIn SDK Demo</Text> <Button title="Identify User" onPress={handleIdentifyUser} /> <Button title="Track Purchase Event" onPress={handleTrackPurchase} /> <Text style={{ marginTop: 20 }}>SDK Initialized: {isInitialized ? 'Yes' : 'No'}</Text> </SafeAreaView> ); }; export default function App() { return ( <RNConvertInSDKProvider pixelId={process.env.CONVERTEDIN_PIXEL_ID ?? 'CI-YOUR_PIXEL_ID'} storeUrl={process.env.CONVERTEDIN_STORE_URL ?? 'https://your-store.com'} > <AppContent /> </RNConvertInSDKProvider> ); }