@dainamite/billing 0.20.0 → 0.22.0

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/billing/components/LineFormDialog.tsx"],
-  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@open-mercato/ui/primitives/dialog'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Textarea } from '@open-mercato/ui/primitives/textarea'\nimport { Kbd, KbdShortcut } from '@open-mercato/ui/primitives/kbd'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\n/**\n * Shared dialog for add / edit of an invoice line.\n *\n * - `mode='add'` shows empty fields and calls the\n *   `billing.invoices.add_draft_line` route on submit.\n * - `mode='edit'` pre-fills from `initial` and calls\n *   `billing.invoices.edit_draft_line`.\n *\n * The caller owns the network call (so we can stay simple and avoid\n * threading apiCall context through the component). On submit, this\n * dialog only emits `onSubmit(values)` and the parent decides which\n * command to hit.\n *\n * UX conventions per `@open-mercato/ui`:\n *   - `Cmd/Ctrl + Enter` submits.\n *   - `Escape` cancels (Radix Dialog handles this for free).\n *   - Hint row at the bottom lists both shortcuts via `Kbd` /\n *     `KbdShortcut` (not raw `<span>`).\n */\n\nexport type LineFormValues = {\n  description: string\n  quantity: number\n  unitPriceNet: number\n  /** Optional explicit total override (operator \"I know better\" path). */\n  totalNetAmount?: number\n}\n\nexport type LineFormDialogProps = {\n  open: boolean\n  mode: 'add' | 'edit'\n  /** Pre-fill values for edit mode. */\n  initial?: Partial<LineFormValues>\n  submitting?: boolean\n  onSubmit: (values: LineFormValues) => Promise<void> | void\n  onCancel: () => void\n}\n\nfunction toNumber(raw: string): number | null {\n  if (raw.trim() === '') return null\n  const n = Number.parseFloat(raw)\n  return Number.isFinite(n) ? n : null\n}\n\nexport function LineFormDialog({\n  open,\n  mode,\n  initial,\n  submitting = false,\n  onSubmit,\n  onCancel,\n}: LineFormDialogProps) {\n  const t = useT()\n  const [description, setDescription] = React.useState(initial?.description ?? '')\n  const [quantity, setQuantity] = React.useState(\n    initial?.quantity != null ? String(initial.quantity) : '',\n  )\n  const [unitPriceNet, setUnitPriceNet] = React.useState(\n    initial?.unitPriceNet != null ? String(initial.unitPriceNet) : '',\n  )\n  const [totalOverride, setTotalOverride] = React.useState(\n    initial?.totalNetAmount != null ? String(initial.totalNetAmount) : '',\n  )\n  const [error, setError] = React.useState<string | null>(null)\n\n  React.useEffect(() => {\n    if (open) {\n      setDescription(initial?.description ?? '')\n      setQuantity(initial?.quantity != null ? String(initial.quantity) : '')\n      setUnitPriceNet(initial?.unitPriceNet != null ? String(initial.unitPriceNet) : '')\n      setTotalOverride(initial?.totalNetAmount != null ? String(initial.totalNetAmount) : '')\n      setError(null)\n    }\n  }, [open, initial])\n\n  const handleSubmit = React.useCallback(async () => {\n    const trimmedDescription = description.trim()\n    if (!trimmedDescription) {\n      setError(t('billing.invoices.lines.form.error.description_required', 'Description is required'))\n      return\n    }\n    const quantityValue = toNumber(quantity)\n    if (quantityValue == null || quantityValue < 0) {\n      setError(t('billing.invoices.lines.form.error.quantity_invalid', 'Quantity must be a non-negative number'))\n      return\n    }\n    const unitPriceValue = toNumber(unitPriceNet)\n    if (unitPriceValue == null) {\n      setError(t('billing.invoices.lines.form.error.unit_price_invalid', 'Unit price must be a number'))\n      return\n    }\n    const totalOverrideRaw = totalOverride.trim()\n    let totalOverrideValue: number | undefined\n    if (totalOverrideRaw !== '') {\n      const parsed = toNumber(totalOverrideRaw)\n      if (parsed == null) {\n        setError(t('billing.invoices.lines.form.error.total_invalid', 'Total override must be a number when set'))\n        return\n      }\n      totalOverrideValue = parsed\n    }\n    setError(null)\n    await onSubmit({\n      description: trimmedDescription,\n      quantity: quantityValue,\n      unitPriceNet: unitPriceValue,\n      totalNetAmount: totalOverrideValue,\n    })\n  }, [description, onSubmit, quantity, t, totalOverride, unitPriceNet])\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      // Cmd/Ctrl + Enter submits \u2014 required by the OM UX convention\n      // for every dialog. Escape is handled by Radix Dialog itself.\n      if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') {\n        event.preventDefault()\n        void handleSubmit()\n      }\n    },\n    [handleSubmit],\n  )\n\n  // Auto-compute total for the helper text \u2014 purely informational, not\n  // submitted unless the operator types into `totalOverride`.\n  const computedTotal = React.useMemo(() => {\n    const q = toNumber(quantity)\n    const u = toNumber(unitPriceNet)\n    if (q == null || u == null) return null\n    return (Math.round(q * u * 100) / 100).toFixed(2)\n  }, [quantity, unitPriceNet])\n\n  return (\n    <Dialog open={open} onOpenChange={(next) => { if (!next) onCancel() }}>\n      <DialogContent onKeyDown={handleKeyDown}>\n        <DialogHeader>\n          <DialogTitle>\n            {mode === 'add'\n              ? t('billing.invoices.lines.form.title_add', 'Add invoice line')\n              : t('billing.invoices.lines.form.title_edit', 'Edit invoice line')}\n          </DialogTitle>\n          <DialogDescription>\n            {t(\n              'billing.invoices.lines.form.help',\n              'Changes are recorded in the draft-edit audit log.',\n            )}\n          </DialogDescription>\n        </DialogHeader>\n        <div className=\"flex flex-col gap-4 py-2\">\n          <label className=\"flex flex-col gap-1 text-sm\">\n            <span className=\"text-muted-foreground\">\n              {t('billing.invoices.lines.form.description', 'Description')}\n            </span>\n            <Textarea\n              value={description}\n              onChange={(event) => setDescription(event.currentTarget.value)}\n              rows={2}\n            />\n          </label>\n          <div className=\"grid grid-cols-2 gap-3\">\n            <label className=\"flex flex-col gap-1 text-sm\">\n              <span className=\"text-muted-foreground\">\n                {t('billing.invoices.lines.form.quantity', 'Quantity')}\n              </span>\n              <Input\n                type=\"number\"\n                value={quantity}\n                step=\"0.0001\"\n                onChange={(event) => setQuantity(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.invoices.lines.form.unit_price', 'Unit price (net)')}\n              </span>\n              <Input\n                type=\"number\"\n                value={unitPriceNet}\n                step=\"0.0001\"\n                onChange={(event) => setUnitPriceNet(event.currentTarget.value)}\n              />\n            </label>\n          </div>\n          <label className=\"flex flex-col gap-1 text-sm\">\n            <span className=\"text-muted-foreground\">\n              {t('billing.invoices.lines.form.total_override', 'Total override (optional)')}\n            </span>\n            <Input\n              type=\"number\"\n              value={totalOverride}\n              step=\"0.0001\"\n              placeholder={computedTotal ?? ''}\n              onChange={(event) => setTotalOverride(event.currentTarget.value)}\n            />\n            <span className=\"text-xs text-muted-foreground\">\n              {computedTotal != null\n                ? t(\n                    'billing.invoices.lines.form.computed_total',\n                    'Computed total: {computed}',\n                  ).replace('{computed}', computedTotal)\n                : null}\n            </span>\n          </label>\n          {error ? (\n            <div className=\"text-sm text-destructive\">{error}</div>\n          ) : null}\n        </div>\n        <DialogFooter>\n          <div className=\"flex items-center justify-between gap-3 w-full\">\n            <span className=\"text-xs text-muted-foreground\">\n              <KbdShortcut keys={['Ctrl/\u2318', 'Enter']} />\n              {' '}\n              {t('billing.invoices.lines.form.submit_hint', 'to save,')}\n              {' '}\n              <Kbd>Esc</Kbd>\n              {' '}\n              {t('billing.invoices.lines.form.cancel_hint', 'to cancel')}\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\n                type=\"button\"\n                onClick={() => void handleSubmit()}\n                disabled={submitting}\n              >\n                {submitting\n                  ? t('billing.invoices.lines.form.saving', 'Saving\u2026')\n                  : t('billing.common.save', 'Save')}\n              </Button>\n            </div>\n          </div>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@open-mercato/ui/primitives/dialog'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Textarea } from '@open-mercato/ui/primitives/textarea'\nimport { Kbd, KbdShortcut } from '@open-mercato/ui/primitives/kbd'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\n/**\n * Shared dialog for add / edit of an invoice line.\n *\n * - `mode='add'` shows empty fields and calls the\n *   `billing.invoices.add_draft_line` route on submit.\n * - `mode='edit'` pre-fills from `initial` and calls\n *   `billing.invoices.edit_draft_line`.\n *\n * The caller owns the network call (so we can stay simple and avoid\n * threading apiCall context through the component). On submit, this\n * dialog only emits `onSubmit(values)` and the parent decides which\n * command to hit.\n *\n * UX conventions per `@open-mercato/ui`:\n *   - `Cmd/Ctrl + Enter` submits.\n *   - `Escape` cancels (Radix Dialog handles this for free).\n *   - Hint row at the bottom lists both shortcuts via `Kbd` /\n *     `KbdShortcut` (not raw `<span>`).\n */\n\nexport type LineFormValues = {\n  description: string\n  quantity: number\n  unitPriceNet: number\n  /** Optional explicit total override (operator \"I know better\" path). */\n  totalNetAmount?: number\n  /** Spec B: VAT %. Omitted on add \u2192 the organization default rate. */\n  taxRate?: number\n}\n\nexport type LineFormDialogProps = {\n  open: boolean\n  mode: 'add' | 'edit'\n  /** Pre-fill values for edit mode. */\n  initial?: Partial<LineFormValues>\n  submitting?: boolean\n  onSubmit: (values: LineFormValues) => Promise<void> | void\n  onCancel: () => void\n}\n\nfunction toNumber(raw: string): number | null {\n  if (raw.trim() === '') return null\n  const n = Number.parseFloat(raw)\n  return Number.isFinite(n) ? n : null\n}\n\nexport function LineFormDialog({\n  open,\n  mode,\n  initial,\n  submitting = false,\n  onSubmit,\n  onCancel,\n}: LineFormDialogProps) {\n  const t = useT()\n  const [description, setDescription] = React.useState(initial?.description ?? '')\n  const [quantity, setQuantity] = React.useState(\n    initial?.quantity != null ? String(initial.quantity) : '',\n  )\n  const [unitPriceNet, setUnitPriceNet] = React.useState(\n    initial?.unitPriceNet != null ? String(initial.unitPriceNet) : '',\n  )\n  const [totalOverride, setTotalOverride] = React.useState(\n    initial?.totalNetAmount != null ? String(initial.totalNetAmount) : '',\n  )\n  const [taxRate, setTaxRate] = React.useState(initial?.taxRate != null ? String(initial.taxRate) : '')\n  const [error, setError] = React.useState<string | null>(null)\n\n  React.useEffect(() => {\n    if (open) {\n      setDescription(initial?.description ?? '')\n      setQuantity(initial?.quantity != null ? String(initial.quantity) : '')\n      setUnitPriceNet(initial?.unitPriceNet != null ? String(initial.unitPriceNet) : '')\n      setTotalOverride(initial?.totalNetAmount != null ? String(initial.totalNetAmount) : '')\n      setTaxRate(initial?.taxRate != null ? String(initial.taxRate) : '')\n      setError(null)\n    }\n  }, [open, initial])\n\n  const handleSubmit = React.useCallback(async () => {\n    const trimmedDescription = description.trim()\n    if (!trimmedDescription) {\n      setError(t('billing.invoices.lines.form.error.description_required', 'Description is required'))\n      return\n    }\n    const quantityValue = toNumber(quantity)\n    if (quantityValue == null || quantityValue < 0) {\n      setError(t('billing.invoices.lines.form.error.quantity_invalid', 'Quantity must be a non-negative number'))\n      return\n    }\n    const unitPriceValue = toNumber(unitPriceNet)\n    if (unitPriceValue == null) {\n      setError(t('billing.invoices.lines.form.error.unit_price_invalid', 'Unit price must be a number'))\n      return\n    }\n    const totalOverrideRaw = totalOverride.trim()\n    let totalOverrideValue: number | undefined\n    if (totalOverrideRaw !== '') {\n      const parsed = toNumber(totalOverrideRaw)\n      if (parsed == null) {\n        setError(t('billing.invoices.lines.form.error.total_invalid', 'Total override must be a number when set'))\n        return\n      }\n      totalOverrideValue = parsed\n    }\n    const taxRateValue = toNumber(taxRate)\n    if (taxRate.trim() !== '' && (taxRateValue == null || taxRateValue < 0 || taxRateValue > 100)) {\n      setError(t('billing.invoices.lines.form.error.tax_rate_invalid', 'VAT rate must be between 0 and 100'))\n      return\n    }\n    setError(null)\n    await onSubmit({\n      description: trimmedDescription,\n      quantity: quantityValue,\n      unitPriceNet: unitPriceValue,\n      totalNetAmount: totalOverrideValue,\n      taxRate: taxRateValue ?? undefined,\n    })\n  }, [description, onSubmit, quantity, t, taxRate, totalOverride, unitPriceNet])\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      // Cmd/Ctrl + Enter submits \u2014 required by the OM UX convention\n      // for every dialog. Escape is handled by Radix Dialog itself.\n      if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') {\n        event.preventDefault()\n        void handleSubmit()\n      }\n    },\n    [handleSubmit],\n  )\n\n  // Auto-compute total for the helper text \u2014 purely informational, not\n  // submitted unless the operator types into `totalOverride`.\n  const computedTotal = React.useMemo(() => {\n    const q = toNumber(quantity)\n    const u = toNumber(unitPriceNet)\n    if (q == null || u == null) return null\n    return (Math.round(q * u * 100) / 100).toFixed(2)\n  }, [quantity, unitPriceNet])\n\n  return (\n    <Dialog open={open} onOpenChange={(next) => { if (!next) onCancel() }}>\n      <DialogContent onKeyDown={handleKeyDown}>\n        <DialogHeader>\n          <DialogTitle>\n            {mode === 'add'\n              ? t('billing.invoices.lines.form.title_add', 'Add invoice line')\n              : t('billing.invoices.lines.form.title_edit', 'Edit invoice line')}\n          </DialogTitle>\n          <DialogDescription>\n            {t(\n              'billing.invoices.lines.form.help',\n              'Changes are recorded in the draft-edit audit log.',\n            )}\n          </DialogDescription>\n        </DialogHeader>\n        <div className=\"flex flex-col gap-4 py-2\">\n          <label className=\"flex flex-col gap-1 text-sm\">\n            <span className=\"text-muted-foreground\">\n              {t('billing.invoices.lines.form.description', 'Description')}\n            </span>\n            <Textarea\n              value={description}\n              onChange={(event) => setDescription(event.currentTarget.value)}\n              rows={2}\n            />\n          </label>\n          <div className=\"grid grid-cols-2 gap-3\">\n            <label className=\"flex flex-col gap-1 text-sm\">\n              <span className=\"text-muted-foreground\">\n                {t('billing.invoices.lines.form.quantity', 'Quantity')}\n              </span>\n              <Input\n                type=\"number\"\n                value={quantity}\n                step=\"0.0001\"\n                onChange={(event) => setQuantity(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.invoices.lines.form.unit_price', 'Unit price (net)')}\n              </span>\n              <Input\n                type=\"number\"\n                value={unitPriceNet}\n                step=\"0.0001\"\n                onChange={(event) => setUnitPriceNet(event.currentTarget.value)}\n              />\n            </label>\n          </div>\n          <label className=\"flex flex-col gap-1 text-sm\">\n            <span className=\"text-muted-foreground\">\n              {t('billing.invoices.lines.form.tax_rate', 'VAT rate (%)')}\n            </span>\n            <Input\n              type=\"number\"\n              value={taxRate}\n              min=\"0\"\n              max=\"100\"\n              step=\"0.01\"\n              placeholder={mode === 'add' ? t('billing.invoices.lines.form.tax_rate.default', 'Organization default') : ''}\n              onChange={(event) => setTaxRate(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.invoices.lines.form.total_override', 'Total override (optional)')}\n            </span>\n            <Input\n              type=\"number\"\n              value={totalOverride}\n              step=\"0.0001\"\n              placeholder={computedTotal ?? ''}\n              onChange={(event) => setTotalOverride(event.currentTarget.value)}\n            />\n            <span className=\"text-xs text-muted-foreground\">\n              {computedTotal != null\n                ? t(\n                    'billing.invoices.lines.form.computed_total',\n                    'Computed total: {computed}',\n                  ).replace('{computed}', computedTotal)\n                : null}\n            </span>\n          </label>\n          {error ? (\n            <div className=\"text-sm text-destructive\">{error}</div>\n          ) : null}\n        </div>\n        <DialogFooter>\n          <div className=\"flex items-center justify-between gap-3 w-full\">\n            <span className=\"text-xs text-muted-foreground\">\n              <KbdShortcut keys={['Ctrl/\u2318', 'Enter']} />\n              {' '}\n              {t('billing.invoices.lines.form.submit_hint', 'to save,')}\n              {' '}\n              <Kbd>Esc</Kbd>\n              {' '}\n              {t('billing.invoices.lines.form.cancel_hint', 'to cancel')}\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\n                type=\"button\"\n                onClick={() => void handleSubmit()}\n                disabled={submitting}\n              >\n                {submitting\n                  ? t('billing.invoices.lines.form.saving', 'Saving\u2026')\n                  : t('billing.common.save', 'Save')}\n              </Button>\n            </div>\n          </div>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],
+  "mappings": ";AAgKQ,SACE,KADF;AA/JR,YAAY,WAAW;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,gBAAgB;AACzB,SAAS,KAAK,mBAAmB;AACjC,SAAS,YAAY;AA0CrB,SAAS,SAAS,KAA4B;AAC5C,MAAI,IAAI,KAAK,MAAM,GAAI,QAAO;AAC9B,QAAM,IAAI,OAAO,WAAW,GAAG;AAC/B,SAAO,OAAO,SAAS,CAAC,IAAI,IAAI;AAClC;AAEO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AACF,GAAwB;AACtB,QAAM,IAAI,KAAK;AACf,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAS,SAAS,eAAe,EAAE;AAC/E,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM;AAAA,IACpC,SAAS,YAAY,OAAO,OAAO,QAAQ,QAAQ,IAAI;AAAA,EACzD;AACA,QAAM,CAAC,cAAc,eAAe,IAAI,MAAM;AAAA,IAC5C,SAAS,gBAAgB,OAAO,OAAO,QAAQ,YAAY,IAAI;AAAA,EACjE;AACA,QAAM,CAAC,eAAe,gBAAgB,IAAI,MAAM;AAAA,IAC9C,SAAS,kBAAkB,OAAO,OAAO,QAAQ,cAAc,IAAI;AAAA,EACrE;AACA,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,SAAS,WAAW,OAAO,OAAO,QAAQ,OAAO,IAAI,EAAE;AACpG,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAwB,IAAI;AAE5D,QAAM,UAAU,MAAM;AACpB,QAAI,MAAM;AACR,qBAAe,SAAS,eAAe,EAAE;AACzC,kBAAY,SAAS,YAAY,OAAO,OAAO,QAAQ,QAAQ,IAAI,EAAE;AACrE,sBAAgB,SAAS,gBAAgB,OAAO,OAAO,QAAQ,YAAY,IAAI,EAAE;AACjF,uBAAiB,SAAS,kBAAkB,OAAO,OAAO,QAAQ,cAAc,IAAI,EAAE;AACtF,iBAAW,SAAS,WAAW,OAAO,OAAO,QAAQ,OAAO,IAAI,EAAE;AAClE,eAAS,IAAI;AAAA,IACf;AAAA,EACF,GAAG,CAAC,MAAM,OAAO,CAAC;AAElB,QAAM,eAAe,MAAM,YAAY,YAAY;AACjD,UAAM,qBAAqB,YAAY,KAAK;AAC5C,QAAI,CAAC,oBAAoB;AACvB,eAAS,EAAE,0DAA0D,yBAAyB,CAAC;AAC/F;AAAA,IACF;AACA,UAAM,gBAAgB,SAAS,QAAQ;AACvC,QAAI,iBAAiB,QAAQ,gBAAgB,GAAG;AAC9C,eAAS,EAAE,sDAAsD,wCAAwC,CAAC;AAC1G;AAAA,IACF;AACA,UAAM,iBAAiB,SAAS,YAAY;AAC5C,QAAI,kBAAkB,MAAM;AAC1B,eAAS,EAAE,wDAAwD,6BAA6B,CAAC;AACjG;AAAA,IACF;AACA,UAAM,mBAAmB,cAAc,KAAK;AAC5C,QAAI;AACJ,QAAI,qBAAqB,IAAI;AAC3B,YAAM,SAAS,SAAS,gBAAgB;AACxC,UAAI,UAAU,MAAM;AAClB,iBAAS,EAAE,mDAAmD,0CAA0C,CAAC;AACzG;AAAA,MACF;AACA,2BAAqB;AAAA,IACvB;AACA,UAAM,eAAe,SAAS,OAAO;AACrC,QAAI,QAAQ,KAAK,MAAM,OAAO,gBAAgB,QAAQ,eAAe,KAAK,eAAe,MAAM;AAC7F,eAAS,EAAE,sDAAsD,oCAAoC,CAAC;AACtG;AAAA,IACF;AACA,aAAS,IAAI;AACb,UAAM,SAAS;AAAA,MACb,aAAa;AAAA,MACb,UAAU;AAAA,MACV,cAAc;AAAA,MACd,gBAAgB;AAAA,MAChB,SAAS,gBAAgB;AAAA,IAC3B,CAAC;AAAA,EACH,GAAG,CAAC,aAAa,UAAU,UAAU,GAAG,SAAS,eAAe,YAAY,CAAC;AAE7E,QAAM,gBAAgB,MAAM;AAAA,IAC1B,CAAC,UAA+C;AAG9C,WAAK,MAAM,WAAW,MAAM,YAAY,MAAM,QAAQ,SAAS;AAC7D,cAAM,eAAe;AACrB,aAAK,aAAa;AAAA,MACpB;AAAA,IACF;AAAA,IACA,CAAC,YAAY;AAAA,EACf;AAIA,QAAM,gBAAgB,MAAM,QAAQ,MAAM;AACxC,UAAM,IAAI,SAAS,QAAQ;AAC3B,UAAM,IAAI,SAAS,YAAY;AAC/B,QAAI,KAAK,QAAQ,KAAK,KAAM,QAAO;AACnC,YAAQ,KAAK,MAAM,IAAI,IAAI,GAAG,IAAI,KAAK,QAAQ,CAAC;AAAA,EAClD,GAAG,CAAC,UAAU,YAAY,CAAC;AAE3B,SACE,oBAAC,UAAO,MAAY,cAAc,CAAC,SAAS;AAAE,QAAI,CAAC,KAAM,UAAS;AAAA,EAAE,GAClE,+BAAC,iBAAc,WAAW,eACxB;AAAA,yBAAC,gBACC;AAAA,0BAAC,eACE,mBAAS,QACN,EAAE,yCAAyC,kBAAkB,IAC7D,EAAE,0CAA0C,mBAAmB,GACrE;AAAA,MACA,oBAAC,qBACE;AAAA,QACC;AAAA,QACA;AAAA,MACF,GACF;AAAA,OACF;AAAA,IACA,qBAAC,SAAI,WAAU,4BACb;AAAA,2BAAC,WAAM,WAAU,+BACf;AAAA,4BAAC,UAAK,WAAU,yBACb,YAAE,2CAA2C,aAAa,GAC7D;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,YACP,UAAU,CAAC,UAAU,eAAe,MAAM,cAAc,KAAK;AAAA,YAC7D,MAAM;AAAA;AAAA,QACR;AAAA,SACF;AAAA,MACA,qBAAC,SAAI,WAAU,0BACb;AAAA,6BAAC,WAAM,WAAU,+BACf;AAAA,8BAAC,UAAK,WAAU,yBACb,YAAE,wCAAwC,UAAU,GACvD;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAO;AAAA,cACP,MAAK;AAAA,cACL,UAAU,CAAC,UAAU,YAAY,MAAM,cAAc,KAAK;AAAA;AAAA,UAC5D;AAAA,WACF;AAAA,QACA,qBAAC,WAAM,WAAU,+BACf;AAAA,8BAAC,UAAK,WAAU,yBACb,YAAE,0CAA0C,kBAAkB,GACjE;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAO;AAAA,cACP,MAAK;AAAA,cACL,UAAU,CAAC,UAAU,gBAAgB,MAAM,cAAc,KAAK;AAAA;AAAA,UAChE;AAAA,WACF;AAAA,SACF;AAAA,MACA,qBAAC,WAAM,WAAU,+BACf;AAAA,4BAAC,UAAK,WAAU,yBACb,YAAE,wCAAwC,cAAc,GAC3D;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAO;AAAA,YACP,KAAI;AAAA,YACJ,KAAI;AAAA,YACJ,MAAK;AAAA,YACL,aAAa,SAAS,QAAQ,EAAE,gDAAgD,sBAAsB,IAAI;AAAA,YAC1G,UAAU,CAAC,UAAU,WAAW,MAAM,cAAc,KAAK;AAAA;AAAA,QAC3D;AAAA,SACF;AAAA,MACA,qBAAC,WAAM,WAAU,+BACf;AAAA,4BAAC,UAAK,WAAU,yBACb,YAAE,8CAA8C,2BAA2B,GAC9E;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAO;AAAA,YACP,MAAK;AAAA,YACL,aAAa,iBAAiB;AAAA,YAC9B,UAAU,CAAC,UAAU,iBAAiB,MAAM,cAAc,KAAK;AAAA;AAAA,QACjE;AAAA,QACA,oBAAC,UAAK,WAAU,iCACb,2BAAiB,OACd;AAAA,UACE;AAAA,UACA;AAAA,QACF,EAAE,QAAQ,cAAc,aAAa,IACrC,MACN;AAAA,SACF;AAAA,MACC,QACC,oBAAC,SAAI,WAAU,4BAA4B,iBAAM,IAC/C;AAAA,OACN;AAAA,IACA,oBAAC,gBACC,+BAAC,SAAI,WAAU,kDACb;AAAA,2BAAC,UAAK,WAAU,iCACd;AAAA,4BAAC,eAAY,MAAM,CAAC,eAAU,OAAO,GAAG;AAAA,QACvC;AAAA,QACA,EAAE,2CAA2C,UAAU;AAAA,QACvD;AAAA,QACD,oBAAC,OAAI,iBAAG;AAAA,QACP;AAAA,QACA,EAAE,2CAA2C,WAAW;AAAA,SAC3D;AAAA,MACA,qBAAC,SAAI,WAAU,2BACb;AAAA,4BAAC,UAAO,MAAK,UAAS,SAAQ,WAAU,SAAS,UAC9C,YAAE,yBAAyB,QAAQ,GACtC;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS,MAAM,KAAK,aAAa;AAAA,YACjC,UAAU;AAAA,YAET,uBACG,EAAE,sCAAsC,cAAS,IACjD,EAAE,uBAAuB,MAAM;AAAA;AAAA,QACrC;AAAA,SACF;AAAA,OACF,GACF;AAAA,KACF,GACF;AAEJ;",
   "names": []
 }

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

