@dainamite/billing 0.20.0 → 0.22.0

package/dist/modules/billing/components/CreateMemoDialog.js

@@ -0,0 +1,200 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "@open-mercato/ui/primitives/dialog";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { Textarea } from "@open-mercato/ui/primitives/textarea";
+import { Checkbox } from "@open-mercato/ui/primitives/checkbox";
+import { Kbd, KbdShortcut } from "@open-mercato/ui/primitives/kbd";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { apiCallOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import { normalizeCrudServerError } from "@open-mercato/ui/backend/utils/serverErrors";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { formatMoney } from "./InvoicesTable.js";
+function round2(value) {
+  return Math.round((value + Number.EPSILON) * 100) / 100;
+}
+function CreateMemoDialog({
+  open,
+  type,
+  invoiceId,
+  invoiceNumber,
+  currencyCode,
+  lines,
+  onClose,
+  onCreated
+}) {
+  const t = useT();
+  const [reason, setReason] = React.useState("");
+  const [state, setState] = React.useState({});
+  const [saving, setSaving] = React.useState(false);
+  const fullCredit = React.useCallback(() => {
+    setState(
+      Object.fromEntries(
+        lines.map((line) => [
+          line.id,
+          { selected: true, quantity: String(Number(line.quantity)), unitPriceNet: String(Math.abs(Number(line.unit_price_net))) }
+        ])
+      )
+    );
+  }, [lines]);
+  React.useEffect(() => {
+    if (!open) return;
+    setReason("");
+    if (type === "credit_memo") fullCredit();
+    else setState({});
+  }, [fullCredit, open, type]);
+  const selected = lines.filter((line) => state[line.id]?.selected);
+  const projected = selected.reduce(
+    (acc, line) => {
+      const s = state[line.id];
+      const net = round2((Number.parseFloat(s.quantity) || 0) * (Number.parseFloat(s.unitPriceNet) || 0));
+      const tax = round2(net * ((Number(line.tax_rate) || 0) / 100));
+      return { net: acc.net + net, tax: acc.tax + tax };
+    },
+    { net: 0, tax: 0 }
+  );
+  const update = (id, patch) => setState((prev) => ({ ...prev, [id]: { ...prev[id], ...patch } }));
+  const submit = React.useCallback(async () => {
+    if (saving) return;
+    if (!reason.trim()) {
+      flash(t("billing.memo.error.reason_required", "A reason is required"), "error");
+      return;
+    }
+    if (type === "credit_memo" && selected.length === 0) {
+      flash(t("billing.memo.error.no_lines", "Select at least one line to credit"), "error");
+      return;
+    }
+    setSaving(true);
+    try {
+      const body = type === "credit_memo" ? {
+        type,
+        reason: reason.trim(),
+        lines: selected.map((line) => ({
+          correctsLineId: line.id,
+          description: line.description ?? "",
+          quantity: Number.parseFloat(state[line.id].quantity),
+          unitPriceNet: Number.parseFloat(state[line.id].unitPriceNet)
+        }))
+      } : { type, reason: reason.trim() };
+      const call = await apiCallOrThrow(`/api/billing/invoices/${encodeURIComponent(invoiceId)}/memos`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(body)
+      });
+      flash(t("billing.memo.created", "Draft memo created"), "success");
+      onClose();
+      if (call.result?.memoId) onCreated(call.result.memoId);
+    } catch (err) {
+      const code = err?.body?.code;
+      flash(
+        code === "billing.memo.exceeds_invoice" ? t("billing.memo.error.exceeds", "The credit is more than what is left to credit on this invoice") : normalizeCrudServerError(err).message || t("billing.memo.error.create", "Could not create the memo"),
+        "error"
+      );
+    } finally {
+      setSaving(false);
+    }
+  }, [invoiceId, onClose, onCreated, reason, saving, selected, state, t, type]);
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (next) => !next ? onClose() : void 0, children: /* @__PURE__ */ jsxs(
+    DialogContent,
+    {
+      className: "max-w-3xl",
+      onKeyDown: (event) => {
+        if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
+          event.preventDefault();
+          void submit();
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsxs(DialogHeader, { children: [
+          /* @__PURE__ */ jsx(DialogTitle, { children: type === "credit_memo" ? t("billing.memo.create_credit.title", "Create credit memo") : t("billing.memo.create_debit.title", "Create debit memo") }),
+          /* @__PURE__ */ jsxs(DialogDescription, { children: [
+            t("billing.memo.corrects", "Corrects"),
+            " ",
+            invoiceNumber,
+            " \xB7",
+            " ",
+            t("billing.memo.hint", "Corrects this document only. Update the billing item to change future invoices.")
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 py-2 text-sm", children: [
+          type === "credit_memo" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ jsx("span", { className: "font-medium", children: t("billing.memo.lines", "Lines to credit") }),
+              /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: fullCredit, children: t("billing.memo.full_credit", "Full credit") })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "max-h-72 overflow-auto rounded-md border", children: lines.map((line) => {
+              const s = state[line.id] ?? { selected: false, quantity: "", unitPriceNet: "" };
+              return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[24px_1fr_90px_110px_60px] items-center gap-2 border-b px-2 py-1 last:border-b-0", children: [
+                /* @__PURE__ */ jsx(Checkbox, { checked: s.selected, onCheckedChange: (next) => update(line.id, { selected: next === true }) }),
+                /* @__PURE__ */ jsx("span", { className: "truncate", children: line.description }),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    type: "number",
+                    min: "0",
+                    step: "0.0001",
+                    value: s.quantity,
+                    disabled: !s.selected,
+                    onChange: (e) => update(line.id, { quantity: e.currentTarget.value })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    type: "number",
+                    min: "0",
+                    step: "0.01",
+                    value: s.unitPriceNet,
+                    disabled: !s.selected,
+                    onChange: (e) => update(line.id, { unitPriceNet: e.currentTarget.value })
+                  }
+                ),
+                /* @__PURE__ */ jsxs("span", { className: "text-right text-xs text-muted-foreground", children: [
+                  Number(line.tax_rate ?? 0),
+                  " %"
+                ] })
+              ] }, line.id);
+            }) }),
+            /* @__PURE__ */ jsxs("div", { className: "text-right text-muted-foreground", children: [
+              t("billing.memo.projected", "Credit"),
+              ": ",
+              formatMoney(String(projected.net), currencyCode),
+              " +",
+              " ",
+              t("billing.invoices.lines.columns.tax_amount", "VAT"),
+              " ",
+              formatMoney(String(projected.tax), currencyCode),
+              " =",
+              " ",
+              /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: formatMoney(String(projected.net + projected.tax), currencyCode) })
+            ] })
+          ] }) : null,
+          /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+              t("billing.memo.reason", "Reason (printed on the document)"),
+              " *"
+            ] }),
+            /* @__PURE__ */ jsx(Textarea, { rows: 2, maxLength: 1e3, value: reason, onChange: (e) => setReason(e.currentTarget.value) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(DialogFooter, { children: /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsx(KbdShortcut, { keys: ["Ctrl/\u2318", "Enter"] }),
+            " \xB7 ",
+            /* @__PURE__ */ jsx(Kbd, { children: "Esc" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: onClose, children: t("billing.common.cancel", "Cancel") }),
+            /* @__PURE__ */ jsx(Button, { type: "button", onClick: () => void submit(), disabled: saving, children: t("billing.memo.create", "Create draft") })
+          ] })
+        ] }) })
+      ]
+    }
+  ) });
+}
+export {
+  CreateMemoDialog
+};
+//# sourceMappingURL=CreateMemoDialog.js.map

