import type { useReferralContactRecovery } from '../../../hooks/useReferralContactRecovery';
import type { ReferralContactAttempt } from '../../../services/ReferralWorkbenchService';
import type { ReferralRequestScope } from '../../../utils/referralRequestScope';
import { Alert, AlertDescription } from '../../../components/ui/alert';
import { Button } from '../../../components/ui/button';

type Recovery = ReturnType<typeof useReferralContactRecovery>;
export const ReferralContactRecovery = ({ recovery, read, onReconciled }: {
    recovery: Recovery;
    read: (taskId: string, scope: ReferralRequestScope) => Promise<ReferralContactAttempt[] | undefined>;
    onReconciled: (contacts: ReferralContactAttempt[]) => void;
}) => !recovery.held ? null : (
    <Alert>
        <AlertDescription>
            {recovery.confirmed ? 'This call is already in the saved history. Do not record it again.'
                : recovery.pending ? 'Confirming this contact…' : 'The contact could not be confirmed. Check saved contact history before recording another call.'}
            {recovery.failure ? <p role="status">{recovery.failure}</p> : null}
            {recovery.checked && !recovery.confirmed ? <p>This call is not confirmed in the saved history. Recording remains unavailable. Check again later.</p> : null}
        </AlertDescription>
        <div className="flex flex-wrap gap-2 pt-2">
            <Button className="btn btn-blue-ghost" disabled={recovery.checking || !recovery.canCheck} onClick={() => void recovery.check(read)}>
                {recovery.checking ? 'Checking…' : 'Check saved contact history'}
            </Button>
            {recovery.confirmed ? <Button className="btn btn-blue" onClick={() => {
                const contacts = recovery.reconcile();
                if (contacts) onReconciled(contacts);
            }}>Start a different call</Button> : null}
        </div>
    </Alert>
);