@dainamite/billing 0.17.0 → 0.18.0

package/dist/modules/billing/backend/billing/topups/[id]/page.meta.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/modules/billing/backend/billing/topups/%5Bid%5D/page.meta.ts"],
+  "sourcesContent": ["import React from 'react'\nimport { Wallet } from 'lucide-react'\n\nconst topupIcon = React.createElement(Wallet, { size: 16 })\n\nexport const metadata = {\n  requireAuth: true,\n  requireFeatures: ['billing.topup.view'],\n  pageTitle: 'Top-up',\n  pageTitleKey: 'billing.topups.detail.title',\n  pageGroup: 'Billing',\n  pageGroupKey: 'billing.nav.group',\n  navHidden: true,\n  icon: topupIcon,\n  breadcrumb: [\n    { label: 'Top-ups', labelKey: 'billing.topups.title', href: '/backend/billing/topups' },\n    { label: 'Top-up', labelKey: 'billing.topups.detail.title' },\n  ],\n} as const\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,cAAc;AAEvB,MAAM,YAAY,MAAM,cAAc,QAAQ,EAAE,MAAM,GAAG,CAAC;AAEnD,MAAM,WAAW;AAAA,EACtB,aAAa;AAAA,EACb,iBAAiB,CAAC,oBAAoB;AAAA,EACtC,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,MAAM;AAAA,EACN,YAAY;AAAA,IACV,EAAE,OAAO,WAAW,UAAU,wBAAwB,MAAM,0BAA0B;AAAA,IACtF,EAAE,OAAO,UAAU,UAAU,8BAA8B;AAAA,EAC7D;AACF;",
+  "names": []
+}

package/dist/modules/billing/backend/billing/topups/page.js

@@ -0,0 +1,147 @@
+"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 { Page, PageBody } from "@open-mercato/ui/backend/Page";
+import { DataTable } from "@open-mercato/ui/backend/DataTable";
+import { Tag } from "@open-mercato/ui/primitives/tag";
+import { readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import { fetchAccountNames } from "../../../components/accountNames.js";
+function formatDate(value) {
+  if (!value) return "\u2014";
+  const d = new Date(value);
+  return Number.isNaN(d.getTime()) ? value : d.toLocaleString();
+}
+function statusVariant(status) {
+  if (status === "captured") return "success";
+  if (status === "pending") return "info";
+  if (status === "failed") return "error";
+  return "default";
+}
+function BillingTopupsListPage() {
+  const t = useT();
+  const router = useRouter();
+  const [rows, setRows] = React.useState([]);
+  const [page, setPage] = React.useState(1);
+  const [pageSize] = React.useState(25);
+  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 [accountNames, setAccountNames] = React.useState({});
+  const filterDefs = React.useMemo(
+    () => [
+      {
+        id: "status",
+        label: t("billing.topups.filters.status", "Status"),
+        type: "select",
+        options: [
+          { value: "pending", label: t("billing.topups.status.pending", "Pending") },
+          { value: "captured", label: t("billing.topups.status.captured", "Captured") },
+          { value: "failed", label: t("billing.topups.status.failed", "Failed") },
+          { value: "cancelled", label: t("billing.topups.status.cancelled", "Cancelled") },
+          { value: "expired", label: t("billing.topups.status.expired", "Expired") }
+        ]
+      }
+    ],
+    [t]
+  );
+  const loadRows = React.useCallback(async () => {
+    setLoading(true);
+    try {
+      const params = new URLSearchParams({
+        page: String(page),
+        pageSize: String(pageSize),
+        sortField: "createdAt",
+        sortDir: "desc"
+      });
+      if (search.trim()) params.set("search", search.trim());
+      if (typeof filters.status === "string" && filters.status) params.set("status", filters.status);
+      const result = await readApiResultOrThrow(
+        `/api/billing/topups?${params.toString()}`
+      );
+      const items = result.items ?? [];
+      setRows(items);
+      setTotal(result.total ?? 0);
+      setTotalPages(result.totalPages ?? 1);
+      try {
+        const names = await fetchAccountNames(items.map((r) => r.bill_account_id));
+        setAccountNames((prev) => ({ ...prev, ...names }));
+      } catch {
+      }
+    } finally {
+      setLoading(false);
+    }
+  }, [filters.status, page, pageSize, search]);
+  React.useEffect(() => {
+    void loadRows();
+  }, [loadRows]);
+  const columns = React.useMemo(
+    () => [
+      {
+        accessorKey: "created_at",
+        header: t("billing.topups.columns.created", "Created"),
+        cell: ({ row }) => formatDate(row.original.created_at)
+      },
+      {
+        accessorKey: "amount",
+        header: t("billing.topups.columns.amount", "Amount"),
+        cell: ({ row }) => /* @__PURE__ */ jsxs("span", { className: "font-mono tabular-nums", children: [
+          row.original.amount,
+          " ",
+          row.original.currency_code
+        ] })
+      },
+      {
+        accessorKey: "provider_key",
+        header: t("billing.topups.columns.provider", "Provider"),
+        cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: "font-mono text-xs", children: row.original.provider_key })
+      },
+      {
+        accessorKey: "status",
+        header: t("billing.topups.columns.status", "Status"),
+        cell: ({ row }) => /* @__PURE__ */ jsx(Tag, { variant: statusVariant(row.original.status), children: t(`billing.topups.status.${row.original.status}`, row.original.status) })
+      },
+      {
+        accessorKey: "bill_account_id",
+        header: t("billing.topups.columns.account", "Account"),
+        cell: ({ row }) => {
+          const name = accountNames[row.original.bill_account_id];
+          return name ? /* @__PURE__ */ jsx("span", { className: "text-sm", children: name }) : /* @__PURE__ */ jsx("span", { className: "font-mono text-xs", children: row.original.bill_account_id });
+        }
+      }
+    ],
+    [t, accountNames]
+  );
+  return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(
+    DataTable,
+    {
+      title: t("billing.topups.title", "Top-ups"),
+      refreshButton: {
+        label: t("billing.common.refresh", "Refresh"),
+        onRefresh: loadRows,
+        isRefreshing: loading
+      },
+      columnChooser: { auto: true },
+      perspective: { tableId: "billing-topups" },
+      columns,
+      data: rows,
+      onRowClick: (row) => router.push(`/backend/billing/topups/${row.id}`),
+      isLoading: loading,
+      pagination: { page, pageSize, total, totalPages, onPageChange: setPage },
+      filters: filterDefs,
+      filterValues: filters,
+      onFiltersApply: setFilters,
+      onFiltersClear: () => setFilters({}),
+      searchValue: search,
+      onSearchChange: setSearch
+    }
+  ) }) });
+}
+export {
+  BillingTopupsListPage as default,
+  statusVariant
+};
+//# sourceMappingURL=page.js.map

