@dainamite/billing 0.19.0 → 0.21.0

package/dist/modules/billing/components/AccountForm.js

@@ -11,18 +11,30 @@ import {
   SelectValue
 } from "@open-mercato/ui/primitives/select";
 import { Switch } from "@open-mercato/ui/primitives/switch";
+import { SegmentedControl, SegmentedControlItem } from "@open-mercato/ui/primitives/segmented-control";
+import { Building2, User } from "lucide-react";
 import { Kbd, KbdShortcut } from "@open-mercato/ui/primitives/kbd";
 import { ComboboxInput } from "@open-mercato/ui/backend/inputs";
 import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
+import {
+  applyCustomerPrefill,
+  customerEndpoint,
+  extractItems,
+  mapPrimaryAddress,
+  toCustomerSummary
+} from "../lib/customerLookup.js";
+import { DEFAULT_INVOICE_LANGUAGE, SUPPORTED_INVOICE_LANGUAGES } from "../lib/invoiceLanguages.js";
+import { fetchCustomerAddressRows } from "./customerNames.js";
 const EMPTY_VALUES = {
   customerId: "",
+  customerKind: "company",
   name: "",
   currencyCode: "EUR",
   billCycle: "monthly",
   billCycleAnchor: "1",
   invoiceEmail: "",
-  invoiceLanguage: "en",
+  invoiceLanguage: DEFAULT_INVOICE_LANGUAGE,
   taxId: "",
   invoiceAddress: {
     line1: "",
@@ -35,7 +47,9 @@ const EMPTY_VALUES = {
   isActive: true,
   billingMode: "postpaid",
   creditLimit: "0",
-  lowBalanceThreshold: ""
+  lowBalanceThreshold: "",
+  paymentTermsDays: "",
+  autoSendInvoice: false
 };
 function todayIso() {
   return (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
@@ -63,39 +77,79 @@ function AccountForm({
   const [values, setValues] = React.useState(() => mergeInitial(initial));
   const [error, setError] = React.useState(null);
   const isEdit = mode === "edit";
-  const customerLabelCacheRef = React.useRef(/* @__PURE__ */ new Map());
+  const customerCacheRef = React.useRef(/* @__PURE__ */ new Map());
+  const prefilledRef = React.useRef({});
   const loadCustomerOptions = React.useCallback(
     async (query) => {
       const params = new URLSearchParams({ page: "1", pageSize: "20" });
       const q = (query ?? "").trim();
       if (q) params.set("search", q);
-      const call = await apiCall(`/api/customers/companies?${params.toString()}`);
+      const call = await apiCall(`${customerEndpoint(values.customerKind)}?${params.toString()}`);
       if (!call.ok || call.result == null) return [];
-      const raw = call.result;
-      const items = Array.isArray(raw) ? raw : Array.isArray(raw.items) ? raw.items : [];
       const options = [];
-      for (const c of items) {
-        const id = typeof c.id === "string" ? c.id : c.id != null ? String(c.id) : "";
-        if (!id) continue;
-        const label = String(c.display_name ?? c.displayName ?? c.name ?? id);
-        const emailRaw = c.primary_email ?? c.email;
-        const description = typeof emailRaw === "string" && emailRaw ? emailRaw : null;
-        const opt = { value: id, label, description };
-        customerLabelCacheRef.current.set(id, opt);
-        options.push(opt);
+      for (const raw of extractItems(call.result)) {
+        const summary = toCustomerSummary(raw);
+        if (!summary) continue;
+        customerCacheRef.current.set(summary.id, summary);
+        options.push({ value: summary.id, label: summary.name, description: summary.email });
       }
       return options;
     },
-    []
+    [values.customerKind]
   );
   const resolveCustomerLabel = React.useCallback(
-    (id) => customerLabelCacheRef.current.get(id)?.label ?? id,
+    (id) => customerCacheRef.current.get(id)?.name ?? id,
     []
   );
   const resolveCustomerDescription = React.useCallback(
-    (id) => customerLabelCacheRef.current.get(id)?.description ?? null,
+    (id) => customerCacheRef.current.get(id)?.email ?? null,
     []
   );
+  const withoutUntouchedPrefill = React.useCallback((prev) => {
+    const filled = prefilledRef.current;
+    let next = prev;
+    if (filled.name !== void 0 && prev.name === filled.name) next = { ...next, name: "" };
+    if (filled.invoiceEmail !== void 0 && prev.invoiceEmail === filled.invoiceEmail) {
+      next = { ...next, invoiceEmail: "" };
+    }
+    if (filled.address && JSON.stringify(prev.invoiceAddress) === JSON.stringify(filled.address)) {
+      next = { ...next, invoiceAddress: { ...EMPTY_VALUES.invoiceAddress } };
+    }
+    return next;
+  }, []);
+  const handleKindChange = React.useCallback(
+    (next) => {
+      const kind = next === "person" ? "person" : "company";
+      if (values.customerKind === kind) return;
+      const reset = { ...withoutUntouchedPrefill(values), customerKind: kind, customerId: "" };
+      prefilledRef.current = {};
+      setValues(reset);
+    },
+    [values, withoutUntouchedPrefill]
+  );
+  const handleCustomerChange = React.useCallback(
+    (customerId) => {
+      const summary = customerCacheRef.current.get(customerId) ?? null;
+      const base = { ...withoutUntouchedPrefill(values), customerId };
+      const filled = applyCustomerPrefill(base, summary, null);
+      prefilledRef.current = {
+        ...filled.name !== base.name ? { name: filled.name } : {},
+        ...filled.invoiceEmail !== base.invoiceEmail ? { invoiceEmail: filled.invoiceEmail } : {}
+      };
+      setValues(filled);
+      if (!customerId) return;
+      void fetchCustomerAddressRows(customerId).then((rows) => {
+        const address = mapPrimaryAddress(rows);
+        if (!address) return;
+        setValues((prev) => {
+          if (prev.customerId !== customerId) return prev;
+          return applyCustomerPrefill(prev, null, address);
+        });
+        prefilledRef.current = { ...prefilledRef.current, address };
+      });
+    },
+    [values, withoutUntouchedPrefill]
+  );
   const initialKey = React.useMemo(
     () => JSON.stringify(initial ?? null),
     [initial]
@@ -166,43 +220,62 @@ function AccountForm({
       if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
         event.preventDefault();
         void handleSubmit();
+      } else if (event.key === "Escape") {
+        event.preventDefault();
+        onCancel();
       }
     },
-    [handleSubmit]
+    [handleSubmit, onCancel]
   );
   return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-border bg-card p-6", onKeyDown: handleKeyDown, children: [
     /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 text-sm col-span-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("billing.accounts.form.customer_kind", "Customer type") }),
+        isEdit ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2", children: [
+          values.customerKind === "person" ? /* @__PURE__ */ jsx(User, { size: 16 }) : /* @__PURE__ */ jsx(Building2, { size: 16 }),
+          values.customerKind === "person" ? t("billing.accounts.kind.person", "Person") : t("billing.accounts.kind.company", "Company")
+        ] }) : /* @__PURE__ */ jsxs(
+          SegmentedControl,
+          {
+            value: values.customerKind,
+            onValueChange: handleKindChange,
+            "aria-label": t("billing.accounts.form.customer_kind", "Customer type"),
+            className: "self-start",
+            children: [
+              /* @__PURE__ */ jsxs(SegmentedControlItem, { value: "company", children: [
+                /* @__PURE__ */ jsx(Building2, { size: 14 }),
+                t("billing.accounts.kind.company", "Company")
+              ] }),
+              /* @__PURE__ */ jsxs(SegmentedControlItem, { value: "person", children: [
+                /* @__PURE__ */ jsx(User, { size: 14 }),
+                t("billing.accounts.kind.person", "Person")
+              ] })
+            ]
+          }
+        )
+      ] }),
       /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-sm", children: [
         /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
-          isEdit ? t("billing.accounts.form.customer_id", "Customer ID") : t("billing.accounts.form.customer", "Customer"),
+          isEdit ? t("billing.accounts.form.customer_id", "Customer ID") : values.customerKind === "person" ? t("billing.accounts.form.customer.person", "Person") : t("billing.accounts.form.customer.company", "Company"),
           !isEdit ? /* @__PURE__ */ jsx("span", { className: "text-destructive", children: " *" }) : null
         ] }),
         isEdit ? /* @__PURE__ */ jsx(Input, { value: values.customerId, disabled: true }) : /* @__PURE__ */ jsx(
           ComboboxInput,
           {
             value: values.customerId,
-            onChange: (next) => {
-              setValues((prev) => {
-                const customerLabel = customerLabelCacheRef.current.get(next)?.label ?? "";
-                const shouldFillName = customerLabel && !prev.name.trim();
-                return {
-                  ...prev,
-                  customerId: next,
-                  name: shouldFillName ? customerLabel : prev.name
-                };
-              });
-            },
+            onChange: handleCustomerChange,
             loadSuggestions: loadCustomerOptions,
             resolveLabel: resolveCustomerLabel,
             resolveDescription: resolveCustomerDescription,
-            placeholder: t(
-              "billing.accounts.form.customer.placeholder",
-              "Search customers by name or email\u2026"
-            ),
+            placeholder: values.customerKind === "person" ? t("billing.accounts.form.customer.placeholder_person", "Search people by name or email\u2026") : t("billing.accounts.form.customer.placeholder", "Search customers by name or email\u2026"),
             allowCustomValues: false
-          }
+          },
+          values.customerKind
         ),
