@dainamite/billing 0.20.0 → 0.21.0

package/dist/modules/billing/components/account/AccountRunsTab.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/billing/components/account/AccountRunsTab.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport Link from 'next/link'\nimport type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { BillingDataTable as DataTable } from '../BillingDataTable'\nimport { Tag } from '@open-mercato/ui/primitives/tag'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { useTestRunCleanup, type BillRunMode } from '../TestRunActions'\n\n/**\n * Bill Runs tab of the account workspace (Spec E \u00A74 / Spec F, F8): this\n * account's run outcomes, newest first, from\n * `GET /api/billing/run-outcomes?billAccountId=` (server-paginated).\n */\n\ntype OutcomeCycle = {\n  bill_date: string\n  status: string\n  invoice_id: string | null\n  invoice_number?: string | null\n  statement_id?: string | null\n}\n\ntype OutcomeRow = {\n  id: string\n  bill_run_id: string\n  run_mode: BillRunMode | null\n  run_as_of_date: string | null\n  status: string\n  error_message: string | null\n  draft_invoice_id: string | null\n  invoice_number: string | null\n  cycles: OutcomeCycle[] | null\n  created_at: string\n}\n\ntype ListResponse = { items: OutcomeRow[]; total: number; totalPages: number }\n\nconst PAGE_SIZE = 20\n\nfunction statusVariant(status: string): 'success' | 'warning' | 'error' | 'neutral' {\n  if (status === 'success') return 'success'\n  if (status === 'failed') return 'error'\n  if (status === 'success_with_warnings' || status.startsWith('skipped')) return 'warning'\n  return 'neutral'\n}\n\nexport function AccountRunsTab({ accountId, refreshKey = 0 }: { accountId: string; refreshKey?: number }) {\n  const t = useT()\n  const [rows, setRows] = React.useState<OutcomeRow[]>([])\n  const [page, setPage] = React.useState(1)\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  const cleanup = useTestRunCleanup()\n\n  const load = React.useCallback(async () => {\n    setLoading(true)\n    setError(null)\n    try {\n      const params = new URLSearchParams({\n        billAccountId: accountId,\n        page: String(page),\n        pageSize: String(PAGE_SIZE),\n        sortField: 'createdAt',\n        sortDir: 'desc',\n      })\n      const result = await readApiResultOrThrow<ListResponse>(`/api/billing/run-outcomes?${params.toString()}`)\n      setRows(result.items ?? [])\n      setTotal(result.total ?? 0)\n      setTotalPages(result.totalPages ?? 1)\n    } catch {\n      setError(t('billing.accounts.runs.error', 'Failed to load bill runs'))\n    } finally {\n      setLoading(false)\n    }\n  }, [accountId, page, t])\n\n  React.useEffect(() => {\n    void load()\n  }, [load, refreshKey])\n\n  const columns = React.useMemo<ColumnDef<OutcomeRow>[]>(\n    () => [\n      {\n        accessorKey: 'created_at',\n        header: t('billing.accounts.runs.columns.when', 'Run at'),\n        cell: ({ row }) => (\n          <Link href={`/backend/billing/runs/${row.original.bill_run_id}`} className=\"text-primary hover:underline\">\n            {new Date(row.original.created_at).toLocaleString()}\n          </Link>\n        ),\n      },\n      {\n        accessorKey: 'run_mode',\n        header: t('billing.runs.detail.field.mode', 'Mode'),\n        cell: ({ row }) =>\n          row.original.run_mode === 'dry' ? (\n            <Tag variant=\"warning\">{t('billing.runs.mode.dry_run', 'Dry-run')}</Tag>\n          ) : row.original.run_mode === 'test' ? (\n            <Tag variant=\"warning\">{t('billing.runs.mode.test', 'Test')}</Tag>\n          ) : (\n            <Tag variant=\"default\">{t('billing.runs.mode.real', 'Real')}</Tag>\n          ),\n      },\n      {\n        accessorKey: 'run_as_of_date',\n        header: t('billing.runs.columns.as_of_date', 'As-of date'),\n        cell: ({ row }) => row.original.run_as_of_date ?? '\u2014',\n      },\n      {\n        accessorKey: 'status',\n        header: t('billing.runs.outcomes.columns.status', 'Status'),\n        cell: ({ row }) => <Tag variant={statusVariant(row.original.status)}>{row.original.status}</Tag>,\n      },\n      {\n        id: 'cycles',\n        header: t('billing.accounts.runs.columns.cycles', 'Bill dates'),\n        cell: ({ row }) => {\n          const cycles = row.original.cycles ?? []\n          if (cycles.length === 0) return '\u2014'\n          return cycles.map((cycle) => cycle.bill_date).join(', ')\n        },\n      },\n      {\n        id: 'documents',\n        header: t('billing.accounts.runs.columns.documents', 'Documents'),\n        cell: ({ row }) => {\n          const cycles = row.original.cycles ?? []\n          const links = cycles.flatMap((cycle) =>\n            cycle.invoice_id\n              ? [\n                  <Link key={cycle.invoice_id} href={`/backend/billing/invoices/${cycle.invoice_id}`} className=\"text-primary hover:underline\">\n                    {cycle.invoice_number ?? cycle.invoice_id.slice(0, 8)}\n                  </Link>,\n                ]\n              : cycle.statement_id\n                ? [\n                    <Link key={cycle.statement_id} href={`/backend/billing/statements/${cycle.statement_id}`} className=\"text-primary hover:underline\">\n                      {t('billing.runs.cycles.statement', 'Statement')} {cycle.bill_date}\n                    </Link>,\n                  ]\n                : [],\n          )\n          if (links.length === 0) return row.original.error_message ?? '\u2014'\n          return <span className=\"flex flex-wrap gap-x-3 gap-y-1\">{links}</span>\n        },\n      },\n    ],\n    [t],\n  )\n\n  return (\n    <>\n    <DataTable\n      title={t('billing.accounts.tabs.runs', 'Bill runs')}\n      columns={columns}\n      data={rows}\n      isLoading={loading}\n      error={error}\n      pagination={{ page, pageSize: PAGE_SIZE, total, totalPages, onPageChange: setPage }}\n      emptyState={t('billing.accounts.runs.empty', 'No bill runs for this account yet.')}\n      rowActions={(row) => (\n        <RowActions\n          items={[\n            { id: 'open', label: t('billing.runs.actions.open', 'Open'), href: `/backend/billing/runs/${row.bill_run_id}` },\n            ...(row.run_mode === 'test'\n              ? [\n                  {\n                    id: 'wipe',\n                    label: t('billing.runs.wipe.action', 'Wipe test invoices'),\n                    onSelect: async () => {\n                      if ((await cleanup.wipe(row.bill_run_id)) !== null) void load()\n                    },\n                  },\n                ]\n              : []),\n            ...(row.run_mode === 'test' || row.run_mode === 'dry'\n              ? [\n                  {\n                    id: 'delete',\n                    label: t('billing.runs.delete.action', 'Delete run'),\n                    destructive: true,\n                    onSelect: async () => {\n                      const removed = await cleanup.remove({ runId: row.bill_run_id, mode: row.run_mode ?? 'test' })\n                      if (removed !== null) void load()\n                    },\n                  },\n                ]\n              : []),\n          ]}\n        />\n      )}\n    />\n    {cleanup.ConfirmDialogElement}\n    </>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/billing/components/account/AccountStatementsTab.js

@@ -0,0 +1,98 @@
+"use client";
+import { jsx } 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 { readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import { formatMoney } from "../InvoicesTable.js";
+const PAGE_SIZE = 20;
+function day(value) {
+  return value ? value.slice(0, 10) : "\u2014";
+}
+function AccountStatementsTab({ accountId, refreshKey = 0 }) {
+  const t = useT();
+  const router = useRouter();
+  const [rows, setRows] = React.useState([]);
+  const [page, setPage] = React.useState(1);
+  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 load = React.useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const params = new URLSearchParams({
+        billAccountId: accountId,
+        page: String(page),
+        pageSize: String(PAGE_SIZE),
+        sortField: "periodEnd",
+        sortDir: "desc"
+      });
+      const result = await readApiResultOrThrow(`/api/billing/statements?${params.toString()}`);
+      setRows(result.items ?? []);
+      setTotal(result.total ?? 0);
+      setTotalPages(result.totalPages ?? 1);
+    } catch {
+      setError(t("billing.accounts.statements.error", "Failed to load statements"));
+    } finally {
+      setLoading(false);
+    }
+  }, [accountId, page, t]);
+  React.useEffect(() => {
+    void load();
+  }, [load, refreshKey]);
+  const columns = React.useMemo(
+    () => [
+      {
+        accessorKey: "period_start",
+        header: t("billing.statements.columns.period", "Period"),
+        cell: ({ row }) => `${day(row.original.period_start)} \u2013 ${day(row.original.period_end)}`
+      },
+      {
+        accessorKey: "opening_balance",
+        header: t("billing.statements.columns.opening", "Opening"),
+        cell: ({ row }) => formatMoney(row.original.opening_balance, row.original.currency_code)
+      },
+      {
+        accessorKey: "total_topups",
+        header: t("billing.statements.columns.topups", "Top-ups"),
+        cell: ({ row }) => formatMoney(row.original.total_topups, row.original.currency_code)
+      },
+      {
+        accessorKey: "total_usage",
+        header: t("billing.statements.columns.usage", "Usage"),
+        cell: ({ row }) => formatMoney(row.original.total_usage, row.original.currency_code)
+      },
+      {
+        accessorKey: "total_recurring",
+        header: t("billing.statements.columns.charges", "Charges"),
+        cell: ({ row }) => formatMoney(row.original.total_recurring, row.original.currency_code)
+      },
+      {
+        accessorKey: "closing_balance",
+        header: t("billing.statements.columns.closing", "Closing"),
+        cell: ({ row }) => formatMoney(row.original.closing_balance, row.original.currency_code)
+      }
+    ],
+    [t]
+  );
+  return /* @__PURE__ */ jsx(
+    DataTable,
+    {
+      title: t("billing.accounts.tabs.statements", "Statements"),
+      columns,
+      data: rows,
+      isLoading: loading,
+      error,
+      onRowClick: (row) => router.push(`/backend/billing/statements/${row.id}`),
+      pagination: { page, pageSize: PAGE_SIZE, total, totalPages, onPageChange: setPage },
+      emptyState: t("billing.accounts.statements.empty", "No statements yet \u2014 they are written when a period closes.")
+    }
+  );
+}
+export {
+  AccountStatementsTab
+};
+//# sourceMappingURL=AccountStatementsTab.js.map

package/dist/modules/billing/components/account/AccountStatementsTab.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/billing/components/account/AccountStatementsTab.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 { BillingDataTable as DataTable } from '../BillingDataTable'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { formatMoney } from '../InvoicesTable'\n\n/**\n * Statements tab of a prepaid account workspace (Spec E \u00A74 / Spec F, F8):\n * the account's consumption statements, newest period first\n * (`GET /api/billing/statements?billAccountId=`, server-paginated).\n */\n\ntype StatementRow = {\n  id: string\n  period_start: string\n  period_end: string\n  currency_code: string\n  opening_balance: string\n  total_topups: string\n  total_usage: string\n  total_recurring: string\n  closing_balance: string\n}\n\ntype ListResponse = { items: StatementRow[]; total: number; totalPages: number }\n\nconst PAGE_SIZE = 20\n\nfunction day(value: string): string {\n  return value ? value.slice(0, 10) : '\u2014'\n}\n\nexport function AccountStatementsTab({ accountId, refreshKey = 0 }: { accountId: string; refreshKey?: number }) {\n  const t = useT()\n  const router = useRouter()\n  const [rows, setRows] = React.useState<StatementRow[]>([])\n  const [page, setPage] = React.useState(1)\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 load = React.useCallback(async () => {\n    setLoading(true)\n    setError(null)\n    try {\n      const params = new URLSearchParams({\n        billAccountId: accountId,\n        page: String(page),\n        pageSize: String(PAGE_SIZE),\n        sortField: 'periodEnd',\n        sortDir: 'desc',\n      })\n      const result = await readApiResultOrThrow<ListResponse>(`/api/billing/statements?${params.toString()}`)\n      setRows(result.items ?? [])\n      setTotal(result.total ?? 0)\n      setTotalPages(result.totalPages ?? 1)\n    } catch {\n      setError(t('billing.accounts.statements.error', 'Failed to load statements'))\n    } finally {\n      setLoading(false)\n    }\n  }, [accountId, page, t])\n\n  React.useEffect(() => {\n    void load()\n  }, [load, refreshKey])\n\n  const columns = React.useMemo<ColumnDef<StatementRow>[]>(\n    () => [\n      {\n        accessorKey: 'period_start',\n        header: t('billing.statements.columns.period', 'Period'),\n        cell: ({ row }) => `${day(row.original.period_start)} \u2013 ${day(row.original.period_end)}`,\n      },\n      {\n        accessorKey: 'opening_balance',\n        header: t('billing.statements.columns.opening', 'Opening'),\n        cell: ({ row }) => formatMoney(row.original.opening_balance, row.original.currency_code),\n      },\n      {\n        accessorKey: 'total_topups',\n        header: t('billing.statements.columns.topups', 'Top-ups'),\n        cell: ({ row }) => formatMoney(row.original.total_topups, row.original.currency_code),\n      },\n      {\n        accessorKey: 'total_usage',\n        header: t('billing.statements.columns.usage', 'Usage'),\n        cell: ({ row }) => formatMoney(row.original.total_usage, row.original.currency_code),\n      },\n      {\n        accessorKey: 'total_recurring',\n        header: t('billing.statements.columns.charges', 'Charges'),\n        cell: ({ row }) => formatMoney(row.original.total_recurring, row.original.currency_code),\n      },\n      {\n        accessorKey: 'closing_balance',\n        header: t('billing.statements.columns.closing', 'Closing'),\n        cell: ({ row }) => formatMoney(row.original.closing_balance, row.original.currency_code),\n      },\n    ],\n    [t],\n  )\n\n  return (\n    <DataTable\n      title={t('billing.accounts.tabs.statements', 'Statements')}\n      columns={columns}\n      data={rows}\n      isLoading={loading}\n      error={error}\n      onRowClick={(row) => router.push(`/backend/billing/statements/${row.id}`)}\n      pagination={{ page, pageSize: PAGE_SIZE, total, totalPages, onPageChange: setPage }}\n      emptyState={t('billing.accounts.statements.empty', 'No statements yet \u2014 they are written when a period closes.')}\n    />\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/billing/components/account/AccountSummaryCards.js

@@ -0,0 +1,125 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import Link from "next/link";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Tag } from "@open-mercato/ui/primitives/tag";
+import { readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import { Stat, StatCard } from "../DetailFields.js";
+import { formatMoney } from "../InvoicesTable.js";
+function balanceVariant(status) {
+  if (status === "exhausted") return "error";
+  if (status === "low") return "warning";
+  return "success";
+}
+function AccountSummaryCards({ accountId, refreshKey = 0 }) {
+  const t = useT();
+  const [summary, setSummary] = React.useState(null);
+  React.useEffect(() => {
+    let cancelled = false;
+    readApiResultOrThrow(`/api/billing/accounts/${encodeURIComponent(accountId)}/summary`).then((result) => {
+      if (!cancelled) setSummary(result);
+    }).catch(() => {
+      if (!cancelled) setSummary(null);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [accountId, refreshKey]);
+  if (!summary) return null;
+  const currency = summary.currency_code;
+  const statusLabel = (status) => status === "exhausted" ? t("billing.prepaid.status.exhausted", "Exhausted") : status === "low" ? t("billing.prepaid.status.low", "Low") : t("billing.prepaid.status.ok", "OK");
+  return /* @__PURE__ */ jsxs(StatCard, { children: [
+    summary.prepaid ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        Stat,
+        {
+          label: t("billing.accounts.summary.balance", "Balance"),
+          value: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2", children: [
+            formatMoney(summary.prepaid.balance, currency),
+            /* @__PURE__ */ jsx(Tag, { variant: balanceVariant(summary.prepaid.balance_status), children: statusLabel(summary.prepaid.balance_status) })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Stat,
+        {
+          label: t("billing.accounts.columns.credit_limit", "Credit limit"),
+          value: formatMoney(summary.prepaid.credit_limit, currency)
+        }
+      )
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        Stat,
+        {
+          label: t("billing.accounts.summary.balance_due", "Balance due"),
+          value: formatMoney(summary.open_amount, currency)
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Stat,
+        {
+          label: t("billing.accounts.summary.overdue", "Overdue"),
+          value: /* @__PURE__ */ jsxs("span", { className: Number(summary.overdue_amount) > 0 ? "text-status-error-text" : void 0, children: [
+            formatMoney(summary.overdue_amount, currency),
+            " (",
+            summary.overdue_count,
+            ")"
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Stat,
+        {
+          label: t("billing.accounts.summary.credit", "Unapplied credit"),
+          value: formatMoney(summary.credit_amount, currency)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      Stat,
+      {
+        label: t("billing.accounts.columns.next_bill", "Next bill"),
+        value: summary.next_bill_date ? /* @__PURE__ */ jsxs("span", { children: [
+          summary.next_bill_date,
+          /* @__PURE__ */ jsxs("span", { className: "ml-1 text-xs font-normal text-muted-foreground", children: [
+            "\xB7 ",
+            summary.bill_cycle
+          ] })
+        ] }) : "\u2014"
+      }
+    ),
+    summary.prepaid ? /* @__PURE__ */ jsx(
+      Stat,
+      {
+        label: t("billing.accounts.summary.last_statement", "Last statement"),
+        value: summary.prepaid.last_statement ? /* @__PURE__ */ jsxs(
+          Link,
+          {
+            href: `/backend/billing/statements/${summary.prepaid.last_statement.id}`,
+            className: "text-primary hover:underline",
+            children: [
+              summary.prepaid.last_statement.period_start,
+              " \u2013 ",
+              summary.prepaid.last_statement.period_end
+            ]
+          }
+        ) : "\u2014"
+      }
+    ) : /* @__PURE__ */ jsx(
+      Stat,
+      {
+        label: t("billing.accounts.summary.last_invoice", "Last invoice"),
+        value: summary.last_invoice ? /* @__PURE__ */ jsxs(Link, { href: `/backend/billing/invoices/${summary.last_invoice.id}`, className: "text-primary hover:underline", children: [
+          summary.last_invoice.number,
+          " \xB7 ",
+          formatMoney(summary.last_invoice.total_gross, currency)
+        ] }) : "\u2014"
+      }
+    )
+  ] });
+}
+export {
+  AccountSummaryCards
+};
+//# sourceMappingURL=AccountSummaryCards.js.map

package/dist/modules/billing/components/account/AccountSummaryCards.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/billing/components/account/AccountSummaryCards.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Tag } from '@open-mercato/ui/primitives/tag'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { Stat, StatCard } from '../DetailFields'\nimport { formatMoney } from '../InvoicesTable'\n\n/**\n * Billing Account workspace header (Spec E \u00A74 / Spec F, F8): what the\n * operator needs at a glance, from ONE call to\n * `GET /api/billing/accounts/{id}/summary`. Postpaid shows receivables;\n * prepaid shows the balance. Informational \u2014 a failed load hides the cards.\n */\n\nexport type AccountWorkspaceSummary = {\n  currency_code: string\n  open_amount: string\n  overdue_amount: string\n  overdue_count: number\n  credit_amount: string\n  billing_mode: 'postpaid' | 'prepaid'\n  bill_cycle: string\n  next_bill_date: string | null\n  last_invoice: { id: string; number: string; issue_date: string | null; total_gross: string } | null\n  prepaid: {\n    balance: string\n    balance_status: 'ok' | 'low' | 'exhausted'\n    credit_limit: string\n    last_statement: { id: string; period_start: string; period_end: string; closing_balance: string } | null\n  } | null\n}\n\nfunction balanceVariant(status: 'ok' | 'low' | 'exhausted'): 'success' | 'warning' | 'error' {\n  if (status === 'exhausted') return 'error'\n  if (status === 'low') return 'warning'\n  return 'success'\n}\n\nexport function AccountSummaryCards({ accountId, refreshKey = 0 }: { accountId: string; refreshKey?: number }) {\n  const t = useT()\n  const [summary, setSummary] = React.useState<AccountWorkspaceSummary | null>(null)\n\n  React.useEffect(() => {\n    let cancelled = false\n    readApiResultOrThrow<AccountWorkspaceSummary>(`/api/billing/accounts/${encodeURIComponent(accountId)}/summary`)\n      .then((result) => {\n        if (!cancelled) setSummary(result)\n      })\n      .catch(() => {\n        if (!cancelled) setSummary(null)\n      })\n    return () => {\n      cancelled = true\n    }\n  }, [accountId, refreshKey])\n\n  if (!summary) return null\n  const currency = summary.currency_code\n  const statusLabel = (status: 'ok' | 'low' | 'exhausted') =>\n    status === 'exhausted'\n      ? t('billing.prepaid.status.exhausted', 'Exhausted')\n      : status === 'low'\n        ? t('billing.prepaid.status.low', 'Low')\n        : t('billing.prepaid.status.ok', 'OK')\n\n  return (\n    <StatCard>\n      {summary.prepaid ? (\n        <>\n          <Stat\n            label={t('billing.accounts.summary.balance', 'Balance')}\n            value={\n              <span className=\"inline-flex items-center gap-2\">\n                {formatMoney(summary.prepaid.balance, currency)}\n                <Tag variant={balanceVariant(summary.prepaid.balance_status)}>\n                  {statusLabel(summary.prepaid.balance_status)}\n                </Tag>\n              </span>\n            }\n          />\n          <Stat\n            label={t('billing.accounts.columns.credit_limit', 'Credit limit')}\n            value={formatMoney(summary.prepaid.credit_limit, currency)}\n          />\n        </>\n      ) : (\n        <>\n          <Stat\n            label={t('billing.accounts.summary.balance_due', 'Balance due')}\n            value={formatMoney(summary.open_amount, currency)}\n          />\n          <Stat\n            label={t('billing.accounts.summary.overdue', 'Overdue')}\n            value={\n              <span className={Number(summary.overdue_amount) > 0 ? 'text-status-error-text' : undefined}>\n                {formatMoney(summary.overdue_amount, currency)} ({summary.overdue_count})\n              </span>\n            }\n          />\n          <Stat\n            label={t('billing.accounts.summary.credit', 'Unapplied credit')}\n            value={formatMoney(summary.credit_amount, currency)}\n          />\n        </>\n      )}\n      <Stat\n        label={t('billing.accounts.columns.next_bill', 'Next bill')}\n        value={\n          summary.next_bill_date ? (\n            <span>\n              {summary.next_bill_date}\n              <span className=\"ml-1 text-xs font-normal text-muted-foreground\">\u00B7 {summary.bill_cycle}</span>\n            </span>\n          ) : (\n            '\u2014'\n          )\n        }\n      />\n      {summary.prepaid ? (\n        <Stat\n          label={t('billing.accounts.summary.last_statement', 'Last statement')}\n          value={\n            summary.prepaid.last_statement ? (\n              <Link\n                href={`/backend/billing/statements/${summary.prepaid.last_statement.id}`}\n                className=\"text-primary hover:underline\"\n              >\n                {summary.prepaid.last_statement.period_start} \u2013 {summary.prepaid.last_statement.period_end}\n              </Link>\n            ) : (\n              '\u2014'\n            )\n          }\n        />\n      ) : (\n        <Stat\n          label={t('billing.accounts.summary.last_invoice', 'Last invoice')}\n          value={\n            summary.last_invoice ? (\n              <Link href={`/backend/billing/invoices/${summary.last_invoice.id}`} className=\"text-primary hover:underline\">\n                {summary.last_invoice.number} \u00B7 {formatMoney(summary.last_invoice.total_gross, currency)}\n              </Link>\n            ) : (\n              '\u2014'\n            )\n          }\n        />\n      )}\n    </StatCard>\n  )\n}\n"],
+  "mappings": ";AAsEQ,mBAMQ,KAFF,YAJN;AArER,YAAY,WAAW;AACvB,OAAO,UAAU;AACjB,SAAS,YAAY;AACrB,SAAS,WAAW;AACpB,SAAS,4BAA4B;AACrC,SAAS,MAAM,gBAAgB;AAC/B,SAAS,mBAAmB;AA2B5B,SAAS,eAAe,QAAqE;AAC3F,MAAI,WAAW,YAAa,QAAO;AACnC,MAAI,WAAW,MAAO,QAAO;AAC7B,SAAO;AACT;AAEO,SAAS,oBAAoB,EAAE,WAAW,aAAa,EAAE,GAA+C;AAC7G,QAAM,IAAI,KAAK;AACf,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAyC,IAAI;AAEjF,QAAM,UAAU,MAAM;AACpB,QAAI,YAAY;AAChB,yBAA8C,yBAAyB,mBAAmB,SAAS,CAAC,UAAU,EAC3G,KAAK,CAAC,WAAW;AAChB,UAAI,CAAC,UAAW,YAAW,MAAM;AAAA,IACnC,CAAC,EACA,MAAM,MAAM;AACX,UAAI,CAAC,UAAW,YAAW,IAAI;AAAA,IACjC,CAAC;AACH,WAAO,MAAM;AACX,kBAAY;AAAA,IACd;AAAA,EACF,GAAG,CAAC,WAAW,UAAU,CAAC;AAE1B,MAAI,CAAC,QAAS,QAAO;AACrB,QAAM,WAAW,QAAQ;AACzB,QAAM,cAAc,CAAC,WACnB,WAAW,cACP,EAAE,oCAAoC,WAAW,IACjD,WAAW,QACT,EAAE,8BAA8B,KAAK,IACrC,EAAE,6BAA6B,IAAI;AAE3C,SACE,qBAAC,YACE;AAAA,YAAQ,UACP,iCACE;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,EAAE,oCAAoC,SAAS;AAAA,UACtD,OACE,qBAAC,UAAK,WAAU,kCACb;AAAA,wBAAY,QAAQ,QAAQ,SAAS,QAAQ;AAAA,YAC9C,oBAAC,OAAI,SAAS,eAAe,QAAQ,QAAQ,cAAc,GACxD,sBAAY,QAAQ,QAAQ,cAAc,GAC7C;AAAA,aACF;AAAA;AAAA,MAEJ;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,EAAE,yCAAyC,cAAc;AAAA,UAChE,OAAO,YAAY,QAAQ,QAAQ,cAAc,QAAQ;AAAA;AAAA,MAC3D;AAAA,OACF,IAEA,iCACE;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,EAAE,wCAAwC,aAAa;AAAA,UAC9D,OAAO,YAAY,QAAQ,aAAa,QAAQ;AAAA;AAAA,MAClD;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,EAAE,oCAAoC,SAAS;AAAA,UACtD,OACE,qBAAC,UAAK,WAAW,OAAO,QAAQ,cAAc,IAAI,IAAI,2BAA2B,QAC9E;AAAA,wBAAY,QAAQ,gBAAgB,QAAQ;AAAA,YAAE;AAAA,YAAG,QAAQ;AAAA,YAAc;AAAA,aAC1E;AAAA;AAAA,MAEJ;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,EAAE,mCAAmC,kBAAkB;AAAA,UAC9D,OAAO,YAAY,QAAQ,eAAe,QAAQ;AAAA;AAAA,MACpD;AAAA,OACF;AAAA,IAEF;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,EAAE,sCAAsC,WAAW;AAAA,QAC1D,OACE,QAAQ,iBACN,qBAAC,UACE;AAAA,kBAAQ;AAAA,UACT,qBAAC,UAAK,WAAU,kDAAiD;AAAA;AAAA,YAAG,QAAQ;AAAA,aAAW;AAAA,WACzF,IAEA;AAAA;AAAA,IAGN;AAAA,IACC,QAAQ,UACP;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,EAAE,2CAA2C,gBAAgB;AAAA,QACpE,OACE,QAAQ,QAAQ,iBACd;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,+BAA+B,QAAQ,QAAQ,eAAe,EAAE;AAAA,YACtE,WAAU;AAAA,YAET;AAAA,sBAAQ,QAAQ,eAAe;AAAA,cAAa;AAAA,cAAI,QAAQ,QAAQ,eAAe;AAAA;AAAA;AAAA,QAClF,IAEA;AAAA;AAAA,IAGN,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,EAAE,yCAAyC,cAAc;AAAA,QAChE,OACE,QAAQ,eACN,qBAAC,QAAK,MAAM,6BAA6B,QAAQ,aAAa,EAAE,IAAI,WAAU,gCAC3E;AAAA,kBAAQ,aAAa;AAAA,UAAO;AAAA,UAAI,YAAY,QAAQ,aAAa,aAAa,QAAQ;AAAA,WACzF,IAEA;AAAA;AAAA,IAGN;AAAA,KAEJ;AAEJ;",
+  "names": []
+}

package/dist/modules/billing/components/account/AccountUsageTab.js

@@ -0,0 +1,91 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import Link from "next/link";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { BillingDataTable as DataTable } from "../BillingDataTable.js";
+import { Tag } from "@open-mercato/ui/primitives/tag";
+import { readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import { formatDate } from "./accountRow.js";
+function AccountUsageTab({ accountId }) {
+  const t = useT();
+  const [rows, setRows] = React.useState([]);
+  const [page, setPage] = React.useState(1);
+  const [total, setTotal] = React.useState(0);
+  const [totalPages, setTotalPages] = React.useState(1);
+  const [loading, setLoading] = React.useState(true);
+  const pageSize = 25;
+  const load = React.useCallback(async () => {
+    setLoading(true);
+    try {
+      const result = await readApiResultOrThrow(
+        `/api/billing/usage?billAccountId=${accountId}&page=${page}&pageSize=${pageSize}&sortField=periodStart&sortDir=desc`
+      );
+      setRows(result.items ?? []);
+      setTotal(result.total ?? 0);
+      setTotalPages(result.totalPages ?? 1);
+    } finally {
+      setLoading(false);
+    }
+  }, [accountId, page]);
+  React.useEffect(() => {
+    void load();
+  }, [load]);
+  const columns = React.useMemo(
+    () => [
+      {
+        accessorKey: "uom_code",
+        header: t("billing.usage.columns.uom", "Unit"),
+        cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: "font-mono text-xs", children: row.original.uom_code })
+      },
+      {
+        accessorKey: "quantity",
+        header: t("billing.usage.columns.quantity", "Quantity"),
+        cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: "font-mono tabular-nums", children: row.original.quantity })
+      },
+      {
+        accessorKey: "period_start",
+        header: t("billing.usage.columns.period", "Period"),
+        cell: ({ row }) => `${formatDate(row.original.period_start)} \u2013 ${formatDate(row.original.period_end)}`
+      },
+      {
+        accessorKey: "line_description",
+        header: t("billing.usage.columns.description", "Description"),
+        cell: ({ row }) => row.original.line_description || "\u2014"
+      },
+      {
+        accessorKey: "rated_in_bill_run_id",
+        header: t("billing.usage.columns.rated", "Rated"),
+        cell: ({ row }) => row.original.rated_in_bill_run_id ? (
+          // Rated records carry the Bill Run that priced them — link to it.
+          // Unrated records have no destination, so they stay non-interactive
+          // (no misleading row-level click affordance).
+          /* @__PURE__ */ jsx(
+            Link,
+            {
+              href: `/backend/billing/runs/${row.original.rated_in_bill_run_id}`,
+              className: "rounded-sm hover:underline",
+              children: /* @__PURE__ */ jsx(Tag, { variant: "success", children: t("billing.usage.rated.yes", "Rated") })
+            }
+          )
+        ) : /* @__PURE__ */ jsx(Tag, { variant: "default", children: t("billing.usage.rated.no", "Unrated") })
+      }
+    ],
+    [t]
+  );
+  return /* @__PURE__ */ jsx("div", { className: "mt-6", children: /* @__PURE__ */ jsx(
+    DataTable,
+    {
+      title: t("billing.accounts.detail.usage.title", "Usage"),
+      columns,
+      data: rows,
+      isLoading: loading,
+      pagination: { page, pageSize, total, totalPages, onPageChange: setPage },
+      emptyState: /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground", children: t("billing.accounts.detail.usage.empty", "No usage records for this account yet.") })
+    }
+  ) });
+}
+export {
+  AccountUsageTab
+};
+//# sourceMappingURL=AccountUsageTab.js.map

package/dist/modules/billing/components/account/AccountUsageTab.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/billing/components/account/AccountUsageTab.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport Link from 'next/link'\nimport type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { BillingDataTable as DataTable } from '../BillingDataTable'\nimport { Tag } from '@open-mercato/ui/primitives/tag'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { formatDate } from './accountRow'\n\n// Minimal usage shape for the embedded \"Usage\" table. Mirrors the\n// snake_case `fields` projection in `api/usage/route.ts`. Usage is\n// append-only \u2014 `rated_in_bill_run_id` is null until a Bill Run rates it.\ntype AccountUsageRow = {\n  id: string\n  uom_code: string\n  quantity: string\n  period_start: string\n  period_end: string\n  line_description: string | null\n  rated_in_bill_run_id: string | null\n}\n\n/** The account's usage records (workspace Usage tab). */\nexport function AccountUsageTab({ accountId }: { accountId: string }) {\n  const t = useT()\n  const [rows, setRows] = React.useState<AccountUsageRow[]>([])\n  const [page, setPage] = React.useState(1)\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const [loading, setLoading] = React.useState(true)\n  const pageSize = 25\n\n  const load = React.useCallback(async () => {\n    setLoading(true)\n    try {\n      const result = await readApiResultOrThrow<{\n        items: AccountUsageRow[]\n        total: number\n        totalPages: number\n      }>(\n        `/api/billing/usage?billAccountId=${accountId}&page=${page}` +\n          `&pageSize=${pageSize}&sortField=periodStart&sortDir=desc`,\n      )\n      setRows(result.items ?? [])\n      setTotal(result.total ?? 0)\n      setTotalPages(result.totalPages ?? 1)\n    } finally {\n      setLoading(false)\n    }\n  }, [accountId, page])\n\n  React.useEffect(() => {\n    void load()\n  }, [load])\n\n  const columns = React.useMemo<ColumnDef<AccountUsageRow>[]>(\n    () => [\n      {\n        accessorKey: 'uom_code',\n        header: t('billing.usage.columns.uom', 'Unit'),\n        cell: ({ row }) => (\n          <span className=\"font-mono text-xs\">{row.original.uom_code}</span>\n        ),\n      },\n      {\n        accessorKey: 'quantity',\n        header: t('billing.usage.columns.quantity', 'Quantity'),\n        cell: ({ row }) => (\n          <span className=\"font-mono tabular-nums\">{row.original.quantity}</span>\n        ),\n      },\n      {\n        accessorKey: 'period_start',\n        header: t('billing.usage.columns.period', 'Period'),\n        cell: ({ row }) =>\n          `${formatDate(row.original.period_start)} \u2013 ${formatDate(row.original.period_end)}`,\n      },\n      {\n        accessorKey: 'line_description',\n        header: t('billing.usage.columns.description', 'Description'),\n        cell: ({ row }) => row.original.line_description || '\u2014',\n      },\n      {\n        accessorKey: 'rated_in_bill_run_id',\n        header: t('billing.usage.columns.rated', 'Rated'),\n        cell: ({ row }) =>\n          row.original.rated_in_bill_run_id ? (\n            // Rated records carry the Bill Run that priced them \u2014 link to it.\n            // Unrated records have no destination, so they stay non-interactive\n            // (no misleading row-level click affordance).\n            <Link\n              href={`/backend/billing/runs/${row.original.rated_in_bill_run_id}`}\n              className=\"rounded-sm hover:underline\"\n            >\n              <Tag variant=\"success\">{t('billing.usage.rated.yes', 'Rated')}</Tag>\n            </Link>\n          ) : (\n            <Tag variant=\"default\">{t('billing.usage.rated.no', 'Unrated')}</Tag>\n          ),\n      },\n    ],\n    [t],\n  )\n\n  return (\n    <div className=\"mt-6\">\n      <DataTable\n        title={t('billing.accounts.detail.usage.title', 'Usage')}\n        columns={columns}\n        data={rows}\n        isLoading={loading}\n        pagination={{ page, pageSize, total, totalPages, onPageChange: setPage }}\n        emptyState={\n          <div className=\"rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground\">\n            {t('billing.accounts.detail.usage.empty', 'No usage records for this account yet.')}\n          </div>\n        }\n      />\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/billing/components/account/AccountView.js

@@ -0,0 +1,73 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Tag } from "@open-mercato/ui/primitives/tag";
+import { DetailCard, DetailField } from "../DetailFields.js";
+import { CustomerLabel } from "../CustomerLabel.js";
+import { fetchCustomerNames } from "../customerNames.js";
+import { SUPPORTED_INVOICE_LANGUAGES } from "../../lib/invoiceLanguages.js";
+import { formatDate } from "./accountRow.js";
+function AccountView({ row }) {
+  const t = useT();
+  const customerKind = row.customer_kind ?? "company";
+  const [customerName, setCustomerName] = React.useState(null);
+  React.useEffect(() => {
+    let cancelled = false;
+    void fetchCustomerNames([{ customerId: row.customer_id, customerKind }]).then((names) => {
+      if (!cancelled) setCustomerName(names[row.customer_id]?.name ?? null);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [row.customer_id, customerKind]);
+  const languageLabel = SUPPORTED_INVOICE_LANGUAGES.find((language) => language.code === row.invoice_language)?.label ?? row.invoice_language;
+  const addr = row.invoice_address;
+  const addressText = addr ? [
+    addr.line1,
+    addr.line2,
+    [addr.postal_code, addr.city].filter(Boolean).join(" "),
+    addr.country
+  ].map((part) => (part ?? "").trim()).filter(Boolean).join(", ") : "";
+  return /* @__PURE__ */ jsxs(DetailCard, { children: [
+    /* @__PURE__ */ jsx(DetailField, { label: t("billing.accounts.columns.customer", "Customer"), children: /* @__PURE__ */ jsx(
+      CustomerLabel,
+      {
+        customerId: row.customer_id,
+        customerKind,
+        name: customerName,
+        linkToCustomer: true
+      }
+    ) }),
+    /* @__PURE__ */ jsx(DetailField, { label: t("billing.accounts.columns.currency", "Currency"), children: row.currency_code }),
+    /* @__PURE__ */ jsx(DetailField, { label: t("billing.accounts.columns.mode", "Mode"), children: row.billing_mode === "prepaid" ? /* @__PURE__ */ jsx(Tag, { variant: "brand", children: t("billing.mode.prepaid", "Prepaid") }) : /* @__PURE__ */ jsx(Tag, { variant: "neutral", children: t("billing.mode.postpaid", "Postpaid") }) }),
+    /* @__PURE__ */ jsx(DetailField, { label: t("billing.accounts.columns.credit_limit", "Credit limit"), children: /* @__PURE__ */ jsx("span", { className: "font-mono tabular-nums", children: row.credit_limit }) }),
+    /* @__PURE__ */ jsx(DetailField, { label: t("billing.accounts.form.payment_terms", "Payment terms (days)"), children: row.payment_terms_days != null ? String(row.payment_terms_days) : t("billing.accounts.form.payment_terms.default", "Organization default") }),
+    /* @__PURE__ */ jsx(DetailField, { label: t("billing.accounts.form.auto_send", "Email invoices automatically"), children: row.auto_send_invoice ? t("billing.common.yes", "Yes") : t("billing.common.no", "No") }),
+    /* @__PURE__ */ jsx(DetailField, { label: t("billing.common.id", "ID"), children: /* @__PURE__ */ jsx("span", { className: "font-mono text-xs", children: row.id }) }),
+    /* @__PURE__ */ jsxs(DetailField, { label: t("billing.accounts.columns.cycle", "Cycle"), children: [
+      row.bill_cycle,
+      /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+        " \xB7 ",
+        row.bill_cycle_anchor
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(DetailField, { label: t("billing.accounts.columns.next_bill", "Next bill"), children: formatDate(row.next_bill_date) }),
+    /* @__PURE__ */ jsx(DetailField, { label: t("billing.accounts.columns.last_bill", "Last bill"), children: formatDate(row.last_bill_date) }),
+    /* @__PURE__ */ jsx(DetailField, { label: t("billing.accounts.form.invoice_email", "Invoice email"), children: row.invoice_email }),
+    /* @__PURE__ */ jsx(DetailField, { label: t("billing.accounts.form.invoice_language", "Invoice language"), children: languageLabel }),
+    /* @__PURE__ */ jsx(DetailField, { label: t("billing.accounts.form.tax_id", "Tax ID"), children: row.tax_id || "\u2014" }),
+    /* @__PURE__ */ jsx(
+      DetailField,
+      {
+        label: t("billing.accounts.form.address.title", "Invoice address"),
+        fullWidth: true,
+        children: addressText || "\u2014"
+      }
+    )
+  ] });
+}
+export {
+  AccountView
+};
+//# sourceMappingURL=AccountView.js.map

package/dist/modules/billing/components/account/AccountView.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/billing/components/account/AccountView.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Tag } from '@open-mercato/ui/primitives/tag'\nimport { DetailCard, DetailField } from '../DetailFields'\nimport { CustomerLabel } from '../CustomerLabel'\nimport { fetchCustomerNames } from '../customerNames'\nimport { SUPPORTED_INVOICE_LANGUAGES } from '../../lib/invoiceLanguages'\nimport { formatDate, type AccountRow } from './accountRow'\n\n/** Read-only account fields (workspace Overview tab). */\nexport function AccountView({ row }: { row: AccountRow }) {\n  const t = useT()\n  const customerKind = row.customer_kind ?? 'company'\n  const [customerName, setCustomerName] = React.useState<string | null>(null)\n  React.useEffect(() => {\n    let cancelled = false\n    void fetchCustomerNames([{ customerId: row.customer_id, customerKind }]).then((names) => {\n      if (!cancelled) setCustomerName(names[row.customer_id]?.name ?? null)\n    })\n    return () => {\n      cancelled = true\n    }\n  }, [row.customer_id, customerKind])\n  const languageLabel =\n    SUPPORTED_INVOICE_LANGUAGES.find((language) => language.code === row.invoice_language)?.label ??\n    row.invoice_language\n  const addr = row.invoice_address\n  const addressText = addr\n    ? [\n        addr.line1,\n        addr.line2,\n        [addr.postal_code, addr.city].filter(Boolean).join(' '),\n        addr.country,\n      ]\n        .map((part) => (part ?? '').trim())\n        .filter(Boolean)\n        .join(', ')\n    : ''\n  return (\n    <DetailCard>\n      <DetailField label={t('billing.accounts.columns.customer', 'Customer')}>\n        <CustomerLabel\n          customerId={row.customer_id}\n          customerKind={customerKind}\n          name={customerName}\n          linkToCustomer\n        />\n      </DetailField>\n      <DetailField label={t('billing.accounts.columns.currency', 'Currency')}>\n        {row.currency_code}\n      </DetailField>\n      <DetailField label={t('billing.accounts.columns.mode', 'Mode')}>\n        {row.billing_mode === 'prepaid' ? (\n          <Tag variant=\"brand\">{t('billing.mode.prepaid', 'Prepaid')}</Tag>\n        ) : (\n          <Tag variant=\"neutral\">{t('billing.mode.postpaid', 'Postpaid')}</Tag>\n        )}\n      </DetailField>\n      <DetailField label={t('billing.accounts.columns.credit_limit', 'Credit limit')}>\n        <span className=\"font-mono tabular-nums\">{row.credit_limit}</span>\n      </DetailField>\n      <DetailField label={t('billing.accounts.form.payment_terms', 'Payment terms (days)')}>\n        {row.payment_terms_days != null\n          ? String(row.payment_terms_days)\n          : t('billing.accounts.form.payment_terms.default', 'Organization default')}\n      </DetailField>\n      <DetailField label={t('billing.accounts.form.auto_send', 'Email invoices automatically')}>\n        {row.auto_send_invoice ? t('billing.common.yes', 'Yes') : t('billing.common.no', 'No')}\n      </DetailField>\n      <DetailField label={t('billing.common.id', 'ID')}>\n        <span className=\"font-mono text-xs\">{row.id}</span>\n      </DetailField>\n      <DetailField label={t('billing.accounts.columns.cycle', 'Cycle')}>\n        {row.bill_cycle}\n        <span className=\"text-muted-foreground\"> \u00B7 {row.bill_cycle_anchor}</span>\n      </DetailField>\n      <DetailField label={t('billing.accounts.columns.next_bill', 'Next bill')}>\n        {formatDate(row.next_bill_date)}\n      </DetailField>\n      <DetailField label={t('billing.accounts.columns.last_bill', 'Last bill')}>\n        {formatDate(row.last_bill_date)}\n      </DetailField>\n      <DetailField label={t('billing.accounts.form.invoice_email', 'Invoice email')}>\n        {row.invoice_email}\n      </DetailField>\n      <DetailField label={t('billing.accounts.form.invoice_language', 'Invoice language')}>\n        {languageLabel}\n      </DetailField>\n      <DetailField label={t('billing.accounts.form.tax_id', 'Tax ID')}>\n        {row.tax_id || '\u2014'}\n      </DetailField>\n      <DetailField\n        label={t('billing.accounts.form.address.title', 'Invoice address')}\n        fullWidth\n      >\n        {addressText || '\u2014'}\n      </DetailField>\n    </DetailCard>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/billing/components/account/accountRow.js

@@ -0,0 +1,39 @@
+function formatDate(value) {
+  if (!value) return "\u2014";
+  const parsed = new Date(value);
+  return Number.isNaN(parsed.getTime()) ? value : parsed.toLocaleDateString();
+}
+function toFormValues(row) {
+  return {
+    customerId: row.customer_id,
+    customerKind: row.customer_kind ?? "company",
+    name: row.name,
+    currencyCode: row.currency_code,
+    billCycle: row.bill_cycle,
+    billCycleAnchor: row.bill_cycle_anchor,
+    invoiceEmail: row.invoice_email,
+    invoiceLanguage: row.invoice_language,
+    taxId: row.tax_id ?? "",
+    invoiceAddress: {
+      line1: row.invoice_address?.line1 ?? "",
+      line2: row.invoice_address?.line2 ?? "",
+      city: row.invoice_address?.city ?? "",
+      postal_code: row.invoice_address?.postal_code ?? "",
+      country: row.invoice_address?.country ?? ""
+    },
+    nextBillDate: row.next_bill_date?.slice(0, 10) ?? "",
+    isActive: row.is_active,
+    billingMode: row.billing_mode,
+    creditLimit: row.credit_limit ?? "0",
+    paymentTermsDays: row.payment_terms_days != null ? String(row.payment_terms_days) : "",
+    autoSendInvoice: row.auto_send_invoice ?? false,
+    // The threshold lives on the balance row, not the account row — blank
+    // means "leave unchanged" on save.
+    lowBalanceThreshold: ""
+  };
+}
+export {
+  formatDate,
+  toFormValues
+};
+//# sourceMappingURL=accountRow.js.map

package/dist/modules/billing/components/account/accountRow.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/billing/components/account/accountRow.ts"],
+  "sourcesContent": ["import type { AccountFormValues } from '../AccountForm'\n\n/**\n * Billing Account row as returned by `GET /api/billing/accounts` (snake_case\n * `fields`), shared by the account workspace page and its tabs.\n */\nexport type AccountRow = {\n  id: string\n  customer_id: string\n  customer_kind: 'company' | 'person'\n  name: string\n  currency_code: string\n  bill_cycle: 'weekly' | 'monthly' | 'quarterly' | 'annually'\n  bill_cycle_anchor: string\n  invoice_email: string\n  invoice_language: string\n  tax_id: string | null\n  invoice_address: {\n    line1?: string\n    line2?: string\n    city?: string\n    postal_code?: string\n    country?: string\n  } | null\n  next_bill_date: string\n  last_bill_date: string | null\n  billing_mode: 'postpaid' | 'prepaid'\n  credit_limit: string\n  payment_terms_days: number | null\n  auto_send_invoice: boolean\n  is_active: boolean\n  created_at: string\n  updated_at: string\n}\n\nexport function 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 toFormValues(row: AccountRow): AccountFormValues {\n  return {\n    customerId: row.customer_id,\n    customerKind: row.customer_kind ?? 'company',\n    name: row.name,\n    currencyCode: row.currency_code,\n    billCycle: row.bill_cycle,\n    billCycleAnchor: row.bill_cycle_anchor,\n    invoiceEmail: row.invoice_email,\n    invoiceLanguage: row.invoice_language,\n    taxId: row.tax_id ?? '',\n    invoiceAddress: {\n      line1: row.invoice_address?.line1 ?? '',\n      line2: row.invoice_address?.line2 ?? '',\n      city: row.invoice_address?.city ?? '',\n      postal_code: row.invoice_address?.postal_code ?? '',\n      country: row.invoice_address?.country ?? '',\n    },\n    nextBillDate: row.next_bill_date?.slice(0, 10) ?? '',\n    isActive: row.is_active,\n    billingMode: row.billing_mode,\n    creditLimit: row.credit_limit ?? '0',\n    paymentTermsDays: row.payment_terms_days != null ? String(row.payment_terms_days) : '',\n    autoSendInvoice: row.auto_send_invoice ?? false,\n    // The threshold lives on the balance row, not the account row \u2014 blank\n    // means \"leave unchanged\" on save.\n    lowBalanceThreshold: '',\n  }\n}\n"],
+  "mappings": "AAmCO,SAAS,WAAW,OAA0C;AACnE,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,SAAS,IAAI,KAAK,KAAK;AAC7B,SAAO,OAAO,MAAM,OAAO,QAAQ,CAAC,IAAI,QAAQ,OAAO,mBAAmB;AAC5E;AAEO,SAAS,aAAa,KAAoC;AAC/D,SAAO;AAAA,IACL,YAAY,IAAI;AAAA,IAChB,cAAc,IAAI,iBAAiB;AAAA,IACnC,MAAM,IAAI;AAAA,IACV,cAAc,IAAI;AAAA,IAClB,WAAW,IAAI;AAAA,IACf,iBAAiB,IAAI;AAAA,IACrB,cAAc,IAAI;AAAA,IAClB,iBAAiB,IAAI;AAAA,IACrB,OAAO,IAAI,UAAU;AAAA,IACrB,gBAAgB;AAAA,MACd,OAAO,IAAI,iBAAiB,SAAS;AAAA,MACrC,OAAO,IAAI,iBAAiB,SAAS;AAAA,MACrC,MAAM,IAAI,iBAAiB,QAAQ;AAAA,MACnC,aAAa,IAAI,iBAAiB,eAAe;AAAA,MACjD,SAAS,IAAI,iBAAiB,WAAW;AAAA,IAC3C;AAAA,IACA,cAAc,IAAI,gBAAgB,MAAM,GAAG,EAAE,KAAK;AAAA,IAClD,UAAU,IAAI;AAAA,IACd,aAAa,IAAI;AAAA,IACjB,aAAa,IAAI,gBAAgB;AAAA,IACjC,kBAAkB,IAAI,sBAAsB,OAAO,OAAO,IAAI,kBAAkB,IAAI;AAAA,IACpF,iBAAiB,IAAI,qBAAqB;AAAA;AAAA;AAAA,IAG1C,qBAAqB;AAAA,EACvB;AACF;",
+  "names": []
+}

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

@@ -0,0 +1,42 @@
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import {
+  customerEndpoint,
+  extractItems,
+  planCustomerLookups,
+  toCustomerSummary
+} from "../lib/customerLookup.js";
+async function fetchCustomerNames(rows) {
+  const plan = planCustomerLookups(rows);
+  const results = await Promise.all(
+    plan.map(async ({ kind, ids }) => {
+      const params = new URLSearchParams({ ids: ids.join(","), page: "1", pageSize: String(ids.length) });
+      return safeList(`${customerEndpoint(kind)}?${params.toString()}`);
+    })
+  );
+  const map = {};
+  for (const rowsOfKind of results) {
+    for (const raw of rowsOfKind) {
+      const summary = toCustomerSummary(raw);
+      if (summary) map[summary.id] = summary;
+    }
+  }
+  return map;
+}
+async function fetchCustomerAddressRows(customerId) {
+  const params = new URLSearchParams({ entityId: customerId, page: "1", pageSize: "20" });
+  return safeList(`/api/customers/addresses?${params.toString()}`);
+}
+async function safeList(url) {
+  try {
+    const call = await apiCall(url);
+    return call.ok ? extractItems(call.result) : [];
+  } catch (err) {
+    console.warn("[billing] customer lookup failed", url, err);
+    return [];
+  }
+}
+export {
+  fetchCustomerAddressRows,
+  fetchCustomerNames
+};
+//# sourceMappingURL=customerNames.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/billing/components/customerNames.ts"],
+  "sourcesContent": ["import { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport type { CustomerKind } from '../data/validators'\nimport {\n  customerEndpoint,\n  extractItems,\n  planCustomerLookups,\n  toCustomerSummary,\n  type CustomerSummary,\n} from '../lib/customerLookup'\n\n/**\n * Batch-resolve customer ids \u2192 display names for billing list / detail\n * views. One request per kind per \u2264100 ids (CRUD factory `ids` filter) \u2014\n * never a per-row fetch.\n *\n * Soft dependency on the customers module: a failed or missing lookup just\n * leaves the id unresolved, and callers fall back to showing the raw id.\n */\nexport async function fetchCustomerNames(\n  rows: Array<{ customerId: string | null | undefined; customerKind: CustomerKind | null | undefined }>,\n): Promise<Record<string, CustomerSummary>> {\n  const plan = planCustomerLookups(rows)\n  const results = await Promise.all(\n    plan.map(async ({ kind, ids }) => {\n      const params = new URLSearchParams({ ids: ids.join(','), page: '1', pageSize: String(ids.length) })\n      return safeList(`${customerEndpoint(kind)}?${params.toString()}`)\n    }),\n  )\n  const map: Record<string, CustomerSummary> = {}\n  for (const rowsOfKind of results) {\n    for (const raw of rowsOfKind) {\n      const summary = toCustomerSummary(raw)\n      if (summary) map[summary.id] = summary\n    }\n  }\n  return map\n}\n\n/**\n * Loads the customer's addresses and returns the raw rows (the caller maps\n * them with `mapPrimaryAddress`). Empty on any failure \u2014 prefill is a\n * convenience, never a blocker.\n */\nexport async function fetchCustomerAddressRows(customerId: string): Promise<Array<Record<string, unknown>>> {\n  const params = new URLSearchParams({ entityId: customerId, page: '1', pageSize: '20' })\n  return safeList(`/api/customers/addresses?${params.toString()}`)\n}\n\n/**\n * GET a customers list endpoint; any failure (non-2xx, network error, module\n * not installed) yields an empty list. These lookups are cosmetic \u2014 the\n * caller falls back to the raw id / no prefill \u2014 so they must never reject.\n */\nasync function safeList(url: string): Promise<Array<Record<string, unknown>>> {\n  try {\n    const call = await apiCall<unknown>(url)\n    return call.ok ? extractItems(call.result) : []\n  } catch (err) {\n    console.warn('[billing] customer lookup failed', url, err)\n    return []\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,eAAe;AAExB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAUP,eAAsB,mBACpB,MAC0C;AAC1C,QAAM,OAAO,oBAAoB,IAAI;AACrC,QAAM,UAAU,MAAM,QAAQ;AAAA,IAC5B,KAAK,IAAI,OAAO,EAAE,MAAM,IAAI,MAAM;AAChC,YAAM,SAAS,IAAI,gBAAgB,EAAE,KAAK,IAAI,KAAK,GAAG,GAAG,MAAM,KAAK,UAAU,OAAO,IAAI,MAAM,EAAE,CAAC;AAClG,aAAO,SAAS,GAAG,iBAAiB,IAAI,CAAC,IAAI,OAAO,SAAS,CAAC,EAAE;AAAA,IAClE,CAAC;AAAA,EACH;AACA,QAAM,MAAuC,CAAC;AAC9C,aAAW,cAAc,SAAS;AAChC,eAAW,OAAO,YAAY;AAC5B,YAAM,UAAU,kBAAkB,GAAG;AACrC,UAAI,QAAS,KAAI,QAAQ,EAAE,IAAI;AAAA,IACjC;AAAA,EACF;AACA,SAAO;AACT;AAOA,eAAsB,yBAAyB,YAA6D;AAC1G,QAAM,SAAS,IAAI,gBAAgB,EAAE,UAAU,YAAY,MAAM,KAAK,UAAU,KAAK,CAAC;AACtF,SAAO,SAAS,4BAA4B,OAAO,SAAS,CAAC,EAAE;AACjE;AAOA,eAAe,SAAS,KAAsD;AAC5E,MAAI;AACF,UAAM,OAAO,MAAM,QAAiB,GAAG;AACvC,WAAO,KAAK,KAAK,aAAa,KAAK,MAAM,IAAI,CAAC;AAAA,EAChD,SAAS,KAAK;AACZ,YAAQ,KAAK,oCAAoC,KAAK,GAAG;AACzD,WAAO,CAAC;AAAA,EACV;AACF;",
+  "names": []
+}