@dainamite/billing 0.17.0 → 0.19.0

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/billing/backend/billing/accounts/page.tsx"],
-  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { useRouter } from 'next/navigation'\nimport { Plus } from 'lucide-react'\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 { Button } from '@open-mercato/ui/primitives/button'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\n\n/**\n * Billing Accounts admin list.\n *\n * Search + filter by bill cycle / currency / active state. The\n * \"New account\" CTA opens the create page; rows link into the detail\n * page for inspect + edit + soft-delete.\n */\n\n// API list rows are snake_case \u2014 the billing list endpoints project\n// raw column names (see `api/accounts/route.ts` `fields`).\ntype BillingAccountRow = {\n  id: string\n  customer_id: string\n  name: string\n  currency_code: string\n  bill_cycle: 'monthly' | 'quarterly' | 'annually' | 'weekly'\n  bill_cycle_anchor: string\n  invoice_email: string\n  next_bill_date: string\n  last_bill_date: string | null\n  is_active: boolean\n  created_at: string\n}\n\ntype ListResponse = {\n  items: BillingAccountRow[]\n  total: number\n  totalPages: number\n}\n\nfunction formatDate(value: string | null | undefined): string {\n  if (!value) return '\u2014'\n  const parsed = new Date(value)\n  return Number.isNaN(parsed.getTime()) ? value : parsed.toLocaleDateString()\n}\n\nexport default function BillingAccountsListPage() {\n  const t = useT()\n  const router = useRouter()\n  const [rows, setRows] = React.useState<BillingAccountRow[]>([])\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\n  const filterDefs = React.useMemo<FilterDef[]>(\n    () => [\n      {\n        id: 'billCycle',\n        label: t('billing.accounts.filters.cycle', 'Bill cycle'),\n        type: 'select',\n        options: [\n          { value: 'weekly', label: t('billing.cycle.weekly', 'Weekly') },\n          { value: 'monthly', label: t('billing.cycle.monthly', 'Monthly') },\n          { value: 'quarterly', label: t('billing.cycle.quarterly', 'Quarterly') },\n          { value: 'annually', label: t('billing.cycle.annually', 'Annually') },\n        ],\n      },\n      {\n        id: 'currencyCode',\n        label: t('billing.accounts.filters.currency', 'Currency'),\n        type: 'text',\n      },\n      {\n        id: 'isActive',\n        label: t('billing.accounts.filters.active', 'Active'),\n        type: 'select',\n        options: [\n          { value: 'true', label: t('billing.common.active', 'Active') },\n          { value: 'false', label: t('billing.common.inactive', 'Inactive') },\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.billCycle === 'string' && filters.billCycle) {\n        params.set('billCycle', filters.billCycle)\n      }\n      if (typeof filters.currencyCode === 'string' && filters.currencyCode.trim()) {\n        params.set('currencyCode', filters.currencyCode.trim().toUpperCase())\n      }\n      if (filters.isActive === 'true') params.set('isActive', 'true')\n      if (filters.isActive === 'false') params.set('isActive', 'false')\n      const result = await readApiResultOrThrow<ListResponse>(\n        `/api/billing/accounts?${params.toString()}`,\n      )\n      setRows(result.items ?? [])\n      setTotal(result.total ?? 0)\n      setTotalPages(result.totalPages ?? 1)\n    } finally {\n      setLoading(false)\n    }\n  }, [filters.billCycle, filters.currencyCode, filters.isActive, page, pageSize, search])\n\n  React.useEffect(() => {\n    void loadRows()\n  }, [loadRows])\n\n  const columns = React.useMemo<ColumnDef<BillingAccountRow>[]>(\n    () => [\n      {\n        accessorKey: 'name',\n        header: t('billing.accounts.columns.name', 'Name'),\n        cell: ({ row }) => (\n          <span className=\"text-sm font-medium text-primary\">{row.original.name}</span>\n        ),\n      },\n      {\n        accessorKey: 'customer_id',\n        header: t('billing.accounts.columns.customer', 'Customer'),\n        cell: ({ row }) => (\n          <span className=\"font-mono text-xs\">{row.original.customer_id}</span>\n        ),\n      },\n      {\n        accessorKey: 'currency_code',\n        header: t('billing.accounts.columns.currency', 'Currency'),\n      },\n      {\n        accessorKey: 'bill_cycle',\n        header: t('billing.accounts.columns.cycle', 'Cycle'),\n        cell: ({ row }) => (\n          <span>\n            {row.original.bill_cycle}\n            <span className=\"text-muted-foreground\"> \u00B7 {row.original.bill_cycle_anchor}</span>\n          </span>\n        ),\n      },\n      {\n        accessorKey: 'next_bill_date',\n        header: t('billing.accounts.columns.next_bill', 'Next bill'),\n        cell: ({ row }) => formatDate(row.original.next_bill_date),\n      },\n      {\n        accessorKey: 'last_bill_date',\n        header: t('billing.accounts.columns.last_bill', 'Last bill'),\n        cell: ({ row }) => formatDate(row.original.last_bill_date),\n      },\n      {\n        accessorKey: 'is_active',\n        header: t('billing.accounts.columns.status', 'Status'),\n        cell: ({ row }) =>\n          row.original.is_active ? (\n            <Tag variant=\"success\">{t('billing.common.active', 'Active')}</Tag>\n          ) : (\n            <Tag variant=\"default\">{t('billing.common.inactive', 'Inactive')}</Tag>\n          ),\n      },\n    ],\n    [t],\n  )\n\n  return (\n    <Page>\n      <PageBody>\n        <DataTable\n          title={t('billing.accounts.title', 'Billing Accounts')}\n          actions={\n            <Button asChild>\n              <Link href=\"/backend/billing/accounts/create\">\n                <Plus size={16} />\n                {t('billing.accounts.create.action', 'New account')}\n              </Link>\n            </Button>\n          }\n          refreshButton={{\n            label: t('billing.common.refresh', 'Refresh'),\n            onRefresh: loadRows,\n            isRefreshing: loading,\n          }}\n          columnChooser={{ auto: true }}\n          perspective={{ tableId: 'billing-accounts' }}\n          columns={columns}\n          data={rows}\n          onRowClick={(row) => router.push(`/backend/billing/accounts/${row.id}`)}\n          isLoading={loading}\n          pagination={{\n            page,\n            pageSize,\n            total,\n            totalPages,\n            onPageChange: setPage,\n          }}\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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",
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { useRouter } from 'next/navigation'\nimport { Plus } from 'lucide-react'\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 { Button } from '@open-mercato/ui/primitives/button'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\n\n/**\n * Billing Accounts admin list.\n *\n * Search + filter by bill cycle / currency / active state. The\n * \"New account\" CTA opens the create page; rows link into the detail\n * page for inspect + edit + soft-delete.\n */\n\n// API list rows are snake_case \u2014 the billing list endpoints project\n// raw column names (see `api/accounts/route.ts` `fields`).\ntype BillingAccountRow = {\n  id: string\n  customer_id: string\n  name: string\n  currency_code: string\n  bill_cycle: 'monthly' | 'quarterly' | 'annually' | 'weekly'\n  bill_cycle_anchor: string\n  invoice_email: string\n  next_bill_date: string\n  last_bill_date: string | null\n  billing_mode: 'postpaid' | 'prepaid'\n  is_active: boolean\n  created_at: string\n}\n\ntype ListResponse = {\n  items: BillingAccountRow[]\n  total: number\n  totalPages: number\n}\n\nfunction formatDate(value: string | null | undefined): string {\n  if (!value) return '\u2014'\n  const parsed = new Date(value)\n  return Number.isNaN(parsed.getTime()) ? value : parsed.toLocaleDateString()\n}\n\nexport default function BillingAccountsListPage() {\n  const t = useT()\n  const router = useRouter()\n  const [rows, setRows] = React.useState<BillingAccountRow[]>([])\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\n  const filterDefs = React.useMemo<FilterDef[]>(\n    () => [\n      {\n        id: 'billCycle',\n        label: t('billing.accounts.filters.cycle', 'Bill cycle'),\n        type: 'select',\n        options: [\n          { value: 'weekly', label: t('billing.cycle.weekly', 'Weekly') },\n          { value: 'monthly', label: t('billing.cycle.monthly', 'Monthly') },\n          { value: 'quarterly', label: t('billing.cycle.quarterly', 'Quarterly') },\n          { value: 'annually', label: t('billing.cycle.annually', 'Annually') },\n        ],\n      },\n      {\n        id: 'currencyCode',\n        label: t('billing.accounts.filters.currency', 'Currency'),\n        type: 'text',\n      },\n      {\n        id: 'billingMode',\n        label: t('billing.accounts.columns.mode', 'Mode'),\n        type: 'select',\n        options: [\n          { value: 'postpaid', label: t('billing.mode.postpaid', 'Postpaid') },\n          { value: 'prepaid', label: t('billing.mode.prepaid', 'Prepaid') },\n        ],\n      },\n      {\n        id: 'isActive',\n        label: t('billing.accounts.filters.active', 'Active'),\n        type: 'select',\n        options: [\n          { value: 'true', label: t('billing.common.active', 'Active') },\n          { value: 'false', label: t('billing.common.inactive', 'Inactive') },\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.billCycle === 'string' && filters.billCycle) {\n        params.set('billCycle', filters.billCycle)\n      }\n      if (typeof filters.currencyCode === 'string' && filters.currencyCode.trim()) {\n        params.set('currencyCode', filters.currencyCode.trim().toUpperCase())\n      }\n      if (typeof filters.billingMode === 'string' && filters.billingMode) {\n        params.set('billingMode', filters.billingMode)\n      }\n      if (filters.isActive === 'true') params.set('isActive', 'true')\n      if (filters.isActive === 'false') params.set('isActive', 'false')\n      const result = await readApiResultOrThrow<ListResponse>(\n        `/api/billing/accounts?${params.toString()}`,\n      )\n      setRows(result.items ?? [])\n      setTotal(result.total ?? 0)\n      setTotalPages(result.totalPages ?? 1)\n    } finally {\n      setLoading(false)\n    }\n  }, [\n    filters.billCycle,\n    filters.currencyCode,\n    filters.billingMode,\n    filters.isActive,\n    page,\n    pageSize,\n    search,\n  ])\n\n  React.useEffect(() => {\n    void loadRows()\n  }, [loadRows])\n\n  const columns = React.useMemo<ColumnDef<BillingAccountRow>[]>(\n    () => [\n      {\n        accessorKey: 'name',\n        header: t('billing.accounts.columns.name', 'Name'),\n        cell: ({ row }) => (\n          <span className=\"text-sm font-medium text-primary\">{row.original.name}</span>\n        ),\n      },\n      {\n        accessorKey: 'customer_id',\n        header: t('billing.accounts.columns.customer', 'Customer'),\n        cell: ({ row }) => (\n          <span className=\"font-mono text-xs\">{row.original.customer_id}</span>\n        ),\n      },\n      {\n        accessorKey: 'currency_code',\n        header: t('billing.accounts.columns.currency', 'Currency'),\n      },\n      {\n        accessorKey: 'bill_cycle',\n        header: t('billing.accounts.columns.cycle', 'Cycle'),\n        cell: ({ row }) => (\n          <span>\n            {row.original.bill_cycle}\n            <span className=\"text-muted-foreground\"> \u00B7 {row.original.bill_cycle_anchor}</span>\n          </span>\n        ),\n      },\n      {\n        accessorKey: 'billing_mode',\n        header: t('billing.accounts.columns.mode', 'Mode'),\n        cell: ({ row }) =>\n          row.original.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      },\n      {\n        accessorKey: 'next_bill_date',\n        header: t('billing.accounts.columns.next_bill', 'Next bill'),\n        cell: ({ row }) => formatDate(row.original.next_bill_date),\n      },\n      {\n        accessorKey: 'last_bill_date',\n        header: t('billing.accounts.columns.last_bill', 'Last bill'),\n        cell: ({ row }) => formatDate(row.original.last_bill_date),\n      },\n      {\n        accessorKey: 'is_active',\n        header: t('billing.accounts.columns.status', 'Status'),\n        cell: ({ row }) =>\n          row.original.is_active ? (\n            <Tag variant=\"success\">{t('billing.common.active', 'Active')}</Tag>\n          ) : (\n            <Tag variant=\"default\">{t('billing.common.inactive', 'Inactive')}</Tag>\n          ),\n      },\n    ],\n    [t],\n  )\n\n  return (\n    <Page>\n      <PageBody>\n        <DataTable\n          title={t('billing.accounts.title', 'Billing Accounts')}\n          actions={\n            <Button asChild>\n              <Link href=\"/backend/billing/accounts/create\">\n                <Plus size={16} />\n                {t('billing.accounts.create.action', 'New account')}\n              </Link>\n            </Button>\n          }\n          refreshButton={{\n            label: t('billing.common.refresh', 'Refresh'),\n            onRefresh: loadRows,\n            isRefreshing: loading,\n          }}\n          columnChooser={{ auto: true }}\n          perspective={{ tableId: 'billing-accounts' }}\n          columns={columns}\n          data={rows}\n          onRowClick={(row) => router.push(`/backend/billing/accounts/${row.id}`)}\n          isLoading={loading}\n          pagination={{\n            page,\n            pageSize,\n            total,\n            totalPages,\n            onPageChange: setPage,\n          }}\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": ";AAyJU,cAoBE,YApBF;AAxJV,YAAY,WAAW;AACvB,OAAO,UAAU;AACjB,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AAErB,SAAS,YAAY;AAErB,SAAS,MAAM,gBAAgB;AAC/B,SAAS,iBAAiB;AAC1B,SAAS,WAAW;AACpB,SAAS,cAAc;AACvB,SAAS,4BAA4B;AAiCrC,SAAS,WAAW,OAA0C;AAC5D,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,SAAS,IAAI,KAAK,KAAK;AAC7B,SAAO,OAAO,MAAM,OAAO,QAAQ,CAAC,IAAI,QAAQ,OAAO,mBAAmB;AAC5E;AAEe,SAAR,0BAA2C;AAChD,QAAM,IAAI,KAAK;AACf,QAAM,SAAS,UAAU;AACzB,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAA8B,CAAC,CAAC;AAC9D,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,CAAC;AACxC,QAAM,CAAC,QAAQ,IAAI,MAAM,SAAS,EAAE;AACpC,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAuB,CAAC,CAAC;AAC7D,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,EAAE;AAC7C,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAS,CAAC;AAC1C,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAS,CAAC;AACpD,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,IAAI;AAEjD,QAAM,aAAa,MAAM;AAAA,IACvB,MAAM;AAAA,MACJ;AAAA,QACE,IAAI;AAAA,QACJ,OAAO,EAAE,kCAAkC,YAAY;AAAA,QACvD,MAAM;AAAA,QACN,SAAS;AAAA,UACP,EAAE,OAAO,UAAU,OAAO,EAAE,wBAAwB,QAAQ,EAAE;AAAA,UAC9D,EAAE,OAAO,WAAW,OAAO,EAAE,yBAAyB,SAAS,EAAE;AAAA,UACjE,EAAE,OAAO,aAAa,OAAO,EAAE,2BAA2B,WAAW,EAAE;AAAA,UACvE,EAAE,OAAO,YAAY,OAAO,EAAE,0BAA0B,UAAU,EAAE;AAAA,QACtE;AAAA,MACF;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,OAAO,EAAE,qCAAqC,UAAU;AAAA,QACxD,MAAM;AAAA,MACR;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,OAAO,EAAE,iCAAiC,MAAM;AAAA,QAChD,MAAM;AAAA,QACN,SAAS;AAAA,UACP,EAAE,OAAO,YAAY,OAAO,EAAE,yBAAyB,UAAU,EAAE;AAAA,UACnE,EAAE,OAAO,WAAW,OAAO,EAAE,wBAAwB,SAAS,EAAE;AAAA,QAClE;AAAA,MACF;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,OAAO,EAAE,mCAAmC,QAAQ;AAAA,QACpD,MAAM;AAAA,QACN,SAAS;AAAA,UACP,EAAE,OAAO,QAAQ,OAAO,EAAE,yBAAyB,QAAQ,EAAE;AAAA,UAC7D,EAAE,OAAO,SAAS,OAAO,EAAE,2BAA2B,UAAU,EAAE;AAAA,QACpE;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,CAAC;AAAA,EACJ;AAEA,QAAM,WAAW,MAAM,YAAY,YAAY;AAC7C,eAAW,IAAI;AACf,QAAI;AACF,YAAM,SAAS,IAAI,gBAAgB;AAAA,QACjC,MAAM,OAAO,IAAI;AAAA,QACjB,UAAU,OAAO,QAAQ;AAAA,QACzB,WAAW;AAAA,QACX,SAAS;AAAA,MACX,CAAC;AACD,UAAI,OAAO,KAAK,EAAG,QAAO,IAAI,UAAU,OAAO,KAAK,CAAC;AACrD,UAAI,OAAO,QAAQ,cAAc,YAAY,QAAQ,WAAW;AAC9D,eAAO,IAAI,aAAa,QAAQ,SAAS;AAAA,MAC3C;AACA,UAAI,OAAO,QAAQ,iBAAiB,YAAY,QAAQ,aAAa,KAAK,GAAG;AAC3E,eAAO,IAAI,gBAAgB,QAAQ,aAAa,KAAK,EAAE,YAAY,CAAC;AAAA,MACtE;AACA,UAAI,OAAO,QAAQ,gBAAgB,YAAY,QAAQ,aAAa;AAClE,eAAO,IAAI,eAAe,QAAQ,WAAW;AAAA,MAC/C;AACA,UAAI,QAAQ,aAAa,OAAQ,QAAO,IAAI,YAAY,MAAM;AAC9D,UAAI,QAAQ,aAAa,QAAS,QAAO,IAAI,YAAY,OAAO;AAChE,YAAM,SAAS,MAAM;AAAA,QACnB,yBAAyB,OAAO,SAAS,CAAC;AAAA,MAC5C;AACA,cAAQ,OAAO,SAAS,CAAC,CAAC;AAC1B,eAAS,OAAO,SAAS,CAAC;AAC1B,oBAAc,OAAO,cAAc,CAAC;AAAA,IACtC,UAAE;AACA,iBAAW,KAAK;AAAA,IAClB;AAAA,EACF,GAAG;AAAA,IACD,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,UAAU,MAAM;AACpB,SAAK,SAAS;AAAA,EAChB,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,UAAU,MAAM;AAAA,IACpB,MAAM;AAAA,MACJ;AAAA,QACE,aAAa;AAAA,QACb,QAAQ,EAAE,iCAAiC,MAAM;AAAA,QACjD,MAAM,CAAC,EAAE,IAAI,MACX,oBAAC,UAAK,WAAU,oCAAoC,cAAI,SAAS,MAAK;AAAA,MAE1E;AAAA,MACA;AAAA,QACE,aAAa;AAAA,QACb,QAAQ,EAAE,qCAAqC,UAAU;AAAA,QACzD,MAAM,CAAC,EAAE,IAAI,MACX,oBAAC,UAAK,WAAU,qBAAqB,cAAI,SAAS,aAAY;AAAA,MAElE;AAAA,MACA;AAAA,QACE,aAAa;AAAA,QACb,QAAQ,EAAE,qCAAqC,UAAU;AAAA,MAC3D;AAAA,MACA;AAAA,QACE,aAAa;AAAA,QACb,QAAQ,EAAE,kCAAkC,OAAO;AAAA,QACnD,MAAM,CAAC,EAAE,IAAI,MACX,qBAAC,UACE;AAAA,cAAI,SAAS;AAAA,UACd,qBAAC,UAAK,WAAU,yBAAwB;AAAA;AAAA,YAAI,IAAI,SAAS;AAAA,aAAkB;AAAA,WAC7E;AAAA,MAEJ;AAAA,MACA;AAAA,QACE,aAAa;AAAA,QACb,QAAQ,EAAE,iCAAiC,MAAM;AAAA,QACjD,MAAM,CAAC,EAAE,IAAI,MACX,IAAI,SAAS,iBAAiB,YAC5B,oBAAC,OAAI,SAAQ,SAAS,YAAE,wBAAwB,SAAS,GAAE,IAE3D,oBAAC,OAAI,SAAQ,WAAW,YAAE,yBAAyB,UAAU,GAAE;AAAA,MAErE;AAAA,MACA;AAAA,QACE,aAAa;AAAA,QACb,QAAQ,EAAE,sCAAsC,WAAW;AAAA,QAC3D,MAAM,CAAC,EAAE,IAAI,MAAM,WAAW,IAAI,SAAS,cAAc;AAAA,MAC3D;AAAA,MACA;AAAA,QACE,aAAa;AAAA,QACb,QAAQ,EAAE,sCAAsC,WAAW;AAAA,QAC3D,MAAM,CAAC,EAAE,IAAI,MAAM,WAAW,IAAI,SAAS,cAAc;AAAA,MAC3D;AAAA,MACA;AAAA,QACE,aAAa;AAAA,QACb,QAAQ,EAAE,mCAAmC,QAAQ;AAAA,QACrD,MAAM,CAAC,EAAE,IAAI,MACX,IAAI,SAAS,YACX,oBAAC,OAAI,SAAQ,WAAW,YAAE,yBAAyB,QAAQ,GAAE,IAE7D,oBAAC,OAAI,SAAQ,WAAW,YAAE,2BAA2B,UAAU,GAAE;AAAA,MAEvE;AAAA,IACF;AAAA,IACA,CAAC,CAAC;AAAA,EACJ;AAEA,SACE,oBAAC,QACC,8BAAC,YACC;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE,0BAA0B,kBAAkB;AAAA,MACrD,SACE,oBAAC,UAAO,SAAO,MACb,+BAAC,QAAK,MAAK,oCACT;AAAA,4BAAC,QAAK,MAAM,IAAI;AAAA,QACf,EAAE,kCAAkC,aAAa;AAAA,SACpD,GACF;AAAA,MAEF,eAAe;AAAA,QACb,OAAO,EAAE,0BAA0B,SAAS;AAAA,QAC5C,WAAW;AAAA,QACX,cAAc;AAAA,MAChB;AAAA,MACA,eAAe,EAAE,MAAM,KAAK;AAAA,MAC5B,aAAa,EAAE,SAAS,mBAAmB;AAAA,MAC3C;AAAA,MACA,MAAM;AAAA,MACN,YAAY,CAAC,QAAQ,OAAO,KAAK,6BAA6B,IAAI,EAAE,EAAE;AAAA,MACtE,WAAW;AAAA,MACX,YAAY;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,cAAc;AAAA,MAChB;AAAA,MACA,SAAS;AAAA,MACT,cAAc;AAAA,MACd,gBAAgB;AAAA,MAChB,gBAAgB,MAAM,WAAW,CAAC,CAAC;AAAA,MACnC,aAAa;AAAA,MACb,gBAAgB;AAAA;AAAA,EAClB,GACF,GACF;AAEJ;",
   "names": []
 }

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

