/* global React, window */
/* ============================================================
Billing UI — shared by both applications
PaymentModal : record a payment (method, date, amount, reference)
ChargeModal : add a fee, a credit, or a custom line
InvoicePanel : the invoice for ONE billable entity — a clinic day
or a monthly remote-read statement. Same component
either way; it reads lines from the engine.
Loads AFTER schedule-billing.jsx and schedule-shared.jsx.
============================================================ */
const B = () => window.SchedBill;
const SS = () => window.SCHED;
function SbStatusPill({ entity }) {
const st = B().status(entity);
const over = B().daysOverdue(entity);
return {B().STATUS_LABEL[st]}{st === 'overdue' ? ` · ${over}d` : ''};
}
function SbKindTag({ kind }) {
return {kind === 'remote' ? 'Remote' : 'In-person'};
}
/* ---- issue an invoice, today or back-dated ----------------- */
/* Work performed before it reached the system still needs a document
dated when it was actually billed — the due date follows from it. */
function IssueModal({ entity, onSave, onClose }) {
const today = SS().iso(new Date(SS().TODAY));
const [date, setDate] = React.useState(today);
const terms = B().termsFor(entity);
const due = new Date(new Date(date + 'T12:00').getTime() + terms * 86400000);
const back = date < today;
return (
ev.stopPropagation()}>
Issue · {B().title(entity)}
{SS().money(B().total(entity))}
{(entity.account && entity.account.billTo) || 'This account'} · Net {terms}. The invoice number
already follows the month the work belongs to; the date below is when the document itself is dated.
setDate(ev.target.value || today)} />
{back
? <>Back-dated — due {due.toLocaleDateString(undefined, { month: 'long', day: 'numeric', year: 'numeric' })}, and it will read as overdue if that date has passed. Use this for work you billed before it was entered here.
: <>Due {due.toLocaleDateString(undefined, { month: 'long', day: 'numeric', year: 'numeric' })}.}
);
}
/* ---- record a payment ------------------------------------- */
function PaymentModal({ entity, onSave, onClose }) {
const bal = B().balance(entity);
const [f, setF] = React.useState({ amount: String(bal), method: 'check', date: SS().iso(new Date(SS().TODAY)), ref: '', note: '' });
const amt = Number(f.amount) || 0;
const valid = amt > 0 && amt <= bal + 0.5 && !!f.date;
const inv = entity.invoice || {};
return (
ev.stopPropagation()}>
Record payment · {inv.number}
{SS().money(bal)} outstanding
{(entity.account && entity.account.billTo) || 'This account'} — {B().title(entity)}. A part payment is fine; the balance stays open and the invoice reads “Part paid”.
{sign < 0 ? 'Credited to the account' : 'Added to the invoice'}{SS().money(B().total(entity) + sign * amt)}
)}
setF({ ...f, note: ev.target.value })} placeholder={sign < 0 ? 'Why the credit was given — this prints on the invoice' : 'Optional detail, prints under the line'} />
);
}
/* ---- the invoice panel — one entity, either kind ---------- */
function InvoicePanel({ entity, role, on, compact }) {
const [modal, setModal] = React.useState(null);
const inv = entity.invoice;
const st = B().status(entity);
const lines = B().lines(entity);
const subtotal = B().subtotal(entity), total = B().total(entity);
const paid = B().paid(inv, entity), bal = B().balance(entity);
const isAdmin = role === 'admin';
const acct = entity.account || {};
const cancelled = entity.kind === 'inperson' ? (entity.patients || []).filter(p => p.cancelled) : [];
if (!lines.length) {
return
{entity.kind === 'remote' ? 'No finalized reads this month — nothing to bill yet.' : 'No billable patients yet — billing appears once the roster is built.'}