@dainamite/billing 0.20.0 → 0.21.0

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/modules/billing/backend/billing/accounts/%5Bid%5D/page.tsx"],
-  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { Pencil, Plus } from 'lucide-react'\nimport { useParams, useRouter } from 'next/navigation'\nimport type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Page, PageBody, PageHeader } from '@open-mercato/ui/backend/Page'\nimport { FormHeader } from '@open-mercato/ui/backend/forms'\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 { LoadingMessage, ErrorMessage } from '@open-mercato/ui/backend/detail'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport {\n  apiCallOrThrow,\n  readApiResultOrThrow,\n} from '@open-mercato/ui/backend/utils/apiCall'\nimport { normalizeCrudServerError } from '@open-mercato/ui/backend/utils/serverErrors'\nimport { AccountForm, type AccountFormValues } from '../../../../components/AccountForm'\nimport { DetailCard, DetailField } from '../../../../components/DetailFields'\nimport { PrepaidPanel } from '../../../../components/PrepaidPanel'\n\n/**\n * `/backend/billing/accounts/[id]` \u2014 Billing Account detail.\n *\n * Opens read-only (field grid + the account's items). The `Edit`\n * button swaps the grid for the `AccountForm`; Save / Cancel return\n * to the read-only view. Loads via `GET /api/billing/accounts?id=<id>`,\n * edits through `PUT`, soft-delete through `DELETE`.\n *\n * `customerId` + `currencyCode` are immutable on update \u2014 the form\n * disables both in `mode='edit'` and the schema rejects them per\n * `billingAccountUpdateSchema`.\n */\n\n// API list rows are snake_case (see `api/accounts/route.ts` `fields`).\ntype AccountRow = {\n  id: string\n  customer_id: string\n  name: string\n  currency_code: string\n  bill_cycle: 'weekly' | 'monthly' | 'quarterly' | 'annually'\n  bill_cycle_anchor: string\n  invoice_email: string\n  invoice_language: string\n  tax_id: string | null\n  invoice_address: {\n    line1?: string\n    line2?: string\n    city?: string\n    postal_code?: string\n    country?: string\n  } | null\n  next_bill_date: string\n  last_bill_date: string | null\n  billing_mode: 'postpaid' | 'prepaid'\n  credit_limit: string\n  is_active: boolean\n  created_at: string\n  updated_at: string\n}\n\ntype ListResponse = { items: AccountRow[] }\n\n// Minimal item shape for the embedded \"Items\" table.\ntype AccountItemRow = {\n  id: string\n  description: string\n  type: 'one_time' | 'recurring' | 'usage'\n  bill_start_date: string\n  is_active: boolean\n}\n\n// Minimal usage shape for the embedded \"Usage\" table. Mirrors the\n// snake_case `fields` projection in `api/usage/route.ts`. Usage is\n// append-only \u2014 `rated_in_bill_run_id` is null until a Bill Run rates it.\ntype AccountUsageRow = {\n  id: string\n  uom_code: string\n  quantity: string\n  period_start: string\n  period_end: string\n  line_description: string | null\n  rated_in_bill_run_id: string | null\n}\n\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\nfunction toFormValues(row: AccountRow): AccountFormValues {\n  return {\n    customerId: row.customer_id,\n    name: row.name,\n    currencyCode: row.currency_code,\n    billCycle: row.bill_cycle,\n    billCycleAnchor: row.bill_cycle_anchor,\n    invoiceEmail: row.invoice_email,\n    invoiceLanguage: row.invoice_language,\n    taxId: row.tax_id ?? '',\n    invoiceAddress: {\n      line1: row.invoice_address?.line1 ?? '',\n      line2: row.invoice_address?.line2 ?? '',\n      city: row.invoice_address?.city ?? '',\n      postal_code: row.invoice_address?.postal_code ?? '',\n      country: row.invoice_address?.country ?? '',\n    },\n    nextBillDate: row.next_bill_date?.slice(0, 10) ?? '',\n    isActive: row.is_active,\n    billingMode: row.billing_mode,\n    creditLimit: row.credit_limit ?? '0',\n    // The threshold lives on the balance row, not the account row \u2014 blank\n    // means \"leave unchanged\" on save.\n    lowBalanceThreshold: '',\n  }\n}\n\n// \u2500\u2500\u2500 Read-only view \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nfunction AccountView({ row }: { row: AccountRow }) {\n  const t = useT()\n  const addr = row.invoice_address\n  const addressText = addr\n    ? [\n        addr.line1,\n        addr.line2,\n        [addr.postal_code, addr.city].filter(Boolean).join(' '),\n        addr.country,\n      ]\n        .map((part) => (part ?? '').trim())\n        .filter(Boolean)\n        .join(', ')\n    : ''\n  return (\n    <DetailCard>\n      <DetailField label={t('billing.accounts.form.customer_id', 'Customer ID')}>\n        <span className=\"font-mono text-xs\">{row.customer_id}</span>\n      </DetailField>\n      <DetailField label={t('billing.accounts.columns.currency', 'Currency')}>\n        {row.currency_code}\n      </DetailField>\n      <DetailField label={t('billing.accounts.columns.mode', 'Mode')}>\n        {row.billing_mode === 'prepaid' ? (\n          <Tag variant=\"brand\">{t('billing.mode.prepaid', 'Prepaid')}</Tag>\n        ) : (\n          <Tag variant=\"neutral\">{t('billing.mode.postpaid', 'Postpaid')}</Tag>\n        )}\n      </DetailField>\n      <DetailField label={t('billing.accounts.columns.credit_limit', 'Credit limit')}>\n        <span className=\"font-mono tabular-nums\">{row.credit_limit}</span>\n      </DetailField>\n      <DetailField label={t('billing.common.id', 'ID')}>\n        <span className=\"font-mono text-xs\">{row.id}</span>\n      </DetailField>\n      <DetailField label={t('billing.accounts.columns.cycle', 'Cycle')}>\n        {row.bill_cycle}\n        <span className=\"text-muted-foreground\"> \u00B7 {row.bill_cycle_anchor}</span>\n      </DetailField>\n      <DetailField label={t('billing.accounts.columns.next_bill', 'Next bill')}>\n        {formatDate(row.next_bill_date)}\n      </DetailField>\n      <DetailField label={t('billing.accounts.columns.last_bill', 'Last bill')}>\n        {formatDate(row.last_bill_date)}\n      </DetailField>\n      <DetailField label={t('billing.accounts.form.invoice_email', 'Invoice email')}>\n        {row.invoice_email}\n      </DetailField>\n      <DetailField label={t('billing.accounts.form.invoice_language', 'Invoice language')}>\n        {row.invoice_language}\n      </DetailField>\n      <DetailField label={t('billing.accounts.form.tax_id', 'Tax ID')}>\n        {row.tax_id || '\u2014'}\n      </DetailField>\n      <DetailField\n        label={t('billing.accounts.form.address.title', 'Invoice address')}\n        fullWidth\n      >\n        {addressText || '\u2014'}\n      </DetailField>\n    </DetailCard>\n  )\n}\n\n// \u2500\u2500\u2500 Embedded items table \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nfunction AccountItemsSection({ accountId }: { accountId: string }) {\n  const t = useT()\n  const router = useRouter()\n  const [rows, setRows] = React.useState<AccountItemRow[]>([])\n  const [page, setPage] = React.useState(1)\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const [loading, setLoading] = React.useState(true)\n  const pageSize = 25\n\n  const load = React.useCallback(async () => {\n    setLoading(true)\n    try {\n      const result = await readApiResultOrThrow<{\n        items: AccountItemRow[]\n        total: number\n        totalPages: number\n      }>(\n        `/api/billing/items?billAccountId=${accountId}&page=${page}` +\n          `&pageSize=${pageSize}&sortField=createdAt&sortDir=desc`,\n      )\n      setRows(result.items ?? [])\n      setTotal(result.total ?? 0)\n      setTotalPages(result.totalPages ?? 1)\n    } finally {\n      setLoading(false)\n    }\n  }, [accountId, page])\n\n  React.useEffect(() => {\n    void load()\n  }, [load])\n\n  const columns = React.useMemo<ColumnDef<AccountItemRow>[]>(\n    () => [\n      {\n        accessorKey: 'description',\n        header: t('billing.items.columns.description', 'Description'),\n        cell: ({ row }) => (\n          <span className=\"text-sm font-medium text-primary\">\n            {row.original.description}\n          </span>\n        ),\n      },\n      {\n        accessorKey: 'type',\n        header: t('billing.items.columns.type', 'Type'),\n        cell: ({ row }) => <Tag variant=\"info\">{row.original.type}</Tag>,\n      },\n      {\n        accessorKey: 'bill_start_date',\n        header: t('billing.items.columns.start', 'Start'),\n        cell: ({ row }) => formatDate(row.original.bill_start_date),\n      },\n      {\n        accessorKey: 'is_active',\n        header: t('billing.items.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    <div className=\"mt-6\">\n      <DataTable\n        title={t('billing.accounts.detail.items.title', 'Items')}\n        columns={columns}\n        data={rows}\n        isLoading={loading}\n        onRowClick={(row) => router.push(`/backend/billing/items/${row.id}`)}\n        pagination={{ page, pageSize, total, totalPages, onPageChange: setPage }}\n        emptyState={\n          <div className=\"rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground\">\n            {t('billing.accounts.detail.items.empty', 'No items for this account yet.')}\n          </div>\n        }\n      />\n    </div>\n  )\n}\n\n// \u2500\u2500\u2500 Embedded usage table \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nfunction AccountUsageSection({ accountId }: { accountId: string }) {\n  const t = useT()\n  const [rows, setRows] = React.useState<AccountUsageRow[]>([])\n  const [page, setPage] = React.useState(1)\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const [loading, setLoading] = React.useState(true)\n  const pageSize = 25\n\n  const load = React.useCallback(async () => {\n    setLoading(true)\n    try {\n      const result = await readApiResultOrThrow<{\n        items: AccountUsageRow[]\n        total: number\n        totalPages: number\n      }>(\n        `/api/billing/usage?billAccountId=${accountId}&page=${page}` +\n          `&pageSize=${pageSize}&sortField=periodStart&sortDir=desc`,\n      )\n      setRows(result.items ?? [])\n      setTotal(result.total ?? 0)\n      setTotalPages(result.totalPages ?? 1)\n    } finally {\n      setLoading(false)\n    }\n  }, [accountId, page])\n\n  React.useEffect(() => {\n    void load()\n  }, [load])\n\n  const columns = React.useMemo<ColumnDef<AccountUsageRow>[]>(\n    () => [\n      {\n        accessorKey: 'uom_code',\n        header: t('billing.usage.columns.uom', 'Unit'),\n        cell: ({ row }) => (\n          <span className=\"font-mono text-xs\">{row.original.uom_code}</span>\n        ),\n      },\n      {\n        accessorKey: 'quantity',\n        header: t('billing.usage.columns.quantity', 'Quantity'),\n        cell: ({ row }) => (\n          <span className=\"font-mono tabular-nums\">{row.original.quantity}</span>\n        ),\n      },\n      {\n        accessorKey: 'period_start',\n        header: t('billing.usage.columns.period', 'Period'),\n        cell: ({ row }) =>\n          `${formatDate(row.original.period_start)} \u2013 ${formatDate(row.original.period_end)}`,\n      },\n      {\n        accessorKey: 'line_description',\n        header: t('billing.usage.columns.description', 'Description'),\n        cell: ({ row }) => row.original.line_description || '\u2014',\n      },\n      {\n        accessorKey: 'rated_in_bill_run_id',\n        header: t('billing.usage.columns.rated', 'Rated'),\n        cell: ({ row }) =>\n          row.original.rated_in_bill_run_id ? (\n            // Rated records carry the Bill Run that priced them \u2014 link to it.\n            // Unrated records have no destination, so they stay non-interactive\n            // (no misleading row-level click affordance).\n            <Link\n              href={`/backend/billing/runs/${row.original.rated_in_bill_run_id}`}\n              className=\"rounded-sm hover:underline\"\n            >\n              <Tag variant=\"success\">{t('billing.usage.rated.yes', 'Rated')}</Tag>\n            </Link>\n          ) : (\n            <Tag variant=\"default\">{t('billing.usage.rated.no', 'Unrated')}</Tag>\n          ),\n      },\n    ],\n    [t],\n  )\n\n  return (\n    <div className=\"mt-6\">\n      <DataTable\n        title={t('billing.accounts.detail.usage.title', 'Usage')}\n        columns={columns}\n        data={rows}\n        isLoading={loading}\n        pagination={{ page, pageSize, total, totalPages, onPageChange: setPage }}\n        emptyState={\n          <div className=\"rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground\">\n            {t('billing.accounts.detail.usage.empty', 'No usage records for this account yet.')}\n          </div>\n        }\n      />\n    </div>\n  )\n}\n\nexport default function BillingAccountDetailPage(props: { params?: { id?: string } }) {\n  const t = useT()\n  const router = useRouter()\n  // OM serves backend pages through a catch-all route \u2014 the dynamic\n  // `[id]` segment arrives as a page prop; `useParams()` is the fallback.\n  const urlParams = useParams<{ id: string }>()\n  const accountId = (props.params?.id ?? urlParams?.id ?? '') as string\n\n  const [row, setRow] = React.useState<AccountRow | null>(null)\n  const [loading, setLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n  const [editing, setEditing] = React.useState(false)\n  const [saving, setSaving] = React.useState(false)\n  const [deleting, setDeleting] = React.useState(false)\n\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n\n  const load = React.useCallback(async () => {\n    if (!accountId) return\n    setLoading(true)\n    setError(null)\n    try {\n      const result = await readApiResultOrThrow<ListResponse>(\n        `/api/billing/accounts?id=${accountId}&pageSize=1`,\n      )\n      const found = result.items?.[0]\n      if (!found) {\n        setError(t('billing.accounts.detail.error.not_found', 'Account not found'))\n        return\n      }\n      setRow(found)\n    } catch (err) {\n      const { message } = normalizeCrudServerError(err)\n      setError(message || t('billing.accounts.detail.error.load', 'Failed to load account'))\n    } finally {\n      setLoading(false)\n    }\n  }, [accountId, t])\n\n  React.useEffect(() => {\n    void load()\n  }, [load])\n\n  const handleSubmit = React.useCallback(\n    async (values: AccountFormValues) => {\n      if (!row) return\n      setSaving(true)\n      try {\n        const payload: Record<string, unknown> = {\n          id: row.id,\n          name: values.name.trim(),\n          billCycle: values.billCycle,\n          billCycleAnchor: values.billCycleAnchor.trim(),\n          invoiceEmail: values.invoiceEmail.trim(),\n          invoiceLanguage: values.invoiceLanguage.trim().toLowerCase(),\n          invoiceAddress: {\n            line1: values.invoiceAddress.line1.trim(),\n            ...(values.invoiceAddress.line2.trim()\n              ? { line2: values.invoiceAddress.line2.trim() }\n              : {}),\n            city: values.invoiceAddress.city.trim(),\n            postal_code: values.invoiceAddress.postal_code.trim(),\n            country: values.invoiceAddress.country.trim().toUpperCase(),\n          },\n          nextBillDate: values.nextBillDate,\n          isActive: values.isActive,\n        }\n        payload.taxId = values.taxId.trim() === '' ? null : values.taxId.trim()\n        // billingMode is immutable on update; creditLimit + threshold are editable.\n        const creditLimit = Number.parseFloat(values.creditLimit)\n        if (Number.isFinite(creditLimit) && creditLimit >= 0) payload.creditLimit = creditLimit\n        if (row.billing_mode === 'prepaid' && values.lowBalanceThreshold.trim()) {\n          const threshold = Number.parseFloat(values.lowBalanceThreshold)\n          if (Number.isFinite(threshold) && threshold >= 0) payload.lowBalanceThreshold = threshold\n        }\n\n        await apiCallOrThrow('/api/billing/accounts', {\n          method: 'PUT',\n          headers: { 'Content-Type': 'application/json' },\n          body: JSON.stringify(payload),\n        })\n        flash(t('billing.accounts.detail.save.success', 'Account updated'), 'success')\n        setEditing(false)\n        void load()\n      } catch (err) {\n        const { message, fieldErrors } = normalizeCrudServerError(err)\n        const fieldDetail =\n          fieldErrors && Object.keys(fieldErrors).length\n            ? Object.entries(fieldErrors)\n                .map(([field, msg]) => `${field}: ${msg}`)\n                .join('; ')\n            : null\n        const detailed =\n          fieldDetail && message\n            ? `${message} \u2014 ${fieldDetail}`\n            : fieldDetail || message\n        flash(detailed || t('billing.accounts.detail.save.error', 'Save failed'), 'error')\n      } finally {\n        setSaving(false)\n      }\n    },\n    [load, row, t],\n  )\n\n  const handleDelete = React.useCallback(async () => {\n    if (!row) return\n    const ok = await confirm({\n      title: t('billing.accounts.detail.delete.confirm.title', 'Delete account?'),\n      text: t(\n        'billing.accounts.detail.delete.confirm.text',\n        \"Soft-deletes the account. Its items + usage records stay in the database for audit; the Bill Run engine will stop picking it up immediately.\",\n      ),\n      confirmText: t('billing.accounts.detail.delete.confirm.button', 'Soft delete'),\n      variant: 'destructive',\n    })\n    if (!ok) return\n    setDeleting(true)\n    try {\n      await apiCallOrThrow('/api/billing/accounts', {\n        method: 'DELETE',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({ id: row.id }),\n      })\n      flash(t('billing.accounts.detail.delete.success', 'Account deleted'), 'success')\n      router.push('/backend/billing/accounts')\n    } catch (err) {\n      const { message } = normalizeCrudServerError(err)\n      flash(message || t('billing.accounts.detail.delete.error', 'Delete failed'), 'error')\n      setDeleting(false)\n    }\n  }, [confirm, router, row, t])\n\n  if (error) {\n    return (\n      <Page>\n        <PageHeader title={t('billing.accounts.detail.title', 'Billing Account')} />\n        <PageBody>\n          <ErrorMessage label={error} />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  if (loading || !row) {\n    return (\n      <Page>\n        <PageHeader title={t('billing.accounts.detail.title', 'Billing Account')} />\n        <PageBody>\n          <LoadingMessage\n            label={t('billing.accounts.detail.loading', 'Loading account\u2026')}\n          />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  return (\n    <Page>\n      <FormHeader\n        mode=\"detail\"\n        backHref=\"/backend/billing/accounts\"\n        entityTypeLabel={t('billing.accounts.detail.title', 'Billing Account')}\n        title={row.name}\n        statusBadge={\n          row.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        actionsContent={\n          <>\n            <Button asChild variant=\"outline\">\n              <Link href={`/backend/billing/items/create?billAccountId=${row.id}`}>\n                <Plus size={16} />\n                {t('billing.accounts.detail.add_item', 'Add item')}\n              </Link>\n            </Button>\n            <Button asChild variant=\"outline\">\n              <Link href={`/backend/billing/usage/create?billAccountId=${row.id}`}>\n                <Plus size={16} />\n                {t('billing.accounts.detail.add_usage', 'Add usage')}\n              </Link>\n            </Button>\n            {!editing ? (\n              <Button type=\"button\" onClick={() => setEditing(true)}>\n                <Pencil size={16} />\n                {t('billing.common.edit', 'Edit')}\n              </Button>\n            ) : null}\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              onClick={handleDelete}\n              disabled={deleting}\n            >\n              {deleting\n                ? t('billing.accounts.detail.delete.in_progress', 'Deleting\u2026')\n                : t('billing.accounts.detail.delete.action', 'Soft delete')}\n            </Button>\n          </>\n        }\n      />\n      <PageBody>\n        {editing ? (\n          <AccountForm\n            mode=\"edit\"\n            initial={toFormValues(row)}\n            submitting={saving}\n            onSubmit={handleSubmit}\n            onCancel={() => setEditing(false)}\n          />\n        ) : (\n          <AccountView row={row} />\n        )}\n        {row.billing_mode === 'prepaid' ? (\n          <PrepaidPanel accountId={row.id} currencyCode={row.currency_code} />\n        ) : null}\n        <AccountItemsSection accountId={row.id} />\n        <AccountUsageSection accountId={row.id} />\n        {ConfirmDialogElement}\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 { Pencil, Play, Plus } from 'lucide-react'\nimport { useParams, useRouter, useSearchParams } from 'next/navigation'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Page, PageBody, PageHeader } 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 { Tabs, TabsList, TabsTrigger } from '@open-mercato/ui/primitives/tabs'\nimport { LoadingMessage, ErrorMessage } from '@open-mercato/ui/backend/detail'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport {\n  apiCallOrThrow,\n  readApiResultOrThrow,\n} from '@open-mercato/ui/backend/utils/apiCall'\nimport { normalizeCrudServerError } from '@open-mercato/ui/backend/utils/serverErrors'\nimport { AccountForm, type AccountFormValues } from '../../../../components/AccountForm'\nimport { PrepaidPanel } from '../../../../components/PrepaidPanel'\nimport { AccountInvoicesSection } from '../../../../components/AccountInvoicesSection'\nimport { AccountPaymentsSection } from '../../../../components/AccountPaymentsSection'\nimport { AccountView } from '../../../../components/account/AccountView'\nimport { AccountItemsTab } from '../../../../components/account/AccountItemsTab'\nimport { AccountUsageTab } from '../../../../components/account/AccountUsageTab'\nimport { AccountRunsTab } from '../../../../components/account/AccountRunsTab'\nimport { AccountStatementsTab } from '../../../../components/account/AccountStatementsTab'\nimport { AccountSummaryCards } from '../../../../components/account/AccountSummaryCards'\nimport { AccountRunBillingDialog } from '../../../../components/account/AccountRunBillingDialog'\nimport { toFormValues, type AccountRow } from '../../../../components/account/accountRow'\nimport { accountHref, isAccountTab, type AccountTab } from '../../../../lib/navigation'\n\n/**\n * `/backend/billing/accounts/[id]` \u2014 the Billing Account workspace\n * (Spec E \u00A74, delivered by Spec F, F8).\n *\n * Header actions (Run billing, Add item / usage, Edit, Soft delete), summary\n * cards from `GET /api/billing/accounts/{id}/summary`, and deep-linkable\n * tabs (`?tab=`). A tab mounts on first open and stays mounted, so switching\n * back keeps its page and filters; prepaid-only tabs are hidden for postpaid\n * accounts and vice versa. Loads via `GET /api/billing/accounts?id=<id>`,\n * edits through `PUT`, soft-delete through `DELETE`.\n *\n * `customerId` + `currencyCode` are immutable on update \u2014 the form\n * disables both in `mode='edit'` and the schema rejects them per\n * `billingAccountUpdateSchema`.\n */\n\ntype ListResponse = { items: AccountRow[] }\n\nexport default function BillingAccountDetailPage(props: { params?: { id?: string } }) {\n  const t = useT()\n  const router = useRouter()\n  // OM serves backend pages through a catch-all route \u2014 the dynamic\n  // `[id]` segment arrives as a page prop; `useParams()` is the fallback.\n  const urlParams = useParams<{ id: string }>()\n  const accountId = (props.params?.id ?? urlParams?.id ?? '') as string\n\n  const [row, setRow] = React.useState<AccountRow | null>(null)\n  const [loading, setLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n  const [editing, setEditing] = React.useState(false)\n  const [saving, setSaving] = React.useState(false)\n  const [deleting, setDeleting] = React.useState(false)\n  const [runDialogOpen, setRunDialogOpen] = React.useState(false)\n  // Bumped after a run / cleanup so the summary and run-driven tabs reload.\n  const [refreshKey, setRefreshKey] = React.useState(0)\n  const refresh = React.useCallback(() => setRefreshKey((key) => key + 1), [])\n\n  // Deep-linkable tab (`?tab=`); router.replace keeps history clean.\n  const searchParams = useSearchParams()\n  const requestedTab = searchParams?.get('tab')\n  const activeTab: AccountTab = isAccountTab(requestedTab) ? requestedTab : 'overview'\n  const [visitedTabs, setVisitedTabs] = React.useState<Set<AccountTab>>(() => new Set([activeTab]))\n  React.useEffect(() => {\n    setVisitedTabs((prev) => (prev.has(activeTab) ? prev : new Set(prev).add(activeTab)))\n  }, [activeTab])\n  const selectTab = React.useCallback(\n    (next: string) => {\n      if (!isAccountTab(next) || !accountId) return\n      router.replace(accountHref(accountId, next), { scroll: false })\n    },\n    [accountId, router],\n  )\n\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n\n  // `silent` refreshes the row in place (after a run / save) without the\n  // full-page loading state, which would unmount the workspace and its dialogs.\n  const load = React.useCallback(async (options: { silent?: boolean } = {}) => {\n    if (!accountId) return\n    if (!options.silent) setLoading(true)\n    setError(null)\n    try {\n      const result = await readApiResultOrThrow<ListResponse>(\n        `/api/billing/accounts?id=${accountId}&pageSize=1`,\n      )\n      const found = result.items?.[0]\n      if (!found) {\n        setError(t('billing.accounts.detail.error.not_found', 'Account not found'))\n        return\n      }\n      setRow(found)\n    } catch (err) {\n      const { message } = normalizeCrudServerError(err)\n      setError(message || t('billing.accounts.detail.error.load', 'Failed to load account'))\n    } finally {\n      setLoading(false)\n    }\n  }, [accountId, t])\n\n  React.useEffect(() => {\n    void load()\n  }, [load])\n\n  const handleSubmit = React.useCallback(\n    async (values: AccountFormValues) => {\n      if (!row) return\n      setSaving(true)\n      try {\n        const payload: Record<string, unknown> = {\n          id: row.id,\n          name: values.name.trim(),\n          billCycle: values.billCycle,\n          billCycleAnchor: values.billCycleAnchor.trim(),\n          invoiceEmail: values.invoiceEmail.trim(),\n          invoiceLanguage: values.invoiceLanguage.trim().toLowerCase(),\n          invoiceAddress: {\n            line1: values.invoiceAddress.line1.trim(),\n            ...(values.invoiceAddress.line2.trim()\n              ? { line2: values.invoiceAddress.line2.trim() }\n              : {}),\n            city: values.invoiceAddress.city.trim(),\n            postal_code: values.invoiceAddress.postal_code.trim(),\n            country: values.invoiceAddress.country.trim().toUpperCase(),\n          },\n          nextBillDate: values.nextBillDate,\n          isActive: values.isActive,\n        }\n        payload.taxId = values.taxId.trim() === '' ? null : values.taxId.trim()\n        // billingMode is immutable on update; creditLimit + threshold are editable.\n        const creditLimit = Number.parseFloat(values.creditLimit)\n        if (Number.isFinite(creditLimit) && creditLimit >= 0) payload.creditLimit = creditLimit\n        const termsDays = Number.parseInt(values.paymentTermsDays, 10)\n        payload.paymentTermsDays =\n          values.paymentTermsDays.trim() && Number.isInteger(termsDays) && termsDays >= 0 ? termsDays : null\n        payload.autoSendInvoice = values.autoSendInvoice\n        if (row.billing_mode === 'prepaid' && values.lowBalanceThreshold.trim()) {\n          const threshold = Number.parseFloat(values.lowBalanceThreshold)\n          if (Number.isFinite(threshold) && threshold >= 0) payload.lowBalanceThreshold = threshold\n        }\n\n        await apiCallOrThrow('/api/billing/accounts', {\n          method: 'PUT',\n          headers: { 'Content-Type': 'application/json' },\n          body: JSON.stringify(payload),\n        })\n        flash(t('billing.accounts.detail.save.success', 'Account updated'), 'success')\n        setEditing(false)\n        void load({ silent: true })\n      } catch (err) {\n        const { message, fieldErrors } = normalizeCrudServerError(err)\n        const fieldDetail =\n          fieldErrors && Object.keys(fieldErrors).length\n            ? Object.entries(fieldErrors)\n                .map(([field, msg]) => `${field}: ${msg}`)\n                .join('; ')\n            : null\n        const detailed =\n          fieldDetail && message\n            ? `${message} \u2014 ${fieldDetail}`\n            : fieldDetail || message\n        flash(detailed || t('billing.accounts.detail.save.error', 'Save failed'), 'error')\n      } finally {\n        setSaving(false)\n      }\n    },\n    [load, row, t],\n  )\n\n  const handleDelete = React.useCallback(async () => {\n    if (!row) return\n    const ok = await confirm({\n      title: t('billing.accounts.detail.delete.confirm.title', 'Delete account?'),\n      text: t(\n        'billing.accounts.detail.delete.confirm.text',\n        \"Soft-deletes the account. Its items + usage records stay in the database for audit; the Bill Run engine will stop picking it up immediately.\",\n      ),\n      confirmText: t('billing.accounts.detail.delete.confirm.button', 'Soft delete'),\n      variant: 'destructive',\n    })\n    if (!ok) return\n    setDeleting(true)\n    try {\n      await apiCallOrThrow('/api/billing/accounts', {\n        method: 'DELETE',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({ id: row.id }),\n      })\n      flash(t('billing.accounts.detail.delete.success', 'Account deleted'), 'success')\n      router.push('/backend/billing/accounts')\n    } catch (err) {\n      const { message } = normalizeCrudServerError(err)\n      flash(message || t('billing.accounts.detail.delete.error', 'Delete failed'), 'error')\n      setDeleting(false)\n    }\n  }, [confirm, router, row, t])\n\n  const isPrepaid = row?.billing_mode === 'prepaid'\n  const visibleTabs: AccountTab[] = isPrepaid\n    ? ['overview', 'items', 'usage', 'invoices', 'balance', 'statements', 'runs']\n    : ['overview', 'items', 'usage', 'invoices', 'payments', 'runs']\n  const tabLabels: Record<AccountTab, string> = {\n    overview: t('billing.accounts.tabs.overview', 'Overview'),\n    items: t('billing.accounts.tabs.items', 'Items'),\n    usage: t('billing.accounts.tabs.usage', 'Usage'),\n    invoices: t('billing.accounts.tabs.invoices', 'Invoices'),\n    payments: t('billing.accounts.tabs.payments', 'Payments'),\n    balance: t('billing.accounts.tabs.balance', 'Balance & top-ups'),\n    statements: t('billing.accounts.tabs.statements', 'Statements'),\n    runs: t('billing.accounts.tabs.runs', 'Bill runs'),\n  }\n  // A tab that does not apply to this account's mode falls back to Overview.\n  const currentTab: AccountTab = visibleTabs.includes(activeTab) ? activeTab : 'overview'\n  const renderTab = (tab: AccountTab): React.ReactNode => {\n    if (!row) return null\n    switch (tab) {\n      case 'overview':\n        return editing ? (\n          <AccountForm\n            mode=\"edit\"\n            initial={toFormValues(row)}\n            submitting={saving}\n            onSubmit={handleSubmit}\n            onCancel={() => setEditing(false)}\n          />\n        ) : (\n          <AccountView row={row} />\n        )\n      case 'items':\n        return <AccountItemsTab key={refreshKey} accountId={row.id} currencyCode={row.currency_code} />\n      case 'usage':\n        return <AccountUsageTab accountId={row.id} />\n      case 'invoices':\n        return <AccountInvoicesSection key={refreshKey} accountId={row.id} showSummary={false} />\n      case 'payments':\n        return <AccountPaymentsSection accountId={row.id} currencyCode={row.currency_code} />\n      case 'balance':\n        return <PrepaidPanel key={refreshKey} accountId={row.id} currencyCode={row.currency_code} />\n      case 'statements':\n        return <AccountStatementsTab accountId={row.id} refreshKey={refreshKey} />\n      case 'runs':\n        return <AccountRunsTab accountId={row.id} refreshKey={refreshKey} />\n    }\n  }\n\n  if (error) {\n    return (\n      <Page>\n        <PageHeader title={t('billing.accounts.detail.title', 'Billing Account')} />\n        <PageBody>\n          <ErrorMessage label={error} />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  if (loading || !row) {\n    return (\n      <Page>\n        <PageHeader title={t('billing.accounts.detail.title', 'Billing Account')} />\n        <PageBody>\n          <LoadingMessage\n            label={t('billing.accounts.detail.loading', 'Loading account\u2026')}\n          />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  return (\n    <Page>\n      <FormHeader\n        mode=\"detail\"\n        backHref=\"/backend/billing/accounts\"\n        entityTypeLabel={t('billing.accounts.detail.title', 'Billing Account')}\n        title={row.name}\n        statusBadge={\n          <span className=\"inline-flex items-center gap-2\">\n            {row.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            {row.billing_mode === 'prepaid' ? (\n              <Tag variant=\"brand\">{t('billing.mode.prepaid', 'Prepaid')}</Tag>\n            ) : (\n              <Tag variant=\"neutral\">{t('billing.mode.postpaid', 'Postpaid')}</Tag>\n            )}\n          </span>\n        }\n        actionsContent={\n          <>\n            <Button type=\"button\" variant=\"outline\" onClick={() => setRunDialogOpen(true)}>\n              <Play size={16} />\n              {t('billing.accounts.run.action', 'Run billing')}\n            </Button>\n            <Button asChild variant=\"outline\">\n              <Link href={`/backend/billing/items/create?billAccountId=${row.id}`}>\n                <Plus size={16} />\n                {t('billing.accounts.detail.add_item', 'Add item')}\n              </Link>\n            </Button>\n            <Button asChild variant=\"outline\">\n              <Link href={`/backend/billing/usage/create?billAccountId=${row.id}`}>\n                <Plus size={16} />\n                {t('billing.accounts.detail.add_usage', 'Add usage')}\n              </Link>\n            </Button>\n            {!editing ? (\n              <Button\n                type=\"button\"\n                onClick={() => {\n                  setEditing(true)\n                  selectTab('overview')\n                }}\n              >\n                <Pencil size={16} />\n                {t('billing.common.edit', 'Edit')}\n              </Button>\n            ) : null}\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              onClick={handleDelete}\n              disabled={deleting}\n            >\n              {deleting\n                ? t('billing.accounts.detail.delete.in_progress', 'Deleting\u2026')\n                : t('billing.accounts.detail.delete.action', 'Soft delete')}\n            </Button>\n          </>\n        }\n      />\n      <PageBody>\n        <div className=\"space-y-6\">\n          <AccountSummaryCards accountId={row.id} refreshKey={refreshKey} />\n          <Tabs value={currentTab} onValueChange={selectTab} variant=\"underline\">\n            <TabsList aria-label={t('billing.accounts.tabs.label', 'Account sections')}>\n              {visibleTabs.map((tab) => (\n                <TabsTrigger key={tab} value={tab}>\n                  {tabLabels[tab]}\n                </TabsTrigger>\n              ))}\n            </TabsList>\n          </Tabs>\n          {visibleTabs.map((tab) =>\n            visitedTabs.has(tab) || tab === currentTab ? (\n              <div key={tab} role=\"tabpanel\" hidden={tab !== currentTab}>\n                {renderTab(tab)}\n              </div>\n            ) : null,\n          )}\n        </div>\n        <AccountRunBillingDialog\n          accountId={row.id}\n          open={runDialogOpen}\n          onOpenChange={setRunDialogOpen}\n          onCompleted={() => {\n            setRunDialogOpen(false)\n            refresh()\n            void load({ silent: true })\n            selectTab('runs')\n          }}\n        />\n        {ConfirmDialogElement}\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -18,6 +18,7 @@ function CreateBillingAccountPage() {
       try {
         const payload = {
           customerId: values.customerId.trim(),
+          customerKind: values.customerKind,
           name: values.name.trim(),
           currencyCode: values.currencyCode.trim().toUpperCase(),
           billCycle: values.billCycle,
@@ -37,6 +38,11 @@ function CreateBillingAccountPage() {
         if (values.taxId.trim()) payload.taxId = values.taxId.trim();
         const creditLimit = Number.parseFloat(values.creditLimit);
         if (Number.isFinite(creditLimit) && creditLimit >= 0) payload.creditLimit = creditLimit;
+        const termsDays = Number.parseInt(values.paymentTermsDays, 10);
+        if (values.paymentTermsDays.trim() && Number.isInteger(termsDays) && termsDays >= 0) {
+          payload.paymentTermsDays = termsDays;
+        }
+        payload.autoSendInvoice = values.autoSendInvoice;
         if (values.billingMode === "prepaid" && values.lowBalanceThreshold.trim()) {
           const threshold = Number.parseFloat(values.lowBalanceThreshold);
           if (Number.isFinite(threshold) && threshold >= 0) payload.lowBalanceThreshold = threshold;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/modules/billing/backend/billing/accounts/create/page.tsx"],
-  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Page, PageBody, PageHeader } from '@open-mercato/ui/backend/Page'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { apiCallOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { normalizeCrudServerError } from '@open-mercato/ui/backend/utils/serverErrors'\nimport { AccountForm, type AccountFormValues } from '../../../../components/AccountForm'\n\n/**\n * `/backend/billing/accounts/create` \u2014 create a Billing Account.\n *\n * POSTs `/api/billing/accounts`. On success, flash + navigate to the\n * new account's detail page (`/backend/billing/accounts/<id>`) so the\n * operator can continue editing if they need to tweak after-creation\n * details.\n */\nexport default function CreateBillingAccountPage() {\n  const t = useT()\n  const router = useRouter()\n  const [submitting, setSubmitting] = React.useState(false)\n\n  const handleSubmit = React.useCallback(\n    async (values: AccountFormValues) => {\n      setSubmitting(true)\n      try {\n        const payload: Record<string, unknown> = {\n          customerId: values.customerId.trim(),\n          name: values.name.trim(),\n          currencyCode: values.currencyCode.trim().toUpperCase(),\n          billCycle: values.billCycle,\n          billCycleAnchor: values.billCycleAnchor.trim(),\n          invoiceEmail: values.invoiceEmail.trim(),\n          invoiceLanguage: values.invoiceLanguage.trim().toLowerCase(),\n          invoiceAddress: {\n            line1: values.invoiceAddress.line1.trim(),\n            ...(values.invoiceAddress.line2.trim()\n              ? { line2: values.invoiceAddress.line2.trim() }\n              : {}),\n            city: values.invoiceAddress.city.trim(),\n            postal_code: values.invoiceAddress.postal_code.trim(),\n            country: values.invoiceAddress.country.trim().toUpperCase(),\n          },\n          nextBillDate: values.nextBillDate,\n          billingMode: values.billingMode,\n        }\n        if (values.taxId.trim()) payload.taxId = values.taxId.trim()\n        const creditLimit = Number.parseFloat(values.creditLimit)\n        if (Number.isFinite(creditLimit) && creditLimit >= 0) payload.creditLimit = creditLimit\n        if (values.billingMode === 'prepaid' && values.lowBalanceThreshold.trim()) {\n          const threshold = Number.parseFloat(values.lowBalanceThreshold)\n          if (Number.isFinite(threshold) && threshold >= 0) payload.lowBalanceThreshold = threshold\n        }\n\n        const call = await apiCallOrThrow<{ id: string }>('/api/billing/accounts', {\n          method: 'POST',\n          headers: { 'Content-Type': 'application/json' },\n          body: JSON.stringify(payload),\n        })\n        const id = call.result?.id\n        flash(t('billing.accounts.create.success', 'Billing account created'), 'success')\n        if (id) {\n          router.push(`/backend/billing/accounts/${id}`)\n        } else {\n          router.push('/backend/billing/accounts')\n        }\n      } catch (err) {\n        const { message, fieldErrors } = normalizeCrudServerError(err)\n        const fieldDetail =\n          fieldErrors && Object.keys(fieldErrors).length\n            ? Object.entries(fieldErrors)\n                .map(([field, msg]) => `${field}: ${msg}`)\n                .join('; ')\n            : null\n        const detailed =\n          fieldDetail && message\n            ? `${message} \u2014 ${fieldDetail}`\n            : fieldDetail || message\n        flash(\n          detailed || t('billing.accounts.create.error', 'Failed to create account'),\n          'error',\n        )\n      } finally {\n        setSubmitting(false)\n      }\n    },\n    [router, t],\n  )\n\n  const handleCancel = React.useCallback(() => {\n    router.push('/backend/billing/accounts')\n  }, [router])\n\n  return (\n    <Page>\n      <PageHeader title={t('billing.accounts.create.title', 'Create Billing Account')} />\n      <PageBody>\n        <AccountForm\n          mode=\"create\"\n          submitting={submitting}\n          onSubmit={handleSubmit}\n          onCancel={handleCancel}\n        />\n      </PageBody>\n    </Page>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Page, PageBody, PageHeader } from '@open-mercato/ui/backend/Page'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { apiCallOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { normalizeCrudServerError } from '@open-mercato/ui/backend/utils/serverErrors'\nimport { AccountForm, type AccountFormValues } from '../../../../components/AccountForm'\n\n/**\n * `/backend/billing/accounts/create` \u2014 create a Billing Account.\n *\n * POSTs `/api/billing/accounts`. On success, flash + navigate to the\n * new account's detail page (`/backend/billing/accounts/<id>`) so the\n * operator can continue editing if they need to tweak after-creation\n * details.\n */\nexport default function CreateBillingAccountPage() {\n  const t = useT()\n  const router = useRouter()\n  const [submitting, setSubmitting] = React.useState(false)\n\n  const handleSubmit = React.useCallback(\n    async (values: AccountFormValues) => {\n      setSubmitting(true)\n      try {\n        const payload: Record<string, unknown> = {\n          customerId: values.customerId.trim(),\n          customerKind: values.customerKind,\n          name: values.name.trim(),\n          currencyCode: values.currencyCode.trim().toUpperCase(),\n          billCycle: values.billCycle,\n          billCycleAnchor: values.billCycleAnchor.trim(),\n          invoiceEmail: values.invoiceEmail.trim(),\n          invoiceLanguage: values.invoiceLanguage.trim().toLowerCase(),\n          invoiceAddress: {\n            line1: values.invoiceAddress.line1.trim(),\n            ...(values.invoiceAddress.line2.trim()\n              ? { line2: values.invoiceAddress.line2.trim() }\n              : {}),\n            city: values.invoiceAddress.city.trim(),\n            postal_code: values.invoiceAddress.postal_code.trim(),\n            country: values.invoiceAddress.country.trim().toUpperCase(),\n          },\n          nextBillDate: values.nextBillDate,\n          billingMode: values.billingMode,\n        }\n        if (values.taxId.trim()) payload.taxId = values.taxId.trim()\n        const creditLimit = Number.parseFloat(values.creditLimit)\n        if (Number.isFinite(creditLimit) && creditLimit >= 0) payload.creditLimit = creditLimit\n        const termsDays = Number.parseInt(values.paymentTermsDays, 10)\n        if (values.paymentTermsDays.trim() && Number.isInteger(termsDays) && termsDays >= 0) {\n          payload.paymentTermsDays = termsDays\n        }\n        payload.autoSendInvoice = values.autoSendInvoice\n        if (values.billingMode === 'prepaid' && values.lowBalanceThreshold.trim()) {\n          const threshold = Number.parseFloat(values.lowBalanceThreshold)\n          if (Number.isFinite(threshold) && threshold >= 0) payload.lowBalanceThreshold = threshold\n        }\n\n        const call = await apiCallOrThrow<{ id: string }>('/api/billing/accounts', {\n          method: 'POST',\n          headers: { 'Content-Type': 'application/json' },\n          body: JSON.stringify(payload),\n        })\n        const id = call.result?.id\n        flash(t('billing.accounts.create.success', 'Billing account created'), 'success')\n        if (id) {\n          router.push(`/backend/billing/accounts/${id}`)\n        } else {\n          router.push('/backend/billing/accounts')\n        }\n      } catch (err) {\n        const { message, fieldErrors } = normalizeCrudServerError(err)\n        const fieldDetail =\n          fieldErrors && Object.keys(fieldErrors).length\n            ? Object.entries(fieldErrors)\n                .map(([field, msg]) => `${field}: ${msg}`)\n                .join('; ')\n            : null\n        const detailed =\n          fieldDetail && message\n            ? `${message} \u2014 ${fieldDetail}`\n            : fieldDetail || message\n        flash(\n          detailed || t('billing.accounts.create.error', 'Failed to create account'),\n          'error',\n        )\n      } finally {\n        setSubmitting(false)\n      }\n    },\n    [router, t],\n  )\n\n  const handleCancel = React.useCallback(() => {\n    router.push('/backend/billing/accounts')\n  }, [router])\n\n  return (\n    <Page>\n      <PageHeader title={t('billing.accounts.create.title', 'Create Billing Account')} />\n      <PageBody>\n        <AccountForm\n          mode=\"create\"\n          submitting={submitting}\n          onSubmit={handleSubmit}\n          onCancel={handleCancel}\n        />\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -6,10 +6,12 @@ import { useRouter } from "next/navigation";
 import { Plus } from "lucide-react";
 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 { BillingDataTable as DataTable } from "../../../components/BillingDataTable.js";
 import { Tag } from "@open-mercato/ui/primitives/tag";
 import { Button } from "@open-mercato/ui/primitives/button";
 import { readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import { CustomerLabel } from "../../../components/CustomerLabel.js";
+import { fetchCustomerNames } from "../../../components/customerNames.js";
 function formatDate(value) {
   if (!value) return "\u2014";
   const parsed = new Date(value);
@@ -26,6 +28,7 @@ function BillingAccountsListPage() {
   const [total, setTotal] = React.useState(0);
   const [totalPages, setTotalPages] = React.useState(1);
   const [loading, setLoading] = React.useState(true);
+  const [customerNames, setCustomerNames] = React.useState({});
   const filterDefs = React.useMemo(
     () => [
       {
@@ -44,6 +47,15 @@ function BillingAccountsListPage() {
         label: t("billing.accounts.filters.currency", "Currency"),
         type: "text"
       },
+      {
+        id: "customerKind",
+        label: t("billing.accounts.filters.customer_kind", "Customer type"),
+        type: "select",
+        options: [
+          { value: "company", label: t("billing.accounts.kind.company", "Company") },
+          { value: "person", label: t("billing.accounts.kind.person", "Person") }
+        ]
+      },
       {
         id: "billingMode",
         label: t("billing.accounts.columns.mode", "Mode"),
@@ -53,6 +65,12 @@ function BillingAccountsListPage() {
           { value: "prepaid", label: t("billing.mode.prepaid", "Prepaid") }
         ]
       },
+      {
+        id: "hasOverdue",
+        label: t("billing.accounts.filters.has_overdue", "Has overdue"),
+        type: "select",
+        options: [{ value: "true", label: t("billing.common.yes", "Yes") }]
+      },
       {
         id: "isActive",
         label: t("billing.accounts.filters.active", "Active"),
@@ -84,14 +102,22 @@ function BillingAccountsListPage() {
       if (typeof filters.billingMode === "string" && filters.billingMode) {
         params.set("billingMode", filters.billingMode);
       }
+      if (typeof filters.customerKind === "string" && filters.customerKind) {
+        params.set("customerKind", filters.customerKind);
+      }
+      if (filters.hasOverdue === "true") params.set("hasOverdue", "true");
       if (filters.isActive === "true") params.set("isActive", "true");
       if (filters.isActive === "false") params.set("isActive", "false");
       const result = await readApiResultOrThrow(
         `/api/billing/accounts?${params.toString()}`
       );
-      setRows(result.items ?? []);
+      const items = result.items ?? [];
+      setRows(items);
       setTotal(result.total ?? 0);
       setTotalPages(result.totalPages ?? 1);
+      void fetchCustomerNames(
+        items.map((row) => ({ customerId: row.customer_id, customerKind: row.customer_kind }))
+      ).then(setCustomerNames);
     } finally {
       setLoading(false);
     }
@@ -99,7 +125,9 @@ function BillingAccountsListPage() {
     filters.billCycle,
     filters.currencyCode,
     filters.billingMode,
+    filters.customerKind,
     filters.isActive,
+    filters.hasOverdue,
     page,
     pageSize,
     search
@@ -117,7 +145,14 @@ function BillingAccountsListPage() {
       {
         accessorKey: "customer_id",
         header: t("billing.accounts.columns.customer", "Customer"),
-        cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: "font-mono text-xs", children: row.original.customer_id })
+        cell: ({ row }) => /* @__PURE__ */ jsx(
+          CustomerLabel,
+          {
+            customerId: row.original.customer_id,
+            customerKind: row.original.customer_kind ?? "company",
+            name: customerNames[row.original.customer_id]?.name
+          }
+        )
       },
       {
         accessorKey: "currency_code",
@@ -149,13 +184,37 @@ function BillingAccountsListPage() {
         header: t("billing.accounts.columns.last_bill", "Last bill"),
         cell: ({ row }) => formatDate(row.original.last_bill_date)
       },
+      {
+        accessorKey: "balance_due",
+        header: t("billing.accounts.columns.balance_due", "Balance due"),
+        cell: ({ row }) => row.original.billing_mode === "prepaid" ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\u2014" }) : /* @__PURE__ */ jsxs("span", { className: "tabular-nums", children: [
+          Number(row.original.balance_due ?? 0).toFixed(2),
+          " ",
+          row.original.currency_code
+        ] })
+      },
+      {
+        accessorKey: "overdue_amount",
+        header: t("billing.accounts.columns.overdue", "Overdue"),
+        cell: ({ row }) => {
+          const overdue = Number(row.original.overdue_amount ?? 0);
+          if (row.original.billing_mode === "prepaid" || !(overdue > 0)) {
+            return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\u2014" });
+          }
+          return /* @__PURE__ */ jsxs("span", { className: "font-medium tabular-nums text-status-error-text", children: [
+            overdue.toFixed(2),
+            " ",
+            row.original.currency_code
+          ] });
+        }
+      },
       {
         accessorKey: "is_active",
         header: t("billing.accounts.columns.status", "Status"),
         cell: ({ row }) => row.original.is_active ? /* @__PURE__ */ jsx(Tag, { variant: "success", children: t("billing.common.active", "Active") }) : /* @__PURE__ */ jsx(Tag, { variant: "default", children: t("billing.common.inactive", "Inactive") })
       }
     ],
-    [t]
+    [customerNames, t]
   );
   return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(
     DataTable,

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 { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'\nimport { 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": "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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 { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { BillingDataTable as DataTable } from '../../../components/BillingDataTable'\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'\nimport { CustomerLabel } from '../../../components/CustomerLabel'\nimport { fetchCustomerNames } from '../../../components/customerNames'\nimport type { CustomerSummary } from '../../../lib/customerLookup'\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  customer_kind: 'company' | 'person'\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  // Spec F (F8): open receivables and the overdue subset.\n  balance_due?: string\n  overdue_amount?: string\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  const [customerNames, setCustomerNames] = React.useState<Record<string, CustomerSummary>>({})\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: 'customerKind',\n        label: t('billing.accounts.filters.customer_kind', 'Customer type'),\n        type: 'select',\n        options: [\n          { value: 'company', label: t('billing.accounts.kind.company', 'Company') },\n          { value: 'person', label: t('billing.accounts.kind.person', 'Person') },\n        ],\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: 'hasOverdue',\n        label: t('billing.accounts.filters.has_overdue', 'Has overdue'),\n        type: 'select',\n        options: [{ value: 'true', label: t('billing.common.yes', 'Yes') }],\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 (typeof filters.customerKind === 'string' && filters.customerKind) {\n        params.set('customerKind', filters.customerKind)\n      }\n      if (filters.hasOverdue === 'true') params.set('hasOverdue', 'true')\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      const items = result.items ?? []\n      setRows(items)\n      setTotal(result.total ?? 0)\n      setTotalPages(result.totalPages ?? 1)\n      // One batched lookup per customer kind for the whole page (no N+1).\n      // Names arrive after the rows; until then the raw id is shown.\n      void fetchCustomerNames(\n        items.map((row) => ({ customerId: row.customer_id, customerKind: row.customer_kind })),\n      ).then(setCustomerNames)\n    } finally {\n      setLoading(false)\n    }\n  }, [\n    filters.billCycle,\n    filters.currencyCode,\n    filters.billingMode,\n    filters.customerKind,\n    filters.isActive,\n    filters.hasOverdue,\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          <CustomerLabel\n            customerId={row.original.customer_id}\n            customerKind={row.original.customer_kind ?? 'company'}\n            name={customerNames[row.original.customer_id]?.name}\n          />\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: 'balance_due',\n        header: t('billing.accounts.columns.balance_due', 'Balance due'),\n        cell: ({ row }) =>\n          row.original.billing_mode === 'prepaid' ? (\n            <span className=\"text-muted-foreground\">\u2014</span>\n          ) : (\n            <span className=\"tabular-nums\">\n              {Number(row.original.balance_due ?? 0).toFixed(2)} {row.original.currency_code}\n            </span>\n          ),\n      },\n      {\n        accessorKey: 'overdue_amount',\n        header: t('billing.accounts.columns.overdue', 'Overdue'),\n        cell: ({ row }) => {\n          const overdue = Number(row.original.overdue_amount ?? 0)\n          if (row.original.billing_mode === 'prepaid' || !(overdue > 0)) {\n            return <span className=\"text-muted-foreground\">\u2014</span>\n          }\n          return (\n            <span className=\"font-medium tabular-nums text-status-error-text\">\n              {overdue.toFixed(2)} {row.original.currency_code}\n            </span>\n          )\n        },\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    [customerNames, 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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",
   "names": []
 }