package/dist/modules/billing/components/CreateMemoDialog.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/billing/components/CreateMemoDialog.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from '@open-mercato/ui/primitives/dialog'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Textarea } from '@open-mercato/ui/primitives/textarea'\nimport { Checkbox } from '@open-mercato/ui/primitives/checkbox'\nimport { Kbd, KbdShortcut } from '@open-mercato/ui/primitives/kbd'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { apiCallOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { normalizeCrudServerError } from '@open-mercato/ui/backend/utils/serverErrors'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { formatMoney } from './InvoicesTable'\n\n/**\n * Create a credit or debit memo for a posted invoice (Spec D, D-D9).\n *\n *   - credit memo: the original lines with a checkbox and editable quantity /\n *     unit net (VAT rate stays the original's), a \"Full credit\" shortcut,\n *     the required reason and the projected totals;\n *   - debit memo: the reason only \u2014 lines are added on the draft.\n *\n * Creates a DRAFT memo and hands its id back (the page navigates to it).\n * Cmd/Ctrl+Enter submits, Escape cancels.\n */\n\nexport type MemoSourceLine = {\n  id: string\n  description: string | null\n  quantity: string\n  unit_price_net: string\n  tax_rate: string | number | null\n}\n\ntype LineState = { selected: boolean; quantity: string; unitPriceNet: string }\n\nfunction round2(value: number): number {\n  return Math.round((value + Number.EPSILON) * 100) / 100\n}\n\nexport function CreateMemoDialog({\n  open,\n  type,\n  invoiceId,\n  invoiceNumber,\n  currencyCode,\n  lines,\n  onClose,\n  onCreated,\n}: {\n  open: boolean\n  type: 'credit_memo' | 'debit_memo'\n  invoiceId: string\n  invoiceNumber: string\n  currencyCode: string\n  lines: MemoSourceLine[]\n  onClose: () => void\n  onCreated: (memoId: string) => void\n}) {\n  const t = useT()\n  const [reason, setReason] = React.useState('')\n  const [state, setState] = React.useState<Record<string, LineState>>({})\n  const [saving, setSaving] = React.useState(false)\n\n  const fullCredit = React.useCallback(() => {\n    setState(\n      Object.fromEntries(\n        lines.map((line) => [\n          line.id,\n          { selected: true, quantity: String(Number(line.quantity)), unitPriceNet: String(Math.abs(Number(line.unit_price_net))) },\n        ]),\n      ),\n    )\n  }, [lines])\n\n  React.useEffect(() => {\n    if (!open) return\n    setReason('')\n    if (type === 'credit_memo') fullCredit()\n    else setState({})\n  }, [fullCredit, open, type])\n\n  const selected = lines.filter((line) => state[line.id]?.selected)\n  const projected = selected.reduce(\n    (acc, line) => {\n      const s = state[line.id]\n      const net = round2((Number.parseFloat(s.quantity) || 0) * (Number.parseFloat(s.unitPriceNet) || 0))\n      const tax = round2(net * ((Number(line.tax_rate) || 0) / 100))\n      return { net: acc.net + net, tax: acc.tax + tax }\n    },\n    { net: 0, tax: 0 },\n  )\n\n  const update = (id: string, patch: Partial<LineState>) =>\n    setState((prev) => ({ ...prev, [id]: { ...prev[id], ...patch } }))\n\n  const submit = React.useCallback(async () => {\n    if (saving) return\n    if (!reason.trim()) {\n      flash(t('billing.memo.error.reason_required', 'A reason is required'), 'error')\n      return\n    }\n    if (type === 'credit_memo' && selected.length === 0) {\n      flash(t('billing.memo.error.no_lines', 'Select at least one line to credit'), 'error')\n      return\n    }\n    setSaving(true)\n    try {\n      const body =\n        type === 'credit_memo'\n          ? {\n              type,\n              reason: reason.trim(),\n              lines: selected.map((line) => ({\n                correctsLineId: line.id,\n                description: line.description ?? '',\n                quantity: Number.parseFloat(state[line.id].quantity),\n                unitPriceNet: Number.parseFloat(state[line.id].unitPriceNet),\n              })),\n            }\n          : { type, reason: reason.trim() }\n      const call = await apiCallOrThrow<{ memoId: string }>(`/api/billing/invoices/${encodeURIComponent(invoiceId)}/memos`, {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify(body),\n      })\n      flash(t('billing.memo.created', 'Draft memo created'), 'success')\n      onClose()\n      if (call.result?.memoId) onCreated(call.result.memoId)\n    } catch (err) {\n      const code = (err as { body?: { code?: string } } | null)?.body?.code\n      flash(\n        code === 'billing.memo.exceeds_invoice'\n          ? t('billing.memo.error.exceeds', 'The credit is more than what is left to credit on this invoice')\n          : normalizeCrudServerError(err).message || t('billing.memo.error.create', 'Could not create the memo'),\n        'error',\n      )\n    } finally {\n      setSaving(false)\n    }\n  }, [invoiceId, onClose, onCreated, reason, saving, selected, state, t, type])\n\n  return (\n    <Dialog open={open} onOpenChange={(next) => (!next ? onClose() : undefined)}>\n      <DialogContent\n        className=\"max-w-3xl\"\n        onKeyDown={(event) => {\n          if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') {\n            event.preventDefault()\n            void submit()\n          }\n        }}\n      >\n        <DialogHeader>\n          <DialogTitle>\n            {type === 'credit_memo'\n              ? t('billing.memo.create_credit.title', 'Create credit memo')\n              : t('billing.memo.create_debit.title', 'Create debit memo')}\n          </DialogTitle>\n          <DialogDescription>\n            {t('billing.memo.corrects', 'Corrects')} {invoiceNumber} \u00B7{' '}\n            {t('billing.memo.hint', 'Corrects this document only. Update the billing item to change future invoices.')}\n          </DialogDescription>\n        </DialogHeader>\n        <div className=\"flex flex-col gap-3 py-2 text-sm\">\n          {type === 'credit_memo' ? (\n            <>\n              <div className=\"flex items-center justify-between\">\n                <span className=\"font-medium\">{t('billing.memo.lines', 'Lines to credit')}</span>\n                <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={fullCredit}>\n                  {t('billing.memo.full_credit', 'Full credit')}\n                </Button>\n              </div>\n              <div className=\"max-h-72 overflow-auto rounded-md border\">\n                {lines.map((line) => {\n                  const s = state[line.id] ?? { selected: false, quantity: '', unitPriceNet: '' }\n                  return (\n                    <div key={line.id} className=\"grid grid-cols-[24px_1fr_90px_110px_60px] items-center gap-2 border-b px-2 py-1 last:border-b-0\">\n                      <Checkbox checked={s.selected} onCheckedChange={(next) => update(line.id, { selected: next === true })} />\n                      <span className=\"truncate\">{line.description}</span>\n                      <Input\n                        type=\"number\"\n                        min=\"0\"\n                        step=\"0.0001\"\n                        value={s.quantity}\n                        disabled={!s.selected}\n                        onChange={(e) => update(line.id, { quantity: e.currentTarget.value })}\n                      />\n                      <Input\n                        type=\"number\"\n                        min=\"0\"\n                        step=\"0.01\"\n                        value={s.unitPriceNet}\n                        disabled={!s.selected}\n                        onChange={(e) => update(line.id, { unitPriceNet: e.currentTarget.value })}\n                      />\n                      <span className=\"text-right text-xs text-muted-foreground\">{Number(line.tax_rate ?? 0)} %</span>\n                    </div>\n                  )\n                })}\n              </div>\n              <div className=\"text-right text-muted-foreground\">\n                {t('billing.memo.projected', 'Credit')}: {formatMoney(String(projected.net), currencyCode)} +{' '}\n                {t('billing.invoices.lines.columns.tax_amount', 'VAT')} {formatMoney(String(projected.tax), currencyCode)} ={' '}\n                <span className=\"font-medium text-foreground\">{formatMoney(String(projected.net + projected.tax), currencyCode)}</span>\n              </div>\n            </>\n          ) : null}\n          <label className=\"flex flex-col gap-1\">\n            <span className=\"text-muted-foreground\">{t('billing.memo.reason', 'Reason (printed on the document)')} *</span>\n            <Textarea rows={2} maxLength={1000} value={reason} onChange={(e) => setReason(e.currentTarget.value)} />\n          </label>\n        </div>\n        <DialogFooter>\n          <div className=\"flex w-full items-center justify-between gap-3\">\n            <span className=\"text-xs text-muted-foreground\">\n              <KbdShortcut keys={['Ctrl/\u2318', 'Enter']} /> \u00B7 <Kbd>Esc</Kbd>\n            </span>\n            <div className=\"flex items-center gap-2\">\n              <Button type=\"button\" variant=\"outline\" onClick={onClose}>\n                {t('billing.common.cancel', 'Cancel')}\n              </Button>\n              <Button type=\"button\" onClick={() => void submit()} disabled={saving}>\n                {t('billing.memo.create', 'Create draft')}\n              </Button>\n            </div>\n          </div>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/billing/components/CustomerLabel.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { Building2, User } from "lucide-react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { customerDetailHref } from "../lib/customerLookup.js";
+function CustomerLabel({
+  customerId,
+  customerKind,
+  name,
+  linkToCustomer = false
+}) {
+  const t = useT();
+  const kindLabel = customerKind === "person" ? t("billing.accounts.kind.person", "Person") : t("billing.accounts.kind.company", "Company");
+  const Icon = customerKind === "person" ? User : Building2;
+  const text = name ? /* @__PURE__ */ jsx("span", { children: name }) : /* @__PURE__ */ jsx("span", { className: "font-mono text-xs", children: customerId });
+  return /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5", title: kindLabel, children: [
+    /* @__PURE__ */ jsx(Icon, { size: 14, "aria-label": kindLabel, className: "shrink-0 text-muted-foreground" }),
+    linkToCustomer ? /* @__PURE__ */ jsx(
+      Link,
+      {
+        href: customerDetailHref(customerKind, customerId),
+        className: "underline-offset-2 hover:underline",
+        onClick: (event) => event.stopPropagation(),
+        children: text
+      }
+    ) : text
+  ] });
+}
+export {
+  CustomerLabel
+};
+//# sourceMappingURL=CustomerLabel.js.map

