'use client'; import React, { useState, useMemo } from 'react'; import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from '@/components/ui/card'; import { Label } from '@/components/ui/label'; import { Input } from '@/components/ui/input'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'; import { Button } from '@/components/ui/button'; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table'; import { Progress } from '@/components/ui/progress'; import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, DialogClose } from '@/components/ui/dialog'; import { PlusCircle, Trash2, Edit, FileDown, Filter } from 'lucide-react'; import { useLocalStorage } from '@/hooks/use-local-storage'; import { CURRENCIES, getCurrencySymbol } from '@/lib/currencies'; import { format } from 'date-fns'; const claimStatusMap = { Submitted: { progress: 20, color: 'bg-blue-500' }, 'Under Review': { progress: 50, color: 'bg-yellow-500' }, Approved: { progress: 80, color: 'bg-green-500' }, Rejected: { progress: 100, color: 'bg-red-500' }, Paid: { progress: 100, color: 'bg-green-700' }, }; const InsuranceClaimTracker = () => { const [claims, setClaims] = useLocalStorage('ClaimTrackerData', []); const [isDialogOpen, setIsDialogOpen] = useState(false); const [editingClaim, setEditingClaim] = useState(null); const [filter, setFilter] = useState('All'); const openDialog = (claim = null) => { setEditingClaim(claim); setIsDialogOpen(true); }; const handleSave = (formData) => { if (editingClaim) { setClaims(claims.map(c => c.id === editingClaim.id ? { ...c, ...formData } : c)); } else { setClaims([...claims, { ...formData, id: Date.now() }]); } setIsDialogOpen(false); }; const handleDelete = (id) => { if(window.confirm('Are you sure you want to delete this claim?')) { setClaims(claims.filter(c => c.id !== id)); } }; const exportToCSV = () => { const headers = ['Claim ID', 'Policy Name', 'Type', 'Claim Amount', 'Currency', 'Claim Date', 'Status']; const rows = claims.map(claim => [ claim.claimId, claim.policyName, claim.type, claim.amount, claim.currency, claim.date, claim.status, ]); const csvContent = "data:text/csv;charset=utf-8," + [headers.join(','), ...rows.map(e => e.join(','))].join('\n'); const link = document.createElement('a'); link.setAttribute('href', encodeURI(csvContent)); link.setAttribute('download', 'insurance_claims.csv'); document.body.appendChild(link); link.click(); document.body.removeChild(link); }; const filteredClaims = useMemo(() => { if (filter === 'All') return claims; return claims.filter(c => c.status === filter); }, [claims, filter]); return (

Insurance Claim Tracker Manage and monitor the status of your insurance claims.

Filter by Status:

Claim ID Policy Date Amount Status Actions {filteredClaims.length > 0 ? filteredClaims.map(claim => { const statusInfo = claimStatusMap[claim.status] || { progress: 0, color: 'bg-gray-400' }; const currencySymbol = getCurrencySymbol(claim.currency); return ( {claim.claimId} {claim.policyName} ({claim.type}) {format(new Date(claim.date), 'PP')} {currencySymbol}{Number(claim.amount).toLocaleString()}

{claim.status}

)}) : ( No claims found. )}

{isDialogOpen && setIsDialogOpen(false)} onSave={handleSave} claim={editingClaim} />} ); }; const ClaimFormDialog = ({ isOpen, onClose, onSave, claim }) => { const [formData, setFormData] = useState({ claimId: claim?.claimId || '', policyName: claim?.policyName || '', type: claim?.type || 'Health', amount: claim?.amount || '', currency: claim?.currency || 'USD', date: claim?.date || format(new Date(), 'yyyy-MM-dd'), status: claim?.status || 'Submitted', }); const handleInputChange = (e) => { const { name, value } = e.target; setFormData(prev => ({...prev, [name]: value})); }; const handleSelectChange = (name, value) => { setFormData(prev => ({...prev, [name]: value})); }; const handleSubmit = (e) => { e.preventDefault(); onSave(formData); }; return ( ) };