import * as React from 'react';
import { __ } from '@wordpress/i18n';
import type { BookingApi } from '../booking-ui/api';
interface Request {
    account_closure_requested: boolean;
    requires_email: boolean;
    id: number;
    type: 'export' | 'erase';
    state: string;
    created_at: string;
}
interface Overview {
    policy_url: string;
    requests: Request[];
}
const states = () => ({ awaiting_email: __('Waiting for email confirmation', 'abece-booking'), awaiting_processing: __('Waiting for processing', 'abece-booking'), completed: __('Completed', 'abece-booking'), review_required: __('Further verification or review required', 'abece-booking') });
export function PersonalData({ api }: {
    api: BookingApi;
}) {
    const [data, setData] = React.useState<Overview | null>(null), [error, setError] = React.useState(''), [message, setMessage] = React.useState(''), [busy, setBusy] = React.useState(false), [confirm, setConfirm] = React.useState(false);
    const load = React.useCallback(() => api.request<Overview>('privacy/requests').then(setData), [api]);
    React.useEffect(() => { let alive = true; api.request<Overview>('privacy/requests').then(v => { if (alive)
        setData(v); }).catch(e => { if (alive)
        setError(e.message); }); return () => { alive = false; }; }, [api]);
    async function send(type: 'export' | 'erase') { setBusy(true); setError(''); setMessage(''); try {
        const result = await api.request<{
            request: Request;
            duplicate: boolean;
        }>('privacy/requests', 'POST', { type, ...(type === 'erase' ? { confirmed: true } : {}) });
        setMessage(result.duplicate ? __('An open request already exists. No additional confirmation email was sent.', 'abece-booking') : !result.request.requires_email && result.request.state === 'review_required' ? __('Request received. Contact the operator if further verification or email delivery assistance is needed.', 'abece-booking') : __('Request received. Confirm the link sent to your account email address.', 'abece-booking'));
        setConfirm(false);
        await load();
    }
    catch (e) {
        setError((e as Error).message);
    }
    finally {
        setBusy(false);
    } }
    return <section className="asb-personal-data"><h2>{__('My personal data', 'abece-booking')}</h2><p>{__('Requests use your signed-in WordPress account and its current email address. Confirm the email link; the operator processes the request using WordPress privacy tools.', 'abece-booking')}</p><p>{__('An erasure request is not a withdrawal of all processing permissions and does not immediately delete your WordPress account.', 'abece-booking')}</p>{data?.policy_url && <p><a href={data.policy_url}>{__('Privacy policy', 'abece-booking')}</a></p>}{error && <p role="alert">{error}</p>}{message && <p role="status">{message}</p>}
 <div className="asb-buttons"><button disabled={busy || !data} onClick={() => void send('export')}>{__('Request personal data export', 'abece-booking')}</button><button disabled={busy || !data} onClick={() => setConfirm(true)}>{__('Request account closure and personal data erasure', 'abece-booking')}</button><button disabled={busy} onClick={() => { setError(''); void load().catch(e => setError(e.message)); }}>{__('Refresh request status', 'abece-booking')}</button></div>
 {confirm && <aside className="asb-privacy-confirmation" aria-label={__('Review erasure request', 'abece-booking')}><h3>{__('Review erasure request', 'abece-booking')}</h3><p>{__('Your request will be verified. Eligible personal data may be minimized; records needed for active memberships, unpaid amounts or other justified purposes require review and may be retained.', 'abece-booking')}</p><p>{__('Future bookings are not cancelled automatically. Cancel them separately under the booking rules. Account closure requires a separate operator decision after obligations and linked records have been reviewed.', 'abece-booking')}</p><button disabled={busy} onClick={() => void send('erase')}>{__('Confirm erasure request', 'abece-booking')}</button><button disabled={busy} onClick={() => setConfirm(false)}>{__('Cancel', 'abece-booking')}</button></aside>}
 {data && <><h3>{__('Your privacy requests', 'abece-booking')}</h3>{!data.requests.length ? <p>{__('No privacy requests yet.', 'abece-booking')}</p> : <ul>{data.requests.map(r => <li key={r.id}><strong>{r.type === 'export' ? __('Personal data export', 'abece-booking') : r.account_closure_requested ? __('Account closure and erasure review', 'abece-booking') : __('Erase personal data', 'abece-booking')}</strong> — {states()[r.state as keyof ReturnType<typeof states>] ?? states().review_required}</li>)}</ul>}</>}
 </section>;
}