@dainamite/billing 0.19.0 → 0.21.0

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/modules/billing/backend/billing/items/%5Bid%5D/page.tsx"],
-  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { Pencil } from 'lucide-react'\nimport { useParams, useRouter } 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 { Button } from '@open-mercato/ui/primitives/button'\nimport { Tag } from '@open-mercato/ui/primitives/tag'\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 {\n  ItemForm,\n  type AssembledItemPayload,\n  type ItemFormValues,\n} from '../../../../components/ItemForm'\nimport { DetailCard, DetailField } from '../../../../components/DetailFields'\n\n/**\n * `/backend/billing/items/[id]` \u2014 Billing Item detail.\n *\n * Opens read-only (field grid). The `Edit` button swaps the grid for\n * the `ItemForm`; Save / Cancel return to the read-only view. Loads\n * via the list endpoint (`?id=<id>`), edits through `PUT`, soft-delete\n * via `DELETE` with a `ConfirmDialog` gate.\n *\n * Two read-only badges at the top: `currencyMismatch` and\n * `billedToDate` (Bill Run engine-managed columns the operator\n * cannot edit but needs to see for troubleshooting).\n */\n\n// API list rows are snake_case (see `api/items/route.ts` `fields`).\n// `bill_account_name` is resolved by the route's `afterList` hook.\ntype BillingItemRow = {\n  id: string\n  bill_account_id: string\n  bill_account_name: string | null\n  type: 'one_time' | 'recurring' | 'usage'\n  bill_start_date: string\n  bill_end_date: string | null\n  description: string\n  rate_json: Record<string, unknown> | null\n  uom_code: string | null\n  subscription_id: string | null\n  subscription_item_id: string | null\n  source_ref: string | null\n  currency_mismatch: boolean\n  billed_to_date: string | null\n  is_active: boolean\n  created_at: string\n  updated_at: string\n}\n\ntype ListResponse = { items: BillingItemRow[] }\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 formatRate(row: BillingItemRow): string {\n  const rate = (row.rate_json ?? {}) as Record<string, unknown>\n  if (row.type === 'one_time' && typeof rate.amount === 'number') {\n    return String(rate.amount)\n  }\n  if (row.type === 'recurring' && typeof rate.unit_price === 'number') {\n    return String(rate.unit_price)\n  }\n  if (row.type === 'usage') {\n    if ('model' in rate && 'tiers' in rate) {\n      return `tiered (${String(rate.model)})`\n    }\n    if (typeof rate.unit_price === 'number') {\n      return String(rate.unit_price)\n    }\n  }\n  return '\u2014'\n}\n\nfunction toFormValues(row: BillingItemRow): Partial<ItemFormValues> {\n  const rate = (row.rate_json ?? {}) as Record<string, unknown>\n  const out: Partial<ItemFormValues> = {\n    billAccountId: row.bill_account_id,\n    type: row.type,\n    billStartDate: row.bill_start_date?.slice(0, 10) ?? '',\n    billEndDate: row.bill_end_date?.slice(0, 10) ?? '',\n    description: row.description,\n    uomCode: row.uom_code ?? '',\n    subscriptionId: row.subscription_id ?? '',\n    subscriptionItemId: row.subscription_item_id ?? '',\n    isActive: row.is_active,\n  }\n  if (row.type === 'one_time' && typeof rate.amount === 'number') {\n    out.oneTimeAmount = String(rate.amount)\n  } else if (row.type === 'recurring' && typeof rate.unit_price === 'number') {\n    out.recurringUnitPrice = String(rate.unit_price)\n  } else if (row.type === 'usage') {\n    if ('model' in rate && 'tiers' in rate) {\n      out.usageMode = 'tiered'\n      out.usageTieredJson = JSON.stringify(rate, null, 2)\n    } else if (typeof rate.unit_price === 'number') {\n      out.usageMode = 'simple'\n      out.usageUnitPrice = String(rate.unit_price)\n    }\n  }\n  return out\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 ItemView({ row }: { row: BillingItemRow }) {\n  const t = useT()\n  return (\n    <DetailCard>\n      <DetailField label={t('billing.items.detail.field.account', 'Account')}>\n        <Link\n          href={`/backend/billing/accounts/${row.bill_account_id}`}\n          className=\"text-primary hover:underline\"\n        >\n          {row.bill_account_name ?? row.bill_account_id}\n        </Link>\n      </DetailField>\n      <DetailField label={t('billing.items.columns.type', 'Type')}>\n        <Tag variant=\"info\">{row.type}</Tag>\n      </DetailField>\n      <DetailField label={t('billing.items.columns.start', 'Start')}>\n        {formatDate(row.bill_start_date)}\n      </DetailField>\n      <DetailField label={t('billing.items.columns.end', 'End')}>\n        {formatDate(row.bill_end_date)}\n      </DetailField>\n      <DetailField label={t('billing.items.form.rate.title', 'Rate')}>\n        {formatRate(row)}\n      </DetailField>\n      <DetailField label={t('billing.items.columns.uom', 'UoM')}>\n        {row.uom_code || '\u2014'}\n      </DetailField>\n      <DetailField label={t('billing.items.form.subscription_id', 'Subscription ID')}>\n        {row.subscription_id || '\u2014'}\n      </DetailField>\n      <DetailField\n        label={t('billing.items.form.subscription_item_id', 'Subscription item ID')}\n      >\n        {row.subscription_item_id || '\u2014'}\n      </DetailField>\n      <DetailField label={t('billing.items.detail.field.source_ref', 'Source ref')}>\n        {row.source_ref ? (\n          <span className=\"font-mono text-xs\">{row.source_ref}</span>\n        ) : (\n          '\u2014'\n        )}\n      </DetailField>\n      <DetailField label={t('billing.items.detail.field.billed_to', 'Billed through')}>\n        {row.billed_to_date ? formatDate(row.billed_to_date) : '\u2014'}\n      </DetailField>\n      {row.currency_mismatch ? (\n        <DetailField\n          label={t('billing.items.detail.currency_mismatch', 'Currency mismatch')}\n        >\n          <Tag variant=\"warning\">{t('billing.common.yes', 'Yes')}</Tag>\n        </DetailField>\n      ) : null}\n      <DetailField label={t('billing.items.columns.status', 'Status')}>\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      </DetailField>\n      <DetailField label={t('billing.common.id', 'ID')}>\n        <span className=\"font-mono text-xs\">{row.id}</span>\n      </DetailField>\n    </DetailCard>\n  )\n}\n\nexport default function BillingItemDetailPage(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 itemId = (props.params?.id ?? urlParams?.id ?? '') as string\n\n  const [row, setRow] = React.useState<BillingItemRow | 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 (!itemId) return\n    setLoading(true)\n    setError(null)\n    try {\n      const result = await readApiResultOrThrow<ListResponse>(\n        `/api/billing/items?id=${itemId}&pageSize=1`,\n      )\n      const found = result.items?.[0]\n      if (!found) {\n        setError(t('billing.items.detail.error.not_found', 'Item not found'))\n        return\n      }\n      setRow(found)\n    } catch (err) {\n      const { message } = normalizeCrudServerError(err)\n      setError(message || t('billing.items.detail.error.load', 'Failed to load item'))\n    } finally {\n      setLoading(false)\n    }\n  }, [itemId, t])\n\n  React.useEffect(() => {\n    void load()\n  }, [load])\n\n  const handleSubmit = React.useCallback(\n    async (assembled: AssembledItemPayload) => {\n      if (!row) return\n      setSaving(true)\n      try {\n        const payload: Record<string, unknown> = {\n          id: row.id,\n          billStartDate: assembled.billStartDate,\n          description: assembled.description,\n          rateJson: assembled.rateJson,\n          isActive: assembled.isActive ?? row.is_active,\n        }\n        // Optional fields \u2014 submit null when the operator cleared them\n        // so the column actually resets (the schema validators accept\n        // null for nullable columns).\n        payload.billEndDate = assembled.billEndDate ?? null\n        payload.uomCode = assembled.uomCode ?? null\n        payload.subscriptionId = assembled.subscriptionId ?? null\n        payload.subscriptionItemId = assembled.subscriptionItemId ?? null\n\n        await apiCallOrThrow('/api/billing/items', {\n          method: 'PUT',\n          headers: { 'Content-Type': 'application/json' },\n          body: JSON.stringify(payload),\n        })\n        flash(t('billing.items.detail.save.success', 'Item updated'), 'success')\n        setEditing(false)\n        void load()\n      } catch (err) {\n        const { message } = normalizeCrudServerError(err)\n        flash(message || t('billing.items.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.items.detail.delete.confirm.title', 'Delete item?'),\n      text: t(\n        'billing.items.detail.delete.confirm.text',\n        'Soft-deletes the item. Its row stays in the database for audit; the Bill Run engine will stop including it immediately.',\n      ),\n      confirmText: t('billing.items.detail.delete.confirm.button', 'Soft delete'),\n      variant: 'destructive',\n    })\n    if (!ok) return\n    setDeleting(true)\n    try {\n      await apiCallOrThrow('/api/billing/items', {\n        method: 'DELETE',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({ id: row.id }),\n      })\n      flash(t('billing.items.detail.delete.success', 'Item deleted'), 'success')\n      router.push('/backend/billing/items')\n    } catch (err) {\n      const { message } = normalizeCrudServerError(err)\n      flash(message || t('billing.items.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.items.detail.title', 'Billing Item')} />\n        <PageBody>\n          <ErrorMessage label={error} />\n        </PageBody>\n      </Page>\n    )\n  }\n  if (loading || !row) {\n    return (\n      <Page>\n        <PageHeader title={t('billing.items.detail.title', 'Billing Item')} />\n        <PageBody>\n          <LoadingMessage label={t('billing.items.detail.loading', 'Loading item\u2026')} />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  return (\n    <Page>\n      <FormHeader\n        mode=\"detail\"\n        backHref=\"/backend/billing/items\"\n        entityTypeLabel={t('billing.items.detail.title', 'Billing Item')}\n        title={row.description}\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            {!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.items.detail.delete.in_progress', 'Deleting\u2026')\n                : t('billing.items.detail.delete.action', 'Soft delete')}\n            </Button>\n          </>\n        }\n      />\n      <PageBody>\n        {editing ? (\n          <ItemForm\n            mode=\"edit\"\n            initial={toFormValues(row)}\n            submitting={saving}\n            onSubmit={handleSubmit}\n            onCancel={() => setEditing(false)}\n          />\n        ) : (\n          <ItemView row={row} />\n        )}\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, Repeat } 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 { Button } from '@open-mercato/ui/primitives/button'\nimport { Tag } from '@open-mercato/ui/primitives/tag'\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 {\n  ItemForm,\n  type AssembledItemPayload,\n  type ItemFormValues,\n} from '../../../../components/ItemForm'\nimport { DetailCard, DetailField } from '../../../../components/DetailFields'\nimport { resolveItemReturnTarget } from '../../../../lib/navigation'\nimport { ChangeItemPriceDialog } from '../../../../components/ChangeItemPriceDialog'\n\n/**\n * `/backend/billing/items/[id]` \u2014 Billing Item detail.\n *\n * Opens read-only (field grid). The `Edit` button swaps the grid for\n * the `ItemForm`; Save / Cancel return to the read-only view. Loads\n * via the list endpoint (`?id=<id>`), edits through `PUT`, soft-delete\n * via `DELETE` with a `ConfirmDialog` gate.\n *\n * Two read-only badges at the top: `currencyMismatch` and\n * `billedToDate` (Bill Run engine-managed columns the operator\n * cannot edit but needs to see for troubleshooting).\n */\n\n// API list rows are snake_case (see `api/items/route.ts` `fields`).\n// `bill_account_name` is resolved by the route's `afterList` hook.\ntype BillingItemRow = {\n  id: string\n  bill_account_id: string\n  bill_account_name: string | null\n  bill_account_currency?: string | null\n  bill_account_mode?: 'postpaid' | 'prepaid' | null\n  type: 'one_time' | 'recurring' | 'usage'\n  bill_start_date: string\n  bill_end_date: string | null\n  description: string\n  rate_json: Record<string, unknown> | null\n  uom_code: string | null\n  subscription_id: string | null\n  subscription_item_id: string | null\n  source_ref: string | null\n  currency_mismatch: boolean\n  billed_to_date: string | null\n  charge_timing: 'in_advance' | 'in_arrears'\n  prorate: boolean\n  tax_rate: string | number | null\n  price_basis?: 'net' | 'gross'\n  is_active: boolean\n  created_at: string\n  updated_at: string\n}\n\ntype ListResponse = { items: BillingItemRow[] }\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 formatRate(row: BillingItemRow): string {\n  const rate = (row.rate_json ?? {}) as Record<string, unknown>\n  if (row.type === 'one_time' && typeof rate.amount === 'number') {\n    return String(rate.amount)\n  }\n  if (row.type === 'recurring' && typeof rate.unit_price === 'number') {\n    return String(rate.unit_price)\n  }\n  if (row.type === 'usage') {\n    if ('model' in rate && 'tiers' in rate) {\n      return `tiered (${String(rate.model)})`\n    }\n    if (typeof rate.unit_price === 'number') {\n      return String(rate.unit_price)\n    }\n  }\n  return '\u2014'\n}\n\nfunction toFormValues(row: BillingItemRow): Partial<ItemFormValues> {\n  const rate = (row.rate_json ?? {}) as Record<string, unknown>\n  const out: Partial<ItemFormValues> = {\n    billAccountId: row.bill_account_id,\n    type: row.type,\n    billStartDate: row.bill_start_date?.slice(0, 10) ?? '',\n    billEndDate: row.bill_end_date?.slice(0, 10) ?? '',\n    description: row.description,\n    uomCode: row.uom_code ?? '',\n    subscriptionId: row.subscription_id ?? '',\n    subscriptionItemId: row.subscription_item_id ?? '',\n    isActive: row.is_active,\n    chargeTiming: row.charge_timing ?? 'in_advance',\n    prorate: row.prorate ?? true,\n    taxRate: row.tax_rate != null ? String(Number(row.tax_rate)) : '',\n    priceBasis: row.price_basis === 'gross' ? 'gross' : 'net',\n  }\n  if (row.type === 'one_time' && typeof rate.amount === 'number') {\n    out.oneTimeAmount = String(rate.amount)\n  } else if (row.type === 'recurring' && typeof rate.unit_price === 'number') {\n    out.recurringUnitPrice = String(rate.unit_price)\n  } else if (row.type === 'usage') {\n    if ('model' in rate && 'tiers' in rate) {\n      out.usageMode = 'tiered'\n      out.usageTieredJson = JSON.stringify(rate, null, 2)\n    } else if (typeof rate.unit_price === 'number') {\n      out.usageMode = 'simple'\n      out.usageUnitPrice = String(rate.unit_price)\n    }\n  }\n  return out\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 ItemView({ row }: { row: BillingItemRow }) {\n  const t = useT()\n  return (\n    <DetailCard>\n      <DetailField label={t('billing.items.detail.field.account', 'Account')}>\n        <Link\n          href={`/backend/billing/accounts/${row.bill_account_id}`}\n          className=\"text-primary hover:underline\"\n        >\n          {row.bill_account_name ?? row.bill_account_id}\n        </Link>\n      </DetailField>\n      <DetailField label={t('billing.items.columns.type', 'Type')}>\n        <Tag variant=\"info\">{row.type}</Tag>\n      </DetailField>\n      <DetailField label={t('billing.items.columns.start', 'Start')}>\n        {formatDate(row.bill_start_date)}\n      </DetailField>\n      <DetailField label={t('billing.items.columns.end', 'End')}>\n        {formatDate(row.bill_end_date)}\n      </DetailField>\n      <DetailField label={t('billing.items.form.rate.title', 'Rate')}>\n        <span className=\"inline-flex items-center gap-2\">\n          <span className=\"tabular-nums\">\n            {formatRate(row)}\n            {row.bill_account_currency && formatRate(row) !== '\u2014' ? ` ${row.bill_account_currency}` : ''}\n          </span>\n          <Tag variant=\"neutral\">\n            {row.price_basis === 'gross'\n              ? t('billing.items.price_basis.gross', 'Gross')\n              : t('billing.items.price_basis.net', 'Net')}\n          </Tag>\n        </span>\n      </DetailField>\n      <DetailField label={t('billing.items.columns.uom', 'UoM')}>\n        {row.uom_code || '\u2014'}\n      </DetailField>\n      <DetailField label={t('billing.items.form.subscription_id', 'Subscription ID')}>\n        {row.subscription_id || '\u2014'}\n      </DetailField>\n      <DetailField\n        label={t('billing.items.form.subscription_item_id', 'Subscription item ID')}\n      >\n        {row.subscription_item_id || '\u2014'}\n      </DetailField>\n      <DetailField label={t('billing.items.detail.field.source_ref', 'Source ref')}>\n        {row.source_ref ? (\n          <span className=\"font-mono text-xs\">{row.source_ref}</span>\n        ) : (\n          '\u2014'\n        )}\n      </DetailField>\n      <DetailField label={t('billing.items.form.tax_rate', 'VAT rate (%)')}>\n        {row.tax_rate != null ? `${Number(row.tax_rate)} %` : '\u2014'}\n      </DetailField>\n      {row.type === 'recurring' ? (\n        <>\n          <DetailField label={t('billing.items.form.charge_timing', 'Charge timing')}>\n            <Tag variant=\"neutral\">\n              {row.charge_timing === 'in_arrears'\n                ? t('billing.items.charge_timing.in_arrears', 'In arrears')\n                : t('billing.items.charge_timing.in_advance', 'In advance')}\n            </Tag>\n          </DetailField>\n          <DetailField label={t('billing.items.form.prorate', 'Prorate partial periods')}>\n            {row.prorate === false ? t('billing.common.no', 'No') : t('billing.common.yes', 'Yes')}\n          </DetailField>\n        </>\n      ) : null}\n      <DetailField label={t('billing.items.detail.field.billed_to', 'Billed through')}>\n        {row.billed_to_date ? formatDate(row.billed_to_date) : '\u2014'}\n      </DetailField>\n      {row.currency_mismatch ? (\n        <DetailField\n          label={t('billing.items.detail.currency_mismatch', 'Currency mismatch')}\n        >\n          <Tag variant=\"warning\">{t('billing.common.yes', 'Yes')}</Tag>\n        </DetailField>\n      ) : null}\n      <DetailField label={t('billing.items.columns.status', 'Status')}>\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      </DetailField>\n      <DetailField label={t('billing.common.id', 'ID')}>\n        <span className=\"font-mono text-xs\">{row.id}</span>\n      </DetailField>\n    </DetailCard>\n  )\n}\n\nexport default function BillingItemDetailPage(props: { params?: { id?: string } }) {\n  const t = useT()\n  const router = useRouter()\n  const [changePriceOpen, setChangePriceOpen] = React.useState(false)\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 itemId = (props.params?.id ?? urlParams?.id ?? '') as string\n  // Spec E (D23): back / after-delete return to the owning account, unless\n  // the item was opened from the global Items list (`?from=items`).\n  const searchParams = useSearchParams()\n  const from = searchParams?.get('from') ?? null\n\n  const [row, setRow] = React.useState<BillingItemRow | 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 (!itemId) return\n    setLoading(true)\n    setError(null)\n    try {\n      const result = await readApiResultOrThrow<ListResponse>(\n        `/api/billing/items?id=${itemId}&pageSize=1`,\n      )\n      const found = result.items?.[0]\n      if (!found) {\n        setError(t('billing.items.detail.error.not_found', 'Item not found'))\n        return\n      }\n      setRow(found)\n    } catch (err) {\n      const { message } = normalizeCrudServerError(err)\n      setError(message || t('billing.items.detail.error.load', 'Failed to load item'))\n    } finally {\n      setLoading(false)\n    }\n  }, [itemId, t])\n\n  React.useEffect(() => {\n    void load()\n  }, [load])\n\n  const handleSubmit = React.useCallback(\n    async (assembled: AssembledItemPayload) => {\n      if (!row) return\n      setSaving(true)\n      try {\n        const payload: Record<string, unknown> = {\n          id: row.id,\n          billStartDate: assembled.billStartDate,\n          description: assembled.description,\n          rateJson: assembled.rateJson,\n          isActive: assembled.isActive ?? row.is_active,\n        }\n        // Optional fields \u2014 submit null when the operator cleared them\n        // so the column actually resets (the schema validators accept\n        // null for nullable columns).\n        payload.billEndDate = assembled.billEndDate ?? null\n        payload.uomCode = assembled.uomCode ?? null\n        payload.subscriptionId = assembled.subscriptionId ?? null\n        payload.subscriptionItemId = assembled.subscriptionItemId ?? null\n        if (assembled.chargeTiming !== undefined) payload.chargeTiming = assembled.chargeTiming\n        if (assembled.prorate !== undefined) payload.prorate = assembled.prorate\n        if (assembled.taxRate !== undefined) payload.taxRate = assembled.taxRate\n        if (assembled.priceBasis !== undefined) payload.priceBasis = assembled.priceBasis\n\n        await apiCallOrThrow('/api/billing/items', {\n          method: 'PUT',\n          headers: { 'Content-Type': 'application/json' },\n          body: JSON.stringify(payload),\n        })\n        flash(t('billing.items.detail.save.success', 'Item updated'), 'success')\n        setEditing(false)\n        void load()\n      } catch (err) {\n        const { message } = normalizeCrudServerError(err)\n        flash(message || t('billing.items.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.items.detail.delete.confirm.title', 'Delete item?'),\n      text: t(\n        'billing.items.detail.delete.confirm.text',\n        'Soft-deletes the item. Its row stays in the database for audit; the Bill Run engine will stop including it immediately.',\n      ),\n      confirmText: t('billing.items.detail.delete.confirm.button', 'Soft delete'),\n      variant: 'destructive',\n    })\n    if (!ok) return\n    setDeleting(true)\n    try {\n      await apiCallOrThrow('/api/billing/items', {\n        method: 'DELETE',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({ id: row.id }),\n      })\n      flash(t('billing.items.detail.delete.success', 'Item deleted'), 'success')\n      router.push(resolveItemReturnTarget({ from, billAccountId: row.bill_account_id }))\n    } catch (err) {\n      const { message } = normalizeCrudServerError(err)\n      flash(message || t('billing.items.detail.delete.error', 'Delete failed'), 'error')\n      setDeleting(false)\n    }\n  }, [confirm, from, router, row, t])\n\n  if (error) {\n    return (\n      <Page>\n        <PageHeader title={t('billing.items.detail.title', 'Billing Item')} />\n        <PageBody>\n          <ErrorMessage label={error} />\n        </PageBody>\n      </Page>\n    )\n  }\n  if (loading || !row) {\n    return (\n      <Page>\n        <PageHeader title={t('billing.items.detail.title', 'Billing Item')} />\n        <PageBody>\n          <LoadingMessage label={t('billing.items.detail.loading', 'Loading item\u2026')} />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  return (\n    <Page>\n      <FormHeader\n        mode=\"detail\"\n        backHref={resolveItemReturnTarget({ from, billAccountId: row.bill_account_id })}\n        entityTypeLabel={t('billing.items.detail.title', 'Billing Item')}\n        title={row.description}\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            {!editing && row.type === 'recurring' && row.is_active ? (\n              <Button type=\"button\" variant=\"outline\" onClick={() => setChangePriceOpen(true)}>\n                <Repeat size={16} />\n                {t('billing.items.change_price.action', 'Change price')}\n              </Button>\n            ) : null}\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.items.detail.delete.in_progress', 'Deleting\u2026')\n                : t('billing.items.detail.delete.action', 'Soft delete')}\n            </Button>\n          </>\n        }\n      />\n      <PageBody>\n        {editing ? (\n          <ItemForm\n            mode=\"edit\"\n            initial={toFormValues(row)}\n            accountCurrency={row.bill_account_currency ?? undefined}\n            accountBillingMode={row.bill_account_mode ?? undefined}\n            submitting={saving}\n            onSubmit={handleSubmit}\n            onCancel={() => setEditing(false)}\n          />\n        ) : (\n          <ItemView row={row} />\n        )}\n        {row.type === 'recurring' ? (\n          <ChangeItemPriceDialog\n            open={changePriceOpen}\n            onOpenChange={setChangePriceOpen}\n            itemId={row.id}\n            currentPrice={typeof row.rate_json?.unit_price === 'number' ? row.rate_json.unit_price : null}\n            currencyCode={row.bill_account_currency}\n            priceBasis={row.price_basis === 'gross' ? 'gross' : 'net'}\n            billStartDate={row.bill_start_date}\n            billEndDate={row.bill_end_date}\n            onChanged={(newItemId) => router.push(`/backend/billing/items/${encodeURIComponent(newItemId)}`)}\n          />\n        ) : null}\n        {ConfirmDialogElement}\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -12,6 +12,7 @@ import {
 } from "@open-mercato/ui/backend/utils/apiCall";
 import { normalizeCrudServerError } from "@open-mercato/ui/backend/utils/serverErrors";
 import { ItemForm } from "../../../../components/ItemForm.js";