@@ -0,0 +1,129 @@
+"use client";
+import { 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 { DataTable } from "@open-mercato/ui/backend/DataTable";
+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 { statementStatusVariant } from "../page.js";
+function formatDate(value) {
+  if (!value) return "\u2014";
+  const d = new Date(value);
+  return Number.isNaN(d.getTime()) ? value : d.toLocaleDateString();
+}
+function BillingStatementDetailPage(props) {
+  const t = useT();
+  const urlParams = useParams();
+  const statementId = 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 (!statementId) return;
+    setLoading(true);
+    readApiResultOrThrow(
+      `/api/billing/statements?id=${statementId}&pageSize=1`
+    ).then((res) => {
+      if (cancelled) return;
+      const found = res.items?.[0];
+      if (!found) setError(t("billing.statements.detail.not_found", "Statement not found"));
+      else setRow(found);
+    }).catch(() => {
+      if (!cancelled)
+        setError(t("billing.statements.detail.load_error", "Failed to load statement"));
+    }).finally(() => {
+      if (!cancelled) setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [statementId, t]);
+  const breakdown = row?.debit_breakdown?.items ?? [];
+  const columns = React.useMemo(
+    () => [
+      {
+        accessorKey: "billing_type",
+        header: t("billing.statements.breakdown.type", "Type"),
+        cell: ({ row: row2 }) => /* @__PURE__ */ jsx(Tag, { variant: "info", children: row2.original.billing_type })
+      },
+      {
+        accessorKey: "billing_item_id",
+        header: t("billing.statements.breakdown.item", "Item"),
+        cell: ({ row: row2 }) => /* @__PURE__ */ jsx("span", { className: "font-mono text-xs", children: row2.original.billing_item_id })
+      },
+      {
+        accessorKey: "quantity",
+        header: t("billing.statements.breakdown.quantity", "Qty"),
+        cell: ({ row: row2 }) => /* @__PURE__ */ jsx("span", { className: "font-mono tabular-nums", children: row2.original.quantity })
+      },
+      {
+        accessorKey: "amount",
+        header: t("billing.statements.breakdown.amount", "Amount"),
+        cell: ({ row: row2 }) => /* @__PURE__ */ jsx("span", { className: "font-mono tabular-nums", children: row2.original.amount })
+      }
+    ],
+    [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.statements.detail.loading", "Loading statement\u2026") }) }) });
+  }
+  return /* @__PURE__ */ jsxs(Page, { children: [
+    /* @__PURE__ */ jsx(
+      FormHeader,
+      {
+        mode: "detail",
+        backHref: "/backend/billing/statements",
+        entityTypeLabel: t("billing.statements.detail.title", "Statement"),
+        title: `${formatDate(row.period_start)} \u2013 ${formatDate(row.period_end)}`,
+        statusBadge: /* @__PURE__ */ jsx(Tag, { variant: statementStatusVariant(row.status), children: t(`billing.statements.status.${row.status}`, row.status) }),
+        actionsContent: /* @__PURE__ */ jsx(Button, { asChild: true, variant: "outline", children: /* @__PURE__ */ jsx(Link, { href: `/backend/billing/accounts/${row.bill_account_id}`, children: t("billing.statements.detail.view_account", "View account") }) })
+      }
+    ),
+    /* @__PURE__ */ jsxs(PageBody, { children: [
+      /* @__PURE__ */ jsxs(DetailCard, { children: [
+        /* @__PURE__ */ jsx(DetailField, { label: t("billing.statements.columns.opening", "Opening"), children: /* @__PURE__ */ jsx("span", { className: "font-mono tabular-nums", children: row.opening_balance }) }),
+        /* @__PURE__ */ jsx(DetailField, { label: t("billing.statements.columns.topups", "Top-ups"), children: /* @__PURE__ */ jsx("span", { className: "font-mono tabular-nums", children: row.total_topups }) }),
+        /* @__PURE__ */ jsx(DetailField, { label: t("billing.statements.columns.usage", "Usage"), children: /* @__PURE__ */ jsx("span", { className: "font-mono tabular-nums", children: row.total_usage }) }),
+        /* @__PURE__ */ jsx(DetailField, { label: t("billing.statements.columns.recurring", "Recurring"), children: /* @__PURE__ */ jsx("span", { className: "font-mono tabular-nums", children: row.total_recurring }) }),
+        /* @__PURE__ */ jsx(DetailField, { label: t("billing.statements.columns.adjustments", "Adjustments"), children: /* @__PURE__ */ jsx("span", { className: "font-mono tabular-nums", children: row.total_adjustments }) }),
+        /* @__PURE__ */ jsx(DetailField, { label: t("billing.statements.columns.closing", "Closing"), children: /* @__PURE__ */ jsxs("span", { className: "font-mono tabular-nums", children: [
+          row.closing_balance,
+          " ",
+          row.currency_code
+        ] }) }),
+        /* @__PURE__ */ jsx(DetailField, { label: t("billing.statements.detail.bill_run", "Bill Run"), children: row.bill_run_id ? /* @__PURE__ */ jsx(
+          Link,
+          {
+            href: `/backend/billing/runs/${row.bill_run_id}`,
+            className: "font-mono text-xs hover:underline",
+            children: row.bill_run_id
+          }
+        ) : "\u2014" })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "mt-6", children: /* @__PURE__ */ jsx(
+        DataTable,
+        {
+          title: t("billing.statements.detail.breakdown", "Period-close charges"),
+          columns,
+          data: breakdown,
+          emptyState: /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground", children: t("billing.statements.detail.no_charges", "No recurring charges this period.") })
+        }
+      ) })
+    ] })
+  ] });
+}
+export {
+  BillingStatementDetailPage as default
+};
+//# sourceMappingURL=page.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/modules/billing/backend/billing/statements/%5Bid%5D/page.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { useParams } from 'next/navigation'\nimport type { ColumnDef } from '@tanstack/react-table'\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 { DataTable } from '@open-mercato/ui/backend/DataTable'\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 { statementStatusVariant } from '../page'\n\ntype BreakdownEntry = {\n  billing_item_id: string\n  billing_type: string\n  uom_code?: string\n  quantity: string\n  amount: string\n}\n\ntype StatementRow = {\n  id: string\n  bill_account_id: string\n  bill_run_id: string | null\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  total_adjustments: string\n  closing_balance: string\n  debit_breakdown: { items?: BreakdownEntry[] } | null\n  status: 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.toLocaleDateString()\n}\n\nexport default function BillingStatementDetailPage(props: { params?: { id?: string } }) {\n  const t = useT()\n  const urlParams = useParams<{ id: string }>()\n  const statementId = (props.params?.id ?? urlParams?.id ?? '') as string\n\n  const [row, setRow] = React.useState<StatementRow | 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 (!statementId) return\n    setLoading(true)\n    readApiResultOrThrow<{ items: StatementRow[] }>(\n      `/api/billing/statements?id=${statementId}&pageSize=1`,\n    )\n      .then((res) => {\n        if (cancelled) return\n        const found = res.items?.[0]\n        if (!found) setError(t('billing.statements.detail.not_found', 'Statement not found'))\n        else setRow(found)\n      })\n      .catch(() => {\n        if (!cancelled)\n          setError(t('billing.statements.detail.load_error', 'Failed to load statement'))\n      })\n      .finally(() => {\n        if (!cancelled) setLoading(false)\n      })\n    return () => {\n      cancelled = true\n    }\n  }, [statementId, t])\n\n  const breakdown = row?.debit_breakdown?.items ?? []\n  const columns = React.useMemo<ColumnDef<BreakdownEntry>[]>(\n    () => [\n      {\n        accessorKey: 'billing_type',\n        header: t('billing.statements.breakdown.type', 'Type'),\n        cell: ({ row }) => <Tag variant=\"info\">{row.original.billing_type}</Tag>,\n      },\n      {\n        accessorKey: 'billing_item_id',\n        header: t('billing.statements.breakdown.item', 'Item'),\n        cell: ({ row }) => <span className=\"font-mono text-xs\">{row.original.billing_item_id}</span>,\n      },\n      {\n        accessorKey: 'quantity',\n        header: t('billing.statements.breakdown.quantity', 'Qty'),\n        cell: ({ row }) => <span className=\"font-mono tabular-nums\">{row.original.quantity}</span>,\n      },\n      {\n        accessorKey: 'amount',\n        header: t('billing.statements.breakdown.amount', 'Amount'),\n        cell: ({ row }) => <span className=\"font-mono tabular-nums\">{row.original.amount}</span>,\n      },\n    ],\n    [t],\n  )\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.statements.detail.loading', 'Loading statement\u2026')} />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  return (\n    <Page>\n      <FormHeader\n        mode=\"detail\"\n        backHref=\"/backend/billing/statements\"\n        entityTypeLabel={t('billing.statements.detail.title', 'Statement')}\n        title={`${formatDate(row.period_start)} \u2013 ${formatDate(row.period_end)}`}\n        statusBadge={\n          <Tag variant={statementStatusVariant(row.status)}>\n            {t(`billing.statements.status.${row.status}`, row.status)}\n          </Tag>\n        }\n        actionsContent={\n          <Button asChild variant=\"outline\">\n            <Link href={`/backend/billing/accounts/${row.bill_account_id}`}>\n              {t('billing.statements.detail.view_account', 'View account')}\n            </Link>\n          </Button>\n        }\n      />\n      <PageBody>\n        <DetailCard>\n          <DetailField label={t('billing.statements.columns.opening', 'Opening')}>\n            <span className=\"font-mono tabular-nums\">{row.opening_balance}</span>\n          </DetailField>\n          <DetailField label={t('billing.statements.columns.topups', 'Top-ups')}>\n            <span className=\"font-mono tabular-nums\">{row.total_topups}</span>\n          </DetailField>\n          <DetailField label={t('billing.statements.columns.usage', 'Usage')}>\n            <span className=\"font-mono tabular-nums\">{row.total_usage}</span>\n          </DetailField>\n          <DetailField label={t('billing.statements.columns.recurring', 'Recurring')}>\n            <span className=\"font-mono tabular-nums\">{row.total_recurring}</span>\n          </DetailField>\n          <DetailField label={t('billing.statements.columns.adjustments', 'Adjustments')}>\n            <span className=\"font-mono tabular-nums\">{row.total_adjustments}</span>\n          </DetailField>\n          <DetailField label={t('billing.statements.columns.closing', 'Closing')}>\n            <span className=\"font-mono tabular-nums\">\n              {row.closing_balance} {row.currency_code}\n            </span>\n          </DetailField>\n          <DetailField label={t('billing.statements.detail.bill_run', 'Bill Run')}>\n            {row.bill_run_id ? (\n              <Link\n                href={`/backend/billing/runs/${row.bill_run_id}`}\n                className=\"font-mono text-xs hover:underline\"\n              >\n                {row.bill_run_id}\n              </Link>\n            ) : (\n              '\u2014'\n            )}\n          </DetailField>\n        </DetailCard>\n        <div className=\"mt-6\">\n          <DataTable\n            title={t('billing.statements.detail.breakdown', 'Period-close charges')}\n            columns={columns}\n            data={breakdown}\n            emptyState={\n              <div className=\"rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground\">\n                {t('billing.statements.detail.no_charges', 'No recurring charges this period.')}\n              </div>\n            }\n          />\n        </div>\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": "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",
+  "names": ["row"]
+}

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

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/modules/billing/backend/billing/statements/%5Bid%5D/page.meta.ts"],
+  "sourcesContent": ["import React from 'react'\nimport { FileText } from 'lucide-react'\n\nconst statementIcon = React.createElement(FileText, { size: 16 })\n\nexport const metadata = {\n  requireAuth: true,\n  requireFeatures: ['billing.statement.view'],\n  pageTitle: 'Statement',\n  pageTitleKey: 'billing.statements.detail.title',\n  pageGroup: 'Billing',\n  pageGroupKey: 'billing.nav.group',\n  navHidden: true,\n  icon: statementIcon,\n  breadcrumb: [\n    { label: 'Statements', labelKey: 'billing.statements.title', href: '/backend/billing/statements' },\n    { label: 'Statement', labelKey: 'billing.statements.detail.title' },\n  ],\n} as const\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,gBAAgB;AAEzB,MAAM,gBAAgB,MAAM,cAAc,UAAU,EAAE,MAAM,GAAG,CAAC;AAEzD,MAAM,WAAW;AAAA,EACtB,aAAa;AAAA,EACb,iBAAiB,CAAC,wBAAwB;AAAA,EAC1C,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,MAAM;AAAA,EACN,YAAY;AAAA,IACV,EAAE,OAAO,cAAc,UAAU,4BAA4B,MAAM,8BAA8B;AAAA,IACjG,EAAE,OAAO,aAAa,UAAU,kCAAkC;AAAA,EACpE;AACF;",
+  "names": []
+}

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

@@ -0,0 +1,152 @@
+"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.toLocaleDateString();
+}
+function statementStatusVariant(status) {
+  return status === "sent" ? "success" : "info";
+}
+function BillingStatementsListPage() {
+  const t = useT();
+  const router = useRouter();
+  const [rows, setRows] = React.useState([]);
+  const [page, setPage] = React.useState(1);
+  const [pageSize] = React.useState(25);
+  const [total, setTotal] = React.useState(0);
+  const [totalPages, setTotalPages] = React.useState(1);
+  const [loading, setLoading] = React.useState(true);
+  const [filters, setFilters] = React.useState({});
+  const [accountNames, setAccountNames] = React.useState({});
+  const filterDefs = React.useMemo(
+    () => [
+      {
+        id: "status",
+        label: t("billing.statements.filters.status", "Status"),
+        type: "select",
+        options: [
+          { value: "generated", label: t("billing.statements.status.generated", "Generated") },
+          { value: "sent", label: t("billing.statements.status.sent", "Sent") }
+        ]
+      }
+    ],
+    [t]
+  );
+  const loadRows = React.useCallback(async () => {
+    setLoading(true);
+    try {
+      const params = new URLSearchParams({
+        page: String(page),
+        pageSize: String(pageSize),
+        sortField: "periodEnd",
+        sortDir: "desc"
+      });
+      if (typeof filters.status === "string" && filters.status) params.set("status", filters.status);
+      const result = await readApiResultOrThrow(
+        `/api/billing/statements?${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]);
+  React.useEffect(() => {
+    void loadRows();
+  }, [loadRows]);
+  const columns = React.useMemo(
+    () => [
+      {
+        accessorKey: "period_end",
+        header: t("billing.statements.columns.period", "Period"),
+        cell: ({ row }) => `${formatDate(row.original.period_start)} \u2013 ${formatDate(row.original.period_end)}`
+      },
+      {
+        accessorKey: "bill_account_id",
+        header: t("billing.statements.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 });
+        }
+      },
+      {
+        accessorKey: "opening_balance",
+        header: t("billing.statements.columns.opening", "Opening"),
+        cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: "font-mono tabular-nums", children: row.original.opening_balance })
+      },
+      {
+        accessorKey: "total_topups",
+        header: t("billing.statements.columns.topups", "Top-ups"),
+        cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: "font-mono tabular-nums", children: row.original.total_topups })
+      },
+      {
+        accessorKey: "total_usage",
+        header: t("billing.statements.columns.usage", "Usage"),
+        cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: "font-mono tabular-nums", children: row.original.total_usage })
+      },
+      {
+        accessorKey: "total_recurring",
+        header: t("billing.statements.columns.recurring", "Recurring"),
+        cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: "font-mono tabular-nums", children: row.original.total_recurring })
+      },
+      {
+        accessorKey: "closing_balance",
+        header: t("billing.statements.columns.closing", "Closing"),
+        cell: ({ row }) => /* @__PURE__ */ jsxs("span", { className: "font-mono tabular-nums", children: [
+          row.original.closing_balance,
+          " ",
+          row.original.currency_code
+        ] })
+      },
+      {
+        accessorKey: "status",
+        header: t("billing.statements.columns.status", "Status"),
+        cell: ({ row }) => /* @__PURE__ */ jsx(Tag, { variant: statementStatusVariant(row.original.status), children: t(`billing.statements.status.${row.original.status}`, row.original.status) })
+      }
+    ],
+    [t, accountNames]
+  );
+  return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(
+    DataTable,
+    {
+      title: t("billing.statements.title", "Statements"),
+      refreshButton: {
+        label: t("billing.common.refresh", "Refresh"),
+        onRefresh: loadRows,
+        isRefreshing: loading
+      },
+      columnChooser: { auto: true },
+      perspective: { tableId: "billing-statements" },
+      columns,
+      data: rows,
+      onRowClick: (row) => router.push(`/backend/billing/statements/${row.id}`),
+      isLoading: loading,
+      pagination: { page, pageSize, total, totalPages, onPageChange: setPage },
+      filters: filterDefs,
+      filterValues: filters,
+      onFiltersApply: setFilters,
+      onFiltersClear: () => setFilters({})
+    }
+  ) }) });
+}
+export {
+  BillingStatementsListPage as default,
+  statementStatusVariant
+};
+//# sourceMappingURL=page.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/billing/backend/billing/statements/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 * Consumption statements admin list (SPEC-002 P3). Non-fiscal period summaries\n * for prepaid accounts \u2014 opening / top-ups / usage / recurring / closing.\n */\n\ntype StatementRow = {\n  id: string\n  bill_account_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  status: string\n}\n\ntype ListResponse = { items: StatementRow[]; 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.toLocaleDateString()\n}\n\nexport function statementStatusVariant(status: string): 'success' | 'info' {\n  return status === 'sent' ? 'success' : 'info'\n}\n\nexport default function BillingStatementsListPage() {\n  const t = useT()\n  const router = useRouter()\n  const [rows, setRows] = React.useState<StatementRow[]>([])\n  const [page, setPage] = React.useState(1)\n  const [pageSize] = React.useState(25)\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const [loading, setLoading] = React.useState(true)\n  const [filters, setFilters] = React.useState<FilterValues>({})\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.statements.filters.status', 'Status'),\n        type: 'select',\n        options: [\n          { value: 'generated', label: t('billing.statements.status.generated', 'Generated') },\n          { value: 'sent', label: t('billing.statements.status.sent', 'Sent') },\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: 'periodEnd',\n        sortDir: 'desc',\n      })\n      if (typeof filters.status === 'string' && filters.status) params.set('status', filters.status)\n      const result = await readApiResultOrThrow<ListResponse>(\n        `/api/billing/statements?${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])\n\n  React.useEffect(() => {\n    void loadRows()\n  }, [loadRows])\n\n  const columns = React.useMemo<ColumnDef<StatementRow>[]>(\n    () => [\n      {\n        accessorKey: 'period_end',\n        header: t('billing.statements.columns.period', 'Period'),\n        cell: ({ row }) =>\n          `${formatDate(row.original.period_start)} \u2013 ${formatDate(row.original.period_end)}`,\n      },\n      {\n        accessorKey: 'bill_account_id',\n        header: t('billing.statements.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        accessorKey: 'opening_balance',\n        header: t('billing.statements.columns.opening', 'Opening'),\n        cell: ({ row }) => <span className=\"font-mono tabular-nums\">{row.original.opening_balance}</span>,\n      },\n      {\n        accessorKey: 'total_topups',\n        header: t('billing.statements.columns.topups', 'Top-ups'),\n        cell: ({ row }) => <span className=\"font-mono tabular-nums\">{row.original.total_topups}</span>,\n      },\n      {\n        accessorKey: 'total_usage',\n        header: t('billing.statements.columns.usage', 'Usage'),\n        cell: ({ row }) => <span className=\"font-mono tabular-nums\">{row.original.total_usage}</span>,\n      },\n      {\n        accessorKey: 'total_recurring',\n        header: t('billing.statements.columns.recurring', 'Recurring'),\n        cell: ({ row }) => <span className=\"font-mono tabular-nums\">{row.original.total_recurring}</span>,\n      },\n      {\n        accessorKey: 'closing_balance',\n        header: t('billing.statements.columns.closing', 'Closing'),\n        cell: ({ row }) => (\n          <span className=\"font-mono tabular-nums\">\n            {row.original.closing_balance} {row.original.currency_code}\n          </span>\n        ),\n      },\n      {\n        accessorKey: 'status',\n        header: t('billing.statements.columns.status', 'Status'),\n        cell: ({ row }) => (\n          <Tag variant={statementStatusVariant(row.original.status)}>\n            {t(`billing.statements.status.${row.original.status}`, row.original.status)}\n          </Tag>\n        ),\n      },\n    ],\n    [t, accountNames],\n  )\n\n  return (\n    <Page>\n      <PageBody>\n        <DataTable\n          title={t('billing.statements.title', 'Statements')}\n          refreshButton={{\n            label: t('billing.common.refresh', 'Refresh'),\n            onRefresh: loadRows,\n            isRefreshing: loading,\n          }}\n          columnChooser={{ auto: true }}\n          perspective={{ tableId: 'billing-statements' }}\n          columns={columns}\n          data={rows}\n          onRowClick={(row) => router.push(`/backend/billing/statements/${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/statements/page.meta.js

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/billing/backend/billing/statements/page.meta.ts"],
+  "sourcesContent": ["import React from 'react'\nimport { FileText } from 'lucide-react'\n\nconst statementsIcon = React.createElement(FileText, { size: 16 })\n\nexport const metadata = {\n  requireAuth: true,\n  requireFeatures: ['billing.statement.view'],\n  pageTitle: 'Statements',\n  pageTitleKey: 'billing.statements.title',\n  pageGroup: 'Billing',\n  pageGroupKey: 'billing.nav.group',\n  pageOrder: 60,\n  icon: statementsIcon,\n  breadcrumb: [{ label: 'Statements', labelKey: 'billing.statements.title' }],\n} as const\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,gBAAgB;AAEzB,MAAM,iBAAiB,MAAM,cAAc,UAAU,EAAE,MAAM,GAAG,CAAC;AAE1D,MAAM,WAAW;AAAA,EACtB,aAAa;AAAA,EACb,iBAAiB,CAAC,wBAAwB;AAAA,EAC1C,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,MAAM;AAAA,EACN,YAAY,CAAC,EAAE,OAAO,cAAc,UAAU,2BAA2B,CAAC;AAC5E;",
+  "names": []
+}

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

@@ -0,0 +1,90 @@
+"use client";
+import { 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 { statusVariant } from "../page.js";
+function formatDate(value) {
+  if (!value) return "\u2014";
+  const d = new Date(value);
+  return Number.isNaN(d.getTime()) ? value : d.toLocaleString();
+}
+function BillingTopupDetailPage(props) {
+  const t = useT();
+  const urlParams = useParams();
+  const topupId = 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 (!topupId) return;
+    setLoading(true);
+    readApiResultOrThrow(`/api/billing/topups?id=${topupId}&pageSize=1`).then((res) => {
+      if (cancelled) return;
+      const found = res.items?.[0];
+      if (!found) setError(t("billing.topups.detail.not_found", "Top-up not found"));
+      else setRow(found);
+    }).catch(() => {
+      if (!cancelled) setError(t("billing.topups.detail.load_error", "Failed to load top-up"));
+    }).finally(() => {
+      if (!cancelled) setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [topupId, 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.topups.detail.loading", "Loading top-up\u2026") }) }) });
+  }
+  return /* @__PURE__ */ jsxs(Page, { children: [
+    /* @__PURE__ */ jsx(
+      FormHeader,
+      {
+        mode: "detail",
+        backHref: "/backend/billing/topups",
+        entityTypeLabel: t("billing.topups.detail.title", "Top-up"),
+        title: `${row.amount} ${row.currency_code}`,
+        statusBadge: /* @__PURE__ */ jsx(Tag, { variant: statusVariant(row.status), children: t(`billing.topups.status.${row.status}`, row.status) }),
+        actionsContent: /* @__PURE__ */ jsx(Button, { asChild: true, variant: "outline", children: /* @__PURE__ */ jsx(Link, { href: `/backend/billing/accounts/${row.bill_account_id}`, children: t("billing.topups.detail.view_account", "View account") }) })
+      }
+    ),
+    /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsxs(DetailCard, { children: [
+      /* @__PURE__ */ jsx(DetailField, { label: t("billing.topups.columns.amount", "Amount"), children: /* @__PURE__ */ jsxs("span", { className: "font-mono tabular-nums", children: [
+        row.amount,
+        " ",
+        row.currency_code
+      ] }) }),
+      /* @__PURE__ */ jsx(DetailField, { label: t("billing.topups.columns.provider", "Provider"), children: row.provider_key }),
+      /* @__PURE__ */ jsx(DetailField, { label: t("billing.topups.columns.created", "Created"), children: formatDate(row.created_at) }),
+      /* @__PURE__ */ jsx(DetailField, { label: t("billing.topups.detail.updated", "Updated"), children: formatDate(row.updated_at) }),
+      /* @__PURE__ */ jsx(DetailField, { label: t("billing.topups.detail.payment_id", "Payment ID"), children: /* @__PURE__ */ jsx("span", { className: "font-mono text-xs", children: row.payment_id }) }),
+      /* @__PURE__ */ jsx(DetailField, { label: t("billing.topups.detail.gateway_txn", "Gateway transaction"), children: /* @__PURE__ */ jsx("span", { className: "font-mono text-xs", children: row.gateway_transaction_id || "\u2014" }) }),
+      /* @__PURE__ */ jsx(DetailField, { label: t("billing.topups.detail.balance_txn", "Balance transaction"), children: /* @__PURE__ */ jsx("span", { className: "font-mono text-xs", children: row.transaction_id || "\u2014" }) }),
+      /* @__PURE__ */ jsx(DetailField, { label: t("billing.topups.detail.receipt", "VAT receipt"), children: row.receipt_invoice_id ? /* @__PURE__ */ jsx(
+        Link,
+        {
+          href: `/backend/billing/invoices/${row.receipt_invoice_id}`,
+          className: "font-mono text-xs hover:underline",
+          children: row.receipt_invoice_id
+        }
+      ) : "\u2014" }),
+      /* @__PURE__ */ jsx(DetailField, { label: t("billing.common.id", "ID"), children: /* @__PURE__ */ jsx("span", { className: "font-mono text-xs", children: row.id }) })
+    ] }) })
+  ] });
+}
+export {
+  BillingTopupDetailPage as default
+};
+//# sourceMappingURL=page.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/modules/billing/backend/billing/topups/%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 { statusVariant } from '../page'\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  payment_id: string\n  gateway_transaction_id: string | null\n  transaction_id: string | null\n  receipt_invoice_id: string | null\n  source_ref: string | null\n  created_at: string\n  updated_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\nexport default function BillingTopupDetailPage(props: { params?: { id?: string } }) {\n  const t = useT()\n  const urlParams = useParams<{ id: string }>()\n  const topupId = (props.params?.id ?? urlParams?.id ?? '') as string\n\n  const [row, setRow] = React.useState<TopupRow | 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 (!topupId) return\n    setLoading(true)\n    readApiResultOrThrow<{ items: TopupRow[] }>(`/api/billing/topups?id=${topupId}&pageSize=1`)\n      .then((res) => {\n        if (cancelled) return\n        const found = res.items?.[0]\n        if (!found) setError(t('billing.topups.detail.not_found', 'Top-up not found'))\n        else setRow(found)\n      })\n      .catch(() => {\n        if (!cancelled) setError(t('billing.topups.detail.load_error', 'Failed to load top-up'))\n      })\n      .finally(() => {\n        if (!cancelled) setLoading(false)\n      })\n    return () => {\n      cancelled = true\n    }\n  }, [topupId, 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.topups.detail.loading', 'Loading top-up\u2026')} />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  return (\n    <Page>\n      <FormHeader\n        mode=\"detail\"\n        backHref=\"/backend/billing/topups\"\n        entityTypeLabel={t('billing.topups.detail.title', 'Top-up')}\n        title={`${row.amount} ${row.currency_code}`}\n        statusBadge={\n          <Tag variant={statusVariant(row.status)}>\n            {t(`billing.topups.status.${row.status}`, row.status)}\n          </Tag>\n        }\n        actionsContent={\n          <Button asChild variant=\"outline\">\n            <Link href={`/backend/billing/accounts/${row.bill_account_id}`}>\n              {t('billing.topups.detail.view_account', 'View account')}\n            </Link>\n          </Button>\n        }\n      />\n      <PageBody>\n        <DetailCard>\n          <DetailField label={t('billing.topups.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.topups.columns.provider', 'Provider')}>\n            {row.provider_key}\n          </DetailField>\n          <DetailField label={t('billing.topups.columns.created', 'Created')}>\n            {formatDate(row.created_at)}\n          </DetailField>\n          <DetailField label={t('billing.topups.detail.updated', 'Updated')}>\n            {formatDate(row.updated_at)}\n          </DetailField>\n          <DetailField label={t('billing.topups.detail.payment_id', 'Payment ID')}>\n            <span className=\"font-mono text-xs\">{row.payment_id}</span>\n          </DetailField>\n          <DetailField label={t('billing.topups.detail.gateway_txn', 'Gateway transaction')}>\n            <span className=\"font-mono text-xs\">{row.gateway_transaction_id || '\u2014'}</span>\n          </DetailField>\n          <DetailField label={t('billing.topups.detail.balance_txn', 'Balance transaction')}>\n            <span className=\"font-mono text-xs\">{row.transaction_id || '\u2014'}</span>\n          </DetailField>\n          <DetailField label={t('billing.topups.detail.receipt', 'VAT receipt')}>\n            {row.receipt_invoice_id ? (\n              <Link\n                href={`/backend/billing/invoices/${row.receipt_invoice_id}`}\n                className=\"font-mono text-xs hover:underline\"\n              >\n                {row.receipt_invoice_id}\n              </Link>\n            ) : (\n              '\u2014'\n            )}\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/topups/[id]/page.meta.js

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