-        isEdit ? /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("billing.accounts.form.customer_id.locked", "Immutable \u2014 create a new account to re-link the customer.") }) : null
+        isEdit ? /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("billing.accounts.form.customer_id.locked", "Immutable \u2014 create a new account to re-link the customer.") }) : /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t(
+          "billing.accounts.form.customer.prefill_hint",
+          "Name, invoice email and address are prefilled from the customer record when empty."
+        ) })
       ] }),
       /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-sm", children: [
         /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
@@ -296,13 +369,16 @@ function AccountForm({
         )
       ] }),
       /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-sm", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("billing.accounts.form.invoice_language", "Invoice language (ISO 639-1)") }),
-        /* @__PURE__ */ jsx(
-          Input,
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("billing.accounts.form.invoice_language", "Invoice language") }),
+        /* @__PURE__ */ jsxs(
+          Select,
           {
             value: values.invoiceLanguage,
-            maxLength: 5,
-            onChange: (event) => set("invoiceLanguage", event.currentTarget.value.toLowerCase())
+            onValueChange: (next) => set("invoiceLanguage", next),
+            children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+              /* @__PURE__ */ jsx(SelectContent, { children: SUPPORTED_INVOICE_LANGUAGES.map((language) => /* @__PURE__ */ jsx(SelectItem, { value: language.code, children: language.label }, language.code)) })
+            ]
           }
         )
       ] }),
@@ -417,6 +493,37 @@ function AccountForm({
           }
         )
       ] }),
