@dainamite/billing 0.20.0 → 0.21.0

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

@@ -4,7 +4,7 @@ import * as React from "react";
 import { useRouter } from "next/navigation";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { Page, PageBody } from "@open-mercato/ui/backend/Page";
-import { DataTable } from "@open-mercato/ui/backend/DataTable";
+import { BillingDataTable as DataTable } from "../../../components/BillingDataTable.js";
 import { Tag } from "@open-mercato/ui/primitives/tag";
 import { readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
 import { fetchAccountNames } from "../../../components/accountNames.js";

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

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

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

@@ -14,6 +14,7 @@ import { normalizeCrudServerError } from "@open-mercato/ui/backend/utils/serverE
 import {
   UsageForm
 } from "../../../../components/UsageForm.js";
+import { accountHref } from "../../../../lib/navigation.js";
 function CreateBillingUsagePage() {
   const t = useT();
   const router = useRouter();
@@ -60,7 +61,7 @@ function CreateBillingUsagePage() {
         } else {
           flash(t("billing.usage.create.success", "Usage record created"), "success");
         }
-        router.push(`/backend/billing/accounts/${payload.billAccountId}`);
+        router.push(accountHref(payload.billAccountId, "usage"));
       } catch (err) {
         const { message } = normalizeCrudServerError(err);
         flash(
@@ -75,7 +76,7 @@ function CreateBillingUsagePage() {
   );
   const handleCancel = React.useCallback(() => {
     if (preselectedAccountId) {
-      router.push(`/backend/billing/accounts/${preselectedAccountId}`);
+      router.push(accountHref(preselectedAccountId, "usage"));
     } else {
       router.push("/backend/billing/accounts");
     }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/modules/billing/backend/billing/usage/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 {\n  UsageForm,\n  type UsageAccountOption,\n  type AssembledUsagePayload,\n} from '../../../../components/UsageForm'\n\n/**\n * `/backend/billing/usage/create` \u2014 manually record a usage entry.\n *\n * Mirrors `items/create`: loads the account list once to drive the\n * picker, supports `?billAccountId=<id>` deep-link from the account\n * detail page's \"Add usage\" CTA, and POSTs to `/api/billing/usage`\n * (the same endpoint external meters use). Usage has no detail page \u2014\n * on success we return to the account detail where the new record\n * shows up in the Usage section.\n */\nexport default function CreateBillingUsagePage() {\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<UsageAccountOption[] | 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: UsageAccountOption[] }>(\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: AssembledUsagePayload) => {\n      setSubmitting(true)\n      try {\n        const call = await apiCallOrThrow<{ id: string; deduplicated: boolean }>(\n          '/api/billing/usage',\n          {\n            method: 'POST',\n            headers: { 'Content-Type': 'application/json' },\n            body: JSON.stringify(payload),\n          },\n        )\n        if (call.result?.deduplicated) {\n          flash(\n            t(\n              'billing.usage.create.deduplicated',\n              'A usage record with that source reference already existed \u2014 nothing was duplicated.',\n            ),\n            'success',\n          )\n        } else {\n          flash(t('billing.usage.create.success', 'Usage record created'), 'success')\n        }\n        router.push(`/backend/billing/accounts/${payload.billAccountId}`)\n      } catch (err) {\n        const { message } = normalizeCrudServerError(err)\n        flash(\n          message || t('billing.usage.create.error', 'Failed to record usage'),\n          'error',\n        )\n      } finally {\n        setSubmitting(false)\n      }\n    },\n    [router, t],\n  )\n\n  const handleCancel = React.useCallback(() => {\n    if (preselectedAccountId) {\n      router.push(`/backend/billing/accounts/${preselectedAccountId}`)\n    } else {\n      router.push('/backend/billing/accounts')\n    }\n  }, [preselectedAccountId, router])\n\n  return (\n    <Page>\n      <PageHeader title={t('billing.usage.create.title', 'Record Usage')} />\n      <PageBody>\n        {accounts === null ? (\n          <LoadingMessage label={t('billing.usage.create.loading', 'Loading accounts\u2026')} />\n        ) : (\n          <UsageForm\n            accountOptions={accounts}\n            initial={\n              preselectedAccountId ? { billAccountId: preselectedAccountId } : undefined\n            }\n            submitting={submitting}\n            onSubmit={handleSubmit}\n            onCancel={handleCancel}\n          />\n        )}\n      </PageBody>\n    </Page>\n  )\n}\n"],
-  "mappings": ";AAoGI,SACE,KADF;AAnGJ,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;AAAA,EACE;AAAA,OAGK;AAYQ,SAAR,yBAA0C;AAC/C,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,SAAsC,IAAI;AAChF,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,YAAmC;AACxC,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,YAAI,KAAK,QAAQ,cAAc;AAC7B;AAAA,YACE;AAAA,cACE;AAAA,cACA;AAAA,YACF;AAAA,YACA;AAAA,UACF;AAAA,QACF,OAAO;AACL,gBAAM,EAAE,gCAAgC,sBAAsB,GAAG,SAAS;AAAA,QAC5E;AACA,eAAO,KAAK,6BAA6B,QAAQ,aAAa,EAAE;AAAA,MAClE,SAAS,KAAK;AACZ,cAAM,EAAE,QAAQ,IAAI,yBAAyB,GAAG;AAChD;AAAA,UACE,WAAW,EAAE,8BAA8B,wBAAwB;AAAA,UACnE;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,QAAI,sBAAsB;AACxB,aAAO,KAAK,6BAA6B,oBAAoB,EAAE;AAAA,IACjE,OAAO;AACL,aAAO,KAAK,2BAA2B;AAAA,IACzC;AAAA,EACF,GAAG,CAAC,sBAAsB,MAAM,CAAC;AAEjC,SACE,qBAAC,QACC;AAAA,wBAAC,cAAW,OAAO,EAAE,8BAA8B,cAAc,GAAG;AAAA,IACpE,oBAAC,YACE,uBAAa,OACZ,oBAAC,kBAAe,OAAO,EAAE,gCAAgC,wBAAmB,GAAG,IAE/E;AAAA,MAAC;AAAA;AAAA,QACC,gBAAgB;AAAA,QAChB,SACE,uBAAuB,EAAE,eAAe,qBAAqB,IAAI;AAAA,QAEnE;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 {\n  UsageForm,\n  type UsageAccountOption,\n  type AssembledUsagePayload,\n} from '../../../../components/UsageForm'\nimport { accountHref } from '../../../../lib/navigation'\n\n/**\n * `/backend/billing/usage/create` \u2014 manually record a usage entry.\n *\n * Mirrors `items/create`: loads the account list once to drive the\n * picker, supports `?billAccountId=<id>` deep-link from the account\n * detail page's \"Add usage\" CTA, and POSTs to `/api/billing/usage`\n * (the same endpoint external meters use). Usage has no detail page \u2014\n * on success we return to the account detail where the new record\n * shows up in the Usage section.\n */\nexport default function CreateBillingUsagePage() {\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<UsageAccountOption[] | 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: UsageAccountOption[] }>(\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: AssembledUsagePayload) => {\n      setSubmitting(true)\n      try {\n        const call = await apiCallOrThrow<{ id: string; deduplicated: boolean }>(\n          '/api/billing/usage',\n          {\n            method: 'POST',\n            headers: { 'Content-Type': 'application/json' },\n            body: JSON.stringify(payload),\n          },\n        )\n        if (call.result?.deduplicated) {\n          flash(\n            t(\n              'billing.usage.create.deduplicated',\n              'A usage record with that source reference already existed \u2014 nothing was duplicated.',\n            ),\n            'success',\n          )\n        } else {\n          flash(t('billing.usage.create.success', 'Usage record created'), 'success')\n        }\n        router.push(accountHref(payload.billAccountId, 'usage'))\n      } catch (err) {\n        const { message } = normalizeCrudServerError(err)\n        flash(\n          message || t('billing.usage.create.error', 'Failed to record usage'),\n          'error',\n        )\n      } finally {\n        setSubmitting(false)\n      }\n    },\n    [router, t],\n  )\n\n  const handleCancel = React.useCallback(() => {\n    if (preselectedAccountId) {\n      router.push(accountHref(preselectedAccountId, 'usage'))\n    } else {\n      router.push('/backend/billing/accounts')\n    }\n  }, [preselectedAccountId, router])\n\n  return (\n    <Page>\n      <PageHeader title={t('billing.usage.create.title', 'Record Usage')} />\n      <PageBody>\n        {accounts === null ? (\n          <LoadingMessage label={t('billing.usage.create.loading', 'Loading accounts\u2026')} />\n        ) : (\n          <UsageForm\n            accountOptions={accounts}\n            initial={\n              preselectedAccountId ? { billAccountId: preselectedAccountId } : undefined\n            }\n            submitting={submitting}\n            onSubmit={handleSubmit}\n            onCancel={handleCancel}\n          />\n        )}\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": ";AAqGI,SACE,KADF;AApGJ,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;AAAA,EACE;AAAA,OAGK;AACP,SAAS,mBAAmB;AAYb,SAAR,yBAA0C;AAC/C,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,SAAsC,IAAI;AAChF,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,YAAmC;AACxC,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,YAAI,KAAK,QAAQ,cAAc;AAC7B;AAAA,YACE;AAAA,cACE;AAAA,cACA;AAAA,YACF;AAAA,YACA;AAAA,UACF;AAAA,QACF,OAAO;AACL,gBAAM,EAAE,gCAAgC,sBAAsB,GAAG,SAAS;AAAA,QAC5E;AACA,eAAO,KAAK,YAAY,QAAQ,eAAe,OAAO,CAAC;AAAA,MACzD,SAAS,KAAK;AACZ,cAAM,EAAE,QAAQ,IAAI,yBAAyB,GAAG;AAChD;AAAA,UACE,WAAW,EAAE,8BAA8B,wBAAwB;AAAA,UACnE;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,QAAI,sBAAsB;AACxB,aAAO,KAAK,YAAY,sBAAsB,OAAO,CAAC;AAAA,IACxD,OAAO;AACL,aAAO,KAAK,2BAA2B;AAAA,IACzC;AAAA,EACF,GAAG,CAAC,sBAAsB,MAAM,CAAC;AAEjC,SACE,qBAAC,QACC;AAAA,wBAAC,cAAW,OAAO,EAAE,8BAA8B,cAAc,GAAG;AAAA,IACpE,oBAAC,YACE,uBAAa,OACZ,oBAAC,kBAAe,OAAO,EAAE,gCAAgC,wBAAmB,GAAG,IAE/E;AAAA,MAAC;AAAA;AAAA,QACC,gBAAgB;AAAA,QAChB,SACE,uBAAuB,EAAE,eAAe,qBAAqB,IAAI;AAAA,QAEnE;AAAA,QACA,UAAU;AAAA,QACV,UAAU;AAAA;AAAA,IACZ,GAEJ;AAAA,KACF;AAEJ;",
   "names": []
 }

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

@@ -0,0 +1,472 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Page, PageBody, PageHeader } from "@open-mercato/ui/backend/Page";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { Textarea } from "@open-mercato/ui/primitives/textarea";
+import { Switch } from "@open-mercato/ui/primitives/switch";
+import { Tag } from "@open-mercato/ui/primitives/tag";
+import { RadioGroup } from "@open-mercato/ui/primitives/radio";
+import { RadioField } from "@open-mercato/ui/primitives/radio-field";
+import { KbdShortcut } from "@open-mercato/ui/primitives/kbd";
+import { LoadingMessage, ErrorMessage } from "@open-mercato/ui/backend/detail";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { apiCall, apiCallOrThrow, readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import { normalizeCrudServerError } from "@open-mercato/ui/backend/utils/serverErrors";
+import { DOCUMENT_SERIES } from "../../../lib/numbering.js";
+const EMPTY_ADDRESS = { line1: "", line2: "", city: "", postal_code: "", country: "PL" };
+function addressPayload(address) {
+  if (!address) return null;
+  const trimmed = {
+    line1: address.line1.trim(),
+    line2: (address.line2 ?? "").trim(),
+    city: address.city.trim(),
+    postal_code: address.postal_code.trim(),
+    country: address.country.trim().toUpperCase()
+  };
+  if (!trimmed.line1 && !trimmed.city && !trimmed.postal_code) return null;
+  const { line2, ...rest } = trimmed;
+  return line2 ? { ...rest, line2 } : rest;
+}
+const ATTACHMENT_ENTITY_ID = "billing:billing_settings";
+function useMaskPreview(mask) {
+  const [preview, setPreview] = React.useState(null);
+  React.useEffect(() => {
+    let cancelled = false;
+    const handle = setTimeout(() => {
+      void apiCall(`/api/billing/settings/number-preview?mask=${encodeURIComponent(mask)}`).then((call) => {
+        if (!cancelled) setPreview(call.ok ? call.result ?? null : null);
+      });
+    }, 250);
+    return () => {
+      cancelled = true;
+      clearTimeout(handle);
+    };
+  }, [mask]);
+  return preview;
+}
+function MaskField({
+  series,
+  value,
+  initial,
+  onChange
+}) {
+  const t = useT();
+  const preview = useMaskPreview(value);
+  const seriesLabel = {
+    invoice: t("billing.settings.series.invoice", "Invoices and debit memos"),
+    credit_memo: t("billing.settings.series.credit_memo", "Credit memos"),
+    receipt: t("billing.settings.series.receipt", "Top-up receipts")
+  };
+  const scopeLabel = (scopeKey) => !scopeKey ? t("billing.settings.mask.scope.none", "Counter never resets") : scopeKey.length === 4 ? t("billing.settings.mask.scope.year", "Counter resets every year") : t("billing.settings.mask.scope.month", "Counter resets every month");
+  return /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-sm", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: seriesLabel[series] }),
+    /* @__PURE__ */ jsx(Input, { value, maxLength: 64, onChange: (event) => onChange(event.currentTarget.value) }),
+    preview?.valid ? /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+      t("billing.settings.mask.example", "Next number looks like"),
+      " ",
+      /* @__PURE__ */ jsx("span", { className: "font-mono", children: preview.example }),
+      " \xB7 ",
+      scopeLabel(preview.scopeKey)
+    ] }) : preview ? /* @__PURE__ */ jsx("span", { className: "text-xs text-destructive", children: preview.errors.map((code) => t(`billing.settings.mask.error.${code}`, code)).join(" ") }) : null,
+    value !== initial ? /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t(
+      "billing.settings.mask.change_warning",
+      "Changing the mask mid-period starts a new counter; a number that was already issued is rejected at post."
+    ) }) : null
+  ] });
+}
+function BillingSettingsPage() {
+  const t = useT();
+  const [loaded, setLoaded] = React.useState(null);
+  const [values, setValues] = React.useState(null);
+  const [error, setError] = React.useState(null);
+  const [saving, setSaving] = React.useState(false);
+  const load = React.useCallback(async () => {
+    setError(null);
+    try {
+      const result = await readApiResultOrThrow("/api/billing/settings");
+      setLoaded(result);
+      setValues(result.settings);
+    } catch (err) {
+      setError(normalizeCrudServerError(err).message || t("billing.settings.error.load", "Could not load billing settings"));
+    }
+  }, [t]);
+  React.useEffect(() => {
+    void load();
+  }, [load]);
+  const set = (key, value) => setValues((prev) => prev ? { ...prev, [key]: value } : prev);
+  const fieldLabel = React.useCallback(
+    (field) => {
+      const labels = {
+        legalName: t("billing.settings.seller.legal_name", "Legal name"),
+        sellerAddress: t("billing.settings.seller.address", "Address"),
+        taxId: t("billing.settings.seller.tax_id", "Tax ID"),
+        iban: "IBAN",
+        bic: "BIC",
+        bankName: t("billing.settings.payment.bank_name", "Bank"),
+        topupProvider: t("billing.settings.prepaid.topup_provider", "Top-up payment provider"),
+        topupTaxRate: t("billing.settings.prepaid.topup_tax_rate", "VAT on top-up receipts (%)"),
+        defaultPaymentTermsDays: t("billing.settings.payment.terms", "Default payment terms (days)"),
+        defaultTaxRate: t("billing.settings.payment.tax_rate", "Default VAT rate (%)"),
+        numberMasks: t("billing.settings.numbering.title", "Document numbering")
+      };
+      const root = field.split(".")[0];
+      const rest = field.slice(root.length + 1);
+      return `${labels[root] ?? root}${rest ? ` (${rest})` : ""}`;
+    },
+    [t]
+  );
+  const handleSave = React.useCallback(async () => {
+    if (!values) return;
+    setSaving(true);
+    try {
+      await apiCallOrThrow("/api/billing/settings", {
+        method: "PUT",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ ...values, sellerAddress: addressPayload(values.sellerAddress) })
+      });
+      flash(t("billing.settings.saved", "Billing settings saved"), "success");
+      await load();
+    } catch (err) {
+      const { message, fieldErrors } = normalizeCrudServerError(err);
+      const details = Object.entries(fieldErrors ?? {}).map(([field, fieldMessage]) => {
+        const text = String(fieldMessage);
+        const translated = text.startsWith("billing.") ? t(text, text) : text;
+        return `${fieldLabel(field)}: ${translated}`;
+      }).join("; ");
+      flash(
+        details ? `${t("billing.settings.error.fields", "Check these fields")} \u2014 ${details}` : message || t("billing.settings.error.save", "Saving failed"),
+        "error"
+      );
+    } finally {
+      setSaving(false);
+    }
+  }, [fieldLabel, load, t, values]);
+  const [uploading, setUploading] = React.useState(false);
+  const handleLogoUpload = React.useCallback(
+    async (file) => {
+      if (!file || !values) return;
+      setUploading(true);
+      try {
+        const form = new FormData();
+        form.set("entityId", ATTACHMENT_ENTITY_ID);
+        form.set("recordId", loaded?.settings.id ?? "settings");
+        form.set("file", file);
+        const call = await apiCall("/api/attachments", {
+          method: "POST",
+          body: form
+        });
+        if (!call.ok || !call.result?.item?.id) {
+          throw new Error(call.result?.error || t("billing.settings.logo.upload_failed", "Logo upload failed"));
+        }
+        set("logoAttachmentId", call.result.item.id);
+      } catch (err) {
+        flash(err instanceof Error ? err.message : t("billing.settings.logo.upload_failed", "Logo upload failed"), "error");
+      } finally {
+        setUploading(false);
+      }
+    },
+    [loaded?.settings.id, t, values]
+  );
+  const address = values?.sellerAddress ?? EMPTY_ADDRESS;
+  const setAddress = (key, value) => set("sellerAddress", { ...values?.sellerAddress ?? EMPTY_ADDRESS, [key]: value });
+  const missingLabels = {
+    legalName: t("billing.settings.seller.legal_name", "Legal name"),
+    sellerAddress: t("billing.settings.seller.address", "Address"),
+    taxId: t("billing.settings.seller.tax_id", "Tax ID"),
+    iban: t("billing.settings.payment.iban", "IBAN")
+  };
+  const handleKeyDown = (event) => {
+    if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
+      event.preventDefault();
+      void handleSave();
+    } else if (event.key === "Escape" && loaded) {
+      event.preventDefault();
+      setValues(loaded.settings);
+    }
+  };
+  return /* @__PURE__ */ jsxs(Page, { children: [
+    /* @__PURE__ */ jsx(PageHeader, { title: t("billing.settings.title", "Billing") }),
+    /* @__PURE__ */ jsx(PageBody, { children: error ? /* @__PURE__ */ jsx(ErrorMessage, { label: error }) : !values || !loaded ? /* @__PURE__ */ jsx(LoadingMessage, { label: t("billing.settings.loading", "Loading billing settings\u2026") }) : /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", onKeyDown: handleKeyDown, children: [
+      loaded.completeness && !loaded.completeness.ready ? /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-status-warning-border bg-status-warning-bg p-4 text-sm", children: [
+        /* @__PURE__ */ jsx("div", { className: "font-medium", children: t("billing.settings.incomplete.title", "Invoices cannot be posted yet") }),
+        /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground", children: [
+          t("billing.settings.incomplete.help", "Fill in the seller details printed on every invoice:"),
+          " ",
+          loaded.completeness.missing.map((field) => missingLabels[field] ?? field).join(", ")
+        ] })
+      ] }) : null,
+      /* @__PURE__ */ jsxs("section", { className: "rounded-lg border bg-card p-6 grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold sm:col-span-2", children: t("billing.settings.seller.title", "Seller") }),
+        /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-sm sm:col-span-2", children: [
+          /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+            t("billing.settings.seller.legal_name", "Legal name"),
+            " *"
+          ] }),
+          /* @__PURE__ */ jsx(Input, { value: values.legalName, maxLength: 255, onChange: (e) => set("legalName", e.currentTarget.value) })
+        ] }),
+        /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-sm sm:col-span-2", children: [
+          /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+            t("billing.settings.seller.line1", "Address line 1"),
+            " *"
+          ] }),
+          /* @__PURE__ */ jsx(Input, { value: address.line1, onChange: (e) => setAddress("line1", e.currentTarget.value) })
+        ] }),
+        /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-sm sm:col-span-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("billing.settings.seller.line2", "Address line 2") }),
+          /* @__PURE__ */ jsx(Input, { value: address.line2 ?? "", onChange: (e) => setAddress("line2", e.currentTarget.value) })
+        ] }),
+        /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-sm", children: [
+          /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+            t("billing.settings.seller.postal_code", "Postal code"),
+            " *"
+          ] }),
+          /* @__PURE__ */ jsx(Input, { value: address.postal_code, onChange: (e) => setAddress("postal_code", e.currentTarget.value) })
+        ] }),
+        /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-sm", children: [
+          /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+            t("billing.settings.seller.city", "City"),
+            " *"
+          ] }),
+          /* @__PURE__ */ jsx(Input, { value: address.city, onChange: (e) => setAddress("city", e.currentTarget.value) })
+        ] }),
+        /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-sm", children: [
+          /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+            t("billing.settings.seller.country", "Country (ISO code)"),
+            " *"
+          ] }),
+          /* @__PURE__ */ jsx(Input, { value: address.country, maxLength: 3, onChange: (e) => setAddress("country", e.currentTarget.value) })
+        ] }),
+        /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-sm", children: [
+          /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+            t("billing.settings.seller.tax_id", "Tax ID"),
+            " *"
+          ] }),
+          /* @__PURE__ */ jsx(Input, { value: values.taxId, maxLength: 64, onChange: (e) => set("taxId", e.currentTarget.value) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("section", { className: "rounded-lg border bg-card p-6 grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold sm:col-span-2", children: t("billing.settings.payment.title", "Payment and invoicing") }),
+        /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-sm sm:col-span-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("billing.settings.payment.bank_name", "Bank name") }),
+          /* @__PURE__ */ jsx(Input, { value: values.bankName, maxLength: 255, onChange: (e) => set("bankName", e.currentTarget.value) })
+        ] }),
+        /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-sm", children: [
+          /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+            t("billing.settings.payment.iban", "IBAN"),
+            " *"
+          ] }),
+          /* @__PURE__ */ jsx(Input, { value: values.iban, className: "font-mono", onChange: (e) => set("iban", e.currentTarget.value) })
+        ] }),
+        /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-sm", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("billing.settings.payment.bic", "BIC / SWIFT") }),
+          /* @__PURE__ */ jsx(Input, { value: values.bic, className: "font-mono", maxLength: 11, onChange: (e) => set("bic", e.currentTarget.value) })
+        ] }),
+        /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-sm", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("billing.settings.payment.terms", "Default payment terms (days)") }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "number",
+              min: "0",
+              max: "365",
+              step: "1",
+              value: String(values.defaultPaymentTermsDays),
+              onChange: (e) => set("defaultPaymentTermsDays", Number.parseInt(e.currentTarget.value, 10) || 0)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-sm", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("billing.settings.payment.tax_rate", "Default VAT rate (%)") }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "number",
+              min: "0",
+              max: "100",
+              step: "0.01",
+              value: String(values.defaultTaxRate),
+              onChange: (e) => set("defaultTaxRate", Number(e.currentTarget.value) || 0)
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("billing.settings.payment.tax_rate.help", "Applied to new billing items only; existing items keep their rate.") })
+        ] }),
+        /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-sm sm:col-span-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("billing.settings.document.footer", "Invoice footer") }),
+          /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              rows: 2,
+              maxLength: 2e3,
+              value: values.invoiceFooter,
+              onChange: (e) => set("invoiceFooter", e.currentTarget.value)
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("billing.settings.document.footer.help", "Registration court, share capital and similar legal notes.") })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 text-sm sm:col-span-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("billing.settings.document.logo", "Logo (PNG or JPEG)") }),
+          values.logoAttachmentId ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: `/api/attachments/file/${encodeURIComponent(values.logoAttachmentId)}`,
+                alt: t("billing.settings.document.logo", "Logo (PNG or JPEG)"),
+                className: "h-12 max-w-[200px] object-contain rounded border bg-background"
+              }
+            ),
+            /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => set("logoAttachmentId", null), children: t("billing.settings.document.logo.remove", "Remove") })
+          ] }) : /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("billing.settings.document.logo.fallback", "No logo \u2014 the organization logo is used when set.") }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "file",
+              accept: "image/png,image/jpeg",
+              disabled: uploading,
+              onChange: (e) => void handleLogoUpload(e.currentTarget.files?.[0] ?? null)
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("section", { className: "rounded-lg border bg-card p-6 flex flex-col gap-4", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold", children: t("billing.settings.numbering.title", "Document numbering") }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t(
+            "billing.settings.numbering.help",
+            "Use date tokens and exactly one counter token. The counter token decides when numbering restarts. Add :N to zero-pad the counter."
+          ) }),
+          /* @__PURE__ */ jsx("ul", { className: "mt-2 grid grid-cols-1 sm:grid-cols-2 gap-1 text-xs", children: [
+            ["{YYYY} {YY} {MM} {DD}", t("billing.settings.token.date", "Issue date parts")],
+            ["{SEQUENCE_NUM}", t("billing.settings.mask.scope.none", "Counter never resets")],
+            ["{SEQUENCE_NUM_YEAR}", t("billing.settings.mask.scope.year", "Counter resets every year")],
+            ["{SEQUENCE_NUM_MONTH}", t("billing.settings.mask.scope.month", "Counter resets every month")],
+            [":N  ({SEQUENCE_NUM_MONTH:4} \u2192 0007)", t("billing.settings.token.pad", "Zero-pad the counter to N digits")]
+          ].map(([token, label]) => /* @__PURE__ */ jsxs("li", { children: [
+            /* @__PURE__ */ jsx("span", { className: "font-mono", children: token }),
+            " \u2014 ",
+            label
+          ] }, token)) })
+        ] }),
+        DOCUMENT_SERIES.map((series) => /* @__PURE__ */ jsx(
+          MaskField,
+          {
+            series,
+            value: values.numberMasks[series],
+            initial: loaded.settings.numberMasks[series],
+            onChange: (next) => set("numberMasks", { ...values.numberMasks, [series]: next })
+          },
+          series
+        ))
+      ] }),
+      /* @__PURE__ */ jsxs("section", { className: "rounded-lg border bg-card p-6 grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold sm:col-span-2", children: t("billing.settings.prepaid.title", "Prepaid defaults") }),
+        /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-sm", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("billing.settings.prepaid.low_balance", "Low-balance threshold") }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "number",
+              min: "0",
+              step: "0.01",
+              value: String(values.lowBalanceThresholdDefault),
+              onChange: (e) => set("lowBalanceThresholdDefault", Number(e.currentTarget.value) || 0)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-sm", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("billing.settings.prepaid.near_limit", "Near credit-limit buffer") }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "number",
+              min: "0",
+              step: "0.01",
+              value: String(values.nearLimitBufferDefault),
+              onChange: (e) => set("nearLimitBufferDefault", Number(e.currentTarget.value) || 0)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 text-sm sm:col-span-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("billing.settings.prepaid.tax_point", "When is VAT charged on prepaid accounts?") }),
+          /* @__PURE__ */ jsxs(
+            RadioGroup,
+            {
+              value: values.prepaidTaxPoint ?? "topup",
+              onValueChange: (next) => set("prepaidTaxPoint", next === "consumption" ? "consumption" : "topup"),
+              className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
+              children: [
+                /* @__PURE__ */ jsx(
+                  RadioField,
+                  {
+                    value: "topup",
+                    label: t("billing.settings.prepaid.tax_point.topup", "At top-up"),
+                    description: t(
+                      "billing.settings.prepaid.tax_point.topup_help",
+                      "The top-up receipt includes VAT. Charges take the item amount from the balance as entered; item VAT rates do not apply."
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  RadioField,
+                  {
+                    value: "consumption",
+                    label: t("billing.settings.prepaid.tax_point.consumption", "At billing"),
+                    description: t(
+                      "billing.settings.prepaid.tax_point.consumption_help",
+                      "Top-ups carry no VAT. Each charge takes its gross amount (at the item VAT rate) from the balance; statements show the VAT. Check with your accountant."
+                    )
+                  }
+                )
+              ]
+            }
+          ),
+          (values.prepaidTaxPoint ?? "topup") !== (loaded.settings.prepaidTaxPoint ?? "topup") ? /* @__PURE__ */ jsx("div", { className: "rounded-md border border-status-warning-border bg-status-warning-bg px-3 py-2 text-xs text-status-warning-text", children: t(
+            "billing.settings.prepaid.tax_point.change_warning",
+            "Applies to new top-ups and charges only. Balances topped up under the other setting keep their tax treatment; switching from top-up to billing taxes the remaining balance again when it is used."
+          ) }) : null
+        ] }),
+        (values.prepaidTaxPoint ?? "topup") === "topup" ? /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-sm", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("billing.settings.prepaid.topup_tax_rate", "VAT on top-up receipts (%)") }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "number",
+              min: "0",
+              max: "100",
+              step: "0.01",
+              value: String(values.topupTaxRate),
+              onChange: (e) => set("topupTaxRate", Number(e.currentTarget.value) || 0)
+            }
+          )
+        ] }) : null,
+        /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-sm", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("billing.settings.prepaid.topup_provider", "Top-up payment provider") }),
+          /* @__PURE__ */ jsx(Input, { value: values.topupProvider, onChange: (e) => set("topupProvider", e.currentTarget.value) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 sm:col-span-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-sm", children: t("billing.settings.prepaid.statements", "Generate consumption statements at period close") }),
+          /* @__PURE__ */ jsx(Switch, { checked: values.statementEnabled, onCheckedChange: (next) => set("statementEnabled", next) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm sm:col-span-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("billing.settings.prepaid.gateway", "Online top-ups") }),
+          loaded.capabilities.gatewayTopups ? /* @__PURE__ */ jsx(Tag, { variant: "success", children: t("billing.settings.prepaid.gateway.available", "Available") }) : /* @__PURE__ */ jsx(Tag, { variant: "neutral", children: t("billing.settings.prepaid.gateway.unavailable", "Unavailable \u2014 payment gateways module not installed") })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-3", children: [
+        /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsx(KbdShortcut, { keys: ["Ctrl/\u2318", "Enter"] }),
+          " ",
+          t("billing.settings.save_hint", "to save")
+        ] }),
+        /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: () => setValues(loaded.settings), disabled: saving, children: t("billing.common.cancel", "Cancel") }),
+        /* @__PURE__ */ jsx(Button, { type: "button", onClick: () => void handleSave(), disabled: saving, children: saving ? t("billing.settings.saving", "Saving\u2026") : t("billing.common.save", "Save") })
+      ] })
+    ] }) })
+  ] });
+}
+export {
+  BillingSettingsPage as default
+};
+//# sourceMappingURL=page.js.map