@@ -0,0 +1,122 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from "@open-mercato/ui/primitives/dialog";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { Kbd, KbdShortcut } from "@open-mercato/ui/primitives/kbd";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { apiCallOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import { normalizeCrudServerError } from "@open-mercato/ui/backend/utils/serverErrors";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { AccountPicker } from "./AccountPicker.js";
+function ManualPaymentDialog({
+  open,
+  onClose,
+  onCreated,
+  billAccountId,
+  currencyCode
+}) {
+  const t = useT();
+  const today = (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
+  const [receivedAt, setReceivedAt] = React.useState(today);
+  const [amount, setAmount] = React.useState("");
+  const [currency, setCurrency] = React.useState(currencyCode ?? "PLN");
+  const [reference, setReference] = React.useState("");
+  const [payerName, setPayerName] = React.useState("");
+  const [accountId, setAccountId] = React.useState(billAccountId ?? "");
+  const [saving, setSaving] = React.useState(false);
+  React.useEffect(() => {
+    if (!open) return;
+    setReceivedAt((/* @__PURE__ */ new Date()).toISOString().slice(0, 10));
+    setAmount("");
+    setReference("");
+    setPayerName("");
+    setAccountId(billAccountId ?? "");
+    setCurrency(currencyCode ?? "PLN");
+  }, [billAccountId, currencyCode, open]);
+  const submit = React.useCallback(async () => {
+    const value = Number.parseFloat(amount);
+    if (!(value > 0) || saving) {
+      flash(t("billing.payments.manual.amount_invalid", "Amount must be greater than 0"), "error");
+      return;
+    }
+    setSaving(true);
+    try {
+      const call = await apiCallOrThrow("/api/billing/payments", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          receivedAt,
+          amount: value,
+          currencyCode: currency.trim().toUpperCase(),
+          ...reference.trim() ? { reference: reference.trim() } : {},
+          ...payerName.trim() ? { payerName: payerName.trim() } : {},
+          ...accountId ? { billAccountId: accountId } : {}
+        })
+      });
+      flash(t("billing.payments.manual.saved", "Payment recorded"), "success");
+      onClose();
+      if (call.result?.paymentId) onCreated(call.result.paymentId);
+    } catch (err) {
+      flash(normalizeCrudServerError(err).message || t("billing.payments.manual.failed", "Could not record the payment"), "error");
+    } finally {
+      setSaving(false);
+    }
+  }, [accountId, amount, currency, onClose, onCreated, payerName, receivedAt, reference, saving, t]);
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (next) => !next ? onClose() : void 0, children: /* @__PURE__ */ jsxs(
+    DialogContent,
+    {
+      onKeyDown: (event) => {
+        if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
+          event.preventDefault();
+          void submit();
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: t("billing.payments.manual.title", "Record payment") }) }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3 py-2 text-sm", children: [
+          /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("billing.payments.columns.received", "Received") }),
+            /* @__PURE__ */ jsx(Input, { type: "date", value: receivedAt, onChange: (e) => setReceivedAt(e.currentTarget.value) })
+          ] }),
+          /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("billing.payments.columns.amount", "Amount") }),
+            /* @__PURE__ */ jsx(Input, { type: "number", min: "0", step: "0.01", value: amount, onChange: (e) => setAmount(e.currentTarget.value) })
+          ] }),
+          /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("billing.payments.fields.currency", "Currency") }),
+            /* @__PURE__ */ jsx(Input, { value: currency, maxLength: 3, disabled: Boolean(currencyCode), onChange: (e) => setCurrency(e.currentTarget.value) })
+          ] }),
+          /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("billing.payments.columns.payer", "Payer") }),
+            /* @__PURE__ */ jsx(Input, { value: payerName, onChange: (e) => setPayerName(e.currentTarget.value) })
+          ] }),
+          /* @__PURE__ */ jsxs("label", { className: "col-span-2 flex flex-col gap-1", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("billing.payments.columns.reference", "Reference") }),
+            /* @__PURE__ */ jsx(Input, { value: reference, onChange: (e) => setReference(e.currentTarget.value) })
+          ] }),
+          !billAccountId ? /* @__PURE__ */ jsxs("div", { className: "col-span-2 flex flex-col gap-1", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("billing.payments.fields.account_optional", "Billing account (optional)") }),
+            /* @__PURE__ */ jsx(AccountPicker, { value: accountId, onChange: setAccountId, currencyCode: currency.trim().toUpperCase(), billingMode: "postpaid" })
+          ] }) : null
+        ] }),
+        /* @__PURE__ */ jsx(DialogFooter, { children: /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsx(KbdShortcut, { keys: ["Ctrl/\u2318", "Enter"] }),
+            " \xB7 ",
+            /* @__PURE__ */ jsx(Kbd, { children: "Esc" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: onClose, children: t("billing.common.cancel", "Cancel") }),
+            /* @__PURE__ */ jsx(Button, { type: "button", onClick: () => void submit(), disabled: saving, children: t("billing.common.save", "Save") })
+          ] })
+        ] }) })
+      ]
+    }
+  ) });
+}
+export {
+  ManualPaymentDialog
+};
+//# sourceMappingURL=ManualPaymentDialog.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/billing/components/ManualPaymentDialog.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from '@open-mercato/ui/primitives/dialog'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Kbd, KbdShortcut } from '@open-mercato/ui/primitives/kbd'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { apiCallOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { normalizeCrudServerError } from '@open-mercato/ui/backend/utils/serverErrors'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { AccountPicker } from './AccountPicker'\n\n/**\n * Manual payment entry (Spec C). With an account the payment is matched and\n * applied as credit to the account's open invoices; without one it stays\n * unmatched. `billAccountId` pre-selects the account (account page).\n */\nexport function ManualPaymentDialog({\n  open,\n  onClose,\n  onCreated,\n  billAccountId,\n  currencyCode,\n}: {\n  open: boolean\n  onClose: () => void\n  onCreated: (paymentId: string) => void\n  billAccountId?: string\n  currencyCode?: string\n}) {\n  const t = useT()\n  const today = new Date().toISOString().slice(0, 10)\n  const [receivedAt, setReceivedAt] = React.useState(today)\n  const [amount, setAmount] = React.useState('')\n  const [currency, setCurrency] = React.useState(currencyCode ?? 'PLN')\n  const [reference, setReference] = React.useState('')\n  const [payerName, setPayerName] = React.useState('')\n  const [accountId, setAccountId] = React.useState(billAccountId ?? '')\n  const [saving, setSaving] = React.useState(false)\n\n  React.useEffect(() => {\n    if (!open) return\n    setReceivedAt(new Date().toISOString().slice(0, 10))\n    setAmount('')\n    setReference('')\n    setPayerName('')\n    setAccountId(billAccountId ?? '')\n    setCurrency(currencyCode ?? 'PLN')\n  }, [billAccountId, currencyCode, open])\n\n  const submit = React.useCallback(async () => {\n    const value = Number.parseFloat(amount)\n    if (!(value > 0) || saving) {\n      flash(t('billing.payments.manual.amount_invalid', 'Amount must be greater than 0'), 'error')\n      return\n    }\n    setSaving(true)\n    try {\n      const call = await apiCallOrThrow<{ paymentId: string }>('/api/billing/payments', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({\n          receivedAt,\n          amount: value,\n          currencyCode: currency.trim().toUpperCase(),\n          ...(reference.trim() ? { reference: reference.trim() } : {}),\n          ...(payerName.trim() ? { payerName: payerName.trim() } : {}),\n          ...(accountId ? { billAccountId: accountId } : {}),\n        }),\n      })\n      flash(t('billing.payments.manual.saved', 'Payment recorded'), 'success')\n      onClose()\n      if (call.result?.paymentId) onCreated(call.result.paymentId)\n    } catch (err) {\n      flash(normalizeCrudServerError(err).message || t('billing.payments.manual.failed', 'Could not record the payment'), 'error')\n    } finally {\n      setSaving(false)\n    }\n  }, [accountId, amount, currency, onClose, onCreated, payerName, receivedAt, reference, saving, t])\n\n  return (\n    <Dialog open={open} onOpenChange={(next) => (!next ? onClose() : undefined)}>\n      <DialogContent\n        onKeyDown={(event) => {\n          if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') {\n            event.preventDefault()\n            void submit()\n          }\n        }}\n      >\n        <DialogHeader>\n          <DialogTitle>{t('billing.payments.manual.title', 'Record payment')}</DialogTitle>\n        </DialogHeader>\n        <div className=\"grid grid-cols-2 gap-3 py-2 text-sm\">\n          <label className=\"flex flex-col gap-1\">\n            <span className=\"text-muted-foreground\">{t('billing.payments.columns.received', 'Received')}</span>\n            <Input type=\"date\" value={receivedAt} onChange={(e) => setReceivedAt(e.currentTarget.value)} />\n          </label>\n          <label className=\"flex flex-col gap-1\">\n            <span className=\"text-muted-foreground\">{t('billing.payments.columns.amount', 'Amount')}</span>\n            <Input type=\"number\" min=\"0\" step=\"0.01\" value={amount} onChange={(e) => setAmount(e.currentTarget.value)} />\n          </label>\n          <label className=\"flex flex-col gap-1\">\n            <span className=\"text-muted-foreground\">{t('billing.payments.fields.currency', 'Currency')}</span>\n            <Input value={currency} maxLength={3} disabled={Boolean(currencyCode)} onChange={(e) => setCurrency(e.currentTarget.value)} />\n          </label>\n          <label className=\"flex flex-col gap-1\">\n            <span className=\"text-muted-foreground\">{t('billing.payments.columns.payer', 'Payer')}</span>\n            <Input value={payerName} onChange={(e) => setPayerName(e.currentTarget.value)} />\n          </label>\n          <label className=\"col-span-2 flex flex-col gap-1\">\n            <span className=\"text-muted-foreground\">{t('billing.payments.columns.reference', 'Reference')}</span>\n            <Input value={reference} onChange={(e) => setReference(e.currentTarget.value)} />\n          </label>\n          {!billAccountId ? (\n            <div className=\"col-span-2 flex flex-col gap-1\">\n              <span className=\"text-muted-foreground\">{t('billing.payments.fields.account_optional', 'Billing account (optional)')}</span>\n              <AccountPicker value={accountId} onChange={setAccountId} currencyCode={currency.trim().toUpperCase()} billingMode=\"postpaid\" />\n            </div>\n          ) : null}\n        </div>\n        <DialogFooter>\n          <div className=\"flex w-full items-center justify-between gap-3\">\n            <span className=\"text-xs text-muted-foreground\">\n              <KbdShortcut keys={['Ctrl/\u2318', 'Enter']} /> \u00B7 <Kbd>Esc</Kbd>\n            </span>\n            <div className=\"flex items-center gap-2\">\n              <Button type=\"button\" variant=\"outline\" onClick={onClose}>\n                {t('billing.common.cancel', 'Cancel')}\n              </Button>\n              <Button type=\"button\" onClick={() => void submit()} disabled={saving}>\n                {t('billing.common.save', 'Save')}\n              </Button>\n            </div>\n          </div>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,14 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Input } from "@open-mercato/ui/primitives/input";
+function MoneyInput({ currencyCode, className, ...inputProps }) {
+  const code = currencyCode?.trim();
+  return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ jsx(Input, { type: "number", ...inputProps, className: code ? `pr-14 ${className ?? ""}` : className }),
+    code ? /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute inset-y-0 right-3 flex items-center text-xs font-medium text-muted-foreground", children: code }) : null
+  ] });
+}
+export {
+  MoneyInput
+};
+//# sourceMappingURL=MoneyInput.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/billing/components/MoneyInput.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { Input } from '@open-mercato/ui/primitives/input'\n\nexport type MoneyInputProps = Omit<React.ComponentProps<typeof Input>, 'type'> & {\n  /** ISO currency code shown as a read-only suffix; nothing is shown when empty. */\n  currencyCode?: string | null\n}\n\n/**\n * Number input with a read-only currency suffix (Spec F, F2). The currency\n * comes from the parent Billing Account and is never editable here.\n */\nexport function MoneyInput({ currencyCode, className, ...inputProps }: MoneyInputProps) {\n  const code = currencyCode?.trim()\n  return (\n    <div className=\"relative\">\n      <Input type=\"number\" {...inputProps} className={code ? `pr-14 ${className ?? ''}` : className} />\n      {code ? (\n        <span className=\"pointer-events-none absolute inset-y-0 right-3 flex items-center text-xs font-medium text-muted-foreground\">\n          {code}\n        </span>\n      ) : null}\n    </div>\n  )\n}\n"],
+  "mappings": ";AAgBI,SACE,KADF;AAdJ,SAAS,aAAa;AAWf,SAAS,WAAW,EAAE,cAAc,WAAW,GAAG,WAAW,GAAoB;AACtF,QAAM,OAAO,cAAc,KAAK;AAChC,SACE,qBAAC,SAAI,WAAU,YACb;AAAA,wBAAC,SAAM,MAAK,UAAU,GAAG,YAAY,WAAW,OAAO,SAAS,aAAa,EAAE,KAAK,WAAW;AAAA,IAC9F,OACC,oBAAC,UAAK,WAAU,8GACb,gBACH,IACE;AAAA,KACN;AAEJ;",
+  "names": []
+}

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