package/dist/modules/billing/backend/billing/topups/page.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/billing/backend/billing/topups/page.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\nimport type { ColumnDef } from '@tanstack/react-table'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport { Tag } from '@open-mercato/ui/primitives/tag'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { fetchAccountNames } from '../../../components/accountNames'\n\n/**\n * Registered top-ups admin list (SPEC-002 P2). Read-only \u2014 top-ups are\n * initiated from a prepaid account's detail page and progress through the\n * gateway capture lifecycle.\n */\n\ntype TopupRow = {\n  id: string\n  bill_account_id: string\n  status: string\n  amount: string\n  currency_code: string\n  provider_key: string\n  receipt_invoice_id: string | null\n  created_at: string\n}\n\ntype ListResponse = { items: TopupRow[]; total: number; totalPages: number }\n\nfunction formatDate(value: string | null | undefined): string {\n  if (!value) return '\u2014'\n  const d = new Date(value)\n  return Number.isNaN(d.getTime()) ? value : d.toLocaleString()\n}\n\nexport function statusVariant(status: string): 'success' | 'info' | 'error' | 'default' {\n  if (status === 'captured') return 'success'\n  if (status === 'pending') return 'info'\n  if (status === 'failed') return 'error'\n  return 'default' // cancelled / expired\n}\n\nexport default function BillingTopupsListPage() {\n  const t = useT()\n  const router = useRouter()\n  const [rows, setRows] = React.useState<TopupRow[]>([])\n  const [page, setPage] = React.useState(1)\n  const [pageSize] = React.useState(25)\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 [accountNames, setAccountNames] = React.useState<Record<string, string>>({})\n\n  const filterDefs = React.useMemo<FilterDef[]>(\n    () => [\n      {\n        id: 'status',\n        label: t('billing.topups.filters.status', 'Status'),\n        type: 'select',\n        options: [\n          { value: 'pending', label: t('billing.topups.status.pending', 'Pending') },\n          { value: 'captured', label: t('billing.topups.status.captured', 'Captured') },\n          { value: 'failed', label: t('billing.topups.status.failed', 'Failed') },\n          { value: 'cancelled', label: t('billing.topups.status.cancelled', 'Cancelled') },\n          { value: 'expired', label: t('billing.topups.status.expired', 'Expired') },\n        ],\n      },\n    ],\n    [t],\n  )\n\n  const loadRows = React.useCallback(async () => {\n    setLoading(true)\n    try {\n      const params = new URLSearchParams({\n        page: String(page),\n        pageSize: String(pageSize),\n        sortField: 'createdAt',\n        sortDir: 'desc',\n      })\n      if (search.trim()) params.set('search', search.trim())\n      if (typeof filters.status === 'string' && filters.status) params.set('status', filters.status)\n      const result = await readApiResultOrThrow<ListResponse>(\n        `/api/billing/topups?${params.toString()}`,\n      )\n      const items = result.items ?? []\n      setRows(items)\n      setTotal(result.total ?? 0)\n      setTotalPages(result.totalPages ?? 1)\n      try {\n        const names = await fetchAccountNames(items.map((r) => r.bill_account_id))\n        setAccountNames((prev) => ({ ...prev, ...names }))\n      } catch {\n        // Name resolution is best-effort \u2014 fall back to the id in the cell.\n      }\n    } finally {\n      setLoading(false)\n    }\n  }, [filters.status, page, pageSize, search])\n\n  React.useEffect(() => {\n    void loadRows()\n  }, [loadRows])\n\n  const columns = React.useMemo<ColumnDef<TopupRow>[]>(\n    () => [\n      {\n        accessorKey: 'created_at',\n        header: t('billing.topups.columns.created', 'Created'),\n        cell: ({ row }) => formatDate(row.original.created_at),\n      },\n      {\n        accessorKey: 'amount',\n        header: t('billing.topups.columns.amount', 'Amount'),\n        cell: ({ row }) => (\n          <span className=\"font-mono tabular-nums\">\n            {row.original.amount} {row.original.currency_code}\n          </span>\n        ),\n      },\n      {\n        accessorKey: 'provider_key',\n        header: t('billing.topups.columns.provider', 'Provider'),\n        cell: ({ row }) => <span className=\"font-mono text-xs\">{row.original.provider_key}</span>,\n      },\n      {\n        accessorKey: 'status',\n        header: t('billing.topups.columns.status', 'Status'),\n        cell: ({ row }) => (\n          <Tag variant={statusVariant(row.original.status)}>\n            {t(`billing.topups.status.${row.original.status}`, row.original.status)}\n          </Tag>\n        ),\n      },\n      {\n        accessorKey: 'bill_account_id',\n        header: t('billing.topups.columns.account', 'Account'),\n        cell: ({ row }) => {\n          const name = accountNames[row.original.bill_account_id]\n          return name ? (\n            <span className=\"text-sm\">{name}</span>\n          ) : (\n            <span className=\"font-mono text-xs\">{row.original.bill_account_id}</span>\n          )\n        },\n      },\n    ],\n    [t, accountNames],\n  )\n\n  return (\n    <Page>\n      <PageBody>\n        <DataTable\n          title={t('billing.topups.title', 'Top-ups')}\n          refreshButton={{\n            label: t('billing.common.refresh', 'Refresh'),\n            onRefresh: loadRows,\n            isRefreshing: loading,\n          }}\n          columnChooser={{ auto: true }}\n          perspective={{ tableId: 'billing-topups' }}\n          columns={columns}\n          data={rows}\n          onRowClick={(row) => router.push(`/backend/billing/topups/${row.id}`)}\n          isLoading={loading}\n          pagination={{ page, pageSize, total, totalPages, onPageChange: setPage }}\n          filters={filterDefs}\n          filterValues={filters}\n          onFiltersApply={setFilters}\n          onFiltersClear={() => setFilters({})}\n          searchValue={search}\n          onSearchChange={setSearch}\n        />\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/billing/backend/billing/topups/page.meta.js

@@ -0,0 +1,18 @@
+import React from "react";
+import { Wallet } from "lucide-react";
+const topupsIcon = React.createElement(Wallet, { size: 16 });
+const metadata = {
+  requireAuth: true,
+  requireFeatures: ["billing.topup.view"],
+  pageTitle: "Top-ups",
+  pageTitleKey: "billing.topups.title",
+  pageGroup: "Billing",
+  pageGroupKey: "billing.nav.group",
+  pageOrder: 50,
+  icon: topupsIcon,
+  breadcrumb: [{ label: "Top-ups", labelKey: "billing.topups.title" }]
+};
+export {
+  metadata
+};
+//# sourceMappingURL=page.meta.js.map

package/dist/modules/billing/backend/billing/topups/page.meta.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/billing/backend/billing/topups/page.meta.ts"],
+  "sourcesContent": ["import React from 'react'\nimport { Wallet } from 'lucide-react'\n\nconst topupsIcon = React.createElement(Wallet, { size: 16 })\n\nexport const metadata = {\n  requireAuth: true,\n  requireFeatures: ['billing.topup.view'],\n  pageTitle: 'Top-ups',\n  pageTitleKey: 'billing.topups.title',\n  pageGroup: 'Billing',\n  pageGroupKey: 'billing.nav.group',\n  pageOrder: 50,\n  icon: topupsIcon,\n  breadcrumb: [{ label: 'Top-ups', labelKey: 'billing.topups.title' }],\n} as const\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,cAAc;AAEvB,MAAM,aAAa,MAAM,cAAc,QAAQ,EAAE,MAAM,GAAG,CAAC;AAEpD,MAAM,WAAW;AAAA,EACtB,aAAa;AAAA,EACb,iBAAiB,CAAC,oBAAoB;AAAA,EACtC,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,MAAM;AAAA,EACN,YAAY,CAAC,EAAE,OAAO,WAAW,UAAU,uBAAuB,CAAC;AACrE;",
+  "names": []
+}

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

@@ -0,0 +1,114 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import Link from "next/link";
+import { useParams } from "next/navigation";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Page, PageBody } from "@open-mercato/ui/backend/Page";
+import { FormHeader } from "@open-mercato/ui/backend/forms";
+import { Tag } from "@open-mercato/ui/primitives/tag";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { LoadingMessage, ErrorMessage } from "@open-mercato/ui/backend/detail";
+import { readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import { DetailCard, DetailField } from "../../../../components/DetailFields.js";
+import { txnVariant } from "../page.js";
+function formatDate(value) {
+  if (!value) return "\u2014";
+  const d = new Date(value);
+  return Number.isNaN(d.getTime()) ? value : d.toLocaleString();
+}
+function RefField({ id, href }) {
+  if (!id) return /* @__PURE__ */ jsx(Fragment, { children: "\u2014" });
+  if (href) {
+    return /* @__PURE__ */ jsx(Link, { href, className: "font-mono text-xs hover:underline", children: id });
+  }
+  return /* @__PURE__ */ jsx("span", { className: "font-mono text-xs", children: id });
+}
+function BillingTransactionDetailPage(props) {
+  const t = useT();
+  const urlParams = useParams();
+  const transactionId = props.params?.id ?? urlParams?.id ?? "";
+  const [row, setRow] = React.useState(null);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  React.useEffect(() => {
+    let cancelled = false;
+    if (!transactionId) return;
+    setLoading(true);
+    readApiResultOrThrow(
+      `/api/billing/transactions?id=${transactionId}&pageSize=1`
+    ).then((res) => {
+      if (cancelled) return;
+      const found = res.items?.[0];
+      if (!found) setError(t("billing.transactions.detail.not_found", "Transaction not found"));
+      else setRow(found);
+    }).catch(() => {
+      if (!cancelled)
+        setError(t("billing.transactions.detail.load_error", "Failed to load transaction"));
+    }).finally(() => {
+      if (!cancelled) setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [transactionId, t]);
+  if (error) {
+    return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(ErrorMessage, { label: error }) }) });
+  }
+  if (loading || !row) {
+    return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(LoadingMessage, { label: t("billing.transactions.detail.loading", "Loading transaction\u2026") }) }) });
+  }
+  return /* @__PURE__ */ jsxs(Page, { children: [
+    /* @__PURE__ */ jsx(
+      FormHeader,
+      {
+        mode: "detail",
+        backHref: "/backend/billing/transactions",
+        entityTypeLabel: t("billing.transactions.detail.title", "Transaction"),
+        title: `${row.amount} ${row.currency_code}`,
+        statusBadge: /* @__PURE__ */ jsx(Tag, { variant: txnVariant(row.type), children: t(`billing.transactions.type.${row.type}`, row.type) }),
+        actionsContent: /* @__PURE__ */ jsx(Button, { asChild: true, variant: "outline", children: /* @__PURE__ */ jsx(Link, { href: `/backend/billing/accounts/${row.bill_account_id}`, children: t("billing.transactions.detail.view_account", "View account") }) })
+      }
+    ),
+    /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsxs(DetailCard, { children: [
+      /* @__PURE__ */ jsx(DetailField, { label: t("billing.transactions.columns.amount", "Amount"), children: /* @__PURE__ */ jsxs("span", { className: "font-mono tabular-nums", children: [
+        row.amount,
+        " ",
+        row.currency_code
+      ] }) }),
+      /* @__PURE__ */ jsx(DetailField, { label: t("billing.transactions.columns.balance_after", "Balance"), children: /* @__PURE__ */ jsx("span", { className: "font-mono tabular-nums", children: row.balance_after }) }),
+      /* @__PURE__ */ jsx(DetailField, { label: t("billing.transactions.columns.type", "Type"), children: /* @__PURE__ */ jsx(Tag, { variant: txnVariant(row.type), children: t(`billing.transactions.type.${row.type}`, row.type) }) }),
+      /* @__PURE__ */ jsx(DetailField, { label: t("billing.transactions.columns.when", "When"), children: formatDate(row.created_at) }),
+      /* @__PURE__ */ jsx(DetailField, { label: t("billing.transactions.columns.description", "Description"), fullWidth: true, children: row.description || "\u2014" }),
+      /* @__PURE__ */ jsx(DetailField, { label: t("billing.transactions.detail.source_ref", "Source ref"), children: /* @__PURE__ */ jsx("span", { className: "font-mono text-xs", children: row.source_ref || "\u2014" }) }),
+      /* @__PURE__ */ jsx(DetailField, { label: t("billing.transactions.detail.topup", "Top-up"), children: /* @__PURE__ */ jsx(
+        RefField,
+        {
+          id: row.topup_id,
+          href: row.topup_id ? `/backend/billing/topups/${row.topup_id}` : void 0
+        }
+      ) }),
+      /* @__PURE__ */ jsx(DetailField, { label: t("billing.transactions.detail.statement", "Statement"), children: /* @__PURE__ */ jsx(
+        RefField,
+        {
+          id: row.statement_id,
+          href: row.statement_id ? `/backend/billing/statements/${row.statement_id}` : void 0
+        }
+      ) }),
+      /* @__PURE__ */ jsx(DetailField, { label: t("billing.transactions.detail.usage", "Usage record"), children: /* @__PURE__ */ jsx(RefField, { id: row.usage_id }) }),
+      /* @__PURE__ */ jsx(DetailField, { label: t("billing.transactions.detail.item", "Billing item"), children: /* @__PURE__ */ jsx(
+        RefField,
+        {
+          id: row.billing_item_id,
+          href: row.billing_item_id ? `/backend/billing/items/${row.billing_item_id}` : void 0
+        }
+      ) }),
+      /* @__PURE__ */ jsx(DetailField, { label: t("billing.transactions.detail.user", "User"), children: /* @__PURE__ */ jsx(RefField, { id: row.user_id }) }),
+      /* @__PURE__ */ jsx(DetailField, { label: t("billing.common.id", "ID"), children: /* @__PURE__ */ jsx("span", { className: "font-mono text-xs", children: row.id }) })
+    ] }) })
+  ] });
+}
+export {
+  BillingTransactionDetailPage as default
+};
+//# sourceMappingURL=page.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/modules/billing/backend/billing/transactions/%5Bid%5D/page.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { useParams } from 'next/navigation'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { FormHeader } from '@open-mercato/ui/backend/forms'\nimport { Tag } from '@open-mercato/ui/primitives/tag'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { LoadingMessage, ErrorMessage } from '@open-mercato/ui/backend/detail'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { DetailCard, DetailField } from '../../../../components/DetailFields'\nimport { txnVariant } from '../page'\n\ntype TransactionRow = {\n  id: string\n  bill_account_id: string\n  type: string\n  amount: string\n  currency_code: string\n  balance_after: string\n  usage_id: string | null\n  billing_item_id: string | null\n  topup_id: string | null\n  statement_id: string | null\n  description: string\n  source_ref: string | null\n  user_id: string | null\n  created_at: string\n}\n\nfunction formatDate(value: string | null | undefined): string {\n  if (!value) return '\u2014'\n  const d = new Date(value)\n  return Number.isNaN(d.getTime()) ? value : d.toLocaleString()\n}\n\n// A monospace value that links somewhere when present, else an em dash.\nfunction RefField({ id, href }: { id: string | null; href?: string }) {\n  if (!id) return <>\u2014</>\n  if (href) {\n    return (\n      <Link href={href} className=\"font-mono text-xs hover:underline\">\n        {id}\n      </Link>\n    )\n  }\n  return <span className=\"font-mono text-xs\">{id}</span>\n}\n\nexport default function BillingTransactionDetailPage(props: { params?: { id?: string } }) {\n  const t = useT()\n  const urlParams = useParams<{ id: string }>()\n  const transactionId = (props.params?.id ?? urlParams?.id ?? '') as string\n\n  const [row, setRow] = React.useState<TransactionRow | null>(null)\n  const [loading, setLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n\n  React.useEffect(() => {\n    let cancelled = false\n    if (!transactionId) return\n    setLoading(true)\n    readApiResultOrThrow<{ items: TransactionRow[] }>(\n      `/api/billing/transactions?id=${transactionId}&pageSize=1`,\n    )\n      .then((res) => {\n        if (cancelled) return\n        const found = res.items?.[0]\n        if (!found) setError(t('billing.transactions.detail.not_found', 'Transaction not found'))\n        else setRow(found)\n      })\n      .catch(() => {\n        if (!cancelled)\n          setError(t('billing.transactions.detail.load_error', 'Failed to load transaction'))\n      })\n      .finally(() => {\n        if (!cancelled) setLoading(false)\n      })\n    return () => {\n      cancelled = true\n    }\n  }, [transactionId, t])\n\n  if (error) {\n    return (\n      <Page>\n        <PageBody>\n          <ErrorMessage label={error} />\n        </PageBody>\n      </Page>\n    )\n  }\n  if (loading || !row) {\n    return (\n      <Page>\n        <PageBody>\n          <LoadingMessage label={t('billing.transactions.detail.loading', 'Loading transaction\u2026')} />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  return (\n    <Page>\n      <FormHeader\n        mode=\"detail\"\n        backHref=\"/backend/billing/transactions\"\n        entityTypeLabel={t('billing.transactions.detail.title', 'Transaction')}\n        title={`${row.amount} ${row.currency_code}`}\n        statusBadge={\n          <Tag variant={txnVariant(row.type)}>\n            {t(`billing.transactions.type.${row.type}`, row.type)}\n          </Tag>\n        }\n        actionsContent={\n          <Button asChild variant=\"outline\">\n            <Link href={`/backend/billing/accounts/${row.bill_account_id}`}>\n              {t('billing.transactions.detail.view_account', 'View account')}\n            </Link>\n          </Button>\n        }\n      />\n      <PageBody>\n        <DetailCard>\n          <DetailField label={t('billing.transactions.columns.amount', 'Amount')}>\n            <span className=\"font-mono tabular-nums\">\n              {row.amount} {row.currency_code}\n            </span>\n          </DetailField>\n          <DetailField label={t('billing.transactions.columns.balance_after', 'Balance')}>\n            <span className=\"font-mono tabular-nums\">{row.balance_after}</span>\n          </DetailField>\n          <DetailField label={t('billing.transactions.columns.type', 'Type')}>\n            <Tag variant={txnVariant(row.type)}>\n              {t(`billing.transactions.type.${row.type}`, row.type)}\n            </Tag>\n          </DetailField>\n          <DetailField label={t('billing.transactions.columns.when', 'When')}>\n            {formatDate(row.created_at)}\n          </DetailField>\n          <DetailField label={t('billing.transactions.columns.description', 'Description')} fullWidth>\n            {row.description || '\u2014'}\n          </DetailField>\n          <DetailField label={t('billing.transactions.detail.source_ref', 'Source ref')}>\n            <span className=\"font-mono text-xs\">{row.source_ref || '\u2014'}</span>\n          </DetailField>\n          <DetailField label={t('billing.transactions.detail.topup', 'Top-up')}>\n            <RefField\n              id={row.topup_id}\n              href={row.topup_id ? `/backend/billing/topups/${row.topup_id}` : undefined}\n            />\n          </DetailField>\n          <DetailField label={t('billing.transactions.detail.statement', 'Statement')}>\n            <RefField\n              id={row.statement_id}\n              href={row.statement_id ? `/backend/billing/statements/${row.statement_id}` : undefined}\n            />\n          </DetailField>\n          <DetailField label={t('billing.transactions.detail.usage', 'Usage record')}>\n            <RefField id={row.usage_id} />\n          </DetailField>\n          <DetailField label={t('billing.transactions.detail.item', 'Billing item')}>\n            <RefField\n              id={row.billing_item_id}\n              href={row.billing_item_id ? `/backend/billing/items/${row.billing_item_id}` : undefined}\n            />\n          </DetailField>\n          <DetailField label={t('billing.transactions.detail.user', 'User')}>\n            <RefField id={row.user_id} />\n          </DetailField>\n          <DetailField label={t('billing.common.id', 'ID')}>\n            <span className=\"font-mono text-xs\">{row.id}</span>\n          </DetailField>\n        </DetailCard>\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,21 @@
+import React from "react";
+import { ArrowLeftRight } from "lucide-react";
+const transactionIcon = React.createElement(ArrowLeftRight, { size: 16 });
+const metadata = {
+  requireAuth: true,
+  requireFeatures: ["billing.balance.view"],
+  pageTitle: "Transaction",
+  pageTitleKey: "billing.transactions.detail.title",
+  pageGroup: "Billing",
+  pageGroupKey: "billing.nav.group",
+  navHidden: true,
+  icon: transactionIcon,
+  breadcrumb: [
+    { label: "Transactions", labelKey: "billing.transactions.title", href: "/backend/billing/transactions" },
+    { label: "Transaction", labelKey: "billing.transactions.detail.title" }
+  ]
+};
+export {
+  metadata
+};
+//# sourceMappingURL=page.meta.js.map