+      /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-sm", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("billing.accounts.form.payment_terms", "Payment terms (days)") }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "number",
+            min: "0",
+            max: "365",
+            step: "1",
+            value: values.paymentTermsDays,
+            placeholder: t("billing.accounts.form.payment_terms.hint", "Blank = organization default"),
+            onChange: (event) => set("paymentTermsDays", event.currentTarget.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 col-span-2", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: t("billing.accounts.form.auto_send", "Email invoices automatically") }),
+          /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: t(
+            "billing.accounts.form.auto_send.help",
+            "Each posted invoice is emailed as a PDF to the invoice email."
+          ) })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Switch,
+          {
+            checked: values.autoSendInvoice,
+            onCheckedChange: (next) => set("autoSendInvoice", next)
+          }
+        )
+      ] }),
       values.billingMode === "prepaid" ? /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-sm", children: [
         /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("billing.prepaid.panel.threshold", "Low threshold") }),
         /* @__PURE__ */ jsx(

package/dist/modules/billing/components/AccountForm.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/billing/components/AccountForm.tsx"],
-  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { Switch } from '@open-mercato/ui/primitives/switch'\nimport { Kbd, KbdShortcut } from '@open-mercato/ui/primitives/kbd'\nimport { ComboboxInput, type ComboboxOption } from '@open-mercato/ui/backend/inputs'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\n/**\n * Shared form for Billing Account create + edit.\n *\n * Hand-rolled (not CrudForm) on purpose \u2014 the form's `invoiceAddress`\n * jsonb sub-object would need a custom-field renderer in the\n * CrudForm DSL, which is heavier than just rendering five inputs\n * inline. The trade-off is documented in `xd-249-billing-spec.md`\n * Phase 4d notes.\n *\n * UX per the OM UI AGENTS.md:\n *   - `Cmd/Ctrl + Enter` submits.\n *   - Buttons use the `Button` / `Switch` primitives, never raw HTML.\n *   - Footer hint row uses `Kbd` / `KbdShortcut`.\n *\n * `mode='create'` shows the always-required fields. `mode='edit'`\n * disables `customerId` and `currencyCode` per the spec\n * (\"immutable per spec \u2014 create a new account if the customer FK\n * changes\" \u2014 see `billingAccountUpdateSchema`).\n */\n\nexport type AccountFormValues = {\n  customerId: string\n  name: string\n  currencyCode: string\n  billCycle: 'weekly' | 'monthly' | 'quarterly' | 'annually'\n  billCycleAnchor: string\n  invoiceEmail: string\n  invoiceLanguage: string\n  taxId: string\n  invoiceAddress: {\n    line1: string\n    line2: string\n    city: string\n    postal_code: string\n    country: string\n  }\n  nextBillDate: string\n  isActive: boolean\n  // SPEC-002 \u2014 immutable after create (like currencyCode).\n  billingMode: 'postpaid' | 'prepaid'\n  creditLimit: string\n  // Prepaid-only initial low-balance threshold for the balance row.\n  lowBalanceThreshold: string\n}\n\nexport type AccountFormProps = {\n  mode: 'create' | 'edit'\n  initial?: Partial<AccountFormValues>\n  submitting?: boolean\n  onSubmit: (values: AccountFormValues) => Promise<void> | void\n  onCancel: () => void\n}\n\nconst EMPTY_VALUES: AccountFormValues = {\n  customerId: '',\n  name: '',\n  currencyCode: 'EUR',\n  billCycle: 'monthly',\n  billCycleAnchor: '1',\n  invoiceEmail: '',\n  invoiceLanguage: 'en',\n  taxId: '',\n  invoiceAddress: {\n    line1: '',\n    line2: '',\n    city: '',\n    postal_code: '',\n    country: 'PL',\n  },\n  nextBillDate: '',\n  isActive: true,\n  billingMode: 'postpaid',\n  creditLimit: '0',\n  lowBalanceThreshold: '',\n}\n\nfunction todayIso(): string {\n  return new Date().toISOString().slice(0, 10)\n}\n\nfunction mergeInitial(initial: Partial<AccountFormValues> | undefined): AccountFormValues {\n  if (!initial) return { ...EMPTY_VALUES, nextBillDate: todayIso() }\n  return {\n    ...EMPTY_VALUES,\n    nextBillDate: EMPTY_VALUES.nextBillDate || todayIso(),\n    ...initial,\n    invoiceAddress: {\n      ...EMPTY_VALUES.invoiceAddress,\n      ...(initial.invoiceAddress ?? {}),\n    },\n  }\n}\n\nexport function AccountForm({\n  mode,\n  initial,\n  submitting = false,\n  onSubmit,\n  onCancel,\n}: AccountFormProps) {\n  const t = useT()\n  const [values, setValues] = React.useState<AccountFormValues>(() => mergeInitial(initial))\n  const [error, setError] = React.useState<string | null>(null)\n  const isEdit = mode === 'edit'\n\n  // Label cache for the customer combobox \u2014 populated as the user searches,\n  // so the picker can render \"Acme Telecom\" after selection instead of the\n  // raw UUID we send to the API.\n  const customerLabelCacheRef = React.useRef<Map<string, ComboboxOption>>(new Map())\n\n  const loadCustomerOptions = React.useCallback(\n    async (query?: string): Promise<ComboboxOption[]> => {\n      const params = new URLSearchParams({ page: '1', pageSize: '20' })\n      const q = (query ?? '').trim()\n      if (q) params.set('search', q)\n      const call = await apiCall<unknown>(`/api/customers/companies?${params.toString()}`)\n      if (!call.ok || call.result == null) return []\n      const raw = call.result as { items?: unknown } | unknown[]\n      const items: Array<Record<string, unknown>> = Array.isArray(raw)\n        ? (raw as Array<Record<string, unknown>>)\n        : Array.isArray((raw as { items?: unknown }).items)\n          ? ((raw as { items: unknown[] }).items as Array<Record<string, unknown>>)\n          : []\n      const options: ComboboxOption[] = []\n      for (const c of items) {\n        const id = typeof c.id === 'string' ? c.id : c.id != null ? String(c.id) : ''\n        if (!id) continue\n        const label = String(c.display_name ?? c.displayName ?? c.name ?? id)\n        const emailRaw = c.primary_email ?? c.email\n        const description = typeof emailRaw === 'string' && emailRaw ? emailRaw : null\n        const opt: ComboboxOption = { value: id, label, description }\n        customerLabelCacheRef.current.set(id, opt)\n        options.push(opt)\n      }\n      return options\n    },\n    [],\n  )\n\n  const resolveCustomerLabel = React.useCallback(\n    (id: string) => customerLabelCacheRef.current.get(id)?.label ?? id,\n    [],\n  )\n  const resolveCustomerDescription = React.useCallback(\n    (id: string) => customerLabelCacheRef.current.get(id)?.description ?? null,\n    [],\n  )\n\n  // Reset when the parent swaps `initial` (e.g. after loading the edit row).\n  const initialKey = React.useMemo(\n    () => JSON.stringify(initial ?? null),\n    [initial],\n  )\n  React.useEffect(() => {\n    setValues(mergeInitial(initial))\n  }, [initialKey, initial])\n\n  const set = React.useCallback(\n    <K extends keyof AccountFormValues>(key: K, value: AccountFormValues[K]) => {\n      setValues((prev) => ({ ...prev, [key]: value }))\n    },\n    [],\n  )\n\n  const setAddress = React.useCallback(\n    <K extends keyof AccountFormValues['invoiceAddress']>(\n      key: K,\n      value: AccountFormValues['invoiceAddress'][K],\n    ) => {\n      setValues((prev) => ({\n        ...prev,\n        invoiceAddress: { ...prev.invoiceAddress, [key]: value },\n      }))\n    },\n    [],\n  )\n\n  const handleSubmit = React.useCallback(async () => {\n    if (!isEdit && !values.customerId.trim()) {\n      setError(t('billing.accounts.form.error.customerId_required', 'Please select a customer'))\n      return\n    }\n    if (!values.name.trim()) {\n      setError(t('billing.accounts.form.error.name_required', 'Name is required'))\n      return\n    }\n    if (!isEdit && values.currencyCode.trim().length !== 3) {\n      setError(t('billing.accounts.form.error.currency_invalid', 'Currency must be a 3-letter ISO code'))\n      return\n    }\n    if (!values.invoiceEmail.includes('@')) {\n      setError(t('billing.accounts.form.error.email_invalid', 'Invoice email looks invalid'))\n      return\n    }\n    if (\n      !values.invoiceAddress.line1.trim() ||\n      !values.invoiceAddress.city.trim() ||\n      !values.invoiceAddress.postal_code.trim()\n    ) {\n      setError(\n        t(\n          'billing.accounts.form.error.address_required',\n          'Invoice address (line 1 + city + postal code) is required',\n        ),\n      )\n      return\n    }\n    const country = values.invoiceAddress.country.trim()\n    if (country.length < 2 || country.length > 3) {\n      setError(\n        t(\n          'billing.accounts.form.error.country_invalid',\n          'Country must be a 2- or 3-letter ISO 3166 code',\n        ),\n      )\n      return\n    }\n    if (!values.nextBillDate) {\n      setError(t('billing.accounts.form.error.next_bill_date_required', 'Next bill date is required'))\n      return\n    }\n    setError(null)\n    await onSubmit(values)\n  }, [isEdit, onSubmit, t, values])\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') {\n        event.preventDefault()\n        void handleSubmit()\n      }\n    },\n    [handleSubmit],\n  )\n\n  return (\n    <div className=\"rounded-lg border border-border bg-card p-6\" onKeyDown={handleKeyDown}>\n      <div className=\"grid grid-cols-2 gap-4\">\n        <label className=\"flex flex-col gap-1 text-sm\">\n          <span className=\"text-muted-foreground\">\n            {isEdit\n              ? t('billing.accounts.form.customer_id', 'Customer ID')\n              : t('billing.accounts.form.customer', 'Customer')}\n            {!isEdit ? <span className=\"text-destructive\"> *</span> : null}\n          </span>\n          {isEdit ? (\n            <Input value={values.customerId} disabled />\n          ) : (\n            <ComboboxInput\n              value={values.customerId}\n              onChange={(next) => {\n                setValues((prev) => {\n                  const customerLabel = customerLabelCacheRef.current.get(next)?.label ?? ''\n                  // Auto-fill Name with the customer's display name on the first\n                  // pick. We leave it alone if the operator has already typed\n                  // something \u2014 one customer can have multiple billing accounts\n                  // (e.g. \"Acme \u2014 production\" / \"Acme \u2014 staging\").\n                  const shouldFillName = customerLabel && !prev.name.trim()\n                  return {\n                    ...prev,\n                    customerId: next,\n                    name: shouldFillName ? customerLabel : prev.name,\n                  }\n                })\n              }}\n              loadSuggestions={loadCustomerOptions}\n              resolveLabel={resolveCustomerLabel}\n              resolveDescription={resolveCustomerDescription}\n              placeholder={t(\n                'billing.accounts.form.customer.placeholder',\n                'Search customers by name or email\u2026',\n              )}\n              allowCustomValues={false}\n            />\n          )}\n          {isEdit ? (\n            <span className=\"text-xs text-muted-foreground\">\n              {t('billing.accounts.form.customer_id.locked', 'Immutable \u2014 create a new account to re-link the customer.')}\n            </span>\n          ) : null}\n        </label>\n\n        <label className=\"flex flex-col gap-1 text-sm\">\n          <span className=\"text-muted-foreground\">\n            {t('billing.accounts.form.name', 'Name')}\n            <span className=\"text-destructive\"> *</span>\n          </span>\n          <Input\n            value={values.name}\n            placeholder={\n              !isEdit\n                ? t(\n                    'billing.accounts.form.name.placeholder',\n                    'Auto-filled from customer \u2014 override e.g. \"Acme \u2014 production\"',\n                  )\n                : undefined\n            }\n            onChange={(event) => set('name', event.currentTarget.value)}\n          />\n        </label>\n\n        <label className=\"flex flex-col gap-1 text-sm\">\n          <span className=\"text-muted-foreground\">\n            {t('billing.accounts.form.currency', 'Currency (ISO 4217)')}\n            {!isEdit ? <span className=\"text-destructive\"> *</span> : null}\n          </span>\n          <Input\n            value={values.currencyCode}\n            disabled={isEdit}\n            maxLength={3}\n            onChange={(event) =>\n              set('currencyCode', event.currentTarget.value.toUpperCase())\n            }\n          />\n          {isEdit ? (\n            <span className=\"text-xs text-muted-foreground\">\n              {t('billing.accounts.form.currency.locked', 'Immutable \u2014 frozen at account create time.')}\n            </span>\n          ) : null}\n        </label>\n\n        <label className=\"flex flex-col gap-1 text-sm\">\n          <span className=\"text-muted-foreground\">\n            {t('billing.accounts.form.bill_cycle', 'Bill cycle')}\n          </span>\n          <Select\n            value={values.billCycle}\n            onValueChange={(next) =>\n              set('billCycle', next as AccountFormValues['billCycle'])\n            }\n          >\n            <SelectTrigger>\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              <SelectItem value=\"weekly\">{t('billing.cycle.weekly', 'Weekly')}</SelectItem>\n              <SelectItem value=\"monthly\">{t('billing.cycle.monthly', 'Monthly')}</SelectItem>\n              <SelectItem value=\"quarterly\">{t('billing.cycle.quarterly', 'Quarterly')}</SelectItem>\n              <SelectItem value=\"annually\">{t('billing.cycle.annually', 'Annually')}</SelectItem>\n            </SelectContent>\n          </Select>\n        </label>\n\n        <label className=\"flex flex-col gap-1 text-sm\">\n          <span className=\"text-muted-foreground\">\n            {t('billing.accounts.form.cycle_anchor', 'Cycle anchor')}\n          </span>\n          <Input\n            value={values.billCycleAnchor}\n            placeholder={\n              values.billCycle === 'weekly'\n                ? t('billing.accounts.form.cycle_anchor.weekly_hint', 'mon | tue | \u2026 | sun')\n                : t('billing.accounts.form.cycle_anchor.month_hint', '1 \u2014 28')\n            }\n            onChange={(event) => set('billCycleAnchor', event.currentTarget.value)}\n          />\n        </label>\n\n        <label className=\"flex flex-col gap-1 text-sm\">\n          <span className=\"text-muted-foreground\">\n            {t('billing.accounts.form.next_bill_date', 'Next bill date')}\n            <span className=\"text-destructive\"> *</span>\n          </span>\n          <Input\n            type=\"date\"\n            value={values.nextBillDate}\n            onChange={(event) => set('nextBillDate', event.currentTarget.value)}\n          />\n        </label>\n\n        <label className=\"flex flex-col gap-1 text-sm\">\n          <span className=\"text-muted-foreground\">\n            {t('billing.accounts.form.invoice_email', 'Invoice email')}\n            <span className=\"text-destructive\"> *</span>\n          </span>\n          <Input\n            type=\"email\"\n            value={values.invoiceEmail}\n            onChange={(event) => set('invoiceEmail', event.currentTarget.value)}\n          />\n        </label>\n\n        <label className=\"flex flex-col gap-1 text-sm\">\n          <span className=\"text-muted-foreground\">\n            {t('billing.accounts.form.invoice_language', 'Invoice language (ISO 639-1)')}\n          </span>\n          <Input\n            value={values.invoiceLanguage}\n            maxLength={5}\n            onChange={(event) =>\n              set('invoiceLanguage', event.currentTarget.value.toLowerCase())\n            }\n          />\n        </label>\n\n        <label className=\"flex flex-col gap-1 text-sm col-span-2\">\n          <span className=\"text-muted-foreground\">\n            {t('billing.accounts.form.tax_id', 'Tax ID (NIP / VATIN, optional)')}\n          </span>\n          <Input\n            value={values.taxId}\n            onChange={(event) => set('taxId', event.currentTarget.value)}\n          />\n        </label>\n      </div>\n\n      <h3 className=\"text-sm font-semibold mt-6 mb-2\">\n        {t('billing.accounts.form.address.title', 'Invoice address')}\n      </h3>\n      <div className=\"grid grid-cols-2 gap-4\">\n        <label className=\"flex flex-col gap-1 text-sm col-span-2\">\n          <span className=\"text-muted-foreground\">\n            {t('billing.accounts.form.address.line1', 'Line 1')}\n            <span className=\"text-destructive\"> *</span>\n          </span>\n          <Input\n            value={values.invoiceAddress.line1}\n            onChange={(event) => setAddress('line1', event.currentTarget.value)}\n          />\n        </label>\n        <label className=\"flex flex-col gap-1 text-sm col-span-2\">\n          <span className=\"text-muted-foreground\">\n            {t('billing.accounts.form.address.line2', 'Line 2')}\n          </span>\n          <Input\n            value={values.invoiceAddress.line2}\n            onChange={(event) => setAddress('line2', event.currentTarget.value)}\n          />\n        </label>\n        <label className=\"flex flex-col gap-1 text-sm\">\n          <span className=\"text-muted-foreground\">\n            {t('billing.accounts.form.address.city', 'City')}\n            <span className=\"text-destructive\"> *</span>\n          </span>\n          <Input\n            value={values.invoiceAddress.city}\n            onChange={(event) => setAddress('city', event.currentTarget.value)}\n          />\n        </label>\n        <label className=\"flex flex-col gap-1 text-sm\">\n          <span className=\"text-muted-foreground\">\n            {t('billing.accounts.form.address.postal_code', 'Postal code')}\n            <span className=\"text-destructive\"> *</span>\n          </span>\n          <Input\n            value={values.invoiceAddress.postal_code}\n            onChange={(event) => setAddress('postal_code', event.currentTarget.value)}\n          />\n        </label>\n        <label className=\"flex flex-col gap-1 text-sm\">\n          <span className=\"text-muted-foreground\">\n            {t('billing.accounts.form.address.country', 'Country (ISO 3166)')}\n            <span className=\"text-destructive\"> *</span>\n          </span>\n          <Input\n            value={values.invoiceAddress.country}\n            maxLength={3}\n            onChange={(event) =>\n              setAddress('country', event.currentTarget.value.toUpperCase())\n            }\n          />\n        </label>\n      </div>\n\n      <h3 className=\"text-sm font-semibold mt-6 mb-2\">\n        {t('billing.accounts.form.mode.title', 'Billing mode & credit')}\n      </h3>\n      <div className=\"grid grid-cols-2 gap-4\">\n        <label className=\"flex flex-col gap-1 text-sm\">\n          <span className=\"text-muted-foreground\">\n            {t('billing.accounts.columns.mode', 'Mode')}\n          </span>\n          <Select\n            value={values.billingMode}\n            disabled={isEdit}\n            onValueChange={(next) => set('billingMode', next as AccountFormValues['billingMode'])}\n          >\n            <SelectTrigger>\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              <SelectItem value=\"postpaid\">{t('billing.mode.postpaid', 'Postpaid')}</SelectItem>\n              <SelectItem value=\"prepaid\">{t('billing.mode.prepaid', 'Prepaid')}</SelectItem>\n            </SelectContent>\n          </Select>\n          {isEdit ? (\n            <span className=\"text-xs text-muted-foreground\">\n              {t('billing.accounts.form.mode.locked', 'Immutable \u2014 frozen at account create time.')}\n            </span>\n          ) : null}\n        </label>\n\n        <label className=\"flex flex-col gap-1 text-sm\">\n          <span className=\"text-muted-foreground\">\n            {t('billing.accounts.columns.credit_limit', 'Credit limit')}\n          </span>\n          <Input\n            type=\"number\"\n            min=\"0\"\n            step=\"0.01\"\n            value={values.creditLimit}\n            onChange={(event) => set('creditLimit', event.currentTarget.value)}\n          />\n        </label>\n\n        {values.billingMode === 'prepaid' ? (\n          <label className=\"flex flex-col gap-1 text-sm\">\n            <span className=\"text-muted-foreground\">\n              {t('billing.prepaid.panel.threshold', 'Low threshold')}\n            </span>\n            <Input\n              type=\"number\"\n              min=\"0\"\n              step=\"0.01\"\n              value={values.lowBalanceThreshold}\n              placeholder={t('billing.accounts.form.threshold.hint', 'Blank = tenant default')}\n              onChange={(event) => set('lowBalanceThreshold', event.currentTarget.value)}\n            />\n          </label>\n        ) : null}\n      </div>\n\n      {isEdit ? (\n        <div className=\"mt-6 flex items-center justify-between gap-3\">\n          <div>\n            <div className=\"text-sm font-medium\">\n              {t('billing.accounts.form.active', 'Active')}\n            </div>\n            <div className=\"text-xs text-muted-foreground\">\n              {t(\n                'billing.accounts.form.active.help',\n                'Inactive accounts stay billable until soft-deleted \u2014 toggle for visibility filtering only.',\n              )}\n            </div>\n          </div>\n          <Switch\n            checked={values.isActive}\n            onCheckedChange={(next) => set('isActive', next)}\n          />\n        </div>\n      ) : null}\n\n      {error ? <div className=\"mt-4 text-sm text-destructive\">{error}</div> : null}\n\n      <div className=\"mt-6 flex items-center justify-between gap-3\">\n        <span className=\"text-xs text-muted-foreground\">\n          <KbdShortcut keys={['Ctrl/\u2318', 'Enter']} />{' '}\n          {t('billing.accounts.form.submit_hint', 'to save,')} <Kbd>Esc</Kbd>{' '}\n          {t('billing.accounts.form.cancel_hint', 'to discard')}\n        </span>\n        <div className=\"flex items-center gap-2\">\n          <Button type=\"button\" variant=\"outline\" onClick={onCancel}>\n            {t('billing.common.cancel', 'Cancel')}\n          </Button>\n          <Button type=\"button\" onClick={() => void handleSubmit()} disabled={submitting}>\n            {submitting\n              ? t('billing.accounts.form.saving', 'Saving\u2026')\n              : isEdit\n                ? t('billing.accounts.form.save', 'Save changes')\n                : t('billing.accounts.form.create', 'Create account')}\n          </Button>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { Switch } from '@open-mercato/ui/primitives/switch'\nimport { SegmentedControl, SegmentedControlItem } from '@open-mercato/ui/primitives/segmented-control'\nimport { Building2, User } from 'lucide-react'\nimport { Kbd, KbdShortcut } from '@open-mercato/ui/primitives/kbd'\nimport { ComboboxInput, type ComboboxOption } from '@open-mercato/ui/backend/inputs'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { CustomerKind } from '../data/validators'\nimport {\n  applyCustomerPrefill,\n  customerEndpoint,\n  extractItems,\n  mapPrimaryAddress,\n  toCustomerSummary,\n  type CustomerSummary,\n  type PrefillAddress,\n} from '../lib/customerLookup'\nimport { DEFAULT_INVOICE_LANGUAGE, SUPPORTED_INVOICE_LANGUAGES } from '../lib/invoiceLanguages'\nimport { fetchCustomerAddressRows } from './customerNames'\n\n/**\n * Shared form for Billing Account create + edit.\n *\n * Hand-rolled (not CrudForm) on purpose \u2014 the form's `invoiceAddress`\n * jsonb sub-object would need a custom-field renderer in the\n * CrudForm DSL, which is heavier than just rendering five inputs\n * inline. The trade-off is documented in `xd-249-billing-spec.md`\n * Phase 4d notes.\n *\n * UX per the OM UI AGENTS.md:\n *   - `Cmd/Ctrl + Enter` submits.\n *   - Buttons use the `Button` / `Switch` primitives, never raw HTML.\n *   - Footer hint row uses `Kbd` / `KbdShortcut`.\n *\n * `mode='create'` shows the always-required fields. `mode='edit'`\n * disables `customerId` and `currencyCode` per the spec\n * (\"immutable per spec \u2014 create a new account if the customer FK\n * changes\" \u2014 see `billingAccountUpdateSchema`).\n *\n * Spec E (B2C): the customer can be a company or a person\n * (`customerKind`, immutable after create). Picking a customer prefills\n * name / invoice email / invoice address \u2014 only into empty fields, and a\n * prefill that the operator has not touched is rolled back when they pick a\n * different customer or switch kind.\n */\n\nexport type AccountFormValues = {\n  customerId: string\n  customerKind: CustomerKind\n  name: string\n  currencyCode: string\n  billCycle: 'weekly' | 'monthly' | 'quarterly' | 'annually'\n  billCycleAnchor: string\n  invoiceEmail: string\n  invoiceLanguage: string\n  taxId: string\n  invoiceAddress: {\n    line1: string\n    line2: string\n    city: string\n    postal_code: string\n    country: string\n  }\n  nextBillDate: string\n  isActive: boolean\n  // SPEC-002 \u2014 immutable after create (like currencyCode).\n  billingMode: 'postpaid' | 'prepaid'\n  creditLimit: string\n  // Prepaid-only initial low-balance threshold for the balance row.\n  lowBalanceThreshold: string\n  // Spec B \u2014 blank = organization default terms.\n  paymentTermsDays: string\n  autoSendInvoice: boolean\n}\n\nexport type AccountFormProps = {\n  mode: 'create' | 'edit'\n  initial?: Partial<AccountFormValues>\n  submitting?: boolean\n  onSubmit: (values: AccountFormValues) => Promise<void> | void\n  onCancel: () => void\n}\n\nconst EMPTY_VALUES: AccountFormValues = {\n  customerId: '',\n  customerKind: 'company',\n  name: '',\n  currencyCode: 'EUR',\n  billCycle: 'monthly',\n  billCycleAnchor: '1',\n  invoiceEmail: '',\n  invoiceLanguage: DEFAULT_INVOICE_LANGUAGE,\n  taxId: '',\n  invoiceAddress: {\n    line1: '',\n    line2: '',\n    city: '',\n    postal_code: '',\n    country: 'PL',\n  },\n  nextBillDate: '',\n  isActive: true,\n  billingMode: 'postpaid',\n  creditLimit: '0',\n  lowBalanceThreshold: '',\n  paymentTermsDays: '',\n  autoSendInvoice: false,\n}\n\nfunction todayIso(): string {\n  return new Date().toISOString().slice(0, 10)\n}\n\nfunction mergeInitial(initial: Partial<AccountFormValues> | undefined): AccountFormValues {\n  if (!initial) return { ...EMPTY_VALUES, nextBillDate: todayIso() }\n  return {\n    ...EMPTY_VALUES,\n    nextBillDate: EMPTY_VALUES.nextBillDate || todayIso(),\n    ...initial,\n    invoiceAddress: {\n      ...EMPTY_VALUES.invoiceAddress,\n      ...(initial.invoiceAddress ?? {}),\n    },\n  }\n}\n\nexport function AccountForm({\n  mode,\n  initial,\n  submitting = false,\n  onSubmit,\n  onCancel,\n}: AccountFormProps) {\n  const t = useT()\n  const [values, setValues] = React.useState<AccountFormValues>(() => mergeInitial(initial))\n  const [error, setError] = React.useState<string | null>(null)\n  const isEdit = mode === 'edit'\n\n  // Customer cache for the combobox \u2014 populated as the user searches, so the\n  // picker can render \"Acme Telecom\" after selection instead of the raw UUID\n  // we send to the API, and so prefill has the name + email at hand.\n  const customerCacheRef = React.useRef<Map<string, CustomerSummary>>(new Map())\n  // What the last prefill wrote \u2014 used to roll it back (only where the\n  // operator has not edited it since) when the customer or kind changes.\n  const prefilledRef = React.useRef<{ name?: string; invoiceEmail?: string; address?: PrefillAddress }>({})\n\n  const loadCustomerOptions = React.useCallback(\n    async (query?: string): Promise<ComboboxOption[]> => {\n      const params = new URLSearchParams({ page: '1', pageSize: '20' })\n      const q = (query ?? '').trim()\n      if (q) params.set('search', q)\n      const call = await apiCall<unknown>(`${customerEndpoint(values.customerKind)}?${params.toString()}`)\n      if (!call.ok || call.result == null) return []\n      const options: ComboboxOption[] = []\n      for (const raw of extractItems(call.result)) {\n        const summary = toCustomerSummary(raw)\n        if (!summary) continue\n        customerCacheRef.current.set(summary.id, summary)\n        options.push({ value: summary.id, label: summary.name, description: summary.email })\n      }\n      return options\n    },\n    [values.customerKind],\n  )\n\n  const resolveCustomerLabel = React.useCallback(\n    (id: string) => customerCacheRef.current.get(id)?.name ?? id,\n    [],\n  )\n  const resolveCustomerDescription = React.useCallback(\n    (id: string) => customerCacheRef.current.get(id)?.email ?? null,\n    [],\n  )\n\n  // Pure: strip fields that still hold the last prefill (untouched by the\n  // operator). Kept free of side effects so it is safe inside state updaters.\n  const withoutUntouchedPrefill = React.useCallback((prev: AccountFormValues): AccountFormValues => {\n    const filled = prefilledRef.current\n    let next = prev\n    if (filled.name !== undefined && prev.name === filled.name) next = { ...next, name: '' }\n    if (filled.invoiceEmail !== undefined && prev.invoiceEmail === filled.invoiceEmail) {\n      next = { ...next, invoiceEmail: '' }\n    }\n    if (filled.address && JSON.stringify(prev.invoiceAddress) === JSON.stringify(filled.address)) {\n      next = { ...next, invoiceAddress: { ...EMPTY_VALUES.invoiceAddress } }\n    }\n    return next\n  }, [])\n\n  const handleKindChange = React.useCallback(\n    (next: string) => {\n      const kind: CustomerKind = next === 'person' ? 'person' : 'company'\n      if (values.customerKind === kind) return\n      const reset = { ...withoutUntouchedPrefill(values), customerKind: kind, customerId: '' }\n      prefilledRef.current = {}\n      setValues(reset)\n    },\n    [values, withoutUntouchedPrefill],\n  )\n\n  const handleCustomerChange = React.useCallback(\n    (customerId: string) => {\n      const summary = customerCacheRef.current.get(customerId) ?? null\n      const base = { ...withoutUntouchedPrefill(values), customerId }\n      const filled = applyCustomerPrefill(base, summary, null)\n      prefilledRef.current = {\n        ...(filled.name !== base.name ? { name: filled.name } : {}),\n        ...(filled.invoiceEmail !== base.invoiceEmail ? { invoiceEmail: filled.invoiceEmail } : {}),\n      }\n      setValues(filled)\n      if (!customerId) return\n      void fetchCustomerAddressRows(customerId).then((rows) => {\n        const address = mapPrimaryAddress(rows)\n        if (!address) return\n        setValues((prev) => {\n          // Ignore a late response for a customer the operator already left.\n          if (prev.customerId !== customerId) return prev\n          return applyCustomerPrefill(prev, null, address)\n        })\n        // Record what we wrote; harmless if the updater above skipped (the\n        // rollback compares values, so a non-matching address is kept).\n        prefilledRef.current = { ...prefilledRef.current, address }\n      })\n    },\n    [values, withoutUntouchedPrefill],\n  )\n\n  // Reset when the parent swaps `initial` (e.g. after loading the edit row).\n  const initialKey = React.useMemo(\n    () => JSON.stringify(initial ?? null),\n    [initial],\n  )\n  React.useEffect(() => {\n    setValues(mergeInitial(initial))\n  }, [initialKey, initial])\n\n  const set = React.useCallback(\n    <K extends keyof AccountFormValues>(key: K, value: AccountFormValues[K]) => {\n      setValues((prev) => ({ ...prev, [key]: value }))\n    },\n    [],\n  )\n\n  const setAddress = React.useCallback(\n    <K extends keyof AccountFormValues['invoiceAddress']>(\n      key: K,\n      value: AccountFormValues['invoiceAddress'][K],\n    ) => {\n      setValues((prev) => ({\n        ...prev,\n        invoiceAddress: { ...prev.invoiceAddress, [key]: value },\n      }))\n    },\n    [],\n  )\n\n  const handleSubmit = React.useCallback(async () => {\n    if (!isEdit && !values.customerId.trim()) {\n      setError(t('billing.accounts.form.error.customerId_required', 'Please select a customer'))\n      return\n    }\n    if (!values.name.trim()) {\n      setError(t('billing.accounts.form.error.name_required', 'Name is required'))\n      return\n    }\n    if (!isEdit && values.currencyCode.trim().length !== 3) {\n      setError(t('billing.accounts.form.error.currency_invalid', 'Currency must be a 3-letter ISO code'))\n      return\n    }\n    if (!values.invoiceEmail.includes('@')) {\n      setError(t('billing.accounts.form.error.email_invalid', 'Invoice email looks invalid'))\n      return\n    }\n    if (\n      !values.invoiceAddress.line1.trim() ||\n      !values.invoiceAddress.city.trim() ||\n      !values.invoiceAddress.postal_code.trim()\n    ) {\n      setError(\n        t(\n          'billing.accounts.form.error.address_required',\n          'Invoice address (line 1 + city + postal code) is required',\n        ),\n      )\n      return\n    }\n    const country = values.invoiceAddress.country.trim()\n    if (country.length < 2 || country.length > 3) {\n      setError(\n        t(\n          'billing.accounts.form.error.country_invalid',\n          'Country must be a 2- or 3-letter ISO 3166 code',\n        ),\n      )\n      return\n    }\n    if (!values.nextBillDate) {\n      setError(t('billing.accounts.form.error.next_bill_date_required', 'Next bill date is required'))\n      return\n    }\n    setError(null)\n    await onSubmit(values)\n  }, [isEdit, onSubmit, t, values])\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') {\n        event.preventDefault()\n        void handleSubmit()\n      } else if (event.key === 'Escape') {\n        event.preventDefault()\n        onCancel()\n      }\n    },\n    [handleSubmit, onCancel],\n  )\n\n  return (\n    <div className=\"rounded-lg border border-border bg-card p-6\" onKeyDown={handleKeyDown}>\n      <div className=\"grid grid-cols-2 gap-4\">\n        <div className=\"flex flex-col gap-1 text-sm col-span-2\">\n          <span className=\"text-muted-foreground\">\n            {t('billing.accounts.form.customer_kind', 'Customer type')}\n          </span>\n          {isEdit ? (\n            <span className=\"inline-flex items-center gap-2\">\n              {values.customerKind === 'person' ? <User size={16} /> : <Building2 size={16} />}\n              {values.customerKind === 'person'\n                ? t('billing.accounts.kind.person', 'Person')\n                : t('billing.accounts.kind.company', 'Company')}\n            </span>\n          ) : (\n            <SegmentedControl\n              value={values.customerKind}\n              onValueChange={handleKindChange}\n              aria-label={t('billing.accounts.form.customer_kind', 'Customer type')}\n              className=\"self-start\"\n            >\n              <SegmentedControlItem value=\"company\">\n                <Building2 size={14} />\n                {t('billing.accounts.kind.company', 'Company')}\n              </SegmentedControlItem>\n              <SegmentedControlItem value=\"person\">\n                <User size={14} />\n                {t('billing.accounts.kind.person', 'Person')}\n              </SegmentedControlItem>\n            </SegmentedControl>\n          )}\n        </div>\n\n        <label className=\"flex flex-col gap-1 text-sm\">\n          <span className=\"text-muted-foreground\">\n            {isEdit\n              ? t('billing.accounts.form.customer_id', 'Customer ID')\n              : values.customerKind === 'person'\n                ? t('billing.accounts.form.customer.person', 'Person')\n                : t('billing.accounts.form.customer.company', 'Company')}\n            {!isEdit ? <span className=\"text-destructive\"> *</span> : null}\n          </span>\n          {isEdit ? (\n            <Input value={values.customerId} disabled />\n          ) : (\n            <ComboboxInput\n              // Re-mount on kind switch so cached suggestions from the other\n              // collection never leak into this one.\n              key={values.customerKind}\n              value={values.customerId}\n              onChange={handleCustomerChange}\n              loadSuggestions={loadCustomerOptions}\n              resolveLabel={resolveCustomerLabel}\n              resolveDescription={resolveCustomerDescription}\n              placeholder={\n                values.customerKind === 'person'\n                  ? t('billing.accounts.form.customer.placeholder_person', 'Search people by name or email\u2026')\n                  : t('billing.accounts.form.customer.placeholder', 'Search customers by name or email\u2026')\n              }\n              allowCustomValues={false}\n            />\n          )}\n          {isEdit ? (\n            <span className=\"text-xs text-muted-foreground\">\n              {t('billing.accounts.form.customer_id.locked', 'Immutable \u2014 create a new account to re-link the customer.')}\n            </span>\n          ) : (\n            <span className=\"text-xs text-muted-foreground\">\n              {t(\n                'billing.accounts.form.customer.prefill_hint',\n                'Name, invoice email and address are prefilled from the customer record when empty.',\n              )}\n            </span>\n          )}\n        </label>\n\n        <label className=\"flex flex-col gap-1 text-sm\">\n          <span className=\"text-muted-foreground\">\n            {t('billing.accounts.form.name', 'Name')}\n            <span className=\"text-destructive\"> *</span>\n          </span>\n          <Input\n            value={values.name}\n            placeholder={\n              !isEdit\n                ? t(\n                    'billing.accounts.form.name.placeholder',\n                    'Auto-filled from customer \u2014 override e.g. \"Acme \u2014 production\"',\n                  )\n                : undefined\n            }\n            onChange={(event) => set('name', event.currentTarget.value)}\n          />\n        </label>\n\n        <label className=\"flex flex-col gap-1 text-sm\">\n          <span className=\"text-muted-foreground\">\n            {t('billing.accounts.form.currency', 'Currency (ISO 4217)')}\n            {!isEdit ? <span className=\"text-destructive\"> *</span> : null}\n          </span>\n          <Input\n            value={values.currencyCode}\n            disabled={isEdit}\n            maxLength={3}\n            onChange={(event) =>\n              set('currencyCode', event.currentTarget.value.toUpperCase())\n            }\n          />\n          {isEdit ? (\n            <span className=\"text-xs text-muted-foreground\">\n              {t('billing.accounts.form.currency.locked', 'Immutable \u2014 frozen at account create time.')}\n            </span>\n          ) : null}\n        </label>\n\n        <label className=\"flex flex-col gap-1 text-sm\">\n          <span className=\"text-muted-foreground\">\n            {t('billing.accounts.form.bill_cycle', 'Bill cycle')}\n          </span>\n          <Select\n            value={values.billCycle}\n            onValueChange={(next) =>\n              set('billCycle', next as AccountFormValues['billCycle'])\n            }\n          >\n            <SelectTrigger>\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              <SelectItem value=\"weekly\">{t('billing.cycle.weekly', 'Weekly')}</SelectItem>\n              <SelectItem value=\"monthly\">{t('billing.cycle.monthly', 'Monthly')}</SelectItem>\n              <SelectItem value=\"quarterly\">{t('billing.cycle.quarterly', 'Quarterly')}</SelectItem>\n              <SelectItem value=\"annually\">{t('billing.cycle.annually', 'Annually')}</SelectItem>\n            </SelectContent>\n          </Select>\n        </label>\n\n        <label className=\"flex flex-col gap-1 text-sm\">\n          <span className=\"text-muted-foreground\">\n            {t('billing.accounts.form.cycle_anchor', 'Cycle anchor')}\n          </span>\n          <Input\n            value={values.billCycleAnchor}\n            placeholder={\n              values.billCycle === 'weekly'\n                ? t('billing.accounts.form.cycle_anchor.weekly_hint', 'mon | tue | \u2026 | sun')\n                : t('billing.accounts.form.cycle_anchor.month_hint', '1 \u2014 28')\n            }\n            onChange={(event) => set('billCycleAnchor', event.currentTarget.value)}\n          />\n        </label>\n\n        <label className=\"flex flex-col gap-1 text-sm\">\n          <span className=\"text-muted-foreground\">\n            {t('billing.accounts.form.next_bill_date', 'Next bill date')}\n            <span className=\"text-destructive\"> *</span>\n          </span>\n          <Input\n            type=\"date\"\n            value={values.nextBillDate}\n            onChange={(event) => set('nextBillDate', event.currentTarget.value)}\n          />\n        </label>\n\n        <label className=\"flex flex-col gap-1 text-sm\">\n          <span className=\"text-muted-foreground\">\n            {t('billing.accounts.form.invoice_email', 'Invoice email')}\n            <span className=\"text-destructive\"> *</span>\n          </span>\n          <Input\n            type=\"email\"\n            value={values.invoiceEmail}\n            onChange={(event) => set('invoiceEmail', event.currentTarget.value)}\n          />\n        </label>\n\n        <label className=\"flex flex-col gap-1 text-sm\">\n          <span className=\"text-muted-foreground\">\n            {t('billing.accounts.form.invoice_language', 'Invoice language')}\n          </span>\n          <Select\n            value={values.invoiceLanguage}\n            onValueChange={(next) => set('invoiceLanguage', next)}\n          >\n            <SelectTrigger>\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              {SUPPORTED_INVOICE_LANGUAGES.map((language) => (\n                <SelectItem key={language.code} value={language.code}>\n                  {language.label}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </label>\n\n        <label className=\"flex flex-col gap-1 text-sm col-span-2\">\n          <span className=\"text-muted-foreground\">\n            {t('billing.accounts.form.tax_id', 'Tax ID (NIP / VATIN, optional)')}\n          </span>\n          <Input\n            value={values.taxId}\n            onChange={(event) => set('taxId', event.currentTarget.value)}\n          />\n        </label>\n      </div>\n\n      <h3 className=\"text-sm font-semibold mt-6 mb-2\">\n        {t('billing.accounts.form.address.title', 'Invoice address')}\n      </h3>\n      <div className=\"grid grid-cols-2 gap-4\">\n        <label className=\"flex flex-col gap-1 text-sm col-span-2\">\n          <span className=\"text-muted-foreground\">\n            {t('billing.accounts.form.address.line1', 'Line 1')}\n            <span className=\"text-destructive\"> *</span>\n          </span>\n          <Input\n            value={values.invoiceAddress.line1}\n            onChange={(event) => setAddress('line1', event.currentTarget.value)}\n          />\n        </label>\n        <label className=\"flex flex-col gap-1 text-sm col-span-2\">\n          <span className=\"text-muted-foreground\">\n            {t('billing.accounts.form.address.line2', 'Line 2')}\n          </span>\n          <Input\n            value={values.invoiceAddress.line2}\n            onChange={(event) => setAddress('line2', event.currentTarget.value)}\n          />\n        </label>\n        <label className=\"flex flex-col gap-1 text-sm\">\n          <span className=\"text-muted-foreground\">\n            {t('billing.accounts.form.address.city', 'City')}\n            <span className=\"text-destructive\"> *</span>\n          </span>\n          <Input\n            value={values.invoiceAddress.city}\n            onChange={(event) => setAddress('city', event.currentTarget.value)}\n          />\n        </label>\n        <label className=\"flex flex-col gap-1 text-sm\">\n          <span className=\"text-muted-foreground\">\n            {t('billing.accounts.form.address.postal_code', 'Postal code')}\n            <span className=\"text-destructive\"> *</span>\n          </span>\n          <Input\n            value={values.invoiceAddress.postal_code}\n            onChange={(event) => setAddress('postal_code', event.currentTarget.value)}\n          />\n        </label>\n        <label className=\"flex flex-col gap-1 text-sm\">\n          <span className=\"text-muted-foreground\">\n            {t('billing.accounts.form.address.country', 'Country (ISO 3166)')}\n            <span className=\"text-destructive\"> *</span>\n          </span>\n          <Input\n            value={values.invoiceAddress.country}\n            maxLength={3}\n            onChange={(event) =>\n              setAddress('country', event.currentTarget.value.toUpperCase())\n            }\n          />\n        </label>\n      </div>\n\n      <h3 className=\"text-sm font-semibold mt-6 mb-2\">\n        {t('billing.accounts.form.mode.title', 'Billing mode & credit')}\n      </h3>\n      <div className=\"grid grid-cols-2 gap-4\">\n        <label className=\"flex flex-col gap-1 text-sm\">\n          <span className=\"text-muted-foreground\">\n            {t('billing.accounts.columns.mode', 'Mode')}\n          </span>\n          <Select\n            value={values.billingMode}\n            disabled={isEdit}\n            onValueChange={(next) => set('billingMode', next as AccountFormValues['billingMode'])}\n          >\n            <SelectTrigger>\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              <SelectItem value=\"postpaid\">{t('billing.mode.postpaid', 'Postpaid')}</SelectItem>\n              <SelectItem value=\"prepaid\">{t('billing.mode.prepaid', 'Prepaid')}</SelectItem>\n            </SelectContent>\n          </Select>\n          {isEdit ? (\n            <span className=\"text-xs text-muted-foreground\">\n              {t('billing.accounts.form.mode.locked', 'Immutable \u2014 frozen at account create time.')}\n            </span>\n          ) : null}\n        </label>\n\n        <label className=\"flex flex-col gap-1 text-sm\">\n          <span className=\"text-muted-foreground\">\n            {t('billing.accounts.columns.credit_limit', 'Credit limit')}\n          </span>\n          <Input\n            type=\"number\"\n            min=\"0\"\n            step=\"0.01\"\n            value={values.creditLimit}\n            onChange={(event) => set('creditLimit', event.currentTarget.value)}\n          />\n        </label>\n\n        <label className=\"flex flex-col gap-1 text-sm\">\n          <span className=\"text-muted-foreground\">\n            {t('billing.accounts.form.payment_terms', 'Payment terms (days)')}\n          </span>\n          <Input\n            type=\"number\"\n            min=\"0\"\n            max=\"365\"\n            step=\"1\"\n            value={values.paymentTermsDays}\n            placeholder={t('billing.accounts.form.payment_terms.hint', 'Blank = organization default')}\n            onChange={(event) => set('paymentTermsDays', event.currentTarget.value)}\n          />\n        </label>\n\n        <div className=\"flex items-center justify-between gap-3 col-span-2\">\n          <div>\n            <div className=\"text-sm font-medium\">\n              {t('billing.accounts.form.auto_send', 'Email invoices automatically')}\n            </div>\n            <div className=\"text-xs text-muted-foreground\">\n              {t(\n                'billing.accounts.form.auto_send.help',\n                'Each posted invoice is emailed as a PDF to the invoice email.',\n              )}\n            </div>\n          </div>\n          <Switch\n            checked={values.autoSendInvoice}\n            onCheckedChange={(next) => set('autoSendInvoice', next)}\n          />\n        </div>\n\n        {values.billingMode === 'prepaid' ? (\n          <label className=\"flex flex-col gap-1 text-sm\">\n            <span className=\"text-muted-foreground\">\n              {t('billing.prepaid.panel.threshold', 'Low threshold')}\n            </span>\n            <Input\n              type=\"number\"\n              min=\"0\"\n              step=\"0.01\"\n              value={values.lowBalanceThreshold}\n              placeholder={t('billing.accounts.form.threshold.hint', 'Blank = tenant default')}\n              onChange={(event) => set('lowBalanceThreshold', event.currentTarget.value)}\n            />\n          </label>\n        ) : null}\n      </div>\n\n      {isEdit ? (\n        <div className=\"mt-6 flex items-center justify-between gap-3\">\n          <div>\n            <div className=\"text-sm font-medium\">\n              {t('billing.accounts.form.active', 'Active')}\n            </div>\n            <div className=\"text-xs text-muted-foreground\">\n              {t(\n                'billing.accounts.form.active.help',\n                'Inactive accounts stay billable until soft-deleted \u2014 toggle for visibility filtering only.',\n              )}\n            </div>\n          </div>\n          <Switch\n            checked={values.isActive}\n            onCheckedChange={(next) => set('isActive', next)}\n          />\n        </div>\n      ) : null}\n\n      {error ? <div className=\"mt-4 text-sm text-destructive\">{error}</div> : null}\n\n      <div className=\"mt-6 flex items-center justify-between gap-3\">\n        <span className=\"text-xs text-muted-foreground\">\n          <KbdShortcut keys={['Ctrl/\u2318', 'Enter']} />{' '}\n          {t('billing.accounts.form.submit_hint', 'to save,')} <Kbd>Esc</Kbd>{' '}\n          {t('billing.accounts.form.cancel_hint', 'to discard')}\n        </span>\n        <div className=\"flex items-center gap-2\">\n          <Button type=\"button\" variant=\"outline\" onClick={onCancel}>\n            {t('billing.common.cancel', 'Cancel')}\n          </Button>\n          <Button type=\"button\" onClick={() => void handleSubmit()} disabled={submitting}>\n            {submitting\n              ? t('billing.accounts.form.saving', 'Saving\u2026')\n              : isEdit\n                ? t('billing.accounts.form.save', 'Save changes')\n                : t('billing.accounts.form.create', 'Create account')}\n          </Button>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/billing/components/AccountInvoicesSection.js

@@ -0,0 +1,64 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import { Stat, StatCard } from "./DetailFields.js";
+import { InvoicesTable, formatMoney } from "./InvoicesTable.js";
+function AccountInvoicesSection({
+  accountId,
+  showSummary = true
+}) {
+  const t = useT();
+  const [summary, setSummary] = React.useState(null);
+  React.useEffect(() => {
+    if (!showSummary) return;
+    let cancelled = false;
+    readApiResultOrThrow(`/api/billing/accounts/${encodeURIComponent(accountId)}/summary`).then((result) => {
+      if (!cancelled) setSummary(result);
+    }).catch(() => {
+      if (!cancelled) setSummary(null);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [accountId, showSummary]);
+  return /* @__PURE__ */ jsxs("div", { className: showSummary ? "mt-6 space-y-3" : "space-y-3", children: [
+    showSummary && summary ? /* @__PURE__ */ jsxs(StatCard, { children: [
+      /* @__PURE__ */ jsx(
+        Stat,
+        {
+          label: t("billing.accounts.summary.open", "Open receivables"),
+          value: formatMoney(summary.open_amount, summary.currency_code)
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Stat,
+        {
+          label: t("billing.accounts.summary.overdue", "Overdue"),
+          value: `${formatMoney(summary.overdue_amount, summary.currency_code)} (${summary.overdue_count})`
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Stat,
+        {
+          label: t("billing.accounts.summary.credit", "Unapplied credit"),
+          value: formatMoney(summary.credit_amount, summary.currency_code)
+        }
+      )
+    ] }) : null,
+    /* @__PURE__ */ jsx(
+      InvoicesTable,
+      {
+        title: t("billing.accounts.detail.invoices", "Invoices"),
+        billAccountId: accountId,
+        tableId: "billing-account-invoices",
+        pageSize: 10
+      }
+    )
+  ] });
+}
+export {
+  AccountInvoicesSection
+};
+//# sourceMappingURL=AccountInvoicesSection.js.map

package/dist/modules/billing/components/AccountInvoicesSection.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/billing/components/AccountInvoicesSection.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { Stat, StatCard } from './DetailFields'\nimport { InvoicesTable, formatMoney } from './InvoicesTable'\n\n/**\n * Account Invoices section (Spec B): receivables summary cards + the\n * account's billing documents. Self-contained so Spec E's account workspace\n * can drop it into its Invoices tab unchanged.\n */\n\ntype AccountSummary = {\n  currency_code: string\n  open_amount: string\n  overdue_amount: string\n  overdue_count: number\n  credit_amount: string\n}\n\nexport function AccountInvoicesSection({\n  accountId,\n  showSummary = true,\n}: {\n  accountId: string\n  /** False inside the account workspace, whose header already shows these figures. */\n  showSummary?: boolean\n}) {\n  const t = useT()\n  const [summary, setSummary] = React.useState<AccountSummary | null>(null)\n\n  React.useEffect(() => {\n    if (!showSummary) return\n    let cancelled = false\n    readApiResultOrThrow<AccountSummary>(`/api/billing/accounts/${encodeURIComponent(accountId)}/summary`)\n      .then((result) => {\n        if (!cancelled) setSummary(result)\n      })\n      .catch(() => {\n        // Summary is informational; the invoices table reports its own errors.\n        if (!cancelled) setSummary(null)\n      })\n    return () => {\n      cancelled = true\n    }\n  }, [accountId, showSummary])\n\n  return (\n    <div className={showSummary ? 'mt-6 space-y-3' : 'space-y-3'}>\n      {showSummary && summary ? (\n        <StatCard>\n          <Stat\n            label={t('billing.accounts.summary.open', 'Open receivables')}\n            value={formatMoney(summary.open_amount, summary.currency_code)}\n          />\n          <Stat\n            label={t('billing.accounts.summary.overdue', 'Overdue')}\n            value={`${formatMoney(summary.overdue_amount, summary.currency_code)} (${summary.overdue_count})`}\n          />\n          <Stat\n            label={t('billing.accounts.summary.credit', 'Unapplied credit')}\n            value={formatMoney(summary.credit_amount, summary.currency_code)}\n          />\n        </StatCard>\n      ) : null}\n      <InvoicesTable\n        title={t('billing.accounts.detail.invoices', 'Invoices')}\n        billAccountId={accountId}\n        tableId=\"billing-account-invoices\"\n        pageSize={10}\n      />\n    </div>\n  )\n}\n"],
+  "mappings": ";AAmDQ,SACE,KADF;AAlDR,YAAY,WAAW;AACvB,SAAS,YAAY;AACrB,SAAS,4BAA4B;AACrC,SAAS,MAAM,gBAAgB;AAC/B,SAAS,eAAe,mBAAmB;AAgBpC,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA,cAAc;AAChB,GAIG;AACD,QAAM,IAAI,KAAK;AACf,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAgC,IAAI;AAExE,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,YAAa;AAClB,QAAI,YAAY;AAChB,yBAAqC,yBAAyB,mBAAmB,SAAS,CAAC,UAAU,EAClG,KAAK,CAAC,WAAW;AAChB,UAAI,CAAC,UAAW,YAAW,MAAM;AAAA,IACnC,CAAC,EACA,MAAM,MAAM;AAEX,UAAI,CAAC,UAAW,YAAW,IAAI;AAAA,IACjC,CAAC;AACH,WAAO,MAAM;AACX,kBAAY;AAAA,IACd;AAAA,EACF,GAAG,CAAC,WAAW,WAAW,CAAC;AAE3B,SACE,qBAAC,SAAI,WAAW,cAAc,mBAAmB,aAC9C;AAAA,mBAAe,UACd,qBAAC,YACC;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,EAAE,iCAAiC,kBAAkB;AAAA,UAC5D,OAAO,YAAY,QAAQ,aAAa,QAAQ,aAAa;AAAA;AAAA,MAC/D;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,EAAE,oCAAoC,SAAS;AAAA,UACtD,OAAO,GAAG,YAAY,QAAQ,gBAAgB,QAAQ,aAAa,CAAC,KAAK,QAAQ,aAAa;AAAA;AAAA,MAChG;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,EAAE,mCAAmC,kBAAkB;AAAA,UAC9D,OAAO,YAAY,QAAQ,eAAe,QAAQ,aAAa;AAAA;AAAA,MACjE;AAAA,OACF,IACE;AAAA,IACJ;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,EAAE,oCAAoC,UAAU;AAAA,QACvD,eAAe;AAAA,QACf,SAAQ;AAAA,QACR,UAAU;AAAA;AAAA,IACZ;AAAA,KACF;AAEJ;",
+  "names": []
+}

package/dist/modules/billing/components/AccountPaymentsSection.js

@@ -0,0 +1,43 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useRouter } from "next/navigation";
+import { Plus } from "lucide-react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { PaymentsTable } from "./PaymentsTable.js";
+import { ManualPaymentDialog } from "./ManualPaymentDialog.js";
+function AccountPaymentsSection({ accountId, currencyCode }) {
+  const t = useT();
+  const router = useRouter();
+  const [open, setOpen] = React.useState(false);
+  return /* @__PURE__ */ jsxs("div", { className: "mt-6", children: [
+    /* @__PURE__ */ jsx(
+      PaymentsTable,
+      {
+        title: t("billing.accounts.detail.payments", "Payments"),
+        tableId: "billing-account-payments",
+        billAccountId: accountId,
+        pageSize: 10,
+        actions: /* @__PURE__ */ jsxs(Button, { type: "button", variant: "outline", onClick: () => setOpen(true), children: [
+          /* @__PURE__ */ jsx(Plus, { size: 16 }),
+          t("billing.payments.manual.action", "Record payment")
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ManualPaymentDialog,
+      {
+        open,
+        onClose: () => setOpen(false),
+        billAccountId: accountId,
+        currencyCode,
+        onCreated: (paymentId) => router.push(`/backend/billing/payments/${encodeURIComponent(paymentId)}`)
+      }
+    )
+  ] });
+}
+export {
+  AccountPaymentsSection
+};
+//# sourceMappingURL=AccountPaymentsSection.js.map

package/dist/modules/billing/components/AccountPaymentsSection.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/billing/components/AccountPaymentsSection.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\nimport { Plus } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { PaymentsTable } from './PaymentsTable'\nimport { ManualPaymentDialog } from './ManualPaymentDialog'\n\n/**\n * Account Payments section (Spec C): the account's payments plus \"Record\n * payment\" (pre-filled account and currency). Self-contained so Spec E's\n * Payments tab can reuse it.\n */\nexport function AccountPaymentsSection({ accountId, currencyCode }: { accountId: string; currencyCode: string }) {\n  const t = useT()\n  const router = useRouter()\n  const [open, setOpen] = React.useState(false)\n  return (\n    <div className=\"mt-6\">\n      <PaymentsTable\n        title={t('billing.accounts.detail.payments', 'Payments')}\n        tableId=\"billing-account-payments\"\n        billAccountId={accountId}\n        pageSize={10}\n        actions={\n          <Button type=\"button\" variant=\"outline\" onClick={() => setOpen(true)}>\n            <Plus size={16} />\n            {t('billing.payments.manual.action', 'Record payment')}\n          </Button>\n        }\n      />\n      <ManualPaymentDialog\n        open={open}\n        onClose={() => setOpen(false)}\n        billAccountId={accountId}\n        currencyCode={currencyCode}\n        onCreated={(paymentId) => router.push(`/backend/billing/payments/${encodeURIComponent(paymentId)}`)}\n      />\n    </div>\n  )\n}\n"],
+  "mappings": ";AA0BU,SACE,KADF;AAzBV,YAAY,WAAW;AACvB,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AACrB,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB,SAAS,qBAAqB;AAC9B,SAAS,2BAA2B;AAO7B,SAAS,uBAAuB,EAAE,WAAW,aAAa,GAAgD;AAC/G,QAAM,IAAI,KAAK;AACf,QAAM,SAAS,UAAU;AACzB,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,KAAK;AAC5C,SACE,qBAAC,SAAI,WAAU,QACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,EAAE,oCAAoC,UAAU;AAAA,QACvD,SAAQ;AAAA,QACR,eAAe;AAAA,QACf,UAAU;AAAA,QACV,SACE,qBAAC,UAAO,MAAK,UAAS,SAAQ,WAAU,SAAS,MAAM,QAAQ,IAAI,GACjE;AAAA,8BAAC,QAAK,MAAM,IAAI;AAAA,UACf,EAAE,kCAAkC,gBAAgB;AAAA,WACvD;AAAA;AAAA,IAEJ;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS,MAAM,QAAQ,KAAK;AAAA,QAC5B,eAAe;AAAA,QACf;AAAA,QACA,WAAW,CAAC,cAAc,OAAO,KAAK,6BAA6B,mBAAmB,SAAS,CAAC,EAAE;AAAA;AAAA,IACpG;AAAA,KACF;AAEJ;",
+  "names": []
+}