@@ -0,0 +1,115 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle
+} from "@open-mercato/ui/primitives/dialog";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { Kbd, KbdShortcut } from "@open-mercato/ui/primitives/kbd";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+const COUNT_KEYS = ["allocated", "partially_allocated", "matched", "unmatched", "duplicate", "rejected"];
+function PaymentUploadDialog({
+  open,
+  onClose,
+  onImported
+}) {
+  const t = useT();
+  const [file, setFile] = React.useState(null);
+  const [uploading, setUploading] = React.useState(false);
+  const [summary, setSummary] = React.useState(null);
+  React.useEffect(() => {
+    if (open) {
+      setFile(null);
+      setSummary(null);
+    }
+  }, [open]);
+  const countLabel = {
+    allocated: t("billing.payments.import.counts.allocated", "Allocated"),
+    partially_allocated: t("billing.payments.import.counts.partially_allocated", "Partially allocated"),
+    matched: t("billing.payments.import.counts.matched", "Matched (credit)"),
+    unmatched: t("billing.payments.import.counts.unmatched", "Unmatched"),
+    duplicate: t("billing.payments.import.counts.duplicate", "Duplicates"),
+    rejected: t("billing.payments.import.counts.rejected", "Rejected rows")
+  };
+  const upload = React.useCallback(async () => {
+    if (!file || uploading) return;
+    setUploading(true);
+    try {
+      const form = new FormData();
+      form.set("file", file);
+      const call = await apiCall("/api/billing/payments/import", { method: "POST", body: form });
+      if (!call.ok || !call.result?.importId) {
+        flash(call.result?.error ?? t("billing.payments.import.failed", "Import failed"), "error");
+        return;
+      }
+      setSummary(call.result);
+      onImported(call.result);
+    } finally {
+      setUploading(false);
+    }
+  }, [file, onImported, t, uploading]);
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (next) => !next ? onClose() : void 0, children: /* @__PURE__ */ jsxs(
+    DialogContent,
+    {
+      onKeyDown: (event) => {
+        if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
+          event.preventDefault();
+          if (!summary) void upload();
+          else onClose();
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsxs(DialogHeader, { children: [
+          /* @__PURE__ */ jsx(DialogTitle, { children: t("billing.payments.import.title", "Upload bank payments") }),
+          /* @__PURE__ */ jsx(DialogDescription, { children: t(
+            "billing.payments.import.help",
+            "CSV with the header date,amount,currency,reference,payer_name,payer_account. Payments are matched by the invoice number in the reference."
+          ) })
+        ] }),
+        summary ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 text-sm", children: [
+          /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground", children: [
+            summary.fileName,
+            " \xB7 ",
+            t("billing.payments.import.rows", "rows"),
+            ": ",
+            summary.rowCount
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-2", children: COUNT_KEYS.map((key) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between rounded-md border px-3 py-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: countLabel[key] }),
+            /* @__PURE__ */ jsx("span", { className: "font-medium tabular-nums", children: summary.counts[key] ?? 0 })
+          ] }, key)) }),
+          summary.errors.length > 0 ? /* @__PURE__ */ jsx("div", { className: "max-h-40 overflow-auto rounded-md border p-2 text-xs", children: summary.errors.slice(0, 20).map((error) => /* @__PURE__ */ jsxs("div", { children: [
+            t("billing.payments.import.line", "Line"),
+            " ",
+            error.row,
+            ": ",
+            error.message
+          ] }, `${error.row}-${error.message}`)) }) : null
+        ] }) : /* @__PURE__ */ jsx(Input, { type: "file", accept: ".csv,text/csv", onChange: (event) => setFile(event.currentTarget.files?.[0] ?? null) }),
+        /* @__PURE__ */ jsx(DialogFooter, { children: /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsx(KbdShortcut, { keys: ["Ctrl/\u2318", "Enter"] }),
+            " \xB7 ",
+            /* @__PURE__ */ jsx(Kbd, { children: "Esc" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: onClose, children: summary ? t("billing.common.close", "Close") : t("billing.common.cancel", "Cancel") }),
+            !summary ? /* @__PURE__ */ jsx(Button, { type: "button", onClick: () => void upload(), disabled: !file || uploading, children: uploading ? t("billing.payments.import.uploading", "Uploading\u2026") : t("billing.payments.import.action", "Upload") }) : null
+          ] })
+        ] }) })
+      ]
+    }
+  ) });
+}
+export {
+  PaymentUploadDialog
+};
+//# sourceMappingURL=PaymentUploadDialog.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/billing/components/PaymentUploadDialog.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@open-mercato/ui/primitives/dialog'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Kbd, KbdShortcut } from '@open-mercato/ui/primitives/kbd'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\n\n/**\n * Bank CSV upload (Spec C). Posts the file to `/api/billing/payments/import`\n * and shows the batch summary (counts per outcome + first row errors).\n * Cmd/Ctrl+Enter uploads, Escape closes.\n */\n\nexport type ImportSummary = {\n  importId: string\n  fileName: string\n  rowCount: number\n  counts: Record<string, number>\n  errors: Array<{ row: number; message: string }>\n}\n\nconst COUNT_KEYS = ['allocated', 'partially_allocated', 'matched', 'unmatched', 'duplicate', 'rejected'] as const\n\nexport function PaymentUploadDialog({\n  open,\n  onClose,\n  onImported,\n}: {\n  open: boolean\n  onClose: () => void\n  onImported: (summary: ImportSummary) => void\n}) {\n  const t = useT()\n  const [file, setFile] = React.useState<File | null>(null)\n  const [uploading, setUploading] = React.useState(false)\n  const [summary, setSummary] = React.useState<ImportSummary | null>(null)\n\n  React.useEffect(() => {\n    if (open) {\n      setFile(null)\n      setSummary(null)\n    }\n  }, [open])\n\n  const countLabel: Record<(typeof COUNT_KEYS)[number], string> = {\n    allocated: t('billing.payments.import.counts.allocated', 'Allocated'),\n    partially_allocated: t('billing.payments.import.counts.partially_allocated', 'Partially allocated'),\n    matched: t('billing.payments.import.counts.matched', 'Matched (credit)'),\n    unmatched: t('billing.payments.import.counts.unmatched', 'Unmatched'),\n    duplicate: t('billing.payments.import.counts.duplicate', 'Duplicates'),\n    rejected: t('billing.payments.import.counts.rejected', 'Rejected rows'),\n  }\n\n  const upload = React.useCallback(async () => {\n    if (!file || uploading) return\n    setUploading(true)\n    try {\n      const form = new FormData()\n      form.set('file', file)\n      const call = await apiCall<ImportSummary & { error?: string }>('/api/billing/payments/import', { method: 'POST', body: form })\n      if (!call.ok || !call.result?.importId) {\n        flash(call.result?.error ?? t('billing.payments.import.failed', 'Import failed'), 'error')\n        return\n      }\n      setSummary(call.result)\n      onImported(call.result)\n    } finally {\n      setUploading(false)\n    }\n  }, [file, onImported, t, uploading])\n\n  return (\n    <Dialog open={open} onOpenChange={(next) => (!next ? onClose() : undefined)}>\n      <DialogContent\n        onKeyDown={(event) => {\n          if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') {\n            event.preventDefault()\n            if (!summary) void upload()\n            else onClose()\n          }\n        }}\n      >\n        <DialogHeader>\n          <DialogTitle>{t('billing.payments.import.title', 'Upload bank payments')}</DialogTitle>\n          <DialogDescription>\n            {t(\n              'billing.payments.import.help',\n              'CSV with the header date,amount,currency,reference,payer_name,payer_account. Payments are matched by the invoice number in the reference.',\n            )}\n          </DialogDescription>\n        </DialogHeader>\n        {summary ? (\n          <div className=\"flex flex-col gap-3 text-sm\">\n            <div className=\"text-muted-foreground\">\n              {summary.fileName} \u00B7 {t('billing.payments.import.rows', 'rows')}: {summary.rowCount}\n            </div>\n            <div className=\"grid grid-cols-2 gap-2\">\n              {COUNT_KEYS.map((key) => (\n                <div key={key} className=\"flex items-center justify-between rounded-md border px-3 py-2\">\n                  <span className=\"text-muted-foreground\">{countLabel[key]}</span>\n                  <span className=\"font-medium tabular-nums\">{summary.counts[key] ?? 0}</span>\n                </div>\n              ))}\n            </div>\n            {summary.errors.length > 0 ? (\n              <div className=\"max-h-40 overflow-auto rounded-md border p-2 text-xs\">\n                {summary.errors.slice(0, 20).map((error) => (\n                  <div key={`${error.row}-${error.message}`}>\n                    {t('billing.payments.import.line', 'Line')} {error.row}: {error.message}\n                  </div>\n                ))}\n              </div>\n            ) : null}\n          </div>\n        ) : (\n          <Input type=\"file\" accept=\".csv,text/csv\" onChange={(event) => setFile(event.currentTarget.files?.[0] ?? null)} />\n        )}\n        <DialogFooter>\n          <div className=\"flex w-full items-center justify-between gap-3\">\n            <span className=\"text-xs text-muted-foreground\">\n              <KbdShortcut keys={['Ctrl/\u2318', 'Enter']} /> \u00B7 <Kbd>Esc</Kbd>\n            </span>\n            <div className=\"flex items-center gap-2\">\n              <Button type=\"button\" variant=\"outline\" onClick={onClose}>\n                {summary ? t('billing.common.close', 'Close') : t('billing.common.cancel', 'Cancel')}\n              </Button>\n              {!summary ? (\n                <Button type=\"button\" onClick={() => void upload()} disabled={!file || uploading}>\n                  {uploading ? t('billing.payments.import.uploading', 'Uploading\u2026') : t('billing.payments.import.action', 'Upload')}\n                </Button>\n              ) : null}\n            </div>\n          </div>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,171 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { useRouter } from "next/navigation";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { BillingDataTable as DataTable } from "./BillingDataTable.js";
+import { Tag } from "@open-mercato/ui/primitives/tag";
+import { readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import { formatMoney } from "./InvoicesTable.js";
+const PAYMENT_STATUS_VARIANT = {
+  allocated: "success",
+  partially_allocated: "info",
+  matched: "info",
+  unmatched: "warning",
+  ignored: "neutral",
+  converted_to_topup: "success"
+};
+function usePaymentLabels() {
+  const t = useT();
+  return React.useMemo(
+    () => ({
+      status: (status) => ({
+        unmatched: t("billing.payments.status.unmatched", "Unmatched"),
+        matched: t("billing.payments.status.matched", "Matched"),
+        partially_allocated: t("billing.payments.status.partially_allocated", "Partially allocated"),
+        allocated: t("billing.payments.status.allocated", "Allocated"),
+        ignored: t("billing.payments.status.ignored", "Ignored"),
+        converted_to_topup: t("billing.payments.status.converted_to_topup", "Converted to top-up")
+      })[status] ?? status,
+      reason: (reason) => reason ? {
+        no_reference: t("billing.payments.reason.no_reference", "No invoice number found"),
+        currency_mismatch: t("billing.payments.reason.currency_mismatch", "Currency differs from the invoice"),
+        invoice_already_paid: t("billing.payments.reason.invoice_already_paid", "Invoice already paid \u2014 kept as credit"),
+        prepaid_account: t("billing.payments.reason.prepaid_account", "Prepaid account \u2014 convert to a top-up"),
+        manual: t("billing.payments.reason.manual", "Entered or assigned manually")
+      }[reason] ?? reason : "\u2014"
+    }),
+    [t]
+  );
+}
+function PaymentsTable({ title, tableId, billAccountId, importId, pageSize = 25, reloadKey = 0, actions }) {
+  const t = useT();
+  const router = useRouter();
+  const labels = usePaymentLabels();
+  const [rows, setRows] = React.useState([]);
+  const [page, setPage] = React.useState(1);
+  const [filters, setFilters] = React.useState({});
+  const [search, setSearch] = React.useState("");
+  const [total, setTotal] = React.useState(0);
+  const [totalPages, setTotalPages] = React.useState(1);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const filterDefs = React.useMemo(
+    () => [
+      {
+        id: "status",
+        label: t("billing.payments.filters.status", "Status"),
+        type: "select",
+        options: ["unmatched", "matched", "partially_allocated", "allocated", "ignored", "converted_to_topup"].map((value) => ({
+          value,
+          label: labels.status(value)
+        }))
+      }
+    ],
+    [labels, t]
+  );
+  const load = React.useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const params = new URLSearchParams({ page: String(page), pageSize: String(Math.min(pageSize, 100)) });
+      if (billAccountId) params.set("billAccountId", billAccountId);
+      if (importId) params.set("importId", importId);
+      if (search.trim()) params.set("search", search.trim());
+      if (typeof filters.status === "string" && filters.status) params.set("status", filters.status);
+      const result = await readApiResultOrThrow(`/api/billing/payments?${params.toString()}`);
+      setRows(result.items ?? []);
+      setTotal(result.total ?? 0);
+      setTotalPages(result.totalPages ?? 1);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : t("billing.payments.error.load", "Could not load payments"));
+    } finally {
+      setLoading(false);
+    }
+  }, [billAccountId, filters.status, importId, page, pageSize, search, t, reloadKey]);
+  React.useEffect(() => {
+    void load();
+  }, [load]);
+  const columns = React.useMemo(() => {
+    const cols = [
+      {
+        accessorKey: "received_at",
+        header: t("billing.payments.columns.received", "Received"),
+        cell: ({ row }) => row.original.received_at?.slice(0, 10) ?? "\u2014"
+      },
+      {
+        accessorKey: "amount",
+        header: t("billing.payments.columns.amount", "Amount"),
+        cell: ({ row }) => formatMoney(row.original.amount, row.original.currency_code)
+      },
+      {
+        accessorKey: "status",
+        header: t("billing.payments.columns.status", "Status"),
+        cell: ({ row }) => /* @__PURE__ */ jsx(Tag, { variant: PAYMENT_STATUS_VARIANT[row.original.status] ?? "default", children: labels.status(row.original.status) })
+      },
+      {
+        accessorKey: "unallocated_amount",
+        header: t("billing.payments.columns.unallocated", "Unallocated"),
+        cell: ({ row }) => formatMoney(row.original.unallocated_amount, row.original.currency_code)
+      },
+      {
+        accessorKey: "reference",
+        header: t("billing.payments.columns.reference", "Reference"),
+        cell: ({ row }) => row.original.reference ?? "\u2014",
+        meta: { truncate: true, maxWidth: "260px" }
+      },
+      {
+        accessorKey: "payer_name",
+        header: t("billing.payments.columns.payer", "Payer"),
+        cell: ({ row }) => row.original.payer_name ?? "\u2014",
+        meta: { truncate: true, maxWidth: "180px" }
+      }
+    ];
+    if (!billAccountId) {
+      cols.splice(3, 0, {
+        accessorKey: "bill_account_name",
+        header: t("billing.payments.columns.account", "Account"),
+        cell: ({ row }) => row.original.bill_account_name ?? "\u2014",
+        meta: { truncate: true, maxWidth: "200px" }
+      });
+    }
+    return cols;
+  }, [billAccountId, labels, t]);
+  return /* @__PURE__ */ jsx(
+    DataTable,
+    {
+      title,
+      actions,
+      refreshButton: { label: t("billing.common.refresh", "Refresh"), onRefresh: load, isRefreshing: loading },
+      perspective: { tableId },
+      columns,
+      data: rows,
+      error,
+      emptyState: t("billing.payments.empty", "No payments yet."),
+      isLoading: loading,
+      onRowClick: (row) => router.push(`/backend/billing/payments/${encodeURIComponent(row.id)}`),
+      pagination: { page, pageSize, total, totalPages, onPageChange: setPage },
+      filters: filterDefs,
+      filterValues: filters,
+      onFiltersApply: (next) => {
+        setPage(1);
+        setFilters(next);
+      },
+      onFiltersClear: () => {
+        setPage(1);
+        setFilters({});
+      },
+      searchValue: search,
+      onSearchChange: (next) => {
+        setPage(1);
+        setSearch(next);
+      }
+    }
+  );
+}
+export {
+  PAYMENT_STATUS_VARIANT,
+  PaymentsTable,
+  usePaymentLabels
+};
+//# sourceMappingURL=PaymentsTable.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/billing/components/PaymentsTable.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 { BillingDataTable as DataTable } from './BillingDataTable'\nimport { Tag } from '@open-mercato/ui/primitives/tag'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { formatMoney } from './InvoicesTable'\n\n/**\n * Billing payments table (Spec C) \u2014 shared by the Payments list page and the\n * Payments section of a billing account. `billAccountId` / `importId` pin\n * the list; row click opens the payment.\n */\n\nexport type PaymentRow = {\n  id: string\n  received_at: string\n  amount: string\n  currency_code: string\n  reference: string | null\n  payer_name: string | null\n  source: string\n  import_id: string | null\n  bill_account_id: string | null\n  bill_account_name: string | null\n  status: string\n  unallocated_amount: string\n  match_reason: string | null\n}\n\ntype ListResponse = { items: PaymentRow[]; total: number; totalPages: number }\n\nexport const PAYMENT_STATUS_VARIANT: Record<string, 'success' | 'warning' | 'error' | 'neutral' | 'info' | 'default'> = {\n  allocated: 'success',\n  partially_allocated: 'info',\n  matched: 'info',\n  unmatched: 'warning',\n  ignored: 'neutral',\n  converted_to_topup: 'success',\n}\n\nexport function usePaymentLabels() {\n  const t = useT()\n  return React.useMemo(\n    () => ({\n      status: (status: string) =>\n        ({\n          unmatched: t('billing.payments.status.unmatched', 'Unmatched'),\n          matched: t('billing.payments.status.matched', 'Matched'),\n          partially_allocated: t('billing.payments.status.partially_allocated', 'Partially allocated'),\n          allocated: t('billing.payments.status.allocated', 'Allocated'),\n          ignored: t('billing.payments.status.ignored', 'Ignored'),\n          converted_to_topup: t('billing.payments.status.converted_to_topup', 'Converted to top-up'),\n        })[status] ?? status,\n      reason: (reason: string | null) =>\n        reason\n          ? ({\n              no_reference: t('billing.payments.reason.no_reference', 'No invoice number found'),\n              currency_mismatch: t('billing.payments.reason.currency_mismatch', 'Currency differs from the invoice'),\n              invoice_already_paid: t('billing.payments.reason.invoice_already_paid', 'Invoice already paid \u2014 kept as credit'),\n              prepaid_account: t('billing.payments.reason.prepaid_account', 'Prepaid account \u2014 convert to a top-up'),\n              manual: t('billing.payments.reason.manual', 'Entered or assigned manually'),\n            })[reason] ?? reason\n          : '\u2014',\n    }),\n    [t],\n  )\n}\n\nexport type PaymentsTableProps = {\n  title: string\n  tableId: string\n  billAccountId?: string\n  importId?: string\n  pageSize?: number\n  /** Bumped by the host to force a reload (e.g. after an upload). */\n  reloadKey?: number\n  actions?: React.ReactNode\n}\n\nexport function PaymentsTable({ title, tableId, billAccountId, importId, pageSize = 25, reloadKey = 0, actions }: PaymentsTableProps) {\n  const t = useT()\n  const router = useRouter()\n  const labels = usePaymentLabels()\n  const [rows, setRows] = React.useState<PaymentRow[]>([])\n  const [page, setPage] = React.useState(1)\n  const [filters, setFilters] = React.useState<FilterValues>({})\n  const [search, setSearch] = React.useState('')\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const [loading, setLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n\n  const filterDefs = React.useMemo<FilterDef[]>(\n    () => [\n      {\n        id: 'status',\n        label: t('billing.payments.filters.status', 'Status'),\n        type: 'select',\n        options: ['unmatched', 'matched', 'partially_allocated', 'allocated', 'ignored', 'converted_to_topup'].map((value) => ({\n          value,\n          label: labels.status(value),\n        })),\n      },\n    ],\n    [labels, t],\n  )\n\n  const load = React.useCallback(async () => {\n    setLoading(true)\n    setError(null)\n    try {\n      const params = new URLSearchParams({ page: String(page), pageSize: String(Math.min(pageSize, 100)) })\n      if (billAccountId) params.set('billAccountId', billAccountId)\n      if (importId) params.set('importId', importId)\n      if (search.trim()) params.set('search', search.trim())\n      if (typeof filters.status === 'string' && filters.status) params.set('status', filters.status)\n      const result = await readApiResultOrThrow<ListResponse>(`/api/billing/payments?${params.toString()}`)\n      setRows(result.items ?? [])\n      setTotal(result.total ?? 0)\n      setTotalPages(result.totalPages ?? 1)\n    } catch (err) {\n      setError(err instanceof Error ? err.message : t('billing.payments.error.load', 'Could not load payments'))\n    } finally {\n      setLoading(false)\n    }\n    // reloadKey forces a refetch from the host.\n  }, [billAccountId, filters.status, importId, page, pageSize, search, t, reloadKey]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  React.useEffect(() => {\n    void load()\n  }, [load])\n\n  const columns = React.useMemo<ColumnDef<PaymentRow>[]>(() => {\n    const cols: ColumnDef<PaymentRow>[] = [\n      {\n        accessorKey: 'received_at',\n        header: t('billing.payments.columns.received', 'Received'),\n        cell: ({ row }) => row.original.received_at?.slice(0, 10) ?? '\u2014',\n      },\n      {\n        accessorKey: 'amount',\n        header: t('billing.payments.columns.amount', 'Amount'),\n        cell: ({ row }) => formatMoney(row.original.amount, row.original.currency_code),\n      },\n      {\n        accessorKey: 'status',\n        header: t('billing.payments.columns.status', 'Status'),\n        cell: ({ row }) => <Tag variant={PAYMENT_STATUS_VARIANT[row.original.status] ?? 'default'}>{labels.status(row.original.status)}</Tag>,\n      },\n      {\n        accessorKey: 'unallocated_amount',\n        header: t('billing.payments.columns.unallocated', 'Unallocated'),\n        cell: ({ row }) => formatMoney(row.original.unallocated_amount, row.original.currency_code),\n      },\n      {\n        accessorKey: 'reference',\n        header: t('billing.payments.columns.reference', 'Reference'),\n        cell: ({ row }) => row.original.reference ?? '\u2014',\n        meta: { truncate: true, maxWidth: '260px' },\n      },\n      {\n        accessorKey: 'payer_name',\n        header: t('billing.payments.columns.payer', 'Payer'),\n        cell: ({ row }) => row.original.payer_name ?? '\u2014',\n        meta: { truncate: true, maxWidth: '180px' },\n      },\n    ]\n    if (!billAccountId) {\n      cols.splice(3, 0, {\n        accessorKey: 'bill_account_name',\n        header: t('billing.payments.columns.account', 'Account'),\n        cell: ({ row }) => row.original.bill_account_name ?? '\u2014',\n        meta: { truncate: true, maxWidth: '200px' },\n      })\n    }\n    return cols\n  }, [billAccountId, labels, t])\n\n  return (\n    <DataTable\n      title={title}\n      actions={actions}\n      refreshButton={{ label: t('billing.common.refresh', 'Refresh'), onRefresh: load, isRefreshing: loading }}\n      perspective={{ tableId }}\n      columns={columns}\n      data={rows}\n      error={error}\n      emptyState={t('billing.payments.empty', 'No payments yet.')}\n      isLoading={loading}\n      onRowClick={(row) => router.push(`/backend/billing/payments/${encodeURIComponent(row.id)}`)}\n      pagination={{ page, pageSize, total, totalPages, onPageChange: setPage }}\n      filters={filterDefs}\n      filterValues={filters}\n      onFiltersApply={(next) => {\n        setPage(1)\n        setFilters(next)\n      }}\n      onFiltersClear={() => {\n        setPage(1)\n        setFilters({})\n      }}\n      searchValue={search}\n      onSearchChange={(next) => {\n        setPage(1)\n        setSearch(next)\n      }}\n    />\n  )\n}\n"],
+  "mappings": ";AAuJ2B;AAtJ3B,YAAY,WAAW;AACvB,SAAS,iBAAiB;AAE1B,SAAS,YAAY;AAErB,SAAS,oBAAoB,iBAAiB;AAC9C,SAAS,WAAW;AACpB,SAAS,4BAA4B;AACrC,SAAS,mBAAmB;AA0BrB,MAAM,yBAA2G;AAAA,EACtH,WAAW;AAAA,EACX,qBAAqB;AAAA,EACrB,SAAS;AAAA,EACT,WAAW;AAAA,EACX,SAAS;AAAA,EACT,oBAAoB;AACtB;AAEO,SAAS,mBAAmB;AACjC,QAAM,IAAI,KAAK;AACf,SAAO,MAAM;AAAA,IACX,OAAO;AAAA,MACL,QAAQ,CAAC,YACN;AAAA,QACC,WAAW,EAAE,qCAAqC,WAAW;AAAA,QAC7D,SAAS,EAAE,mCAAmC,SAAS;AAAA,QACvD,qBAAqB,EAAE,+CAA+C,qBAAqB;AAAA,QAC3F,WAAW,EAAE,qCAAqC,WAAW;AAAA,QAC7D,SAAS,EAAE,mCAAmC,SAAS;AAAA,QACvD,oBAAoB,EAAE,8CAA8C,qBAAqB;AAAA,MAC3F,GAAG,MAAM,KAAK;AAAA,MAChB,QAAQ,CAAC,WACP,SACK;AAAA,QACC,cAAc,EAAE,wCAAwC,yBAAyB;AAAA,QACjF,mBAAmB,EAAE,6CAA6C,mCAAmC;AAAA,QACrG,sBAAsB,EAAE,gDAAgD,4CAAuC;AAAA,QAC/G,iBAAiB,EAAE,2CAA2C,4CAAuC;AAAA,QACrG,QAAQ,EAAE,kCAAkC,8BAA8B;AAAA,MAC5E,EAAG,MAAM,KAAK,SACd;AAAA,IACR;AAAA,IACA,CAAC,CAAC;AAAA,EACJ;AACF;AAaO,SAAS,cAAc,EAAE,OAAO,SAAS,eAAe,UAAU,WAAW,IAAI,YAAY,GAAG,QAAQ,GAAuB;AACpI,QAAM,IAAI,KAAK;AACf,QAAM,SAAS,UAAU;AACzB,QAAM,SAAS,iBAAiB;AAChC,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAuB,CAAC,CAAC;AACvD,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,CAAC;AACxC,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAuB,CAAC,CAAC;AAC7D,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,EAAE;AAC7C,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAS,CAAC;AAC1C,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAS,CAAC;AACpD,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,IAAI;AACjD,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAwB,IAAI;AAE5D,QAAM,aAAa,MAAM;AAAA,IACvB,MAAM;AAAA,MACJ;AAAA,QACE,IAAI;AAAA,QACJ,OAAO,EAAE,mCAAmC,QAAQ;AAAA,QACpD,MAAM;AAAA,QACN,SAAS,CAAC,aAAa,WAAW,uBAAuB,aAAa,WAAW,oBAAoB,EAAE,IAAI,CAAC,WAAW;AAAA,UACrH;AAAA,UACA,OAAO,OAAO,OAAO,KAAK;AAAA,QAC5B,EAAE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,CAAC,QAAQ,CAAC;AAAA,EACZ;AAEA,QAAM,OAAO,MAAM,YAAY,YAAY;AACzC,eAAW,IAAI;AACf,aAAS,IAAI;AACb,QAAI;AACF,YAAM,SAAS,IAAI,gBAAgB,EAAE,MAAM,OAAO,IAAI,GAAG,UAAU,OAAO,KAAK,IAAI,UAAU,GAAG,CAAC,EAAE,CAAC;AACpG,UAAI,cAAe,QAAO,IAAI,iBAAiB,aAAa;AAC5D,UAAI,SAAU,QAAO,IAAI,YAAY,QAAQ;AAC7C,UAAI,OAAO,KAAK,EAAG,QAAO,IAAI,UAAU,OAAO,KAAK,CAAC;AACrD,UAAI,OAAO,QAAQ,WAAW,YAAY,QAAQ,OAAQ,QAAO,IAAI,UAAU,QAAQ,MAAM;AAC7F,YAAM,SAAS,MAAM,qBAAmC,yBAAyB,OAAO,SAAS,CAAC,EAAE;AACpG,cAAQ,OAAO,SAAS,CAAC,CAAC;AAC1B,eAAS,OAAO,SAAS,CAAC;AAC1B,oBAAc,OAAO,cAAc,CAAC;AAAA,IACtC,SAAS,KAAK;AACZ,eAAS,eAAe,QAAQ,IAAI,UAAU,EAAE,+BAA+B,yBAAyB,CAAC;AAAA,IAC3G,UAAE;AACA,iBAAW,KAAK;AAAA,IAClB;AAAA,EAEF,GAAG,CAAC,eAAe,QAAQ,QAAQ,UAAU,MAAM,UAAU,QAAQ,GAAG,SAAS,CAAC;AAElF,QAAM,UAAU,MAAM;AACpB,SAAK,KAAK;AAAA,EACZ,GAAG,CAAC,IAAI,CAAC;AAET,QAAM,UAAU,MAAM,QAAiC,MAAM;AAC3D,UAAM,OAAgC;AAAA,MACpC;AAAA,QACE,aAAa;AAAA,QACb,QAAQ,EAAE,qCAAqC,UAAU;AAAA,QACzD,MAAM,CAAC,EAAE,IAAI,MAAM,IAAI,SAAS,aAAa,MAAM,GAAG,EAAE,KAAK;AAAA,MAC/D;AAAA,MACA;AAAA,QACE,aAAa;AAAA,QACb,QAAQ,EAAE,mCAAmC,QAAQ;AAAA,QACrD,MAAM,CAAC,EAAE,IAAI,MAAM,YAAY,IAAI,SAAS,QAAQ,IAAI,SAAS,aAAa;AAAA,MAChF;AAAA,MACA;AAAA,QACE,aAAa;AAAA,QACb,QAAQ,EAAE,mCAAmC,QAAQ;AAAA,QACrD,MAAM,CAAC,EAAE,IAAI,MAAM,oBAAC,OAAI,SAAS,uBAAuB,IAAI,SAAS,MAAM,KAAK,WAAY,iBAAO,OAAO,IAAI,SAAS,MAAM,GAAE;AAAA,MACjI;AAAA,MACA;AAAA,QACE,aAAa;AAAA,QACb,QAAQ,EAAE,wCAAwC,aAAa;AAAA,QAC/D,MAAM,CAAC,EAAE,IAAI,MAAM,YAAY,IAAI,SAAS,oBAAoB,IAAI,SAAS,aAAa;AAAA,MAC5F;AAAA,MACA;AAAA,QACE,aAAa;AAAA,QACb,QAAQ,EAAE,sCAAsC,WAAW;AAAA,QAC3D,MAAM,CAAC,EAAE,IAAI,MAAM,IAAI,SAAS,aAAa;AAAA,QAC7C,MAAM,EAAE,UAAU,MAAM,UAAU,QAAQ;AAAA,MAC5C;AAAA,MACA;AAAA,QACE,aAAa;AAAA,QACb,QAAQ,EAAE,kCAAkC,OAAO;AAAA,QACnD,MAAM,CAAC,EAAE,IAAI,MAAM,IAAI,SAAS,cAAc;AAAA,QAC9C,MAAM,EAAE,UAAU,MAAM,UAAU,QAAQ;AAAA,MAC5C;AAAA,IACF;AACA,QAAI,CAAC,eAAe;AAClB,WAAK,OAAO,GAAG,GAAG;AAAA,QAChB,aAAa;AAAA,QACb,QAAQ,EAAE,oCAAoC,SAAS;AAAA,QACvD,MAAM,CAAC,EAAE,IAAI,MAAM,IAAI,SAAS,qBAAqB;AAAA,QACrD,MAAM,EAAE,UAAU,MAAM,UAAU,QAAQ;AAAA,MAC5C,CAAC;AAAA,IACH;AACA,WAAO;AAAA,EACT,GAAG,CAAC,eAAe,QAAQ,CAAC,CAAC;AAE7B,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,eAAe,EAAE,OAAO,EAAE,0BAA0B,SAAS,GAAG,WAAW,MAAM,cAAc,QAAQ;AAAA,MACvG,aAAa,EAAE,QAAQ;AAAA,MACvB;AAAA,MACA,MAAM;AAAA,MACN;AAAA,MACA,YAAY,EAAE,0BAA0B,kBAAkB;AAAA,MAC1D,WAAW;AAAA,MACX,YAAY,CAAC,QAAQ,OAAO,KAAK,6BAA6B,mBAAmB,IAAI,EAAE,CAAC,EAAE;AAAA,MAC1F,YAAY,EAAE,MAAM,UAAU,OAAO,YAAY,cAAc,QAAQ;AAAA,MACvE,SAAS;AAAA,MACT,cAAc;AAAA,MACd,gBAAgB,CAAC,SAAS;AACxB,gBAAQ,CAAC;AACT,mBAAW,IAAI;AAAA,MACjB;AAAA,MACA,gBAAgB,MAAM;AACpB,gBAAQ,CAAC;AACT,mBAAW,CAAC,CAAC;AAAA,MACf;AAAA,MACA,aAAa;AAAA,MACb,gBAAgB,CAAC,SAAS;AACxB,gBAAQ,CAAC;AACT,kBAAU,IAAI;AAAA,MAChB;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}