package/dist/modules/billing/components/CustomerLabel.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/billing/components/CustomerLabel.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { Building2, User } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { CustomerKind } from '../data/validators'\nimport { customerDetailHref } from '../lib/customerLookup'\n\n/**\n * Customer reference for billing views (Spec E): kind icon + resolved\n * display name, falling back to the raw id when the customers lookup is\n * unavailable. `linkToCustomer` turns the name into a link to the customer\n * record in the customers module.\n */\nexport function CustomerLabel({\n  customerId,\n  customerKind,\n  name,\n  linkToCustomer = false,\n}: {\n  customerId: string\n  customerKind: CustomerKind\n  name?: string | null\n  linkToCustomer?: boolean\n}) {\n  const t = useT()\n  const kindLabel =\n    customerKind === 'person'\n      ? t('billing.accounts.kind.person', 'Person')\n      : t('billing.accounts.kind.company', 'Company')\n  const Icon = customerKind === 'person' ? User : Building2\n  const text = name ? (\n    <span>{name}</span>\n  ) : (\n    <span className=\"font-mono text-xs\">{customerId}</span>\n  )\n  return (\n    <span className=\"inline-flex items-center gap-1.5\" title={kindLabel}>\n      <Icon size={14} aria-label={kindLabel} className=\"shrink-0 text-muted-foreground\" />\n      {linkToCustomer ? (\n        <Link\n          href={customerDetailHref(customerKind, customerId)}\n          className=\"underline-offset-2 hover:underline\"\n          onClick={(event) => event.stopPropagation()}\n        >\n          {text}\n        </Link>\n      ) : (\n        text\n      )}\n    </span>\n  )\n}\n"],
+  "mappings": ";AAgCI,cAKA,YALA;AA9BJ,OAAO,UAAU;AACjB,SAAS,WAAW,YAAY;AAChC,SAAS,YAAY;AAErB,SAAS,0BAA0B;AAQ5B,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AACnB,GAKG;AACD,QAAM,IAAI,KAAK;AACf,QAAM,YACJ,iBAAiB,WACb,EAAE,gCAAgC,QAAQ,IAC1C,EAAE,iCAAiC,SAAS;AAClD,QAAM,OAAO,iBAAiB,WAAW,OAAO;AAChD,QAAM,OAAO,OACX,oBAAC,UAAM,gBAAK,IAEZ,oBAAC,UAAK,WAAU,qBAAqB,sBAAW;AAElD,SACE,qBAAC,UAAK,WAAU,oCAAmC,OAAO,WACxD;AAAA,wBAAC,QAAK,MAAM,IAAI,cAAY,WAAW,WAAU,kCAAiC;AAAA,IACjF,iBACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,mBAAmB,cAAc,UAAU;AAAA,QACjD,WAAU;AAAA,QACV,SAAS,CAAC,UAAU,MAAM,gBAAgB;AAAA,QAEzC;AAAA;AAAA,IACH,IAEA;AAAA,KAEJ;AAEJ;",
+  "names": []
+}