package/dist/modules/billing/backend/billing/transactions/[id]/page.meta.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/modules/billing/backend/billing/transactions/%5Bid%5D/page.meta.ts"],
+  "sourcesContent": ["import React from 'react'\nimport { ArrowLeftRight } from 'lucide-react'\n\nconst transactionIcon = React.createElement(ArrowLeftRight, { size: 16 })\n\nexport const metadata = {\n  requireAuth: true,\n  requireFeatures: ['billing.balance.view'],\n  pageTitle: 'Transaction',\n  pageTitleKey: 'billing.transactions.detail.title',\n  pageGroup: 'Billing',\n  pageGroupKey: 'billing.nav.group',\n  navHidden: true,\n  icon: transactionIcon,\n  breadcrumb: [\n    { label: 'Transactions', labelKey: 'billing.transactions.title', href: '/backend/billing/transactions' },\n    { label: 'Transaction', labelKey: 'billing.transactions.detail.title' },\n  ],\n} as const\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,sBAAsB;AAE/B,MAAM,kBAAkB,MAAM,cAAc,gBAAgB,EAAE,MAAM,GAAG,CAAC;AAEjE,MAAM,WAAW;AAAA,EACtB,aAAa;AAAA,EACb,iBAAiB,CAAC,sBAAsB;AAAA,EACxC,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,MAAM;AAAA,EACN,YAAY;AAAA,IACV,EAAE,OAAO,gBAAgB,UAAU,8BAA8B,MAAM,gCAAgC;AAAA,IACvG,EAAE,OAAO,eAAe,UAAU,oCAAoC;AAAA,EACxE;AACF;",
+  "names": []
+}