+import { ITEMS_LIST_HREF, accountHref, itemDetailHref } from "../../../../lib/navigation.js";
 function CreateBillingItemPage() {
   const t = useT();
   const router = useRouter();
@@ -49,10 +50,12 @@ function CreateBillingItemPage() {
         );
         const id = call.result?.id;
         flash(t("billing.items.create.success", "Billing item created"), "success");
-        if (id) {
-          router.push(`/backend/billing/items/${id}`);
+        if (preselectedAccountId) {
+          router.push(accountHref(preselectedAccountId, "items"));
+        } else if (id) {
+          router.push(itemDetailHref(id, { fromItemsList: true }));
         } else {
-          router.push("/backend/billing/items");
+          router.push(ITEMS_LIST_HREF);
         }
       } catch (err) {
         const { message } = normalizeCrudServerError(err);
@@ -64,11 +67,11 @@ function CreateBillingItemPage() {
         setSubmitting(false);
       }
     },
-    [router, t]
+    [preselectedAccountId, router, t]
   );
   const handleCancel = React.useCallback(() => {
-    router.push("/backend/billing/items");
-  }, [router]);
+    router.push(preselectedAccountId ? accountHref(preselectedAccountId, "items") : ITEMS_LIST_HREF);
+  }, [preselectedAccountId, router]);
   return /* @__PURE__ */ jsxs(Page, { children: [
     /* @__PURE__ */ jsx(PageHeader, { title: t("billing.items.create.title", "Create Billing Item") }),
     /* @__PURE__ */ jsx(PageBody, { children: accounts === null ? /* @__PURE__ */ jsx(LoadingMessage, { label: t("billing.items.create.loading", "Loading accounts\u2026") }) : /* @__PURE__ */ jsx(

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/modules/billing/backend/billing/items/create/page.tsx"],
-  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { 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 { LoadingMessage } from '@open-mercato/ui/backend/detail'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport {\n  apiCallOrThrow,\n  readApiResultOrThrow,\n} from '@open-mercato/ui/backend/utils/apiCall'\nimport { normalizeCrudServerError } from '@open-mercato/ui/backend/utils/serverErrors'\nimport { ItemForm, type AccountOption, type AssembledItemPayload } from '../../../../components/ItemForm'\n\n/**\n * `/backend/billing/items/create` \u2014 create a Billing Item.\n *\n * Loads the account list once on mount to drive the account picker.\n * Supports `?billAccountId=<id>` deep-link so the parent account\n * page (when we add an \"Add item\" CTA there) can pre-select.\n *\n * POSTs `/api/billing/items`. On success, navigates to the item's\n * detail page so the operator can edit further if needed.\n */\nexport default function CreateBillingItemPage() {\n  const t = useT()\n  const router = useRouter()\n  const searchParams = useSearchParams()\n  const preselectedAccountId = searchParams.get('billAccountId') ?? ''\n\n  const [accounts, setAccounts] = React.useState<AccountOption[] | null>(null)\n  const [submitting, setSubmitting] = React.useState(false)\n\n  React.useEffect(() => {\n    let cancelled = false\n    void (async () => {\n      try {\n        const result = await readApiResultOrThrow<{ items: AccountOption[] }>(\n          '/api/billing/accounts?pageSize=100&sortField=name&sortDir=asc',\n        )\n        if (!cancelled) setAccounts(result.items ?? [])\n      } catch {\n        if (!cancelled) setAccounts([])\n      }\n    })()\n    return () => {\n      cancelled = true\n    }\n  }, [])\n\n  const handleSubmit = React.useCallback(\n    async (payload: AssembledItemPayload) => {\n      setSubmitting(true)\n      try {\n        const call = await apiCallOrThrow<{ id: string; deduplicated: boolean }>(\n          '/api/billing/items',\n          {\n            method: 'POST',\n            headers: { 'Content-Type': 'application/json' },\n            body: JSON.stringify(payload),\n          },\n        )\n        const id = call.result?.id\n        flash(t('billing.items.create.success', 'Billing item created'), 'success')\n        if (id) {\n          router.push(`/backend/billing/items/${id}`)\n        } else {\n          router.push('/backend/billing/items')\n        }\n      } catch (err) {\n        const { message } = normalizeCrudServerError(err)\n        flash(\n          message || t('billing.items.create.error', 'Failed to create item'),\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/items')\n  }, [router])\n\n  return (\n    <Page>\n      <PageHeader title={t('billing.items.create.title', 'Create Billing Item')} />\n      <PageBody>\n        {accounts === null ? (\n          <LoadingMessage label={t('billing.items.create.loading', 'Loading accounts\u2026')} />\n        ) : (\n          <ItemForm\n            mode=\"create\"\n            accountOptions={accounts}\n            initial={\n              preselectedAccountId\n                ? { billAccountId: preselectedAccountId }\n                : undefined\n            }\n            submitting={submitting}\n            onSubmit={handleSubmit}\n            onCancel={handleCancel}\n          />\n        )}\n      </PageBody>\n    </Page>\n  )\n}\n"],
-  "mappings": ";AAuFI,SACE,KADF;AAtFJ,YAAY,WAAW;AACvB,SAAS,WAAW,uBAAuB;AAC3C,SAAS,YAAY;AACrB,SAAS,MAAM,UAAU,kBAAkB;AAC3C,SAAS,sBAAsB;AAC/B,SAAS,aAAa;AACtB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,gCAAgC;AACzC,SAAS,gBAA+D;AAYzD,SAAR,wBAAyC;AAC9C,QAAM,IAAI,KAAK;AACf,QAAM,SAAS,UAAU;AACzB,QAAM,eAAe,gBAAgB;AACrC,QAAM,uBAAuB,aAAa,IAAI,eAAe,KAAK;AAElE,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAiC,IAAI;AAC3E,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAS,KAAK;AAExD,QAAM,UAAU,MAAM;AACpB,QAAI,YAAY;AAChB,UAAM,YAAY;AAChB,UAAI;AACF,cAAM,SAAS,MAAM;AAAA,UACnB;AAAA,QACF;AACA,YAAI,CAAC,UAAW,aAAY,OAAO,SAAS,CAAC,CAAC;AAAA,MAChD,QAAQ;AACN,YAAI,CAAC,UAAW,aAAY,CAAC,CAAC;AAAA,MAChC;AAAA,IACF,GAAG;AACH,WAAO,MAAM;AACX,kBAAY;AAAA,IACd;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,eAAe,MAAM;AAAA,IACzB,OAAO,YAAkC;AACvC,oBAAc,IAAI;AAClB,UAAI;AACF,cAAM,OAAO,MAAM;AAAA,UACjB;AAAA,UACA;AAAA,YACE,QAAQ;AAAA,YACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,YAC9C,MAAM,KAAK,UAAU,OAAO;AAAA,UAC9B;AAAA,QACF;AACA,cAAM,KAAK,KAAK,QAAQ;AACxB,cAAM,EAAE,gCAAgC,sBAAsB,GAAG,SAAS;AAC1E,YAAI,IAAI;AACN,iBAAO,KAAK,0BAA0B,EAAE,EAAE;AAAA,QAC5C,OAAO;AACL,iBAAO,KAAK,wBAAwB;AAAA,QACtC;AAAA,MACF,SAAS,KAAK;AACZ,cAAM,EAAE,QAAQ,IAAI,yBAAyB,GAAG;AAChD;AAAA,UACE,WAAW,EAAE,8BAA8B,uBAAuB;AAAA,UAClE;AAAA,QACF;AAAA,MACF,UAAE;AACA,sBAAc,KAAK;AAAA,MACrB;AAAA,IACF;AAAA,IACA,CAAC,QAAQ,CAAC;AAAA,EACZ;AAEA,QAAM,eAAe,MAAM,YAAY,MAAM;AAC3C,WAAO,KAAK,wBAAwB;AAAA,EACtC,GAAG,CAAC,MAAM,CAAC;AAEX,SACE,qBAAC,QACC;AAAA,wBAAC,cAAW,OAAO,EAAE,8BAA8B,qBAAqB,GAAG;AAAA,IAC3E,oBAAC,YACE,uBAAa,OACZ,oBAAC,kBAAe,OAAO,EAAE,gCAAgC,wBAAmB,GAAG,IAE/E;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,gBAAgB;AAAA,QAChB,SACE,uBACI,EAAE,eAAe,qBAAqB,IACtC;AAAA,QAEN;AAAA,QACA,UAAU;AAAA,QACV,UAAU;AAAA;AAAA,IACZ,GAEJ;AAAA,KACF;AAEJ;",
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { 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 { LoadingMessage } from '@open-mercato/ui/backend/detail'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport {\n  apiCallOrThrow,\n  readApiResultOrThrow,\n} from '@open-mercato/ui/backend/utils/apiCall'\nimport { normalizeCrudServerError } from '@open-mercato/ui/backend/utils/serverErrors'\nimport { ItemForm, type AccountOption, type AssembledItemPayload } from '../../../../components/ItemForm'\nimport { ITEMS_LIST_HREF, accountHref, itemDetailHref } from '../../../../lib/navigation'\n\n/**\n * `/backend/billing/items/create` \u2014 create a Billing Item.\n *\n * Loads the account list once on mount to drive the account picker.\n * Supports `?billAccountId=<id>` deep-link so the parent account\n * page (when we add an \"Add item\" CTA there) can pre-select.\n *\n * POSTs `/api/billing/items`. Navigation (Spec E, D23): opened from an\n * account (`?billAccountId=`) \u2192 save and cancel both return to that\n * account; opened standalone \u2192 save goes to the new item, cancel to the\n * Items list.\n */\nexport default function CreateBillingItemPage() {\n  const t = useT()\n  const router = useRouter()\n  const searchParams = useSearchParams()\n  const preselectedAccountId = searchParams.get('billAccountId') ?? ''\n\n  const [accounts, setAccounts] = React.useState<AccountOption[] | null>(null)\n  const [submitting, setSubmitting] = React.useState(false)\n\n  React.useEffect(() => {\n    let cancelled = false\n    void (async () => {\n      try {\n        const result = await readApiResultOrThrow<{ items: AccountOption[] }>(\n          '/api/billing/accounts?pageSize=100&sortField=name&sortDir=asc',\n        )\n        if (!cancelled) setAccounts(result.items ?? [])\n      } catch {\n        if (!cancelled) setAccounts([])\n      }\n    })()\n    return () => {\n      cancelled = true\n    }\n  }, [])\n\n  const handleSubmit = React.useCallback(\n    async (payload: AssembledItemPayload) => {\n      setSubmitting(true)\n      try {\n        const call = await apiCallOrThrow<{ id: string; deduplicated: boolean }>(\n          '/api/billing/items',\n          {\n            method: 'POST',\n            headers: { 'Content-Type': 'application/json' },\n            body: JSON.stringify(payload),\n          },\n        )\n        const id = call.result?.id\n        flash(t('billing.items.create.success', 'Billing item created'), 'success')\n        if (preselectedAccountId) {\n          router.push(accountHref(preselectedAccountId, 'items'))\n        } else if (id) {\n          router.push(itemDetailHref(id, { fromItemsList: true }))\n        } else {\n          router.push(ITEMS_LIST_HREF)\n        }\n      } catch (err) {\n        const { message } = normalizeCrudServerError(err)\n        flash(\n          message || t('billing.items.create.error', 'Failed to create item'),\n          'error',\n        )\n      } finally {\n        setSubmitting(false)\n      }\n    },\n    [preselectedAccountId, router, t],\n  )\n\n  const handleCancel = React.useCallback(() => {\n    router.push(preselectedAccountId ? accountHref(preselectedAccountId, 'items') : ITEMS_LIST_HREF)\n  }, [preselectedAccountId, router])\n\n  return (\n    <Page>\n      <PageHeader title={t('billing.items.create.title', 'Create Billing Item')} />\n      <PageBody>\n        {accounts === null ? (\n          <LoadingMessage label={t('billing.items.create.loading', 'Loading accounts\u2026')} />\n        ) : (\n          <ItemForm\n            mode=\"create\"\n            accountOptions={accounts}\n            initial={\n              preselectedAccountId\n                ? { billAccountId: preselectedAccountId }\n                : undefined\n            }\n            submitting={submitting}\n            onSubmit={handleSubmit}\n            onCancel={handleCancel}\n          />\n        )}\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": ";AA4FI,SACE,KADF;AA3FJ,YAAY,WAAW;AACvB,SAAS,WAAW,uBAAuB;AAC3C,SAAS,YAAY;AACrB,SAAS,MAAM,UAAU,kBAAkB;AAC3C,SAAS,sBAAsB;AAC/B,SAAS,aAAa;AACtB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,gCAAgC;AACzC,SAAS,gBAA+D;AACxE,SAAS,iBAAiB,aAAa,sBAAsB;AAc9C,SAAR,wBAAyC;AAC9C,QAAM,IAAI,KAAK;AACf,QAAM,SAAS,UAAU;AACzB,QAAM,eAAe,gBAAgB;AACrC,QAAM,uBAAuB,aAAa,IAAI,eAAe,KAAK;AAElE,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAiC,IAAI;AAC3E,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAS,KAAK;AAExD,QAAM,UAAU,MAAM;AACpB,QAAI,YAAY;AAChB,UAAM,YAAY;AAChB,UAAI;AACF,cAAM,SAAS,MAAM;AAAA,UACnB;AAAA,QACF;AACA,YAAI,CAAC,UAAW,aAAY,OAAO,SAAS,CAAC,CAAC;AAAA,MAChD,QAAQ;AACN,YAAI,CAAC,UAAW,aAAY,CAAC,CAAC;AAAA,MAChC;AAAA,IACF,GAAG;AACH,WAAO,MAAM;AACX,kBAAY;AAAA,IACd;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,eAAe,MAAM;AAAA,IACzB,OAAO,YAAkC;AACvC,oBAAc,IAAI;AAClB,UAAI;AACF,cAAM,OAAO,MAAM;AAAA,UACjB;AAAA,UACA;AAAA,YACE,QAAQ;AAAA,YACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,YAC9C,MAAM,KAAK,UAAU,OAAO;AAAA,UAC9B;AAAA,QACF;AACA,cAAM,KAAK,KAAK,QAAQ;AACxB,cAAM,EAAE,gCAAgC,sBAAsB,GAAG,SAAS;AAC1E,YAAI,sBAAsB;AACxB,iBAAO,KAAK,YAAY,sBAAsB,OAAO,CAAC;AAAA,QACxD,WAAW,IAAI;AACb,iBAAO,KAAK,eAAe,IAAI,EAAE,eAAe,KAAK,CAAC,CAAC;AAAA,QACzD,OAAO;AACL,iBAAO,KAAK,eAAe;AAAA,QAC7B;AAAA,MACF,SAAS,KAAK;AACZ,cAAM,EAAE,QAAQ,IAAI,yBAAyB,GAAG;AAChD;AAAA,UACE,WAAW,EAAE,8BAA8B,uBAAuB;AAAA,UAClE;AAAA,QACF;AAAA,MACF,UAAE;AACA,sBAAc,KAAK;AAAA,MACrB;AAAA,IACF;AAAA,IACA,CAAC,sBAAsB,QAAQ,CAAC;AAAA,EAClC;AAEA,QAAM,eAAe,MAAM,YAAY,MAAM;AAC3C,WAAO,KAAK,uBAAuB,YAAY,sBAAsB,OAAO,IAAI,eAAe;AAAA,EACjG,GAAG,CAAC,sBAAsB,MAAM,CAAC;AAEjC,SACE,qBAAC,QACC;AAAA,wBAAC,cAAW,OAAO,EAAE,8BAA8B,qBAAqB,GAAG;AAAA,IAC3E,oBAAC,YACE,uBAAa,OACZ,oBAAC,kBAAe,OAAO,EAAE,gCAAgC,wBAAmB,GAAG,IAE/E;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,gBAAgB;AAAA,QAChB,SACE,uBACI,EAAE,eAAe,qBAAqB,IACtC;AAAA,QAEN;AAAA,QACA,UAAU;AAAA,QACV,UAAU;AAAA;AAAA,IACZ,GAEJ;AAAA,KACF;AAEJ;",
   "names": []
 }

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

@@ -6,10 +6,11 @@ import { useRouter, useSearchParams } 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 { itemDetailHref } from "../../../lib/navigation.js";
 function formatDate(value) {
   if (!value) return "\u2014";
   const parsed = new Date(value);
@@ -131,6 +132,11 @@ function BillingItemsListPage() {
         header: t("billing.items.columns.type", "Type"),
         cell: ({ row }) => /* @__PURE__ */ jsx(Tag, { variant: typeVariant(row.original.type), children: row.original.type })
       },
+      {
+        accessorKey: "charge_timing",
+        header: t("billing.items.columns.timing", "Timing"),
+        cell: ({ row }) => row.original.type === "recurring" ? /* @__PURE__ */ jsx("span", { className: "text-sm", children: row.original.charge_timing === "in_arrears" ? t("billing.items.charge_timing.in_arrears", "In arrears") : t("billing.items.charge_timing.in_advance", "In advance") }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\u2014" })
+      },
       {
         accessorKey: "bill_account_id",
         header: t("billing.items.columns.account", "Account"),
@@ -184,7 +190,7 @@ function BillingItemsListPage() {
       perspective: { tableId: "billing-items" },
       columns,
       data: rows,
-      onRowClick: (row) => router.push(`/backend/billing/items/${row.id}`),
+      onRowClick: (row) => router.push(itemDetailHref(row.id, { fromItemsList: true })),
       isLoading: loading,
       pagination: {
         page,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/billing/backend/billing/items/page.tsx"],
-  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { useRouter, useSearchParams } 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 Items admin list.\n *\n * Filters: type (one_time / recurring / usage), bill account, active.\n * Items are typically integration-driven (CPQ connector creates them\n * on subscription events), so the most common UI use is *inspecting*\n * what's there \u2014 but the \"New item\" CTA is available for manual\n * entry / one-off adjustments.\n */\n\n// API list rows are snake_case (see `api/items/route.ts` `fields`).\ntype BillingItemRow = {\n  id: string\n  bill_account_id: string\n  bill_account_name: string | null\n  type: 'one_time' | 'recurring' | 'usage'\n  description: string\n  bill_start_date: string\n  bill_end_date: string | null\n  uom_code: string | null\n  subscription_id: string | null\n  source_ref: string | null\n  is_active: boolean\n  created_at: string\n}\n\ntype ListResponse = {\n  items: BillingItemRow[]\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\nfunction typeVariant(\n  type: BillingItemRow['type'],\n): 'default' | 'success' | 'warning' | 'info' {\n  switch (type) {\n    case 'recurring':\n      return 'success'\n    case 'one_time':\n      return 'warning'\n    case 'usage':\n      return 'info'\n    default:\n      return 'default'\n  }\n}\n\nexport default function BillingItemsListPage() {\n  const t = useT()\n  const router = useRouter()\n  const searchParams = useSearchParams()\n  // Deep-link from the account detail page: `?billAccountId=<id>` pre-\n  // filters the list so the operator lands on \"items for this account\".\n  const initialAccountId = searchParams.get('billAccountId') ?? ''\n\n  const [rows, setRows] = React.useState<BillingItemRow[]>([])\n  const [page, setPage] = React.useState(1)\n  const [pageSize] = React.useState(25)\n  const [filters, setFilters] = React.useState<FilterValues>(\n    initialAccountId ? { billAccountId: initialAccountId } : {},\n  )\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const [loading, setLoading] = React.useState(true)\n  const [search, setSearch] = React.useState('')\n\n  // Resolve account id \u2192 name from the loaded rows (each carries\n  // `bill_account_name` from the items route's afterList hook) so the\n  // active `billAccountId` filter chip shows a name, not a UUID.\n  const accountNames = React.useMemo(() => {\n    const map: Record<string, string> = {}\n    for (const r of rows) {\n      if (r.bill_account_name) map[r.bill_account_id] = r.bill_account_name\n    }\n    return map\n  }, [rows])\n\n  const filterDefs = React.useMemo<FilterDef[]>(\n    () => [\n      {\n        id: 'type',\n        label: t('billing.items.filters.type', 'Type'),\n        type: 'select',\n        options: [\n          { value: 'one_time', label: t('billing.items.type.one_time', 'One-time') },\n          { value: 'recurring', label: t('billing.items.type.recurring', 'Recurring') },\n          { value: 'usage', label: t('billing.items.type.usage', 'Usage') },\n        ],\n      },\n      {\n        id: 'billAccountId',\n        label: t('billing.items.filters.account', 'Billing Account'),\n        type: 'text',\n        formatValue: (id: string) => accountNames[id] ?? id,\n      },\n      {\n        id: 'subscriptionId',\n        label: t('billing.items.filters.subscription', 'Subscription ID'),\n        type: 'text',\n      },\n      {\n        id: 'isActive',\n        label: t('billing.items.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, accountNames],\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.type === 'string' && filters.type) {\n        params.set('type', filters.type)\n      }\n      if (typeof filters.billAccountId === 'string' && filters.billAccountId.trim()) {\n        params.set('billAccountId', filters.billAccountId.trim())\n      }\n      if (typeof filters.subscriptionId === 'string' && filters.subscriptionId.trim()) {\n        params.set('subscriptionId', filters.subscriptionId.trim())\n      }\n      if (filters.isActive === 'true' || filters.isActive === 'false') {\n        params.set('isActive', String(filters.isActive))\n      }\n      const result = await readApiResultOrThrow<ListResponse>(\n        `/api/billing/items?${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.billAccountId, filters.isActive, filters.subscriptionId, filters.type, page, pageSize, search])\n\n  React.useEffect(() => {\n    void loadRows()\n  }, [loadRows])\n\n  const columns = React.useMemo<ColumnDef<BillingItemRow>[]>(\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 }) => (\n          <Tag variant={typeVariant(row.original.type)}>{row.original.type}</Tag>\n        ),\n      },\n      {\n        accessorKey: 'bill_account_id',\n        header: t('billing.items.columns.account', 'Account'),\n        cell: ({ row }) => (\n          <Link\n            href={`/backend/billing/accounts/${row.original.bill_account_id}`}\n            className=\"text-sm text-primary hover:underline\"\n            onClick={(e) => e.stopPropagation()}\n          >\n            {row.original.bill_account_name ?? row.original.bill_account_id}\n          </Link>\n        ),\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: 'bill_end_date',\n        header: t('billing.items.columns.end', 'End'),\n        cell: ({ row }) => formatDate(row.original.bill_end_date),\n      },\n      {\n        accessorKey: 'uom_code',\n        header: t('billing.items.columns.uom', 'UoM'),\n        cell: ({ row }) => row.original.uom_code ?? '\u2014',\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    <Page>\n      <PageBody>\n        <DataTable\n          title={t('billing.items.title', 'Billing Items')}\n          actions={\n            <Button asChild>\n              <Link href=\"/backend/billing/items/create\">\n                <Plus size={16} />\n                {t('billing.items.create.action', 'New item')}\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-items' }}\n          columns={columns}\n          data={rows}\n          onRowClick={(row) => router.push(`/backend/billing/items/${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, useSearchParams } 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 { itemDetailHref } from '../../../lib/navigation'\n\n/**\n * Billing Items admin list.\n *\n * Filters: type (one_time / recurring / usage), bill account, active.\n * Items are typically integration-driven (CPQ connector creates them\n * on subscription events), so the most common UI use is *inspecting*\n * what's there \u2014 but the \"New item\" CTA is available for manual\n * entry / one-off adjustments.\n */\n\n// API list rows are snake_case (see `api/items/route.ts` `fields`).\ntype BillingItemRow = {\n  id: string\n  bill_account_id: string\n  bill_account_name: string | null\n  type: 'one_time' | 'recurring' | 'usage'\n  description: string\n  bill_start_date: string\n  bill_end_date: string | null\n  uom_code: string | null\n  subscription_id: string | null\n  source_ref: string | null\n  charge_timing: 'in_advance' | 'in_arrears'\n  is_active: boolean\n  created_at: string\n}\n\ntype ListResponse = {\n  items: BillingItemRow[]\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\nfunction typeVariant(\n  type: BillingItemRow['type'],\n): 'default' | 'success' | 'warning' | 'info' {\n  switch (type) {\n    case 'recurring':\n      return 'success'\n    case 'one_time':\n      return 'warning'\n    case 'usage':\n      return 'info'\n    default:\n      return 'default'\n  }\n}\n\nexport default function BillingItemsListPage() {\n  const t = useT()\n  const router = useRouter()\n  const searchParams = useSearchParams()\n  // Deep-link from the account detail page: `?billAccountId=<id>` pre-\n  // filters the list so the operator lands on \"items for this account\".\n  const initialAccountId = searchParams.get('billAccountId') ?? ''\n\n  const [rows, setRows] = React.useState<BillingItemRow[]>([])\n  const [page, setPage] = React.useState(1)\n  const [pageSize] = React.useState(25)\n  const [filters, setFilters] = React.useState<FilterValues>(\n    initialAccountId ? { billAccountId: initialAccountId } : {},\n  )\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const [loading, setLoading] = React.useState(true)\n  const [search, setSearch] = React.useState('')\n\n  // Resolve account id \u2192 name from the loaded rows (each carries\n  // `bill_account_name` from the items route's afterList hook) so the\n  // active `billAccountId` filter chip shows a name, not a UUID.\n  const accountNames = React.useMemo(() => {\n    const map: Record<string, string> = {}\n    for (const r of rows) {\n      if (r.bill_account_name) map[r.bill_account_id] = r.bill_account_name\n    }\n    return map\n  }, [rows])\n\n  const filterDefs = React.useMemo<FilterDef[]>(\n    () => [\n      {\n        id: 'type',\n        label: t('billing.items.filters.type', 'Type'),\n        type: 'select',\n        options: [\n          { value: 'one_time', label: t('billing.items.type.one_time', 'One-time') },\n          { value: 'recurring', label: t('billing.items.type.recurring', 'Recurring') },\n          { value: 'usage', label: t('billing.items.type.usage', 'Usage') },\n        ],\n      },\n      {\n        id: 'billAccountId',\n        label: t('billing.items.filters.account', 'Billing Account'),\n        type: 'text',\n        formatValue: (id: string) => accountNames[id] ?? id,\n      },\n      {\n        id: 'subscriptionId',\n        label: t('billing.items.filters.subscription', 'Subscription ID'),\n        type: 'text',\n      },\n      {\n        id: 'isActive',\n        label: t('billing.items.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, accountNames],\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.type === 'string' && filters.type) {\n        params.set('type', filters.type)\n      }\n      if (typeof filters.billAccountId === 'string' && filters.billAccountId.trim()) {\n        params.set('billAccountId', filters.billAccountId.trim())\n      }\n      if (typeof filters.subscriptionId === 'string' && filters.subscriptionId.trim()) {\n        params.set('subscriptionId', filters.subscriptionId.trim())\n      }\n      if (filters.isActive === 'true' || filters.isActive === 'false') {\n        params.set('isActive', String(filters.isActive))\n      }\n      const result = await readApiResultOrThrow<ListResponse>(\n        `/api/billing/items?${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.billAccountId, filters.isActive, filters.subscriptionId, filters.type, page, pageSize, search])\n\n  React.useEffect(() => {\n    void loadRows()\n  }, [loadRows])\n\n  const columns = React.useMemo<ColumnDef<BillingItemRow>[]>(\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 }) => (\n          <Tag variant={typeVariant(row.original.type)}>{row.original.type}</Tag>\n        ),\n      },\n      {\n        accessorKey: 'charge_timing',\n        header: t('billing.items.columns.timing', 'Timing'),\n        cell: ({ row }) =>\n          row.original.type === 'recurring' ? (\n            <span className=\"text-sm\">\n              {row.original.charge_timing === 'in_arrears'\n                ? t('billing.items.charge_timing.in_arrears', 'In arrears')\n                : t('billing.items.charge_timing.in_advance', 'In advance')}\n            </span>\n          ) : (\n            <span className=\"text-muted-foreground\">\u2014</span>\n          ),\n      },\n      {\n        accessorKey: 'bill_account_id',\n        header: t('billing.items.columns.account', 'Account'),\n        cell: ({ row }) => (\n          <Link\n            href={`/backend/billing/accounts/${row.original.bill_account_id}`}\n            className=\"text-sm text-primary hover:underline\"\n            onClick={(e) => e.stopPropagation()}\n          >\n            {row.original.bill_account_name ?? row.original.bill_account_id}\n          </Link>\n        ),\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: 'bill_end_date',\n        header: t('billing.items.columns.end', 'End'),\n        cell: ({ row }) => formatDate(row.original.bill_end_date),\n      },\n      {\n        accessorKey: 'uom_code',\n        header: t('billing.items.columns.uom', 'UoM'),\n        cell: ({ row }) => row.original.uom_code ?? '\u2014',\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    <Page>\n      <PageBody>\n        <DataTable\n          title={t('billing.items.title', 'Billing Items')}\n          actions={\n            <Button asChild>\n              <Link href=\"/backend/billing/items/create\">\n                <Plus size={16} />\n                {t('billing.items.create.action', 'New item')}\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-items' }}\n          columns={columns}\n          data={rows}\n          onRowClick={(row) => router.push(itemDetailHref(row.id, { fromItemsList: true }))}\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": []
 }

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

@@ -0,0 +1,297 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import Link from "next/link";
+import { useParams } from "next/navigation";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Page, PageBody } from "@open-mercato/ui/backend/Page";
+import { FormHeader } from "@open-mercato/ui/backend/forms";
+import { BillingDataTable as DataTable } from "../../../../components/BillingDataTable.js";
+import { RowActions } from "@open-mercato/ui/backend/RowActions";
+import { Tag } from "@open-mercato/ui/primitives/tag";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Kbd, KbdShortcut } from "@open-mercato/ui/primitives/kbd";
+import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from "@open-mercato/ui/primitives/dialog";
+import { ErrorMessage, LoadingMessage, RecordNotFoundState } from "@open-mercato/ui/backend/detail";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { useConfirmDialog } from "@open-mercato/ui/backend/confirm-dialog";
+import { apiCallOrThrow, readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import { normalizeCrudServerError } from "@open-mercato/ui/backend/utils/serverErrors";
+import { DetailCard, DetailField } from "../../../../components/DetailFields.js";
+import { AccountPicker } from "../../../../components/AccountPicker.js";
+import { AllocatePaymentDialog } from "../../../../components/AllocatePaymentDialog.js";
+import { formatMoney } from "../../../../components/InvoicesTable.js";
+import { PAYMENT_STATUS_VARIANT, usePaymentLabels } from "../../../../components/PaymentsTable.js";
+import { accountHref, invoiceDetailHref } from "../../../../lib/navigation.js";
+function AccountActionDialog({
+  open,
+  title,
+  confirmLabel,
+  billingMode,
+  currencyCode,
+  initialAccountId,
+  onClose,
+  onConfirm
+}) {
+  const t = useT();
+  const [accountId, setAccountId] = React.useState(initialAccountId ?? "");
+  const [busy, setBusy] = React.useState(false);
+  React.useEffect(() => {
+    if (open) setAccountId(initialAccountId ?? "");
+  }, [initialAccountId, open]);
+  const submit = async () => {
+    if (!accountId || busy) return;
+    setBusy(true);
+    try {
+      await onConfirm(accountId);
+      onClose();
+    } finally {
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (next) => !next ? onClose() : void 0, children: /* @__PURE__ */ jsxs(
+    DialogContent,
+    {
+      onKeyDown: (event) => {
+        if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
+          event.preventDefault();
+          void submit();
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: title }) }),
+        /* @__PURE__ */ jsx(AccountPicker, { value: accountId, onChange: setAccountId, currencyCode, billingMode }),
+        /* @__PURE__ */ jsx(DialogFooter, { children: /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsx(KbdShortcut, { keys: ["Ctrl/\u2318", "Enter"] }),
+            " \xB7 ",
+            /* @__PURE__ */ jsx(Kbd, { children: "Esc" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: onClose, children: t("billing.common.cancel", "Cancel") }),
+            /* @__PURE__ */ jsx(Button, { type: "button", onClick: () => void submit(), disabled: !accountId || busy, children: confirmLabel })
+          ] })
+        ] }) })
+      ]
+    }
+  ) });
+}
+function PaymentDetailPage(props) {
+  const t = useT();
+  const labels = usePaymentLabels();
+  const urlParams = useParams();
+  const id = props.params?.id ?? urlParams?.id;
+  const { confirm, ConfirmDialogElement } = useConfirmDialog();
+  const [data, setData] = React.useState(null);
+  const [error, setError] = React.useState(null);
+  const [notFound, setNotFound] = React.useState(false);
+  const [dialog, setDialog] = React.useState(null);
+  const load = React.useCallback(async () => {
+    if (!id) return;
+    try {
+      setData(await readApiResultOrThrow(`/api/billing/payments/${encodeURIComponent(id)}`));
+      setError(null);
+    } catch (err) {
+      if (err?.status === 404) setNotFound(true);
+      else setError(normalizeCrudServerError(err).message || t("billing.payments.detail.load_error", "Could not load the payment"));
+    }
+  }, [id, t]);
+  React.useEffect(() => {
+    void load();
+  }, [load]);
+  const action = React.useCallback(
+    async (path, body, success) => {
+      try {
+        await apiCallOrThrow(`/api/billing/payments/${path}`, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify(body)
+        });
+        flash(success, "success");
+        await load();
+      } catch (err) {
+        flash(normalizeCrudServerError(err).message || t("billing.payments.action_failed", "The action failed"), "error");
+      }
+    },
+    [load, t]
+  );
+  const allocationColumns = React.useMemo(
+    () => [
+      {
+        accessorKey: "invoice_number",
+        header: t("billing.payments.allocations.invoice", "Invoice"),
+        cell: ({ row }) => /* @__PURE__ */ jsx(Link, { href: invoiceDetailHref(row.original.invoice_id), className: "text-primary hover:underline", children: row.original.invoice_number ?? row.original.invoice_id })
+      },
+      {
+        accessorKey: "amount",
+        header: t("billing.payments.columns.amount", "Amount"),
+        cell: ({ row }) => formatMoney(row.original.amount, row.original.currency_code)
+      },
+      {
+        accessorKey: "allocated_by",
+        header: t("billing.payments.allocations.by", "How"),
+        cell: ({ row }) => ({
+          auto: t("billing.payments.allocations.by.auto", "Matched automatically"),
+          credit: t("billing.payments.allocations.by.credit", "Credit applied"),
+          user: t("billing.payments.allocations.by.user", "Manual"),
+          gateway: t("billing.payments.allocations.by.gateway", "Online payment")
+        })[row.original.allocated_by] ?? row.original.allocated_by
+      },
+      {
+        accessorKey: "created_at",
+        header: t("billing.payments.allocations.at", "When"),
+        cell: ({ row }) => new Date(row.original.created_at).toLocaleString()
+      }
+    ],
+    [t]
+  );
+  if (notFound) {
+    return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(RecordNotFoundState, { label: t("billing.payments.not_found", "Payment not found"), backHref: "/backend/billing/payments", backLabel: t("billing.payments.title", "Payments") }) }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(ErrorMessage, { label: error }) }) });
+  }
+  if (!data || !id) {
+    return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(LoadingMessage, { label: t("billing.payments.detail.loading", "Loading payment\u2026") }) }) });
+  }
+  const { payment, allocations } = data;
+  const unallocated = Number.parseFloat(payment.unallocated_amount);
+  const hasAllocations = allocations.length > 0;
+  const isUnmatched = payment.status === "unmatched";
+  const canAllocate = Boolean(payment.bill_account_id) && ["matched", "partially_allocated"].includes(payment.status) && unallocated > 0;
+  return /* @__PURE__ */ jsxs(Page, { children: [
+    /* @__PURE__ */ jsx(
+      FormHeader,
+      {
+        mode: "detail",
+        backHref: "/backend/billing/payments",
+        entityTypeLabel: t("billing.payments.detail.title", "Payment"),
+        title: formatMoney(payment.amount, payment.currency_code),
+        statusBadge: /* @__PURE__ */ jsx(Tag, { variant: PAYMENT_STATUS_VARIANT[payment.status] ?? "default", children: labels.status(payment.status) }),
+        actionsContent: /* @__PURE__ */ jsxs(Fragment, { children: [
+          isUnmatched ? /* @__PURE__ */ jsx(Button, { type: "button", onClick: () => setDialog("assign"), children: t("billing.payments.actions.assign", "Assign to account") }) : null,
+          canAllocate ? /* @__PURE__ */ jsx(Button, { type: "button", onClick: () => setDialog("allocate"), children: t("billing.payments.actions.allocate", "Allocate") }) : null,
+          isUnmatched && unallocated === Number.parseFloat(payment.amount) ? /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: () => setDialog("convert"), children: t("billing.payments.actions.convert", "Convert to top-up") }) : null,
+          payment.status === "matched" && !hasAllocations ? /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              onClick: () => void action("unassign", { paymentId: id }, t("billing.payments.actions.unassigned", "Payment unassigned")),
+              children: t("billing.payments.actions.unassign", "Unassign")
+            }
+          ) : null,
+          ["unmatched", "matched"].includes(payment.status) && !hasAllocations ? /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              onClick: () => void action("ignore", { paymentId: id }, t("billing.payments.actions.ignored", "Payment ignored")),
+              children: t("billing.payments.actions.ignore", "Ignore")
+            }
+          ) : null,
+          payment.status === "ignored" ? /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              onClick: () => void action("restore", { paymentId: id }, t("billing.payments.actions.restored", "Payment restored")),
+              children: t("billing.payments.actions.restore", "Restore")
+            }
+          ) : null
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxs(PageBody, { children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ jsxs(DetailCard, { children: [
+          /* @__PURE__ */ jsx(DetailField, { label: t("billing.payments.columns.received", "Received"), children: payment.received_at?.slice(0, 10) }),
+          /* @__PURE__ */ jsx(DetailField, { label: t("billing.payments.columns.unallocated", "Unallocated"), children: formatMoney(payment.unallocated_amount, payment.currency_code) }),
+          /* @__PURE__ */ jsx(DetailField, { label: t("billing.payments.columns.account", "Account"), children: payment.bill_account_id ? /* @__PURE__ */ jsx(Link, { href: accountHref(payment.bill_account_id), className: "text-primary hover:underline", children: payment.bill_account_name ?? payment.bill_account_id }) : "\u2014" }),
+          /* @__PURE__ */ jsx(DetailField, { label: t("billing.payments.fields.match_reason", "Match"), children: labels.reason(payment.match_reason) }),
+          /* @__PURE__ */ jsx(DetailField, { label: t("billing.payments.columns.reference", "Reference"), children: payment.reference ?? "\u2014" }),
+          /* @__PURE__ */ jsx(DetailField, { label: t("billing.payments.columns.payer", "Payer"), children: [payment.payer_name, payment.payer_account].filter(Boolean).join(" \xB7 ") || "\u2014" }),
+          /* @__PURE__ */ jsx(DetailField, { label: t("billing.payments.fields.source", "Source"), children: payment.import_id ? /* @__PURE__ */ jsx(Link, { href: `/backend/billing/payments/imports/${payment.import_id}`, className: "text-primary hover:underline", children: t("billing.payments.source.csv", "Bank CSV") }) : payment.source === "gateway" ? t("billing.payments.source.gateway", "Online payment") : t("billing.payments.source.manual", "Manual entry") }),
+          payment.topup_id ? /* @__PURE__ */ jsx(DetailField, { label: t("billing.payments.fields.topup", "Top-up"), children: /* @__PURE__ */ jsx(Link, { href: `/backend/billing/topups/${payment.topup_id}`, className: "text-primary hover:underline", children: t("billing.payments.fields.topup_open", "Open top-up") }) }) : null
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h2", { className: "mb-2 text-base font-semibold", children: t("billing.payments.allocations.title", "Allocations") }),
+          /* @__PURE__ */ jsx(
+            DataTable,
+            {
+              columns: allocationColumns,
+              data: allocations,
+              isLoading: false,
+              emptyState: t("billing.payments.allocations.empty", "Not allocated to any invoice."),
+              rowActions: (row) => /* @__PURE__ */ jsx(
+                RowActions,
+                {
+                  items: [
+                    {
+                      id: "unallocate",
+                      label: t("billing.payments.allocations.remove", "Un-allocate"),
+                      destructive: true,
+                      onSelect: () => {
+                        void confirm({
+                          title: t("billing.payments.allocations.remove_confirm", "Remove this allocation?"),
+                          text: t("billing.payments.allocations.remove_text", "The invoice becomes unpaid by this amount again."),
+                          confirmText: t("billing.payments.allocations.remove", "Un-allocate"),
+                          variant: "destructive"
+                        }).then((ok) => {
+                          if (ok) void action("unallocate", { allocationId: row.id }, t("billing.payments.allocations.removed", "Allocation removed"));
+                        });
+                      }
+                    }
+                  ]
+                }
+              ),
+              pagination: { page: 1, pageSize: Math.max(allocations.length, 1), total: allocations.length, totalPages: 1, onPageChange: () => void 0 }
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        AccountActionDialog,
+        {
+          open: dialog === "assign",
+          title: t("billing.payments.actions.assign", "Assign to account"),
+          confirmLabel: t("billing.payments.actions.assign_confirm", "Assign"),
+          billingMode: "postpaid",
+          currencyCode: payment.currency_code,
+          onClose: () => setDialog(null),
+          onConfirm: (billAccountId) => action("assign", { paymentId: id, billAccountId }, t("billing.payments.actions.assigned", "Payment assigned"))
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        AccountActionDialog,
+        {
+          open: dialog === "convert",
+          title: t("billing.payments.actions.convert", "Convert to top-up"),
+          confirmLabel: t("billing.payments.actions.convert_confirm", "Convert"),
+          billingMode: "prepaid",
+          currencyCode: payment.currency_code,
+          initialAccountId: payment.bill_account_mode === "prepaid" ? payment.bill_account_id : null,
+          onClose: () => setDialog(null),
+          onConfirm: (billAccountId) => action("convert-to-topup", { paymentId: id, billAccountId }, t("billing.payments.actions.converted", "Top-up created"))
+        }
+      ),
+      payment.bill_account_id ? /* @__PURE__ */ jsx(
+        AllocatePaymentDialog,
+        {
+          open: dialog === "allocate",
+          onClose: () => setDialog(null),
+          onDone: () => void load(),
+          paymentId: id,
+          billAccountId: payment.bill_account_id,
+          unallocated,
+          currencyCode: payment.currency_code
+        }
+      ) : null,
+      ConfirmDialogElement
+    ] })
+  ] });
+}
+export {
+  PaymentDetailPage as default
+};
+//# sourceMappingURL=page.js.map