package/dist/modules/billing/components/InvoicesTable.js

@@ -0,0 +1,270 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useRouter } from "next/navigation";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { BillingDataTable as DataTable } from "./BillingDataTable.js";
+import { RowActions } from "@open-mercato/ui/backend/RowActions";
+import { Tag } from "@open-mercato/ui/primitives/tag";
+import { readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import { invoiceDetailHref, invoicePdfHref } from "../lib/navigation.js";
+import { displaySign } from "../lib/documentTypes.js";
+function formatDate(value) {
+  if (!value) return "\u2014";
+  const parsed = new Date(value);
+  return Number.isNaN(parsed.getTime()) ? value : parsed.toLocaleDateString();
+}
+function formatMoney(value, currency) {
+  const n = Number.parseFloat(value);
+  if (!Number.isFinite(n)) return value;
+  try {
+    return new Intl.NumberFormat(void 0, { style: "currency", currency }).format(n);
+  } catch {
+    return `${value} ${currency}`;
+  }
+}
+function invoiceStatusVariant(status) {
+  switch (status) {
+    case "paid":
+    case "credited":
+      return "success";
+    case "posted":
+    case "partially_paid":
+      return "warning";
+    case "draft":
+    default:
+      return "default";
+  }
+}
+function InvoicesTable({ title, billAccountId, tableId, pageSize = 25, actions }) {
+  const t = useT();
+  const router = useRouter();
+  const [rows, setRows] = React.useState([]);
+  const [page, setPage] = React.useState(1);
+  const [filters, setFilters] = React.useState({});
+  const [search, setSearch] = React.useState("");
+  const [total, setTotal] = React.useState(0);
+  const [totalPages, setTotalPages] = React.useState(1);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const statusLabel = React.useCallback(
+    (status) => ({
+      draft: t("billing.invoices.status.draft", "Draft"),
+      posted: t("billing.invoices.status.posted", "Posted"),
+      partially_paid: t("billing.invoices.status.partially_paid", "Partially paid"),
+      paid: t("billing.invoices.status.paid", "Paid"),
+      credited: t("billing.invoices.status.credited", "Credited")
+    })[status] ?? status,
+    [t]
+  );
+  const filterDefs = React.useMemo(
+    () => [
+      {
+        id: "status",
+        label: t("billing.invoices.filters.status", "Status"),
+        type: "select",
+        options: ["draft", "posted", "partially_paid", "paid", "credited"].map((value) => ({
+          value,
+          label: statusLabel(value)
+        }))
+      },
+      {
+        id: "overdue",
+        label: t("billing.invoices.filters.overdue", "Overdue"),
+        type: "select",
+        options: [
+          { value: "true", label: t("billing.invoices.filters.overdue.only", "Only overdue") },
+          { value: "false", label: t("billing.invoices.filters.overdue.exclude", "Not overdue") }
+        ]
+      },
+      {
+        id: "documentType",
+        label: t("billing.invoices.filters.document_type", "Document type"),
+        type: "select",
+        options: [
+          { value: "invoice", label: t("billing.invoices.document_type.invoice", "Invoice") },
+          { value: "credit_memo", label: t("billing.invoices.document_type.credit_memo", "Credit memo") },
+          { value: "debit_memo", label: t("billing.invoices.document_type.debit_memo", "Debit memo") },
+          { value: "receipt", label: t("billing.invoices.document_type.receipt", "Top-up receipt") }
+        ]
+      },
+      {
+        id: "testRun",
+        label: t("billing.invoices.filters.test_run", "Test runs"),
+        type: "select",
+        options: [
+          { value: "true", label: t("billing.invoices.filters.test_run.only", "Only test") },
+          { value: "false", label: t("billing.invoices.filters.test_run.exclude", "Exclude test") }
+        ]
+      }
+    ],
+    [statusLabel, t]
+  );
+  const loadRows = React.useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const params = new URLSearchParams({ page: String(page), pageSize: String(Math.min(pageSize, 100)) });
+      if (billAccountId) params.set("billAccountId", billAccountId);
+      if (search.trim()) params.set("search", search.trim());
+      for (const key of ["status", "documentType"]) {
+        const value = filters[key];
+        if (typeof value === "string" && value) params.set(key, value);
+      }
+      for (const key of ["testRun", "overdue"]) {
+        const value = filters[key];
+        if (value === "true" || value === "false") params.set(key, value);
+      }
+      const result = await readApiResultOrThrow(`/api/billing/invoices?${params.toString()}`);
+      setRows(result.items ?? []);
+      setTotal(result.total ?? 0);
+      setTotalPages(result.totalPages ?? 1);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : t("billing.invoices.error.load", "Could not load invoices"));
+    } finally {
+      setLoading(false);
+    }
+  }, [billAccountId, filters, page, pageSize, search, t]);
+  React.useEffect(() => {
+    void loadRows();
+  }, [loadRows]);
+  const columns = React.useMemo(() => {
+    const cols = [
+      {
+        accessorKey: "number",
+        header: t("billing.invoices.columns.number", "Number"),
+        cell: ({ row }) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-primary", children: row.original.number }),
+          row.original.test_run ? /* @__PURE__ */ jsx(Tag, { variant: "warning", children: "TEST" }) : null
+        ] })
+      },
+      {
+        accessorKey: "document_type",
+        header: t("billing.invoices.columns.type", "Type"),
+        cell: ({ row }) => ({
+          invoice: t("billing.invoices.document_type.invoice", "Invoice"),
+          credit_memo: t("billing.invoices.document_type.credit_memo", "Credit memo"),
+          debit_memo: t("billing.invoices.document_type.debit_memo", "Debit memo"),
+          receipt: t("billing.invoices.document_type.receipt", "Top-up receipt")
+        })[row.original.document_type] ?? row.original.document_type
+      },
+      {
+        accessorKey: "status",
+        header: t("billing.invoices.columns.status", "Status"),
+        cell: ({ row }) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx(Tag, { variant: invoiceStatusVariant(row.original.status), children: statusLabel(row.original.status) }),
+          row.original.days_overdue > 0 ? /* @__PURE__ */ jsx(Tag, { variant: "error", children: t("billing.invoices.overdue", "Overdue") }) : null
+        ] })
+      }
+    ];
+    if (!billAccountId) {
+      cols.push({
+        accessorKey: "bill_account_name",
+        header: t("billing.invoices.columns.account", "Account"),
+        cell: ({ row }) => row.original.bill_account_name ?? "\u2014",
+        meta: { truncate: true, maxWidth: "220px" }
+      });
+    }
+    cols.push(
+      {
+        id: "period",
+        header: t("billing.invoices.columns.period", "Period"),
+        cell: ({ row }) => {
+          const start = row.original.period_start?.slice(0, 10);
+          const end = row.original.period_end?.slice(0, 10);
+          if (!start || !end) return "\u2014";
+          return /* @__PURE__ */ jsxs("span", { className: "text-xs", children: [
+            start,
+            " \u2192 ",
+            end
+          ] });
+        }
+      },
+      {
+        id: "total",
+        header: t("billing.invoices.columns.total", "Total"),
+        // Credit memos are stored positive (D-D5) and shown negative.
+        cell: ({ row }) => formatMoney(
+          String(displaySign(row.original.document_type) * Number.parseFloat(row.original.total_gross)),
+          row.original.currency_code
+        )
+      },
+      {
+        accessorKey: "outstanding",
+        header: t("billing.invoices.columns.outstanding", "Outstanding"),
+        cell: ({ row }) => formatMoney(row.original.outstanding, row.original.currency_code)
+      },
+      {
+        accessorKey: "issue_date",
+        header: t("billing.invoices.columns.issued", "Issued"),
+        cell: ({ row }) => formatDate(row.original.issue_date)
+      },
+      {
+        accessorKey: "due_date",
+        header: t("billing.invoices.columns.due", "Due"),
+        cell: ({ row }) => formatDate(row.original.due_date)
+      },
+      {
+        accessorKey: "days_overdue",
+        header: t("billing.invoices.columns.days_overdue", "Days overdue"),
+        cell: ({ row }) => row.original.days_overdue > 0 ? /* @__PURE__ */ jsx("span", { className: "font-medium text-status-error-text tabular-nums", children: row.original.days_overdue }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\u2014" })
+      }
+    );
+    return cols;
+  }, [billAccountId, statusLabel, t]);
+  return /* @__PURE__ */ jsx(
+    DataTable,
+    {
+      title,
+      actions,
+      refreshButton: { label: t("billing.common.refresh", "Refresh"), onRefresh: loadRows, isRefreshing: loading },
+      columnChooser: { auto: true },
+      perspective: { tableId },
+      columns,
+      data: rows,
+      error,
+      emptyState: t("billing.invoices.empty", "No invoices yet."),
+      onRowClick: (row) => router.push(invoiceDetailHref(row.id, { fromAccountId: billAccountId })),
+      rowActions: (row) => /* @__PURE__ */ jsx(
+        RowActions,
+        {
+          items: [
+            {
+              id: "open",
+              label: t("billing.invoices.actions.open", "Open"),
+              href: invoiceDetailHref(row.id, { fromAccountId: billAccountId })
+            },
+            {
+              id: "pdf",
+              label: row.status === "draft" ? t("billing.invoices.actions.pdf_preview", "Preview PDF") : t("billing.invoices.actions.pdf", "Download PDF"),
+              href: invoicePdfHref(row.id)
+            }
+          ]
+        }
+      ),
+      isLoading: loading,
+      pagination: { page, pageSize, total, totalPages, onPageChange: setPage },
+      filters: filterDefs,
+      filterValues: filters,
+      onFiltersApply: (next) => {
+        setPage(1);
+        setFilters(next);
+      },
+      onFiltersClear: () => {
+        setPage(1);
+        setFilters({});
+      },
+      searchValue: search,
+      onSearchChange: (next) => {
+        setPage(1);
+        setSearch(next);
+      }
+    }
+  );
+}
+export {
+  InvoicesTable,
+  formatMoney,
+  invoiceStatusVariant
+};
+//# sourceMappingURL=InvoicesTable.js.map

