import { Muta } from '@mutalabs/react-native-muta';
function Onboarding() {
useEffect(() => {
// Listen for your custom events
const signupListener = Muta.on('signup_started', (event) => {
console.log('User started signup process');
// Trigger your signup flow
navigateToSignup();
});
const premiumListener = Muta.on('premium_selected', (event) => {
console.log('User selected premium option', event.eventData);
// Handle premium selection
setPremiumUser(true);
});
const surveyListener = Muta.on('survey_completed', (event) => {
console.log('Survey answers:', event.eventData);
// Save survey responses
saveSurveyData(event.eventData);
});
const formListener = Muta.on('form_submitted', (event) => {
// Access the form data from eventData
const { name, email, preferences } = event.eventData;
console.log('User submitted:', { name, email, preferences });
// Save to your backend
saveUserProfile({ name, email, preferences });
});
// Show the placement
Muta.displayPlacement({
placementId: 'your-placement-id',
bgColor: '#000000'
});
return () => {
signupListener.remove();
premiumListener.remove();
surveyListener.remove();
formListener.remove();
};
}, []);
return <View style={{ flex: 1 }} />;
}