import * as React from 'react';
import { __ } from '@wordpress/i18n';
import { BookingApi } from './api';
import { majorText, minorAmount, money } from './pricing';
import type { Booking } from './types';
export interface FinancialState {
    required_amount: number;
    paid_amount: number;
    refunded_amount: number;
    net_paid_amount: number;
    outstanding_amount: number;
    refund_due: number;
    payment_status: string;
}
interface CancellationQuote extends FinancialState {
    standard_fee: number;
    calculated_fee: number;
    minutes_before_start: number;
}
export function FinancialSummary({ booking: b }: {
    booking: Booking;
}) {
    return <dl className="asb-financial-summary"><dt>{__('Original booking price', 'abece-booking')}</dt><dd>{money(b.final_amount, b.currency)}</dd><dt>{__('Paid', 'abece-booking')}</dt><dd>{money(b.financial.paid_amount, b.currency)}</dd><dt>{__('Refunded', 'abece-booking')}</dt><dd>{money(b.financial.refunded_amount, b.currency)}</dd>{b.status === 'cancelled' && <><dt>{__('Cancellation fee', 'abece-booking')}</dt><dd>{money(b.cancellation_fee, b.currency)}</dd></>}{b.status === 'no_show' && <><dt>{__('No-show fee', 'abece-booking')}</dt><dd>{money(b.no_show_fee, b.currency)}</dd></>}<dt>{__('Outstanding', 'abece-booking')}</dt><dd>{money(b.financial.outstanding_amount, b.currency)}</dd><dt>{__('Refund due', 'abece-booking')}</dt><dd>{money(b.financial.refund_due, b.currency)}</dd></dl>;
}
export function CancellationForm({ booking: b, api, onChanged }: {
    booking: Booking;
    api: BookingApi;
    onChanged: (b: Booking) => void;
}) {
    const [scopeOpen, setScopeOpen] = React.useState(false);
    const scoped = false;
    const [reason, setReason] = React.useState('');
    const [mode, setMode] = React.useState('standard');
    const [custom, setCustom] = React.useState('0');
    const [quote, setQuote] = React.useState<{
        key: string;
        value: CancellationQuote;
    } | null>(null);
    const [error, setError] = React.useState('');
    const [busy, setBusy] = React.useState(false);
    const [revision, setRevision] = React.useState(0);
    const key = JSON.stringify([b.id, mode, custom, reason, revision]);
    function payload() { return { mode, reason, ...(mode === 'custom' ? { custom_fee: minorAmount(custom, b.currency, true) } : {}) }; }
    React.useEffect(() => {
        let live = true;
        setQuote(null);
        setError('');
        const timer = window.setTimeout(() => {
            let body;
            try {
                body = payload();
            }
            catch (e) {
                setError((e as Error).message);
                return;
            }
            api.request<CancellationQuote>(`bookings/${b.id}/cancellation-quote`, 'POST', body).then(value => { if (live)
                setQuote({ key, value }); }).catch(e => { if (live)
                setError(e.message); });
        }, 200);
        return () => { live = false; window.clearTimeout(timer); };
    }, [api, key]);
    async function confirm() {
        if (quote?.key !== key)
            return;
        setBusy(true);
        setError('');
        try {
            onChanged(await api.request<Booking>(`bookings/${b.id}/cancel`, 'POST', { ...payload(), expected_fee: quote.value.calculated_fee }));
        }
        catch (e) {
            setError((e as Error).message);
            setRevision(v => v + 1);
        }
        finally {
            setBusy(false);
        }
    }
    const current = quote?.key === key ? quote.value : null;
    return <><form aria-label={__('Cancel booking', 'abece-booking')} onSubmit={event => { event.preventDefault(); if (scoped)
        setScopeOpen(true);
    else
        void confirm(); }}><h3>{__('Cancellation quote', 'abece-booking')}</h3>
 {b.can_override_cancellation_fee && <label>{__('Cancellation fee mode', 'abece-booking')}<select aria-label={__('Cancellation fee mode', 'abece-booking')} value={mode} onChange={e => setMode(e.target.value)} disabled={busy}><option value="standard">{__('Apply standard cancellation policy', 'abece-booking')}</option><option value="waive">{__('Waive cancellation fee', 'abece-booking')}</option><option value="custom">{__('Custom cancellation fee', 'abece-booking')}</option></select></label>}
 {mode === 'custom' && <label>{__('Custom cancellation fee', 'abece-booking')} ({b.currency})<input aria-label={__('Custom cancellation fee', 'abece-booking')} inputMode="decimal" value={custom} onChange={e => setCustom(e.target.value)} disabled={busy}/></label>}
 <label>{__('Cancellation reason', 'abece-booking')}<textarea aria-label={__('Cancellation reason', 'abece-booking')} required={mode !== 'standard'} maxLength={255} value={reason} onChange={e => setReason(e.target.value)} disabled={busy}/></label>
 {current ? <dl><dt>{__('Original booking price', 'abece-booking')}</dt><dd>{money(b.final_amount, b.currency)}</dd><dt>{__('Standard cancellation fee', 'abece-booking')}</dt><dd>{money(current.standard_fee, b.currency)}</dd><dt>{__('Cancellation fee', 'abece-booking')}</dt><dd>{money(current.calculated_fee, b.currency)}</dd><dt>{__('Refund due', 'abece-booking')}</dt><dd>{money(current.refund_due, b.currency)}</dd><dt>{__('Outstanding after cancellation', 'abece-booking')}</dt><dd>{money(current.outstanding_amount, b.currency)}</dd></dl> : !error && <p role="status">{__('Loading…', 'abece-booking')}</p>}
 {error && <p role="alert">{error}</p>}<p>{__('The fee is calculated again when you confirm. If it changes, review a new quote.', 'abece-booking')}</p><button className="button asb-action-danger" disabled={busy || !current} type="submit">{__('Cancel booking', 'abece-booking')}</button></form>{false}</>;
}
export function RefundForm({ booking: b, api, onChanged }: {
    booking: Booking;
    api: BookingApi;
    onChanged: (b: Booking) => void;
}) {
    const [amount, setAmount] = React.useState(majorText(b.financial.refund_due, b.currency));
    const [reason, setReason] = React.useState('');
    const [busy, setBusy] = React.useState(false);
    const [error, setError] = React.useState('');
    const operation = React.useRef({ body: '', key: '' });
    async function submit(e: React.FormEvent) {
        e.preventDefault();
        setBusy(true);
        setError('');
        try {
            const body = { amount: minorAmount(amount, b.currency, true), reason };
            const serialized = JSON.stringify(body);
            if (operation.current.body !== serialized)
                operation.current = { body: serialized, key: crypto.randomUUID() };
            onChanged(await api.request<Booking>(`bookings/${b.id}/refund`, 'POST', { ...body, idempotency_key: operation.current.key }));
        }
        catch (e) {
            setError((e as Error).message);
        }
        finally {
            setBusy(false);
        }
    }
    return <form aria-label={__('Confirm refund', 'abece-booking')} onSubmit={submit}><label>{__('Refund amount', 'abece-booking')} ({b.currency})<input aria-label={__('Refund amount', 'abece-booking')} inputMode="decimal" required value={amount} onChange={e => setAmount(e.target.value)}/></label><label>{__('Refund reason', 'abece-booking')}<input aria-label={__('Refund reason', 'abece-booking')} required maxLength={255} value={reason} onChange={e => setReason(e.target.value)}/></label><p>{__('Confirm only money actually returned to the customer.', 'abece-booking')}</p>{error && <p role="alert">{error}</p>}<button className="button asb-action-warning" disabled={busy}>{__('Confirm refund', 'abece-booking')}</button></form>;
}
export declare function FollowingBookingsOperation(props: {
    booking: Booking;
    api: BookingApi;
    onChanged: (b: Booking) => void;
    operation: "cancel" | "void";
    initial: Record<string, unknown>;
    onBusyChange?: (busy: boolean) => void;
}): React.JSX.Element;