package/dist/modules/billing/backend/billing/transactions/page.js

@@ -0,0 +1,149 @@
+"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 { Page, PageBody } from "@open-mercato/ui/backend/Page";
+import { DataTable } from "@open-mercato/ui/backend/DataTable";
+import { Tag } from "@open-mercato/ui/primitives/tag";
+import { readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import { fetchAccountNames } from "../../../components/accountNames.js";
+function formatDate(value) {
+  if (!value) return "\u2014";
+  const d = new Date(value);
+  return Number.isNaN(d.getTime()) ? value : d.toLocaleString();
+}
+function txnVariant(type) {
+  if (type === "topup" || type === "adjustment") return "success";
+  if (type === "usage") return "info";
+  if (type === "reversal") return "error";
+  return "neutral";
+}
+function BillingTransactionsListPage() {
+  const t = useT();
+  const router = useRouter();
+  const [rows, setRows] = React.useState([]);
+  const [page, setPage] = React.useState(1);
+  const [pageSize] = React.useState(25);
+  const [filters, setFilters] = React.useState({});
+  const [total, setTotal] = React.useState(0);
+  const [totalPages, setTotalPages] = React.useState(1);
+  const [loading, setLoading] = React.useState(true);
+  const [accountNames, setAccountNames] = React.useState({});
+  const filterDefs = React.useMemo(
+    () => [
+      {
+        id: "type",
+        label: t("billing.transactions.filters.type", "Type"),
+        type: "select",
+        options: [
+          { value: "topup", label: t("billing.transactions.type.topup", "Top-up") },
+          { value: "usage", label: t("billing.transactions.type.usage", "Usage") },
+          { value: "recurring", label: t("billing.transactions.type.recurring", "Recurring") },
+          { value: "one_time", label: t("billing.transactions.type.one_time", "One-time") },
+          { value: "adjustment", label: t("billing.transactions.type.adjustment", "Adjustment") },
+          { value: "reversal", label: t("billing.transactions.type.reversal", "Reversal") }
+        ]
+      }
+    ],
+    [t]
+  );
+  const loadRows = React.useCallback(async () => {
+    setLoading(true);
+    try {
+      const params = new URLSearchParams({
+        page: String(page),
+        pageSize: String(pageSize),
+        sortField: "createdAt",
+        sortDir: "desc"
+      });
+      if (typeof filters.type === "string" && filters.type) params.set("type", filters.type);
+      const result = await readApiResultOrThrow(
+        `/api/billing/transactions?${params.toString()}`
+      );
+      const items = result.items ?? [];
+      setRows(items);
+      setTotal(result.total ?? 0);
+      setTotalPages(result.totalPages ?? 1);
+      try {
+        const names = await fetchAccountNames(items.map((r) => r.bill_account_id));
+        setAccountNames((prev) => ({ ...prev, ...names }));
+      } catch {
+      }
+    } finally {
+      setLoading(false);
+    }
+  }, [filters.type, page, pageSize]);
+  React.useEffect(() => {
+    void loadRows();
+  }, [loadRows]);
+  const columns = React.useMemo(
+    () => [
+      {
+        accessorKey: "created_at",
+        header: t("billing.transactions.columns.when", "When"),
+        cell: ({ row }) => formatDate(row.original.created_at)
+      },
+      {
+        accessorKey: "type",
+        header: t("billing.transactions.columns.type", "Type"),
+        cell: ({ row }) => /* @__PURE__ */ jsx(Tag, { variant: txnVariant(row.original.type), children: t(`billing.transactions.type.${row.original.type}`, row.original.type) })
+      },
+      {
+        accessorKey: "description",
+        header: t("billing.transactions.columns.description", "Description"),
+        cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: "text-sm", children: row.original.description })
+      },
+      {
+        accessorKey: "amount",
+        header: t("billing.transactions.columns.amount", "Amount"),
+        cell: ({ row }) => /* @__PURE__ */ jsxs("span", { className: "font-mono tabular-nums", children: [
+          row.original.amount,
+          " ",
+          row.original.currency_code
+        ] })
+      },
+      {
+        accessorKey: "balance_after",
+        header: t("billing.transactions.columns.balance_after", "Balance"),
+        cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: "font-mono tabular-nums", children: row.original.balance_after })
+      },
+      {
+        accessorKey: "bill_account_id",
+        header: t("billing.transactions.columns.account", "Account"),
+        cell: ({ row }) => {
+          const name = accountNames[row.original.bill_account_id];
+          return name ? /* @__PURE__ */ jsx("span", { className: "text-sm", children: name }) : /* @__PURE__ */ jsx("span", { className: "font-mono text-xs", children: row.original.bill_account_id });
+        }
+      }
+    ],
+    [t, accountNames]
+  );
+  return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(
+    DataTable,
+    {
+      title: t("billing.transactions.title", "Transactions"),
+      refreshButton: {
+        label: t("billing.common.refresh", "Refresh"),
+        onRefresh: loadRows,
+        isRefreshing: loading
+      },
+      columnChooser: { auto: true },
+      perspective: { tableId: "billing-transactions" },
+      columns,
+      data: rows,
+      onRowClick: (row) => router.push(`/backend/billing/transactions/${row.id}`),
+      isLoading: loading,
+      pagination: { page, pageSize, total, totalPages, onPageChange: setPage },
+      filters: filterDefs,
+      filterValues: filters,
+      onFiltersApply: setFilters,
+      onFiltersClear: () => setFilters({})
+    }
+  ) }) });
+}
+export {
+  BillingTransactionsListPage as default,
+  txnVariant
+};
+//# sourceMappingURL=page.js.map

