@dainamite/billing 0.20.0 → 0.21.0

package/dist/modules/billing/backend/billing/invoices/[id]/page.js

@@ -2,12 +2,12 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import Link from "next/link";
-import { useParams } from "next/navigation";
-import { Pencil, Plus, Trash2 } from "lucide-react";
+import { useParams, useRouter, useSearchParams } from "next/navigation";
+import { FileDown, Mail, Pencil, Plus, Trash2 } from "lucide-react";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { Page, PageBody, PageHeader } from "@open-mercato/ui/backend/Page";
 import { FormHeader } from "@open-mercato/ui/backend/forms";
-import { DataTable } from "@open-mercato/ui/backend/DataTable";
+import { BillingDataTable as DataTable } from "../../../../components/BillingDataTable.js";
 import { Tag } from "@open-mercato/ui/primitives/tag";
 import { Button } from "@open-mercato/ui/primitives/button";
 import { IconButton } from "@open-mercato/ui/primitives/icon-button";
@@ -20,6 +20,7 @@ import {
 } from "@open-mercato/ui/backend/utils/apiCall";
 import { normalizeCrudServerError } from "@open-mercato/ui/backend/utils/serverErrors";
 import { LineFormDialog } from "../../../../components/LineFormDialog.js";
+import { BillingSettingsLink } from "../../../../components/BillingSettingsLink.js";
 import {
   DetailCard,
   DetailField,
@@ -27,14 +28,16 @@ import {
   StatCard
 } from "../../../../components/DetailFields.js";
 import { billRunName } from "../../../../lib/billRunLabel.js";
+import { invoicePdfHref, resolveInvoiceReturnTarget } from "../../../../lib/navigation.js";
+import { CreateMemoDialog } from "../../../../components/CreateMemoDialog.js";
 function statusVariant(status) {
   switch (status) {
     case "paid":
+    case "credited":
       return "success";
     case "posted":
+    case "partially_paid":
       return "warning";
-    case "void":
-      return "error";
     case "draft":
     default:
       return "default";
@@ -72,7 +75,7 @@ function BillingInvoiceDetailPage(props) {
   const [error, setError] = React.useState(null);
   const [loading, setLoading] = React.useState(true);
   const [posting, setPosting] = React.useState(false);
-  const [wiping, setWiping] = React.useState(false);
+  const [settingsIncomplete, setSettingsIncomplete] = React.useState(false);
   const [linesPage, setLinesPage] = React.useState(1);
   const linesPageSize = 100;
   const visibleLines = React.useMemo(
@@ -84,6 +87,89 @@ function BillingInvoiceDetailPage(props) {
   const [dialogTargetLine, setDialogTargetLine] = React.useState(null);
   const [dialogSubmitting, setDialogSubmitting] = React.useState(false);
   const { confirm, ConfirmDialogElement } = useConfirmDialog();
+  const [allocations, setAllocations] = React.useState([]);
+  const [corrections, setCorrections] = React.useState([]);
+  const [memoDialog, setMemoDialog] = React.useState(null);
+  const router = useRouter();
+  const correctionColumns = React.useMemo(
+    () => [
+      {
+        accessorKey: "number",
+        header: t("billing.invoices.columns.number", "Number"),
+        cell: ({ row }) => /* @__PURE__ */ jsx(Link, { href: `/backend/billing/invoices/${row.original.id}`, className: "text-primary hover:underline", children: row.original.number })
+      },
+      {
+        accessorKey: "document_type",
+        header: t("billing.invoices.columns.type", "Type"),
+        cell: ({ row }) => row.original.document_type === "credit_memo" ? t("billing.invoices.document_type.credit_memo", "Credit memo") : t("billing.invoices.document_type.debit_memo", "Debit memo")
+      },
+      { accessorKey: "status", header: t("billing.invoices.columns.status", "Status") },
+      {
+        accessorKey: "total_gross",
+        header: t("billing.invoices.columns.total", "Total"),
+        cell: ({ row }) => formatMoney(
+          String((row.original.document_type === "credit_memo" ? -1 : 1) * Number.parseFloat(row.original.total_gross)),
+          row.original.currency_code
+        )
+      }
+    ],
+    [t]
+  );
+  const handleDeleteDraftMemo = React.useCallback(async () => {
+    if (!invoice) return;
+    const ok = await confirm({
+      title: t("billing.memo.delete.confirm", "Delete this draft memo?"),
+      text: t("billing.memo.delete.text", "The draft and its lines are removed. Posted documents are never deleted."),
+      confirmText: t("billing.memo.delete.action", "Delete draft"),
+      variant: "destructive"
+    });
+    if (!ok) return;
+    try {
+      await apiCallOrThrow("/api/billing/invoices/delete-draft", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ invoiceId: invoice.id })
+      });
+      flash(t("billing.memo.deleted", "Draft memo deleted"), "success");
+      router.push(invoice.corrects_invoice_id ? `/backend/billing/invoices/${invoice.corrects_invoice_id}` : "/backend/billing/invoices");
+    } catch (err) {
+      flash(normalizeCrudServerError(err).message || t("billing.memo.delete.failed", "Could not delete the draft"), "error");
+    }
+  }, [confirm, invoice, router, t]);
+  const allocationColumns = React.useMemo(
+    () => [
+      {
+        accessorKey: "source_label",
+        header: t("billing.invoices.payments.source", "Source"),
+        cell: ({ row }) => /* @__PURE__ */ jsx(
+          Link,
+          {
+            href: row.original.source_type === "payment" ? `/backend/billing/payments/${row.original.source_id}` : `/backend/billing/invoices/${row.original.source_id}`,
+            className: "text-primary hover:underline",
+            children: row.original.source_type === "payment" ? `${t("billing.invoices.payments.payment", "Payment")}${row.original.source_label ? ` \xB7 ${row.original.source_label}` : ""}` : `${t("billing.invoices.payments.credit_memo", "Credit memo")} ${row.original.source_label ?? ""}`
+          }
+        ),
+        meta: { truncate: true, maxWidth: "320px" }
+      },
+      {
+        accessorKey: "amount",
+        header: t("billing.payments.columns.amount", "Amount"),
+        cell: ({ row }) => formatMoney(row.original.amount, row.original.currency_code)
+      },
+      {
+        accessorKey: "created_at",
+        header: t("billing.payments.allocations.at", "When"),
+        cell: ({ row }) => new Date(row.original.created_at).toLocaleDateString()
+      }
+    ],
+    [t]
+  );
+  const searchParams = useSearchParams();
+  const backHref = resolveInvoiceReturnTarget({
+    from: searchParams?.get("from"),
+    accountId: searchParams?.get("accountId")
+  });
+  const [sending, setSending] = React.useState(false);
   const load = React.useCallback(async () => {
     if (!invoiceId) return;
     setError(null);
@@ -94,6 +180,8 @@ function BillingInvoiceDetailPage(props) {
       );
       setInvoice(data.invoice);
       setLines(data.lines ?? []);
+      setAllocations(data.allocations ?? []);
+      setCorrections(data.corrections ?? []);
     } catch (err) {
       const { message } = normalizeCrudServerError(err);
       setError(message || t("billing.invoices.detail.error.load", "Failed to load invoice"));
@@ -104,8 +192,8 @@ function BillingInvoiceDetailPage(props) {
   React.useEffect(() => {
     void load();
   }, [load]);
-  const billRunId = invoice?.metadata?.bill_run_id;
-  const billAccountId = invoice?.metadata?.bill_account_id;
+  const billRunId = invoice?.bill_run_id;
+  const billAccountId = invoice?.bill_account_id;
   React.useEffect(() => {
     if (billAccountId) {
       readApiResultOrThrow(
@@ -134,50 +222,55 @@ function BillingInvoiceDetailPage(props) {
         }
       );
       flash(
-        t("billing.invoices.post.success", "Invoice posted") + ` (${call.result?.invoiceNumber ?? invoice.invoice_number})`,
+        t("billing.invoices.post.success", "Invoice posted") + ` (${call.result?.invoiceNumber ?? invoice.number})`,
         "success"
       );
       void load();
     } catch (err) {
       const { message } = normalizeCrudServerError(err);
-      flash(message || t("billing.invoices.post.error", "Post failed"), "error");
+      const code = err?.body?.code;
+      if (code === "billing.settings.incomplete") setSettingsIncomplete(true);
+      flash(
+        code === "billing.settings.incomplete" ? t(
+          "billing.invoices.post.settings_incomplete",
+          "Fill in the seller details in Settings \u2192 Billing before posting invoices."
+        ) : message || t("billing.invoices.post.error", "Post failed"),
+        "error"
+      );
     } finally {
       setPosting(false);
     }
   }, [invoice, load, t]);
-  const handleWipeTest = React.useCallback(async () => {
+  const handleSend = React.useCallback(async () => {
     if (!invoice) return;
+    const recipient = invoice.buyer_snapshot?.invoice_email ?? "";
+    const alreadySent = (invoice.metadata?.deliveries ?? []).some((d) => d.status === "sent");
     const ok = await confirm({
-      title: t("billing.invoices.wipe.confirm.title", "Wipe test invoices?"),
-      text: t(
-        "billing.invoices.wipe.confirm.text",
-        "Every test invoice from this Bill Run will be permanently deleted. This cannot be undone."
-      ),
-      confirmText: t("billing.invoices.wipe.confirm.button", "Delete test invoices"),
-      variant: "destructive"
+      title: alreadySent ? t("billing.invoices.send.confirm.title_resend", "Resend invoice?") : t("billing.invoices.send.confirm.title", "Send invoice?"),
+      text: t("billing.invoices.send.confirm.text", "The PDF is emailed to {email}.").replace("{email}", recipient),
+      confirmText: t("billing.invoices.send.action", "Send")
     });
     if (!ok) return;
-    setWiping(true);
+    setSending(true);
     try {
-      const billRunId2 = invoice.metadata?.bill_run_id;
       const call = await apiCallOrThrow(
-        "/api/billing/test-invoices/wipe",
-        {
-          method: "POST",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify(billRunId2 ? { billRunId: billRunId2 } : {})
-        }
-      );
-      flash(
-        t("billing.invoices.wipe.success", "Test invoices removed") + ` (${call.result?.invoicesRemoved ?? 0})`,
-        "success"
+        `/api/billing/invoices/${encodeURIComponent(invoice.id)}/send`,
+        { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" }
       );
+      if (call.result?.status === "sent") {
+        flash(t("billing.invoices.send.success", "Invoice sent"), "success");
+      } else {
+        flash(
+          `${t("billing.invoices.send.failed", "Sending failed")}${call.result?.error ? `: ${call.result.error}` : ""}`,
+          "error"
+        );
+      }
       void load();
     } catch (err) {
       const { message } = normalizeCrudServerError(err);
-      flash(message || t("billing.invoices.wipe.error", "Wipe failed"), "error");
+      flash(message || t("billing.invoices.send.failed", "Sending failed"), "error");
     } finally {
-      setWiping(false);
+      setSending(false);
     }
   }, [confirm, invoice, load, t]);
   const handleSubmitLine = React.useCallback(
@@ -193,7 +286,8 @@ function BillingInvoiceDetailPage(props) {
               invoiceId: invoice.id,
               description: values.description,
               quantity: values.quantity,
-              unitPriceNet: values.unitPriceNet
+              unitPriceNet: values.unitPriceNet,
+              ...values.taxRate !== void 0 ? { taxRate: values.taxRate } : {}
             })
           });
           flash(t("billing.invoices.lines.add.success", "Line added"), "success");
@@ -208,7 +302,8 @@ function BillingInvoiceDetailPage(props) {
                 description: values.description,
                 quantity: values.quantity,
                 unitPriceNet: values.unitPriceNet,
-                ...values.totalNetAmount !== void 0 ? { totalNetAmount: values.totalNetAmount } : {}
+                ...values.totalNetAmount !== void 0 ? { totalNetAmount: values.totalNetAmount } : {},
+                ...values.taxRate !== void 0 ? { taxRate: values.taxRate } : {}
               }
             })
           });
@@ -258,6 +353,37 @@ function BillingInvoiceDetailPage(props) {
     [confirm, invoice, load, t]
   );
   const canEditLines = invoice?.status === "draft";
+  const deliveries = React.useMemo(
+    () => [...invoice?.metadata?.deliveries ?? []].reverse(),
+    [invoice?.metadata?.deliveries]
+  );
+  const deliveryColumns = React.useMemo(
+    () => [
+      {
+        accessorKey: "at",
+        header: t("billing.invoices.deliveries.columns.at", "When"),
+        cell: ({ row }) => new Date(row.original.at).toLocaleString()
+      },
+      { accessorKey: "to", header: t("billing.invoices.deliveries.columns.to", "Recipient") },
+      {
+        accessorKey: "status",
+        header: t("billing.invoices.deliveries.columns.status", "Status"),
+        cell: ({ row }) => row.original.status === "sent" ? /* @__PURE__ */ jsx(Tag, { variant: "success", children: t("billing.invoices.deliveries.status.sent", "Sent") }) : /* @__PURE__ */ jsx(Tag, { variant: "error", children: t("billing.invoices.deliveries.status.failed", "Failed") })
+      },
+      {
+        accessorKey: "trigger",
+        header: t("billing.invoices.deliveries.columns.trigger", "Trigger"),
+        cell: ({ row }) => row.original.trigger === "auto" ? t("billing.invoices.deliveries.trigger.auto", "Automatic") : t("billing.invoices.deliveries.trigger.manual", "Manual")
+      },
+      {
+        accessorKey: "error",
+        header: t("billing.invoices.deliveries.columns.error", "Error"),
+        cell: ({ row }) => row.original.error ?? "\u2014",
+        meta: { truncate: true, maxWidth: "280px" }
+      }
+    ],
+    [t]
+  );
   const lineColumns = React.useMemo(
     () => [
       {
@@ -268,7 +394,7 @@ function BillingInvoiceDetailPage(props) {
         accessorKey: "description",
         header: t("billing.invoices.lines.columns.description", "Description"),
         cell: ({ row }) => {
-          const type = row.original.metadata?.billing_type;
+          const type = row.original.billing_type;
           const operatorAdded = row.original.metadata?.operator_added === true;
           return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
             /* @__PURE__ */ jsx("span", { children: row.original.description ?? "\u2014" }),
@@ -289,9 +415,24 @@ function BillingInvoiceDetailPage(props) {
         cell: ({ row }) => formatMoney(row.original.unit_price_net, row.original.currency_code)
       },
       {
-        accessorKey: "total_net_amount",
+        accessorKey: "net_amount",
         header: t("billing.invoices.lines.columns.total", "Total net"),
-        cell: ({ row }) => formatMoney(row.original.total_net_amount, row.original.currency_code)
+        cell: ({ row }) => formatMoney(row.original.net_amount, row.original.currency_code)
+      },
+      {
+        accessorKey: "tax_rate",
+        header: t("billing.invoices.lines.columns.tax_rate", "VAT %"),
+        cell: ({ row }) => row.original.tax_rate != null ? `${Number(row.original.tax_rate)} %` : "\u2014"
+      },
+      {
+        accessorKey: "tax_amount",
+        header: t("billing.invoices.lines.columns.tax_amount", "VAT"),
+        cell: ({ row }) => formatMoney(row.original.tax_amount, row.original.currency_code)
+      },
+      {
+        accessorKey: "gross_amount",
+        header: t("billing.invoices.lines.columns.gross", "Gross"),
+        cell: ({ row }) => formatMoney(row.original.gross_amount, row.original.currency_code)
       },
       {
         id: "actions",
@@ -333,7 +474,8 @@ function BillingInvoiceDetailPage(props) {
     return {
       description: dialogTargetLine.description ?? "",
       quantity: Number.parseFloat(dialogTargetLine.quantity),
-      unitPriceNet: Number.parseFloat(dialogTargetLine.unit_price_net)
+      unitPriceNet: Number.parseFloat(dialogTargetLine.unit_price_net),
+      taxRate: dialogTargetLine.tax_rate != null ? Number.parseFloat(String(dialogTargetLine.tax_rate)) : void 0
     };
   }, [dialogMode, dialogTargetLine]);
   if (error) {
@@ -348,66 +490,81 @@ function BillingInvoiceDetailPage(props) {
       /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(LoadingMessage, { label: t("billing.invoices.detail.loading", "Loading invoice\u2026") }) })
     ] });
   }
-  const isTest = invoice.metadata?.test_run === true;
+  const isTest = invoice.test_run === true;
   const isDraft = invoice.status === "draft";
   return /* @__PURE__ */ jsxs(Page, { children: [
     /* @__PURE__ */ jsx(
       FormHeader,
       {
         mode: "detail",
-        backHref: "/backend/billing/invoices",
+        backHref,
         entityTypeLabel: t("billing.invoices.detail.title", "Billing Invoice"),
-        title: invoice.invoice_number,
+        title: invoice.number,
         statusBadge: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
-          /* @__PURE__ */ jsx(Tag, { variant: statusVariant(invoice.status), children: invoice.status ?? "\u2014" }),
-          isTest ? /* @__PURE__ */ jsx(Tag, { variant: "warning", children: "TEST" }) : null
+          /* @__PURE__ */ jsx(Tag, { variant: statusVariant(invoice.status), children: invoice.status }),
+          invoice.document_type === "credit_memo" ? /* @__PURE__ */ jsx(Tag, { variant: "info", children: t("billing.invoices.document_type.credit_memo", "Credit memo") }) : invoice.document_type === "debit_memo" ? /* @__PURE__ */ jsx(Tag, { variant: "info", children: t("billing.invoices.document_type.debit_memo", "Debit memo") }) : null,
+          isTest ? invoice.bill_run_id ? /* @__PURE__ */ jsx(Link, { href: `/backend/billing/runs/${invoice.bill_run_id}`, children: /* @__PURE__ */ jsx(Tag, { variant: "warning", children: t("billing.invoices.test_run_tag", "Test run") }) }) : /* @__PURE__ */ jsx(Tag, { variant: "warning", children: t("billing.invoices.test_run_tag", "Test run") }) : null,
+          (invoice.days_overdue ?? 0) > 0 ? /* @__PURE__ */ jsx(Tag, { variant: "error", children: t("billing.invoices.overdue_days", "Overdue {days} d").replace("{days}", String(invoice.days_overdue)) }) : null
         ] }),
         actionsContent: /* @__PURE__ */ jsxs(Fragment, { children: [
           isDraft && !isTest ? /* @__PURE__ */ jsx(Button, { onClick: handlePost, disabled: posting, children: posting ? t("billing.invoices.post.in_progress", "Posting\u2026") : t("billing.invoices.post.action", "Post invoice") }) : null,
-          isTest ? /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "outline",
-              onClick: handleWipeTest,
-              disabled: wiping,
-              children: wiping ? t("billing.invoices.wipe.in_progress", "Wiping\u2026") : t("billing.invoices.wipe.action", "Wipe test invoices for this run")
-            }
-          ) : null
+          /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", asChild: true, children: /* @__PURE__ */ jsxs("a", { href: invoicePdfHref(invoice.id), target: "_blank", rel: "noopener noreferrer", children: [
+            /* @__PURE__ */ jsx(FileDown, { size: 16 }),
+            isDraft ? t("billing.invoices.actions.pdf_preview", "Preview PDF") : t("billing.invoices.actions.pdf", "Download PDF")
+          ] }) }),
+          !isDraft && !isTest && invoice.document_type !== "receipt" ? /* @__PURE__ */ jsxs(Button, { type: "button", variant: "outline", onClick: () => void handleSend(), disabled: sending, children: [
+            /* @__PURE__ */ jsx(Mail, { size: 16 }),
+            sending ? t("billing.invoices.send.in_progress", "Sending\u2026") : (invoice.metadata?.deliveries ?? []).some((d) => d.status === "sent") ? t("billing.invoices.send.resend", "Resend") : t("billing.invoices.send.action", "Send")
+          ] }) : null,
+          invoice.document_type === "invoice" && !isTest && ["posted", "partially_paid", "paid"].includes(invoice.status) ? /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: () => setMemoDialog("credit_memo"), children: t("billing.memo.create_credit.action", "Create credit memo") }) : null,
+          invoice.document_type === "invoice" && !isTest && ["posted", "partially_paid", "paid", "credited"].includes(invoice.status) ? /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: () => setMemoDialog("debit_memo"), children: t("billing.memo.create_debit.action", "Create debit memo") }) : null,
+          isDraft && (invoice.document_type === "credit_memo" || invoice.document_type === "debit_memo") ? /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: () => void handleDeleteDraftMemo(), children: t("billing.memo.delete.action", "Delete draft") }) : null
         ] })
       }
     ),
     /* @__PURE__ */ jsxs(PageBody, { children: [
       /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+        settingsIncomplete ? /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 rounded-md border border-status-warning-border bg-status-warning-bg px-4 py-3 text-sm text-status-warning-text", children: [
+          /* @__PURE__ */ jsx("span", { children: t(
+            "billing.invoices.post.settings_incomplete",
+            "Fill in the seller details in Settings \u2192 Billing before posting invoices."
+          ) }),
+          /* @__PURE__ */ jsx(BillingSettingsLink, {})
+        ] }) : null,
         /* @__PURE__ */ jsxs(DetailCard, { children: [
           /* @__PURE__ */ jsxs(DetailField, { label: t("billing.invoices.detail.field.period", "Bill period"), children: [
-            invoice.metadata?.bill_period_start ?? "\u2014",
+            invoice.period_start?.slice(0, 10) ?? "\u2014",
             " \u2192",
             " ",
-            invoice.metadata?.bill_period_end ?? "\u2014"
+            invoice.period_end?.slice(0, 10) ?? "\u2014"
           ] }),
-          /* @__PURE__ */ jsx(DetailField, { label: t("billing.invoices.detail.field.bill_run", "Bill Run"), children: invoice.metadata?.bill_run_id ? /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(DetailField, { label: t("billing.invoices.detail.field.bill_run", "Bill Run"), children: invoice.bill_run_id ? /* @__PURE__ */ jsx(
             Link,
             {
-              href: `/backend/billing/runs/${invoice.metadata.bill_run_id}`,
+              href: `/backend/billing/runs/${invoice.bill_run_id}`,
               className: "text-primary hover:underline",
-              children: runName ?? invoice.metadata.bill_run_id
+              children: runName ?? invoice.bill_run_id
             }
           ) : "\u2014" }),
           /* @__PURE__ */ jsx(
             DetailField,
             {
               label: t("billing.invoices.detail.field.account", "Billing Account"),
-              children: invoice.metadata?.bill_account_id ? /* @__PURE__ */ jsx(
+              children: invoice.bill_account_id ? /* @__PURE__ */ jsx(
                 Link,
                 {
-                  href: `/backend/billing/accounts/${invoice.metadata.bill_account_id}`,
+                  href: `/backend/billing/accounts/${invoice.bill_account_id}`,
                   className: "text-primary hover:underline",
-                  children: accountName ?? invoice.metadata.bill_account_id
+                  children: accountName ?? invoice.bill_account_name ?? invoice.bill_account_id
                 }
               ) : "\u2014"
             }
           ),
           /* @__PURE__ */ jsx(DetailField, { label: t("billing.invoices.detail.field.issued", "Issued"), children: invoice.issue_date?.slice(0, 10) ?? "\u2014" }),
+          /* @__PURE__ */ jsx(DetailField, { label: t("billing.invoices.detail.field.due", "Due"), children: invoice.due_date?.slice(0, 10) ?? "\u2014" }),
+          invoice.corrects_invoice_id ? /* @__PURE__ */ jsx(DetailField, { label: t("billing.memo.corrects", "Corrects"), children: /* @__PURE__ */ jsx(Link, { href: `/backend/billing/invoices/${invoice.corrects_invoice_id}`, className: "text-primary hover:underline", children: invoice.corrects_invoice_number ?? invoice.corrects_invoice_id }) }) : null,
+          invoice.correction_reason ? /* @__PURE__ */ jsx(DetailField, { label: t("billing.memo.reason_label", "Reason"), children: invoice.correction_reason }) : null,
+          invoice.metadata?.draft_number ? /* @__PURE__ */ jsx(DetailField, { label: t("billing.invoices.detail.field.draft_number", "Draft number"), children: /* @__PURE__ */ jsx("span", { className: "font-mono text-xs", children: invoice.metadata.draft_number }) }) : null,
           /* @__PURE__ */ jsx(DetailField, { label: t("billing.common.id", "ID"), children: /* @__PURE__ */ jsx("span", { className: "font-mono text-xs", children: invoice.id }) })
         ] }),
         /* @__PURE__ */ jsxs(StatCard, { children: [
@@ -415,28 +572,28 @@ function BillingInvoiceDetailPage(props) {
             Stat,
             {
               label: t("billing.invoices.detail.subtotal", "Subtotal net"),
-              value: formatMoney(invoice.subtotal_net_amount, invoice.currency_code)
+              value: formatMoney(invoice.subtotal_net, invoice.currency_code)
             }
           ),
           /* @__PURE__ */ jsx(
             Stat,
             {
               label: t("billing.invoices.detail.total", "Grand total"),
-              value: formatMoney(invoice.grand_total_gross_amount, invoice.currency_code)
+              value: formatMoney(invoice.total_gross, invoice.currency_code)
             }
           ),
           /* @__PURE__ */ jsx(
             Stat,
             {
               label: t("billing.invoices.detail.paid", "Paid"),
-              value: formatMoney(invoice.paid_total_amount, invoice.currency_code)
+              value: formatMoney(invoice.paid_total, invoice.currency_code)
             }
           ),
           /* @__PURE__ */ jsx(
             Stat,
             {
               label: t("billing.invoices.detail.outstanding", "Outstanding"),
-              value: formatMoney(invoice.outstanding_amount, invoice.currency_code)
+              value: formatMoney(invoice.outstanding, invoice.currency_code)
             }
           )
         ] }),
@@ -474,7 +631,63 @@ function BillingInvoiceDetailPage(props) {
               }
             }
           )
-        ] })
+        ] }),
+        corrections.length > 0 ? /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold mb-2", children: t("billing.memo.corrections", "Corrections") }),
+          /* @__PURE__ */ jsx(
+            DataTable,
+            {
+              columns: correctionColumns,
+              data: corrections,
+              isLoading: false,
+              pagination: {
+                page: 1,
+                pageSize: Math.max(corrections.length, 1),
+                total: corrections.length,
+                totalPages: 1,
+                onPageChange: () => void 0
+              }
+            }
+          )
+        ] }) : null,
+        !isDraft ? /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold mb-2", children: t("billing.invoices.payments.title", "Payments") }),
+          /* @__PURE__ */ jsx(
+            DataTable,
+            {
+              columns: allocationColumns,
+              data: allocations,
+              isLoading: false,
+              emptyState: t("billing.invoices.payments.empty", "No payments yet."),
+              pagination: {
+                page: 1,
+                pageSize: Math.max(allocations.length, 1),
+                total: allocations.length,
+                totalPages: 1,
+                onPageChange: () => void 0
+              }
+            }
+          )
+        ] }) : null,
+        !isDraft ? /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold mb-2", children: t("billing.invoices.deliveries.title", "Email deliveries") }),
+          /* @__PURE__ */ jsx(
+            DataTable,
+            {
+              columns: deliveryColumns,
+              data: deliveries,
+              isLoading: false,
+              emptyState: t("billing.invoices.deliveries.empty", "Not sent yet."),
+              pagination: {
+                page: 1,
+                pageSize: Math.max(deliveries.length, 1),
+                total: deliveries.length,
+                totalPages: 1,
+                onPageChange: () => void 0
+              }
+            }
+          )
+        ] }) : null
       ] }),
       /* @__PURE__ */ jsx(
         LineFormDialog,
@@ -490,6 +703,25 @@ function BillingInvoiceDetailPage(props) {
           onSubmit: handleSubmitLine
         }
       ),
+      memoDialog ? /* @__PURE__ */ jsx(
+        CreateMemoDialog,
+        {
+          open: true,
+          type: memoDialog,
+          invoiceId: invoice.id,
+          invoiceNumber: invoice.number,
+          currencyCode: invoice.currency_code,
+          lines: lines.map((line) => ({
+            id: line.id,
+            description: line.description,
+            quantity: line.quantity,
+            unit_price_net: line.unit_price_net,
+            tax_rate: line.tax_rate
+          })),
+          onClose: () => setMemoDialog(null),
+          onCreated: (memoId) => router.push(`/backend/billing/invoices/${memoId}`)
+        }
+      ) : null,
       ConfirmDialogElement
     ] })
   ] });