package/dist/modules/billing/components/InvoicesTable.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/billing/components/InvoicesTable.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\nimport type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'\nimport { BillingDataTable as DataTable } from './BillingDataTable'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { Tag } from '@open-mercato/ui/primitives/tag'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { invoiceDetailHref, invoicePdfHref } from '../lib/navigation'\nimport { displaySign } from '../lib/documentTypes'\n\n/**\n * Billing documents table (Spec B) \u2014 shared by the global Invoices list and\n * the Invoices section of a billing account (and, later, Spec E's tab).\n *\n *   - `billAccountId` pins the list to one account (no account column; rows\n *     open the invoice with a return link to the account).\n *   - Filters: status, overdue (computed server-side, B-D6), document type,\n *     test runs. Columns include due date, outstanding and days overdue.\n *   - Row action: download the PDF (frozen when posted, preview for drafts).\n *\n * Server-paginated via `GET /api/billing/invoices` (pageSize \u2264 100).\n */\n\nexport type BillingInvoiceRow = {\n  id: string\n  number: string\n  document_type: 'invoice' | 'credit_memo' | 'debit_memo' | 'receipt'\n  status: 'draft' | 'posted' | 'partially_paid' | 'paid' | 'credited'\n  test_run: boolean\n  bill_account_id: string\n  bill_account_name: string | null\n  bill_run_id: string | null\n  bill_date: string | null\n  period_start: string | null\n  period_end: string | null\n  currency_code: string\n  issue_date: string | null\n  due_date: string | null\n  subtotal_net: string\n  total_gross: string\n  paid_total: string\n  outstanding: string\n  days_overdue: number\n  created_at: string\n  updated_at: string\n}\n\ntype ListResponse = {\n  items: BillingInvoiceRow[]\n  total: number\n  totalPages: number\n}\n\nexport type InvoicesTableProps = {\n  title: string\n  /** Pin the table to one account (account Invoices section). */\n  billAccountId?: string\n  /** Stable perspective / extension id. */\n  tableId: string\n  pageSize?: number\n  /** Extra header actions (e.g. the billing settings shortcut). */\n  actions?: React.ReactNode\n}\n\nfunction formatDate(value: string | null | undefined): string {\n  if (!value) return '\u2014'\n  const parsed = new Date(value)\n  return Number.isNaN(parsed.getTime()) ? value : parsed.toLocaleDateString()\n}\n\nexport function formatMoney(value: string, currency: string): string {\n  const n = Number.parseFloat(value)\n  if (!Number.isFinite(n)) return value\n  try {\n    return new Intl.NumberFormat(undefined, { style: 'currency', currency }).format(n)\n  } catch {\n    return `${value} ${currency}`\n  }\n}\n\nexport function invoiceStatusVariant(status: BillingInvoiceRow['status']): 'default' | 'success' | 'warning' | 'error' {\n  switch (status) {\n    case 'paid':\n    case 'credited':\n      return 'success'\n    case 'posted':\n    case 'partially_paid':\n      return 'warning'\n    case 'draft':\n    default:\n      return 'default'\n  }\n}\n\nexport function InvoicesTable({ title, billAccountId, tableId, pageSize = 25, actions }: InvoicesTableProps) {\n  const t = useT()\n  const router = useRouter()\n  const [rows, setRows] = React.useState<BillingInvoiceRow[]>([])\n  const [page, setPage] = React.useState(1)\n  const [filters, setFilters] = React.useState<FilterValues>({})\n  const [search, setSearch] = React.useState('')\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const [loading, setLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n\n  const statusLabel = React.useCallback(\n    (status: BillingInvoiceRow['status']) =>\n      ({\n        draft: t('billing.invoices.status.draft', 'Draft'),\n        posted: t('billing.invoices.status.posted', 'Posted'),\n        partially_paid: t('billing.invoices.status.partially_paid', 'Partially paid'),\n        paid: t('billing.invoices.status.paid', 'Paid'),\n        credited: t('billing.invoices.status.credited', 'Credited'),\n      })[status] ?? status,\n    [t],\n  )\n\n  const filterDefs = React.useMemo<FilterDef[]>(\n    () => [\n      {\n        id: 'status',\n        label: t('billing.invoices.filters.status', 'Status'),\n        type: 'select',\n        options: (['draft', 'posted', 'partially_paid', 'paid', 'credited'] as const).map((value) => ({\n          value,\n          label: statusLabel(value),\n        })),\n      },\n      {\n        id: 'overdue',\n        label: t('billing.invoices.filters.overdue', 'Overdue'),\n        type: 'select',\n        options: [\n          { value: 'true', label: t('billing.invoices.filters.overdue.only', 'Only overdue') },\n          { value: 'false', label: t('billing.invoices.filters.overdue.exclude', 'Not overdue') },\n        ],\n      },\n      {\n        id: 'documentType',\n        label: t('billing.invoices.filters.document_type', 'Document type'),\n        type: 'select',\n        options: [\n          { value: 'invoice', label: t('billing.invoices.document_type.invoice', 'Invoice') },\n          { value: 'credit_memo', label: t('billing.invoices.document_type.credit_memo', 'Credit memo') },\n          { value: 'debit_memo', label: t('billing.invoices.document_type.debit_memo', 'Debit memo') },\n          { value: 'receipt', label: t('billing.invoices.document_type.receipt', 'Top-up receipt') },\n        ],\n      },\n      {\n        id: 'testRun',\n        label: t('billing.invoices.filters.test_run', 'Test runs'),\n        type: 'select',\n        options: [\n          { value: 'true', label: t('billing.invoices.filters.test_run.only', 'Only test') },\n          { value: 'false', label: t('billing.invoices.filters.test_run.exclude', 'Exclude test') },\n        ],\n      },\n    ],\n    [statusLabel, t],\n  )\n\n  const loadRows = React.useCallback(async () => {\n    setLoading(true)\n    setError(null)\n    try {\n      const params = new URLSearchParams({ page: String(page), pageSize: String(Math.min(pageSize, 100)) })\n      if (billAccountId) params.set('billAccountId', billAccountId)\n      if (search.trim()) params.set('search', search.trim())\n      for (const key of ['status', 'documentType'] as const) {\n        const value = filters[key]\n        if (typeof value === 'string' && value) params.set(key, value)\n      }\n      for (const key of ['testRun', 'overdue'] as const) {\n        const value = filters[key]\n        if (value === 'true' || value === 'false') params.set(key, value)\n      }\n      const result = await readApiResultOrThrow<ListResponse>(`/api/billing/invoices?${params.toString()}`)\n      setRows(result.items ?? [])\n      setTotal(result.total ?? 0)\n      setTotalPages(result.totalPages ?? 1)\n    } catch (err) {\n      setError(err instanceof Error ? err.message : t('billing.invoices.error.load', 'Could not load invoices'))\n    } finally {\n      setLoading(false)\n    }\n  }, [billAccountId, filters, page, pageSize, search, t])\n\n  React.useEffect(() => {\n    void loadRows()\n  }, [loadRows])\n\n  const columns = React.useMemo<ColumnDef<BillingInvoiceRow>[]>(() => {\n    const cols: ColumnDef<BillingInvoiceRow>[] = [\n      {\n        accessorKey: 'number',\n        header: t('billing.invoices.columns.number', 'Number'),\n        cell: ({ row }) => (\n          <div className=\"flex items-center gap-2\">\n            <span className=\"text-sm font-medium text-primary\">{row.original.number}</span>\n            {row.original.test_run ? <Tag variant=\"warning\">TEST</Tag> : null}\n          </div>\n        ),\n      },\n      {\n        accessorKey: 'document_type',\n        header: t('billing.invoices.columns.type', 'Type'),\n        cell: ({ row }) =>\n          ({\n            invoice: t('billing.invoices.document_type.invoice', 'Invoice'),\n            credit_memo: t('billing.invoices.document_type.credit_memo', 'Credit memo'),\n            debit_memo: t('billing.invoices.document_type.debit_memo', 'Debit memo'),\n            receipt: t('billing.invoices.document_type.receipt', 'Top-up receipt'),\n          })[row.original.document_type] ?? row.original.document_type,\n      },\n      {\n        accessorKey: 'status',\n        header: t('billing.invoices.columns.status', 'Status'),\n        cell: ({ row }) => (\n          <div className=\"flex items-center gap-1\">\n            <Tag variant={invoiceStatusVariant(row.original.status)}>{statusLabel(row.original.status)}</Tag>\n            {row.original.days_overdue > 0 ? (\n              <Tag variant=\"error\">{t('billing.invoices.overdue', 'Overdue')}</Tag>\n            ) : null}\n          </div>\n        ),\n      },\n    ]\n    if (!billAccountId) {\n      cols.push({\n        accessorKey: 'bill_account_name',\n        header: t('billing.invoices.columns.account', 'Account'),\n        cell: ({ row }) => row.original.bill_account_name ?? '\u2014',\n        meta: { truncate: true, maxWidth: '220px' },\n      })\n    }\n    cols.push(\n      {\n        id: 'period',\n        header: t('billing.invoices.columns.period', 'Period'),\n        cell: ({ row }) => {\n          const start = row.original.period_start?.slice(0, 10)\n          const end = row.original.period_end?.slice(0, 10)\n          if (!start || !end) return '\u2014'\n          return (\n            <span className=\"text-xs\">\n              {start} \u2192 {end}\n            </span>\n          )\n        },\n      },\n      {\n        id: 'total',\n        header: t('billing.invoices.columns.total', 'Total'),\n        // Credit memos are stored positive (D-D5) and shown negative.\n        cell: ({ row }) =>\n          formatMoney(\n            String(displaySign(row.original.document_type) * Number.parseFloat(row.original.total_gross)),\n            row.original.currency_code,\n          ),\n      },\n      {\n        accessorKey: 'outstanding',\n        header: t('billing.invoices.columns.outstanding', 'Outstanding'),\n        cell: ({ row }) => formatMoney(row.original.outstanding, row.original.currency_code),\n      },\n      {\n        accessorKey: 'issue_date',\n        header: t('billing.invoices.columns.issued', 'Issued'),\n        cell: ({ row }) => formatDate(row.original.issue_date),\n      },\n      {\n        accessorKey: 'due_date',\n        header: t('billing.invoices.columns.due', 'Due'),\n        cell: ({ row }) => formatDate(row.original.due_date),\n      },\n      {\n        accessorKey: 'days_overdue',\n        header: t('billing.invoices.columns.days_overdue', 'Days overdue'),\n        cell: ({ row }) =>\n          row.original.days_overdue > 0 ? (\n            <span className=\"font-medium text-status-error-text tabular-nums\">{row.original.days_overdue}</span>\n          ) : (\n            <span className=\"text-muted-foreground\">\u2014</span>\n          ),\n      },\n    )\n    return cols\n  }, [billAccountId, statusLabel, t])\n\n  return (\n    <DataTable\n      title={title}\n      actions={actions}\n      refreshButton={{ label: t('billing.common.refresh', 'Refresh'), onRefresh: loadRows, isRefreshing: loading }}\n      columnChooser={{ auto: true }}\n      perspective={{ tableId }}\n      columns={columns}\n      data={rows}\n      error={error}\n      emptyState={t('billing.invoices.empty', 'No invoices yet.')}\n      onRowClick={(row) => router.push(invoiceDetailHref(row.id, { fromAccountId: billAccountId }))}\n      rowActions={(row) => (\n        <RowActions\n          items={[\n            {\n              id: 'open',\n              label: t('billing.invoices.actions.open', 'Open'),\n              href: invoiceDetailHref(row.id, { fromAccountId: billAccountId }),\n            },\n            {\n              id: 'pdf',\n              label:\n                row.status === 'draft'\n                  ? t('billing.invoices.actions.pdf_preview', 'Preview PDF')\n                  : t('billing.invoices.actions.pdf', 'Download PDF'),\n              href: invoicePdfHref(row.id),\n            },\n          ]}\n        />\n      )}\n      isLoading={loading}\n      pagination={{ page, pageSize, total, totalPages, onPageChange: setPage }}\n      filters={filterDefs}\n      filterValues={filters}\n      onFiltersApply={(next) => {\n        setPage(1)\n        setFilters(next)\n      }}\n      onFiltersClear={() => {\n        setPage(1)\n        setFilters({})\n      }}\n      searchValue={search}\n      onSearchChange={(next) => {\n        setPage(1)\n        setSearch(next)\n      }}\n    />\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}