package/dist/modules/billing/backend/billing/transactions/page.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/billing/backend/billing/transactions/page.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\nimport type { ColumnDef } from '@tanstack/react-table'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport { Tag } from '@open-mercato/ui/primitives/tag'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { fetchAccountNames } from '../../../components/accountNames'\n\n/**\n * Balance transactions admin list (SPEC-002). Read-only \u2014 the append-only\n * ledger is written by the command bus (real-time consume, top-up capture,\n * period close, manual adjustment). Each row links to its detail page so an\n * operator can trace a movement back to its source document.\n */\n\ntype TransactionRow = {\n  id: string\n  bill_account_id: string\n  type: string\n  amount: string\n  currency_code: string\n  balance_after: string\n  description: string\n  created_at: string\n}\n\ntype ListResponse = { items: TransactionRow[]; total: number; totalPages: number }\n\nfunction formatDate(value: string | null | undefined): string {\n  if (!value) return '\u2014'\n  const d = new Date(value)\n  return Number.isNaN(d.getTime()) ? value : d.toLocaleString()\n}\n\nexport function txnVariant(type: string): 'success' | 'info' | 'error' | 'neutral' | 'default' {\n  if (type === 'topup' || type === 'adjustment') return 'success'\n  if (type === 'usage') return 'info'\n  if (type === 'reversal') return 'error'\n  return 'neutral' // recurring / one_time\n}\n\nexport default function BillingTransactionsListPage() {\n  const t = useT()\n  const router = useRouter()\n  const [rows, setRows] = React.useState<TransactionRow[]>([])\n  const [page, setPage] = React.useState(1)\n  const [pageSize] = React.useState(25)\n  const [filters, setFilters] = React.useState<FilterValues>({})\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const [loading, setLoading] = React.useState(true)\n  const [accountNames, setAccountNames] = React.useState<Record<string, string>>({})\n\n  const filterDefs = React.useMemo<FilterDef[]>(\n    () => [\n      {\n        id: 'type',\n        label: t('billing.transactions.filters.type', 'Type'),\n        type: 'select',\n        options: [\n          { value: 'topup', label: t('billing.transactions.type.topup', 'Top-up') },\n          { value: 'usage', label: t('billing.transactions.type.usage', 'Usage') },\n          { value: 'recurring', label: t('billing.transactions.type.recurring', 'Recurring') },\n          { value: 'one_time', label: t('billing.transactions.type.one_time', 'One-time') },\n          { value: 'adjustment', label: t('billing.transactions.type.adjustment', 'Adjustment') },\n          { value: 'reversal', label: t('billing.transactions.type.reversal', 'Reversal') },\n        ],\n      },\n    ],\n    [t],\n  )\n\n  const loadRows = React.useCallback(async () => {\n    setLoading(true)\n    try {\n      const params = new URLSearchParams({\n        page: String(page),\n        pageSize: String(pageSize),\n        sortField: 'createdAt',\n        sortDir: 'desc',\n      })\n      if (typeof filters.type === 'string' && filters.type) params.set('type', filters.type)\n      const result = await readApiResultOrThrow<ListResponse>(\n        `/api/billing/transactions?${params.toString()}`,\n      )\n      const items = result.items ?? []\n      setRows(items)\n      setTotal(result.total ?? 0)\n      setTotalPages(result.totalPages ?? 1)\n      try {\n        const names = await fetchAccountNames(items.map((r) => r.bill_account_id))\n        setAccountNames((prev) => ({ ...prev, ...names }))\n      } catch {\n        // Name resolution is best-effort \u2014 fall back to the id in the cell.\n      }\n    } finally {\n      setLoading(false)\n    }\n  }, [filters.type, page, pageSize])\n\n  React.useEffect(() => {\n    void loadRows()\n  }, [loadRows])\n\n  const columns = React.useMemo<ColumnDef<TransactionRow>[]>(\n    () => [\n      {\n        accessorKey: 'created_at',\n        header: t('billing.transactions.columns.when', 'When'),\n        cell: ({ row }) => formatDate(row.original.created_at),\n      },\n      {\n        accessorKey: 'type',\n        header: t('billing.transactions.columns.type', 'Type'),\n        cell: ({ row }) => (\n          <Tag variant={txnVariant(row.original.type)}>\n            {t(`billing.transactions.type.${row.original.type}`, row.original.type)}\n          </Tag>\n        ),\n      },\n      {\n        accessorKey: 'description',\n        header: t('billing.transactions.columns.description', 'Description'),\n        cell: ({ row }) => <span className=\"text-sm\">{row.original.description}</span>,\n      },\n      {\n        accessorKey: 'amount',\n        header: t('billing.transactions.columns.amount', 'Amount'),\n        cell: ({ row }) => (\n          <span className=\"font-mono tabular-nums\">\n            {row.original.amount} {row.original.currency_code}\n          </span>\n        ),\n      },\n      {\n        accessorKey: 'balance_after',\n        header: t('billing.transactions.columns.balance_after', 'Balance'),\n        cell: ({ row }) => (\n          <span className=\"font-mono tabular-nums\">{row.original.balance_after}</span>\n        ),\n      },\n      {\n        accessorKey: 'bill_account_id',\n        header: t('billing.transactions.columns.account', 'Account'),\n        cell: ({ row }) => {\n          const name = accountNames[row.original.bill_account_id]\n          return name ? (\n            <span className=\"text-sm\">{name}</span>\n          ) : (\n            <span className=\"font-mono text-xs\">{row.original.bill_account_id}</span>\n          )\n        },\n      },\n    ],\n    [t, accountNames],\n  )\n\n  return (\n    <Page>\n      <PageBody>\n        <DataTable\n          title={t('billing.transactions.title', 'Transactions')}\n          refreshButton={{\n            label: t('billing.common.refresh', 'Refresh'),\n            onRefresh: loadRows,\n            isRefreshing: loading,\n          }}\n          columnChooser={{ auto: true }}\n          perspective={{ tableId: 'billing-transactions' }}\n          columns={columns}\n          data={rows}\n          onRowClick={(row) => router.push(`/backend/billing/transactions/${row.id}`)}\n          isLoading={loading}\n          pagination={{ page, pageSize, total, totalPages, onPageChange: setPage }}\n          filters={filterDefs}\n          filterValues={filters}\n          onFiltersApply={setFilters}\n          onFiltersClear={() => setFilters({})}\n        />\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/billing/backend/billing/transactions/page.meta.js

@@ -0,0 +1,18 @@
+import React from "react";
+import { ArrowLeftRight } from "lucide-react";
+const transactionsIcon = React.createElement(ArrowLeftRight, { size: 16 });
+const metadata = {
+  requireAuth: true,
+  requireFeatures: ["billing.balance.view"],
+  pageTitle: "Transactions",
+  pageTitleKey: "billing.transactions.title",
+  pageGroup: "Billing",
+  pageGroupKey: "billing.nav.group",
+  pageOrder: 70,
+  icon: transactionsIcon,
+  breadcrumb: [{ label: "Transactions", labelKey: "billing.transactions.title" }]
+};
+export {
+  metadata
+};
+//# sourceMappingURL=page.meta.js.map

package/dist/modules/billing/backend/billing/transactions/page.meta.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/billing/backend/billing/transactions/page.meta.ts"],
+  "sourcesContent": ["import React from 'react'\nimport { ArrowLeftRight } from 'lucide-react'\n\nconst transactionsIcon = React.createElement(ArrowLeftRight, { size: 16 })\n\nexport const metadata = {\n  requireAuth: true,\n  requireFeatures: ['billing.balance.view'],\n  pageTitle: 'Transactions',\n  pageTitleKey: 'billing.transactions.title',\n  pageGroup: 'Billing',\n  pageGroupKey: 'billing.nav.group',\n  pageOrder: 70,\n  icon: transactionsIcon,\n  breadcrumb: [{ label: 'Transactions', labelKey: 'billing.transactions.title' }],\n} as const\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,sBAAsB;AAE/B,MAAM,mBAAmB,MAAM,cAAc,gBAAgB,EAAE,MAAM,GAAG,CAAC;AAElE,MAAM,WAAW;AAAA,EACtB,aAAa;AAAA,EACb,iBAAiB,CAAC,sBAAsB;AAAA,EACxC,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,MAAM;AAAA,EACN,YAAY,CAAC,EAAE,OAAO,gBAAgB,UAAU,6BAA6B,CAAC;AAChF;",
+  "names": []
+}