import { useState } from 'react'; import { Head } from '@inertiajs/react'; import { router } from '@inertiajs/react'; import { PageProps } from '@/types'; interface UnsubscribeConfirmationProps extends PageProps { notification_type: string; confirmed: boolean; site_name?: string; confirm_url?: string; } const TYPE_LABELS: Record = { lifecycle_onboarding: 'onboarding tips and guides', lifecycle_reengagement: 're-engagement updates', lifecycle_milestones: 'milestone notifications', lifecycle_conversion: 'upgrade and billing tips', lifecycle_feature_discovery: 'feature discovery emails', lifecycle_activation: 'activation tips', lifecycle_retention: 'retention updates', lifecycle_alerts: 'alert notifications', lifecycle_quick_wins: 'quick win recommendations', analysis_complete: 'analysis completion notifications', traffic_alert: 'traffic alert notifications', new_recommendations: 'new recommendation notifications', }; export default function UnsubscribeConfirmation({ notification_type, confirmed, site_name, confirm_url, }: UnsubscribeConfirmationProps) { const label = TYPE_LABELS[notification_type] ?? notification_type.replace(/_/g, ' '); const [isSubmitting, setIsSubmitting] = useState(false); const handleConfirm = () => { if (confirm_url) { setIsSubmitting(true); router.post(confirm_url, {}, { preserveScroll: true, onFinish: () => setIsSubmitting(false), }); } }; return ( <>

{confirmed ? ( <>

✓

You've been unsubscribed

You will no longer receive {label} emails {site_name ? ` for ${site_name}` : ''}.

Manage all email preferences ) : ( <>

Confirm unsubscribe

You are about to unsubscribe from{' '} {label} emails {site_name ? ` for ${site_name}` : ''}.

Cancel, keep receiving these emails )}

); }