@dainamite/billing 0.20.0 → 0.21.0

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

@@ -14,6 +14,12 @@ import {
 import { Switch } from "@open-mercato/ui/primitives/switch";
 import { Kbd, KbdShortcut } from "@open-mercato/ui/primitives/kbd";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
+import Link from "next/link";
+import { SegmentedControl, SegmentedControlItem } from "@open-mercato/ui/primitives/segmented-control";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { ItemPriceField } from "./ItemPriceField.js";
+import { BILLING_SETTINGS_HREF } from "./BillingSettingsLink.js";
+import { counterpartAmount } from "../lib/lineAmounts.js";
 const EMPTY_VALUES = {
   billAccountId: "",
   type: "recurring",
@@ -28,7 +34,11 @@ const EMPTY_VALUES = {
   uomCode: "",
   subscriptionId: "",
   subscriptionItemId: "",
-  isActive: true
+  isActive: true,
+  chargeTiming: "in_advance",
+  prorate: true,
+  taxRate: "",
+  priceBasis: "net"
 };
 function todayIso() {
   return (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
@@ -49,18 +59,64 @@ function ItemForm({
   mode,
   accountOptions,
   initial,
+  accountBillingMode,
+  accountCurrency,
   submitting = false,
   onSubmit,
   onCancel
 }) {
   const t = useT();
   const [values, setValues] = React.useState(() => mergeInitial(initial));
+  const selectedAccount = accountOptions?.find((option) => option.id === values.billAccountId);
+  const isPrepaidAccount = accountBillingMode === "prepaid" || selectedAccount?.billing_mode === "prepaid";
+  const currencyCode = accountCurrency ?? selectedAccount?.currency_code ?? "";
   const [error, setError] = React.useState(null);
   const isEdit = mode === "edit";
   const initialKey = React.useMemo(() => JSON.stringify(initial ?? null), [initial]);
   React.useEffect(() => {
     setValues(mergeInitial(initial));
   }, [initialKey, initial]);
+  const [prepaidTaxPoint, setPrepaidTaxPoint] = React.useState("topup");
+  React.useEffect(() => {
+    let cancelled = false;
+    void apiCall(
+      "/api/billing/settings"
+    ).then((call) => {
+      if (cancelled || !call.ok) return;
+      const settings = call.result?.settings;
+      if (settings?.prepaidTaxPoint === "consumption") setPrepaidTaxPoint("consumption");
+      const rate = settings?.defaultTaxRate;
+      if (!isEdit && typeof rate === "number") {
+        setValues((prev) => prev.taxRate === "" ? { ...prev, taxRate: String(rate) } : prev);
+      }
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [isEdit]);
+  const taxLocked = isPrepaidAccount && prepaidTaxPoint === "topup";
+  const basisForcedNet = values.type === "usage" && values.usageMode === "tiered";
+  const effectiveBasis = basisForcedNet ? "net" : values.priceBasis;
+  const handleBasisChange = React.useCallback((next) => {
+    const target = next === "gross" ? "gross" : "net";
+    setValues((prev) => {
+      if (prev.priceBasis === target) return prev;
+      const rate = toNumber(prev.taxRate) ?? 0;
+      const convert = (raw, decimals) => {
+        const amount = toNumber(raw);
+        if (amount === null) return raw;
+        const converted = decimals > 2 ? prev.priceBasis === "gross" ? amount / (1 + rate / 100) : amount * (1 + rate / 100) : counterpartAmount(amount, prev.priceBasis, rate);
+        return String(Number(converted.toFixed(decimals)));
+      };
+      return {
+        ...prev,
+        priceBasis: target,
+        oneTimeAmount: convert(prev.oneTimeAmount, 2),
+        recurringUnitPrice: convert(prev.recurringUnitPrice, 2),
+        usageUnitPrice: convert(prev.usageUnitPrice, 6)
+      };
+    });
+  }, []);
   const set = React.useCallback(
     (key, value) => {
       setValues((prev) => ({ ...prev, [key]: value }));
@@ -147,6 +203,11 @@ function ItemForm({
       setError(t("billing.items.form.error.uom_required", "UoM code is required for usage items"));
       return;
     }
+    const taxRate = toNumber(values.taxRate);
+    if (values.taxRate.trim() !== "" && (taxRate == null || taxRate < 0 || taxRate > 100)) {
+      setError(t("billing.items.form.error.tax_rate_invalid", "VAT rate must be between 0 and 100"));
+      return;
+    }
     const rateJsonResult = buildRateJson();
     if (typeof rateJsonResult === "string") {
       setError(rateJsonResult);
@@ -168,17 +229,26 @@ function ItemForm({
     if (values.subscriptionItemId.trim()) {
       payload.subscriptionItemId = values.subscriptionItemId.trim();
     }
+    if (values.type === "recurring") {
+      payload.chargeTiming = values.chargeTiming;
+      payload.prorate = values.prorate;
+    }
+    if (taxRate != null) payload.taxRate = taxRate;
+    payload.priceBasis = effectiveBasis;
     if (isEdit) payload.isActive = values.isActive;
     await onSubmit(payload);
-  }, [buildRateJson, isEdit, onSubmit, t, values]);
+  }, [buildRateJson, effectiveBasis, isEdit, onSubmit, t, values]);
   const handleKeyDown = React.useCallback(
     (event) => {
       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: [
@@ -270,41 +340,112 @@ function ItemForm({
         ) })
       ] })
     ] }),
-    /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold mt-6 mb-2", children: t("billing.items.form.rate.title", "Rate") }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-6 mb-2 flex flex-wrap items-center justify-between gap-3", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: t("billing.items.form.rate.title", "Rate") }),
+      /* @__PURE__ */ jsxs(
+        SegmentedControl,
+        {
+          value: effectiveBasis,
+          onValueChange: handleBasisChange,
+          disabled: taxLocked || basisForcedNet,
+          "aria-label": t("billing.items.form.price_basis", "Price entered as"),
+          children: [
+            /* @__PURE__ */ jsx(SegmentedControlItem, { value: "net", children: t("billing.items.price_basis.net", "Net") }),
+            /* @__PURE__ */ jsx(SegmentedControlItem, { value: "gross", children: t("billing.items.price_basis.gross", "Gross") })
+          ]
+        }
+      )
+    ] }),
+    basisForcedNet && !taxLocked ? /* @__PURE__ */ jsx("p", { className: "mb-2 text-xs text-muted-foreground", children: t("billing.items.form.price_basis.tiered_net", "Tiered rates are always entered net.") }) : null,
     /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
-      values.type === "one_time" ? /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-sm", children: [
-        /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
-          t("billing.items.form.rate.amount", "Amount"),
-          /* @__PURE__ */ jsx("span", { className: "text-destructive", children: " *" })
-        ] }),
+      values.type === "one_time" ? /* @__PURE__ */ jsx(
+        ItemPriceField,
+        {
+          label: t("billing.items.form.rate.amount", "Amount"),
+          value: values.oneTimeAmount,
+          onChange: (next) => set("oneTimeAmount", next),
+          step: "0.01",
+          currencyCode,
+          priceBasis: effectiveBasis,
+          taxRate: values.taxRate,
+          showCounterpart: !taxLocked,
+          help: t("billing.items.form.rate.amount.help", "Negative allowed for refunds / credits / proration credits.")
+        }
+      ) : null,
+      values.type === "recurring" ? /* @__PURE__ */ jsx(
+        ItemPriceField,
+        {
+          label: t("billing.items.form.rate.unit_price_recurring", "Unit price per cycle"),
+          value: values.recurringUnitPrice,
+          onChange: (next) => set("recurringUnitPrice", next),
+          step: "0.01",
+          currencyCode,
+          priceBasis: effectiveBasis,
+          taxRate: values.taxRate,
+          showCounterpart: !taxLocked
+        }
+      ) : null,
+      values.type === "usage" && values.usageMode === "simple" ? /* @__PURE__ */ jsx(
+        ItemPriceField,
+        {
+          label: t("billing.items.form.rate.unit_price_usage", "Unit price per unit consumed"),
+          value: values.usageUnitPrice,
+          onChange: (next) => set("usageUnitPrice", next),
+          step: "0.000001",
+          currencyCode,
+          priceBasis: effectiveBasis,
+          taxRate: values.taxRate,
+          showCounterpart: !taxLocked,
+          precision: 6
+        }
+      ) : null,
+      /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-sm", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("billing.items.form.tax_rate", "VAT rate (%)") }),
         /* @__PURE__ */ jsx(
           Input,
           {
             type: "number",
-            step: "0.0001",
-            value: values.oneTimeAmount,
-            onChange: (event) => set("oneTimeAmount", event.currentTarget.value)
+            min: "0",
+            max: "100",
+            step: "0.01",
+            value: values.taxRate,
+            disabled: taxLocked,
+            onChange: (event) => set("taxRate", event.currentTarget.value)
           }
         ),
-        /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t(
-          "billing.items.form.rate.amount.help",
-          "Negative allowed for refunds / credits / proration credits."
-        ) })
-      ] }) : null,
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: taxLocked ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          t("billing.items.form.tax_rate.prepaid_topup", "For prepaid accounts, tax is allocated at top-up."),
+          " ",
+          /* @__PURE__ */ jsx(Link, { href: BILLING_SETTINGS_HREF, className: "text-primary hover:underline", children: t("billing.settings.link", "Billing settings") })
+        ] }) : isPrepaidAccount ? t("billing.items.form.tax_rate.prepaid_consumption", "Charged from the balance including VAT.") : isEdit ? t("billing.items.form.tax_rate.help_edit", "Applies to future invoices; posted invoices keep their rate.") : t("billing.items.form.tax_rate.help", "Defaults to the organization VAT rate from billing settings.") })
+      ] }),
       values.type === "recurring" ? /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-sm", children: [
-        /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
-          t("billing.items.form.rate.unit_price_recurring", "Unit price per cycle"),
-          /* @__PURE__ */ jsx("span", { className: "text-destructive", children: " *" })
-        ] }),
-        /* @__PURE__ */ jsx(
-          Input,
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("billing.items.form.charge_timing", "Charge timing") }),
+        /* @__PURE__ */ jsxs(
+          Select,
           {
-            type: "number",
-            step: "0.0001",
-            value: values.recurringUnitPrice,
-            onChange: (event) => set("recurringUnitPrice", event.currentTarget.value)
+            value: values.chargeTiming,
+            onValueChange: (next) => set("chargeTiming", next === "in_arrears" ? "in_arrears" : "in_advance"),
+            children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+              /* @__PURE__ */ jsxs(SelectContent, { children: [
+                /* @__PURE__ */ jsx(SelectItem, { value: "in_advance", children: t("billing.items.charge_timing.in_advance", "In advance") }),
+                /* @__PURE__ */ jsx(SelectItem, { value: "in_arrears", children: t("billing.items.charge_timing.in_arrears", "In arrears") })
+              ] })
+            ]
           }
-        )
+        ),
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: values.chargeTiming === "in_arrears" ? t("billing.items.form.charge_timing.help_arrears", "Each bill date charges the period that just ended.") : t("billing.items.form.charge_timing.help_advance", "Each bill date charges the coming period.") })
+      ] }) : null,
+      values.type === "recurring" ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 text-sm", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("div", { className: "font-medium", children: t("billing.items.form.prorate", "Prorate partial periods") }),
+          /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: t(
+            "billing.items.form.prorate.help",
+            "Charge by calendar days when the item starts or ends mid-period, and credit unused days if it ends after being billed in advance."
+          ) })
+        ] }),
+        /* @__PURE__ */ jsx(Switch, { checked: values.prorate, onCheckedChange: (next) => set("prorate", next) })
       ] }) : null,
       values.type === "usage" ? /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-sm", children: [
@@ -324,21 +465,7 @@ function ItemForm({
             }
           )
         ] }),
-        values.usageMode === "simple" ? /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-sm", children: [
-          /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
-            t("billing.items.form.rate.unit_price_usage", "Unit price per unit consumed"),
-            /* @__PURE__ */ jsx("span", { className: "text-destructive", children: " *" })
-          ] }),
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              type: "number",
-              step: "0.000001",
-              value: values.usageUnitPrice,
-              onChange: (event) => set("usageUnitPrice", event.currentTarget.value)
-            }
-          )
-        ] }) : /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-sm col-span-2", children: [
+        values.usageMode === "tiered" ? /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-sm col-span-2", children: [
           /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
             t("billing.items.form.rate.tiered_json", "Tiered rate JSON"),
             /* @__PURE__ */ jsx("span", { className: "text-destructive", children: " *" })
@@ -352,11 +479,16 @@ function ItemForm({
               onChange: (event) => set("usageTieredJson", event.currentTarget.value)
             }
           ),
+          currencyCode ? /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+            t("billing.items.form.rate.prices_in", "Prices in"),
+            " ",
+            /* @__PURE__ */ jsx("span", { className: "font-medium", children: currencyCode })
+          ] }) : null,
           /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t(
             "billing.items.form.rate.tiered_json.help",
             "Models: volume / graduated / flat. Exactly one tier must have `up_to: null` (the open-ended top tier). Server-side validators reject malformed shapes."
           ) })
-        ] }),
+        ] }) : null,
         /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-sm", children: [
           /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
             t("billing.items.form.uom_code", "UoM code"),

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/billing/components/ItemForm.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 { Textarea } from '@open-mercato/ui/primitives/textarea'\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 { useT } from '@open-mercato/shared/lib/i18n/context'\n\n/**\n * Shared form for Billing Item create + edit.\n *\n * The `rate_json` field is type-discriminated per the spec's\n * \"Rate Formats\" section:\n *   - `one_time`: `{ amount }` \u2014 one number.\n *   - `recurring`: `{ unit_price }` \u2014 one number.\n *   - `usage` (simple): `{ unit_price }` + required `uomCode`.\n *   - `usage` (tiered, advanced): operator pastes raw JSON\n *     `{ model, tiers: [...] }` into the textarea \u2014 for occasional\n *     hand-built tiered rates. The integration flow uses CPQ \u2192\n *     connector to land tiered rates without UI input.\n *\n * `type` is immutable on edit (per `billingItemUpdateSchema`); we\n * hide the `type` selector in `mode='edit'` so it can't even be\n * surfaced.\n */\n\ntype BillingItemType = 'one_time' | 'recurring' | 'usage'\ntype UsageRateMode = 'simple' | 'tiered'\n\nexport type ItemFormValues = {\n  billAccountId: string\n  type: BillingItemType\n  billStartDate: string\n  billEndDate: string\n  description: string\n  // Rate is type-dependent \u2014 we keep the inputs separate and assemble\n  // `rate_json` on submit.\n  oneTimeAmount: string\n  recurringUnitPrice: string\n  usageMode: UsageRateMode\n  usageUnitPrice: string\n  usageTieredJson: string\n  uomCode: string\n  subscriptionId: string\n  subscriptionItemId: string\n  isActive: boolean\n}\n\n// The accounts list API (`/api/billing/accounts`) returns snake_case\n// rows \u2014 mirror that here so the picker reads real values. (camelCase\n// resolved to `undefined`, rendering \"Name \u00B7 undefined \u00B7 undefined\".)\nexport type AccountOption = {\n  id: string\n  name: string\n  customer_id: string\n  currency_code: string\n}\n\nexport type ItemFormProps = {\n  mode: 'create' | 'edit'\n  /** For create mode: full list of accounts the operator can attach to. */\n  accountOptions?: AccountOption[]\n  initial?: Partial<ItemFormValues>\n  submitting?: boolean\n  /** Returns the assembled payload (with rate_json built). */\n  onSubmit: (assembled: AssembledItemPayload) => Promise<void> | void\n  onCancel: () => void\n}\n\nexport type AssembledItemPayload = {\n  billAccountId: string\n  type: BillingItemType\n  billStartDate: string\n  billEndDate?: string\n  description: string\n  rateJson: Record<string, unknown>\n  uomCode?: string\n  subscriptionId?: string\n  subscriptionItemId?: string\n  isActive?: boolean\n}\n\nconst EMPTY_VALUES: ItemFormValues = {\n  billAccountId: '',\n  type: 'recurring',\n  billStartDate: '',\n  billEndDate: '',\n  description: '',\n  oneTimeAmount: '',\n  recurringUnitPrice: '',\n  usageMode: 'simple',\n  usageUnitPrice: '',\n  usageTieredJson: '',\n  uomCode: '',\n  subscriptionId: '',\n  subscriptionItemId: '',\n  isActive: true,\n}\n\nfunction todayIso(): string {\n  return new Date().toISOString().slice(0, 10)\n}\n\nfunction mergeInitial(initial: Partial<ItemFormValues> | undefined): ItemFormValues {\n  return {\n    ...EMPTY_VALUES,\n    billStartDate: EMPTY_VALUES.billStartDate || todayIso(),\n    ...initial,\n  }\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 ItemForm({\n  mode,\n  accountOptions,\n  initial,\n  submitting = false,\n  onSubmit,\n  onCancel,\n}: ItemFormProps) {\n  const t = useT()\n  const [values, setValues] = React.useState<ItemFormValues>(() => mergeInitial(initial))\n  const [error, setError] = React.useState<string | null>(null)\n  const isEdit = mode === 'edit'\n\n  const initialKey = React.useMemo(() => JSON.stringify(initial ?? null), [initial])\n  React.useEffect(() => {\n    setValues(mergeInitial(initial))\n  }, [initialKey, initial])\n\n  const set = React.useCallback(\n    <K extends keyof ItemFormValues>(key: K, value: ItemFormValues[K]) => {\n      setValues((prev) => ({ ...prev, [key]: value }))\n    },\n    [],\n  )\n\n  const buildRateJson = React.useCallback((): Record<string, unknown> | string => {\n    switch (values.type) {\n      case 'one_time': {\n        const amount = toNumber(values.oneTimeAmount)\n        if (amount == null) {\n          return t('billing.items.form.error.amount_invalid', 'Amount must be a number')\n        }\n        return { amount }\n      }\n      case 'recurring': {\n        const unit = toNumber(values.recurringUnitPrice)\n        if (unit == null || unit < 0) {\n          return t(\n            'billing.items.form.error.unit_price_invalid',\n            'Unit price must be a non-negative number',\n          )\n        }\n        return { unit_price: unit }\n      }\n      case 'usage': {\n        if (values.usageMode === 'simple') {\n          const unit = toNumber(values.usageUnitPrice)\n          if (unit == null || unit < 0) {\n            return t(\n              'billing.items.form.error.unit_price_invalid',\n              'Unit price must be a non-negative number',\n            )\n          }\n          return { unit_price: unit }\n        }\n        // Tiered: parse the textarea as JSON.\n        const raw = values.usageTieredJson.trim()\n        if (!raw) {\n          return t(\n            'billing.items.form.error.tiered_required',\n            'Tiered rate JSON is required for tiered usage',\n          )\n        }\n        try {\n          const parsed = JSON.parse(raw) as Record<string, unknown>\n          if (\n            typeof parsed !== 'object' ||\n            parsed === null ||\n            !('model' in parsed) ||\n            !('tiers' in parsed)\n          ) {\n            return t(\n              'billing.items.form.error.tiered_shape',\n              'Tiered JSON must include `model` and `tiers`',\n            )\n          }\n          return parsed\n        } catch {\n          return t(\n            'billing.items.form.error.tiered_json',\n            'Tiered rate JSON is not valid JSON',\n          )\n        }\n      }\n    }\n  }, [\n    t,\n    values.oneTimeAmount,\n    values.recurringUnitPrice,\n    values.type,\n    values.usageMode,\n    values.usageTieredJson,\n    values.usageUnitPrice,\n  ])\n\n  const handleSubmit = React.useCallback(async () => {\n    if (!isEdit && !values.billAccountId.trim()) {\n      setError(t('billing.items.form.error.account_required', 'Billing Account is required'))\n      return\n    }\n    if (!values.description.trim()) {\n      setError(t('billing.items.form.error.description_required', 'Description is required'))\n      return\n    }\n    if (!values.billStartDate) {\n      setError(t('billing.items.form.error.start_date_required', 'Bill start date is required'))\n      return\n    }\n    if (values.type === 'usage' && !values.uomCode.trim()) {\n      setError(t('billing.items.form.error.uom_required', 'UoM code is required for usage items'))\n      return\n    }\n    const rateJsonResult = buildRateJson()\n    if (typeof rateJsonResult === 'string') {\n      // builder returned an error message\n      setError(rateJsonResult)\n      return\n    }\n    setError(null)\n\n    const payload: AssembledItemPayload = {\n      billAccountId: values.billAccountId,\n      type: values.type,\n      billStartDate: values.billStartDate,\n      description: values.description.trim(),\n      rateJson: rateJsonResult,\n    }\n    if (values.billEndDate) payload.billEndDate = values.billEndDate\n    if (values.type === 'usage' && values.uomCode.trim()) {\n      payload.uomCode = values.uomCode.trim()\n    }\n    if (values.subscriptionId.trim()) payload.subscriptionId = values.subscriptionId.trim()\n    if (values.subscriptionItemId.trim()) {\n      payload.subscriptionItemId = values.subscriptionItemId.trim()\n    }\n    if (isEdit) payload.isActive = values.isActive\n    await onSubmit(payload)\n  }, [buildRateJson, 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        {!isEdit ? (\n          <label className=\"flex flex-col gap-1 text-sm col-span-2\">\n            <span className=\"text-muted-foreground\">\n              {t('billing.items.form.account', 'Billing Account')}\n              <span className=\"text-destructive\"> *</span>\n            </span>\n            <Select\n              value={values.billAccountId}\n              onValueChange={(next) => set('billAccountId', next)}\n            >\n              <SelectTrigger>\n                <SelectValue placeholder={t('billing.items.form.account.placeholder', 'Select an account')} />\n              </SelectTrigger>\n              <SelectContent>\n                {(accountOptions ?? []).map((opt) => (\n                  <SelectItem key={opt.id} value={opt.id}>\n                    {opt.name} \u00B7 {opt.customer_id} \u00B7 {opt.currency_code}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          </label>\n        ) : null}\n\n        {!isEdit ? (\n          <label className=\"flex flex-col gap-1 text-sm\">\n            <span className=\"text-muted-foreground\">\n              {t('billing.items.form.type', 'Type')}\n              <span className=\"text-destructive\"> *</span>\n            </span>\n            <Select\n              value={values.type}\n              onValueChange={(next) => set('type', next as BillingItemType)}\n            >\n              <SelectTrigger>\n                <SelectValue />\n              </SelectTrigger>\n              <SelectContent>\n                <SelectItem value=\"one_time\">\n                  {t('billing.items.form.type.one_time', 'One-time charge')}\n                </SelectItem>\n                <SelectItem value=\"recurring\">\n                  {t('billing.items.form.type.recurring', 'Recurring (per cycle)')}\n                </SelectItem>\n                <SelectItem value=\"usage\">\n                  {t('billing.items.form.type.usage', 'Usage (metered)')}\n                </SelectItem>\n              </SelectContent>\n            </Select>\n          </label>\n        ) : null}\n\n        <label className=\"flex flex-col gap-1 text-sm\">\n          <span className=\"text-muted-foreground\">\n            {t('billing.items.form.start_date', 'Bill start date')}\n            <span className=\"text-destructive\"> *</span>\n          </span>\n          <Input\n            type=\"date\"\n            value={values.billStartDate}\n            onChange={(event) => set('billStartDate', 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.items.form.end_date', 'Bill end date (optional)')}\n          </span>\n          <Input\n            type=\"date\"\n            value={values.billEndDate}\n            onChange={(event) => set('billEndDate', event.currentTarget.value)}\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.items.form.description', 'Description')}\n            <span className=\"text-destructive\"> *</span>\n          </span>\n          <Textarea\n            value={values.description}\n            rows={2}\n            onChange={(event) => set('description', event.currentTarget.value)}\n          />\n          <span className=\"text-xs text-muted-foreground\">\n            {t(\n              'billing.items.form.description.help',\n              'Shown verbatim on the invoice line.',\n            )}\n          </span>\n        </label>\n      </div>\n\n      <h3 className=\"text-sm font-semibold mt-6 mb-2\">\n        {t('billing.items.form.rate.title', 'Rate')}\n      </h3>\n      <div className=\"grid grid-cols-2 gap-4\">\n        {values.type === 'one_time' ? (\n          <label className=\"flex flex-col gap-1 text-sm\">\n            <span className=\"text-muted-foreground\">\n              {t('billing.items.form.rate.amount', 'Amount')}\n              <span className=\"text-destructive\"> *</span>\n            </span>\n            <Input\n              type=\"number\"\n              step=\"0.0001\"\n              value={values.oneTimeAmount}\n              onChange={(event) => set('oneTimeAmount', event.currentTarget.value)}\n            />\n            <span className=\"text-xs text-muted-foreground\">\n              {t(\n                'billing.items.form.rate.amount.help',\n                'Negative allowed for refunds / credits / proration credits.',\n              )}\n            </span>\n          </label>\n        ) : null}\n\n        {values.type === 'recurring' ? (\n          <label className=\"flex flex-col gap-1 text-sm\">\n            <span className=\"text-muted-foreground\">\n              {t('billing.items.form.rate.unit_price_recurring', 'Unit price per cycle')}\n              <span className=\"text-destructive\"> *</span>\n            </span>\n            <Input\n              type=\"number\"\n              step=\"0.0001\"\n              value={values.recurringUnitPrice}\n              onChange={(event) => set('recurringUnitPrice', event.currentTarget.value)}\n            />\n          </label>\n        ) : null}\n\n        {values.type === 'usage' ? (\n          <>\n            <label className=\"flex flex-col gap-1 text-sm\">\n              <span className=\"text-muted-foreground\">\n                {t('billing.items.form.rate.usage_mode', 'Rate model')}\n              </span>\n              <Select\n                value={values.usageMode}\n                onValueChange={(next) => set('usageMode', next as UsageRateMode)}\n              >\n                <SelectTrigger>\n                  <SelectValue />\n                </SelectTrigger>\n                <SelectContent>\n                  <SelectItem value=\"simple\">\n                    {t('billing.items.form.rate.usage_mode.simple', 'Simple flat rate')}\n                  </SelectItem>\n                  <SelectItem value=\"tiered\">\n                    {t('billing.items.form.rate.usage_mode.tiered', 'Tiered (volume / graduated / flat)')}\n                  </SelectItem>\n                </SelectContent>\n              </Select>\n            </label>\n\n            {values.usageMode === 'simple' ? (\n              <label className=\"flex flex-col gap-1 text-sm\">\n                <span className=\"text-muted-foreground\">\n                  {t('billing.items.form.rate.unit_price_usage', 'Unit price per unit consumed')}\n                  <span className=\"text-destructive\"> *</span>\n                </span>\n                <Input\n                  type=\"number\"\n                  step=\"0.000001\"\n                  value={values.usageUnitPrice}\n                  onChange={(event) => set('usageUnitPrice', event.currentTarget.value)}\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.items.form.rate.tiered_json', 'Tiered rate JSON')}\n                  <span className=\"text-destructive\"> *</span>\n                </span>\n                <Textarea\n                  rows={6}\n                  value={values.usageTieredJson}\n                  placeholder='{ \"model\": \"graduated\", \"tiers\": [{ \"up_to\": 10000, \"unit_price\": 0 }, { \"up_to\": null, \"unit_price\": 0.001 }] }'\n                  onChange={(event) => set('usageTieredJson', event.currentTarget.value)}\n                />\n                <span className=\"text-xs text-muted-foreground\">\n                  {t(\n                    'billing.items.form.rate.tiered_json.help',\n                    'Models: volume / graduated / flat. Exactly one tier must have `up_to: null` (the open-ended top tier). Server-side validators reject malformed shapes.',\n                  )}\n                </span>\n              </label>\n            )}\n\n            <label className=\"flex flex-col gap-1 text-sm\">\n              <span className=\"text-muted-foreground\">\n                {t('billing.items.form.uom_code', 'UoM code')}\n                <span className=\"text-destructive\"> *</span>\n              </span>\n              <Input\n                value={values.uomCode}\n                placeholder=\"api_request, gb, seat, \u2026\"\n                onChange={(event) => set('uomCode', event.currentTarget.value)}\n              />\n              <span className=\"text-xs text-muted-foreground\">\n                {t(\n                  'billing.items.form.uom_code.help',\n                  'Must exactly match the `uom_code` on usage records. No conversion.',\n                )}\n              </span>\n            </label>\n          </>\n        ) : null}\n      </div>\n\n      <h3 className=\"text-sm font-semibold mt-6 mb-2\">\n        {t('billing.items.form.refs.title', 'External references (optional)')}\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.items.form.subscription_id', 'Subscription ID')}\n          </span>\n          <Input\n            value={values.subscriptionId}\n            onChange={(event) => set('subscriptionId', 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.items.form.subscription_item_id', 'Subscription item ID')}\n          </span>\n          <Input\n            value={values.subscriptionItemId}\n            onChange={(event) => set('subscriptionItemId', event.currentTarget.value)}\n          />\n        </label>\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.items.form.active', 'Active')}\n            </div>\n            <div className=\"text-xs text-muted-foreground\">\n              {t(\n                'billing.items.form.active.help',\n                'Inactive items are skipped by the Bill Run engine.',\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.items.form.submit_hint', 'to save,')} <Kbd>Esc</Kbd>{' '}\n          {t('billing.items.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.items.form.saving', 'Saving\u2026')\n              : isEdit\n                ? t('billing.items.form.save', 'Save changes')\n                : t('billing.items.form.create', 'Create item')}\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 { Textarea } from '@open-mercato/ui/primitives/textarea'\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 { useT } from '@open-mercato/shared/lib/i18n/context'\nimport Link from 'next/link'\nimport { SegmentedControl, SegmentedControlItem } from '@open-mercato/ui/primitives/segmented-control'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { ItemPriceField } from './ItemPriceField'\nimport { BILLING_SETTINGS_HREF } from './BillingSettingsLink'\nimport { counterpartAmount, type PriceBasis } from '../lib/lineAmounts'\n\n/**\n * Shared form for Billing Item create + edit.\n *\n * The `rate_json` field is type-discriminated per the spec's\n * \"Rate Formats\" section:\n *   - `one_time`: `{ amount }` \u2014 one number.\n *   - `recurring`: `{ unit_price }` \u2014 one number.\n *   - `usage` (simple): `{ unit_price }` + required `uomCode`.\n *   - `usage` (tiered, advanced): operator pastes raw JSON\n *     `{ model, tiers: [...] }` into the textarea \u2014 for occasional\n *     hand-built tiered rates. The integration flow uses CPQ \u2192\n *     connector to land tiered rates without UI input.\n *\n * `type` is immutable on edit (per `billingItemUpdateSchema`); we\n * hide the `type` selector in `mode='edit'` so it can't even be\n * surfaced.\n */\n\ntype BillingItemType = 'one_time' | 'recurring' | 'usage'\ntype UsageRateMode = 'simple' | 'tiered'\n\nexport type ItemFormValues = {\n  billAccountId: string\n  type: BillingItemType\n  billStartDate: string\n  billEndDate: string\n  description: string\n  // Rate is type-dependent \u2014 we keep the inputs separate and assemble\n  // `rate_json` on submit.\n  oneTimeAmount: string\n  recurringUnitPrice: string\n  usageMode: UsageRateMode\n  usageUnitPrice: string\n  usageTieredJson: string\n  uomCode: string\n  subscriptionId: string\n  subscriptionItemId: string\n  isActive: boolean\n  // Spec A \u2014 recurring only.\n  chargeTiming: 'in_advance' | 'in_arrears'\n  prorate: boolean\n  // Spec B \u2014 VAT %. Empty on create \u2192 the organization default.\n  taxRate: string\n  // Spec F (F-D2) \u2014 the basis the price inputs are entered on.\n  priceBasis: PriceBasis\n}\n\n// The accounts list API (`/api/billing/accounts`) returns snake_case\n// rows \u2014 mirror that here so the picker reads real values. (camelCase\n// resolved to `undefined`, rendering \"Name \u00B7 undefined \u00B7 undefined\".)\nexport type AccountOption = {\n  id: string\n  name: string\n  customer_id: string\n  currency_code: string\n  billing_mode?: 'postpaid' | 'prepaid'\n}\n\nexport type ItemFormProps = {\n  mode: 'create' | 'edit'\n  /** For create mode: full list of accounts the operator can attach to. */\n  accountOptions?: AccountOption[]\n  initial?: Partial<ItemFormValues>\n  /** Edit mode: the item's account mode (prepaid tax-point rules, Spec F). */\n  accountBillingMode?: 'postpaid' | 'prepaid'\n  /** Edit mode: the item's account currency, shown next to the rate (Spec F, F2). */\n  accountCurrency?: string\n  submitting?: boolean\n  /** Returns the assembled payload (with rate_json built). */\n  onSubmit: (assembled: AssembledItemPayload) => Promise<void> | void\n  onCancel: () => void\n}\n\nexport type AssembledItemPayload = {\n  billAccountId: string\n  type: BillingItemType\n  billStartDate: string\n  billEndDate?: string\n  description: string\n  rateJson: Record<string, unknown>\n  uomCode?: string\n  subscriptionId?: string\n  subscriptionItemId?: string\n  isActive?: boolean\n  chargeTiming?: 'in_advance' | 'in_arrears'\n  prorate?: boolean\n  taxRate?: number\n  priceBasis?: PriceBasis\n}\n\nconst EMPTY_VALUES: ItemFormValues = {\n  billAccountId: '',\n  type: 'recurring',\n  billStartDate: '',\n  billEndDate: '',\n  description: '',\n  oneTimeAmount: '',\n  recurringUnitPrice: '',\n  usageMode: 'simple',\n  usageUnitPrice: '',\n  usageTieredJson: '',\n  uomCode: '',\n  subscriptionId: '',\n  subscriptionItemId: '',\n  isActive: true,\n  chargeTiming: 'in_advance',\n  prorate: true,\n  taxRate: '',\n  priceBasis: 'net',\n}\n\nfunction todayIso(): string {\n  return new Date().toISOString().slice(0, 10)\n}\n\nfunction mergeInitial(initial: Partial<ItemFormValues> | undefined): ItemFormValues {\n  return {\n    ...EMPTY_VALUES,\n    billStartDate: EMPTY_VALUES.billStartDate || todayIso(),\n    ...initial,\n  }\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 ItemForm({\n  mode,\n  accountOptions,\n  initial,\n  accountBillingMode,\n  accountCurrency,\n  submitting = false,\n  onSubmit,\n  onCancel,\n}: ItemFormProps) {\n  const t = useT()\n  const [values, setValues] = React.useState<ItemFormValues>(() => mergeInitial(initial))\n  const selectedAccount = accountOptions?.find((option) => option.id === values.billAccountId)\n  const isPrepaidAccount = accountBillingMode === 'prepaid' || selectedAccount?.billing_mode === 'prepaid'\n  // Read-only: the currency always comes from the parent account.\n  const currencyCode = accountCurrency ?? selectedAccount?.currency_code ?? ''\n  const [error, setError] = React.useState<string | null>(null)\n  const isEdit = mode === 'edit'\n\n  const initialKey = React.useMemo(() => JSON.stringify(initial ?? null), [initial])\n  React.useEffect(() => {\n    setValues(mergeInitial(initial))\n  }, [initialKey, initial])\n\n  // Spec B: prefill the VAT rate with the organization default on create.\n  // Spec F (F-D3): the prepaid tax point decides whether VAT applies to\n  // prepaid charges at all. Best effort \u2014 without settings access the server\n  // applies the default rate and the form assumes the `topup` default.\n  const [prepaidTaxPoint, setPrepaidTaxPoint] = React.useState<'topup' | 'consumption'>('topup')\n  React.useEffect(() => {\n    let cancelled = false\n    void apiCall<{ settings?: { defaultTaxRate?: number; prepaidTaxPoint?: 'topup' | 'consumption' } }>(\n      '/api/billing/settings',\n    ).then((call) => {\n      if (cancelled || !call.ok) return\n      const settings = call.result?.settings\n      if (settings?.prepaidTaxPoint === 'consumption') setPrepaidTaxPoint('consumption')\n      const rate = settings?.defaultTaxRate\n      if (!isEdit && typeof rate === 'number') {\n        setValues((prev) => (prev.taxRate === '' ? { ...prev, taxRate: String(rate) } : prev))\n      }\n    })\n    return () => {\n      cancelled = true\n    }\n  }, [isEdit])\n\n  // Prepaid + tax at top-up: VAT was charged on the receipt, so the item\n  // price is debited as entered \u2014 the VAT rate and basis do not apply.\n  const taxLocked = isPrepaidAccount && prepaidTaxPoint === 'topup'\n  // Tiered usage rates are always net (P-D4).\n  const basisForcedNet = values.type === 'usage' && values.usageMode === 'tiered'\n  const effectiveBasis: PriceBasis = basisForcedNet ? 'net' : values.priceBasis\n\n  // Switching the basis converts the typed prices, so the price stays the same.\n  const handleBasisChange = React.useCallback((next: string) => {\n    const target: PriceBasis = next === 'gross' ? 'gross' : 'net'\n    setValues((prev) => {\n      if (prev.priceBasis === target) return prev\n      const rate = toNumber(prev.taxRate) ?? 0\n      const convert = (raw: string, decimals: number): string => {\n        const amount = toNumber(raw)\n        if (amount === null) return raw\n        const converted =\n          decimals > 2\n            ? prev.priceBasis === 'gross'\n              ? amount / (1 + rate / 100)\n              : amount * (1 + rate / 100)\n            : counterpartAmount(amount, prev.priceBasis, rate)\n        return String(Number(converted.toFixed(decimals)))\n      }\n      return {\n        ...prev,\n        priceBasis: target,\n        oneTimeAmount: convert(prev.oneTimeAmount, 2),\n        recurringUnitPrice: convert(prev.recurringUnitPrice, 2),\n        usageUnitPrice: convert(prev.usageUnitPrice, 6),\n      }\n    })\n  }, [])\n\n  const set = React.useCallback(\n    <K extends keyof ItemFormValues>(key: K, value: ItemFormValues[K]) => {\n      setValues((prev) => ({ ...prev, [key]: value }))\n    },\n    [],\n  )\n\n  const buildRateJson = React.useCallback((): Record<string, unknown> | string => {\n    switch (values.type) {\n      case 'one_time': {\n        const amount = toNumber(values.oneTimeAmount)\n        if (amount == null) {\n          return t('billing.items.form.error.amount_invalid', 'Amount must be a number')\n        }\n        return { amount }\n      }\n      case 'recurring': {\n        const unit = toNumber(values.recurringUnitPrice)\n        if (unit == null || unit < 0) {\n          return t(\n            'billing.items.form.error.unit_price_invalid',\n            'Unit price must be a non-negative number',\n          )\n        }\n        return { unit_price: unit }\n      }\n      case 'usage': {\n        if (values.usageMode === 'simple') {\n          const unit = toNumber(values.usageUnitPrice)\n          if (unit == null || unit < 0) {\n            return t(\n              'billing.items.form.error.unit_price_invalid',\n              'Unit price must be a non-negative number',\n            )\n          }\n          return { unit_price: unit }\n        }\n        // Tiered: parse the textarea as JSON.\n        const raw = values.usageTieredJson.trim()\n        if (!raw) {\n          return t(\n            'billing.items.form.error.tiered_required',\n            'Tiered rate JSON is required for tiered usage',\n          )\n        }\n        try {\n          const parsed = JSON.parse(raw) as Record<string, unknown>\n          if (\n            typeof parsed !== 'object' ||\n            parsed === null ||\n            !('model' in parsed) ||\n            !('tiers' in parsed)\n          ) {\n            return t(\n              'billing.items.form.error.tiered_shape',\n              'Tiered JSON must include `model` and `tiers`',\n            )\n          }\n          return parsed\n        } catch {\n          return t(\n            'billing.items.form.error.tiered_json',\n            'Tiered rate JSON is not valid JSON',\n          )\n        }\n      }\n    }\n  }, [\n    t,\n    values.oneTimeAmount,\n    values.recurringUnitPrice,\n    values.type,\n    values.usageMode,\n    values.usageTieredJson,\n    values.usageUnitPrice,\n  ])\n\n  const handleSubmit = React.useCallback(async () => {\n    if (!isEdit && !values.billAccountId.trim()) {\n      setError(t('billing.items.form.error.account_required', 'Billing Account is required'))\n      return\n    }\n    if (!values.description.trim()) {\n      setError(t('billing.items.form.error.description_required', 'Description is required'))\n      return\n    }\n    if (!values.billStartDate) {\n      setError(t('billing.items.form.error.start_date_required', 'Bill start date is required'))\n      return\n    }\n    if (values.type === 'usage' && !values.uomCode.trim()) {\n      setError(t('billing.items.form.error.uom_required', 'UoM code is required for usage items'))\n      return\n    }\n    const taxRate = toNumber(values.taxRate)\n    if (values.taxRate.trim() !== '' && (taxRate == null || taxRate < 0 || taxRate > 100)) {\n      setError(t('billing.items.form.error.tax_rate_invalid', 'VAT rate must be between 0 and 100'))\n      return\n    }\n    const rateJsonResult = buildRateJson()\n    if (typeof rateJsonResult === 'string') {\n      // builder returned an error message\n      setError(rateJsonResult)\n      return\n    }\n    setError(null)\n\n    const payload: AssembledItemPayload = {\n      billAccountId: values.billAccountId,\n      type: values.type,\n      billStartDate: values.billStartDate,\n      description: values.description.trim(),\n      rateJson: rateJsonResult,\n    }\n    if (values.billEndDate) payload.billEndDate = values.billEndDate\n    if (values.type === 'usage' && values.uomCode.trim()) {\n      payload.uomCode = values.uomCode.trim()\n    }\n    if (values.subscriptionId.trim()) payload.subscriptionId = values.subscriptionId.trim()\n    if (values.subscriptionItemId.trim()) {\n      payload.subscriptionItemId = values.subscriptionItemId.trim()\n    }\n    if (values.type === 'recurring') {\n      payload.chargeTiming = values.chargeTiming\n      payload.prorate = values.prorate\n    }\n    if (taxRate != null) payload.taxRate = taxRate\n    payload.priceBasis = effectiveBasis\n    if (isEdit) payload.isActive = values.isActive\n    await onSubmit(payload)\n  }, [buildRateJson, effectiveBasis, 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        {!isEdit ? (\n          <label className=\"flex flex-col gap-1 text-sm col-span-2\">\n            <span className=\"text-muted-foreground\">\n              {t('billing.items.form.account', 'Billing Account')}\n              <span className=\"text-destructive\"> *</span>\n            </span>\n            <Select\n              value={values.billAccountId}\n              onValueChange={(next) => set('billAccountId', next)}\n            >\n              <SelectTrigger>\n                <SelectValue placeholder={t('billing.items.form.account.placeholder', 'Select an account')} />\n              </SelectTrigger>\n              <SelectContent>\n                {(accountOptions ?? []).map((opt) => (\n                  <SelectItem key={opt.id} value={opt.id}>\n                    {opt.name} \u00B7 {opt.customer_id} \u00B7 {opt.currency_code}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          </label>\n        ) : null}\n\n        {!isEdit ? (\n          <label className=\"flex flex-col gap-1 text-sm\">\n            <span className=\"text-muted-foreground\">\n              {t('billing.items.form.type', 'Type')}\n              <span className=\"text-destructive\"> *</span>\n            </span>\n            <Select\n              value={values.type}\n              onValueChange={(next) => set('type', next as BillingItemType)}\n            >\n              <SelectTrigger>\n                <SelectValue />\n              </SelectTrigger>\n              <SelectContent>\n                <SelectItem value=\"one_time\">\n                  {t('billing.items.form.type.one_time', 'One-time charge')}\n                </SelectItem>\n                <SelectItem value=\"recurring\">\n                  {t('billing.items.form.type.recurring', 'Recurring (per cycle)')}\n                </SelectItem>\n                <SelectItem value=\"usage\">\n                  {t('billing.items.form.type.usage', 'Usage (metered)')}\n                </SelectItem>\n              </SelectContent>\n            </Select>\n          </label>\n        ) : null}\n\n        <label className=\"flex flex-col gap-1 text-sm\">\n          <span className=\"text-muted-foreground\">\n            {t('billing.items.form.start_date', 'Bill start date')}\n            <span className=\"text-destructive\"> *</span>\n          </span>\n          <Input\n            type=\"date\"\n            value={values.billStartDate}\n            onChange={(event) => set('billStartDate', 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.items.form.end_date', 'Bill end date (optional)')}\n          </span>\n          <Input\n            type=\"date\"\n            value={values.billEndDate}\n            onChange={(event) => set('billEndDate', event.currentTarget.value)}\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.items.form.description', 'Description')}\n            <span className=\"text-destructive\"> *</span>\n          </span>\n          <Textarea\n            value={values.description}\n            rows={2}\n            onChange={(event) => set('description', event.currentTarget.value)}\n          />\n          <span className=\"text-xs text-muted-foreground\">\n            {t(\n              'billing.items.form.description.help',\n              'Shown verbatim on the invoice line.',\n            )}\n          </span>\n        </label>\n      </div>\n\n      <div className=\"mt-6 mb-2 flex flex-wrap items-center justify-between gap-3\">\n        <h3 className=\"text-sm font-semibold\">{t('billing.items.form.rate.title', 'Rate')}</h3>\n        <SegmentedControl\n          value={effectiveBasis}\n          onValueChange={handleBasisChange}\n          disabled={taxLocked || basisForcedNet}\n          aria-label={t('billing.items.form.price_basis', 'Price entered as')}\n        >\n          <SegmentedControlItem value=\"net\">{t('billing.items.price_basis.net', 'Net')}</SegmentedControlItem>\n          <SegmentedControlItem value=\"gross\">{t('billing.items.price_basis.gross', 'Gross')}</SegmentedControlItem>\n        </SegmentedControl>\n      </div>\n      {basisForcedNet && !taxLocked ? (\n        <p className=\"mb-2 text-xs text-muted-foreground\">\n          {t('billing.items.form.price_basis.tiered_net', 'Tiered rates are always entered net.')}\n        </p>\n      ) : null}\n      <div className=\"grid grid-cols-2 gap-4\">\n        {values.type === 'one_time' ? (\n          <ItemPriceField\n            label={t('billing.items.form.rate.amount', 'Amount')}\n            value={values.oneTimeAmount}\n            onChange={(next) => set('oneTimeAmount', next)}\n            step=\"0.01\"\n            currencyCode={currencyCode}\n            priceBasis={effectiveBasis}\n            taxRate={values.taxRate}\n            showCounterpart={!taxLocked}\n            help={t('billing.items.form.rate.amount.help', 'Negative allowed for refunds / credits / proration credits.')}\n          />\n        ) : null}\n\n        {values.type === 'recurring' ? (\n          <ItemPriceField\n            label={t('billing.items.form.rate.unit_price_recurring', 'Unit price per cycle')}\n            value={values.recurringUnitPrice}\n            onChange={(next) => set('recurringUnitPrice', next)}\n            step=\"0.01\"\n            currencyCode={currencyCode}\n            priceBasis={effectiveBasis}\n            taxRate={values.taxRate}\n            showCounterpart={!taxLocked}\n          />\n        ) : null}\n\n        {values.type === 'usage' && values.usageMode === 'simple' ? (\n          <ItemPriceField\n            label={t('billing.items.form.rate.unit_price_usage', 'Unit price per unit consumed')}\n            value={values.usageUnitPrice}\n            onChange={(next) => set('usageUnitPrice', next)}\n            step=\"0.000001\"\n            currencyCode={currencyCode}\n            priceBasis={effectiveBasis}\n            taxRate={values.taxRate}\n            showCounterpart={!taxLocked}\n            precision={6}\n          />\n        ) : null}\n\n        <label className=\"flex flex-col gap-1 text-sm\">\n          <span className=\"text-muted-foreground\">{t('billing.items.form.tax_rate', 'VAT rate (%)')}</span>\n          <Input\n            type=\"number\"\n            min=\"0\"\n            max=\"100\"\n            step=\"0.01\"\n            value={values.taxRate}\n            disabled={taxLocked}\n            onChange={(event) => set('taxRate', event.currentTarget.value)}\n          />\n          <span className=\"text-xs text-muted-foreground\">\n            {taxLocked ? (\n              <>\n                {t('billing.items.form.tax_rate.prepaid_topup', 'For prepaid accounts, tax is allocated at top-up.')}{' '}\n                <Link href={BILLING_SETTINGS_HREF} className=\"text-primary hover:underline\">\n                  {t('billing.settings.link', 'Billing settings')}\n                </Link>\n              </>\n            ) : isPrepaidAccount ? (\n              t('billing.items.form.tax_rate.prepaid_consumption', 'Charged from the balance including VAT.')\n            ) : isEdit ? (\n              t('billing.items.form.tax_rate.help_edit', 'Applies to future invoices; posted invoices keep their rate.')\n            ) : (\n              t('billing.items.form.tax_rate.help', 'Defaults to the organization VAT rate from billing settings.')\n            )}\n          </span>\n        </label>\n\n        {values.type === 'recurring' ? (\n          <label className=\"flex flex-col gap-1 text-sm\">\n            <span className=\"text-muted-foreground\">\n              {t('billing.items.form.charge_timing', 'Charge timing')}\n            </span>\n            <Select\n              value={values.chargeTiming}\n              onValueChange={(next) => set('chargeTiming', next === 'in_arrears' ? 'in_arrears' : 'in_advance')}\n            >\n              <SelectTrigger>\n                <SelectValue />\n              </SelectTrigger>\n              <SelectContent>\n                <SelectItem value=\"in_advance\">\n                  {t('billing.items.charge_timing.in_advance', 'In advance')}\n                </SelectItem>\n                <SelectItem value=\"in_arrears\">\n                  {t('billing.items.charge_timing.in_arrears', 'In arrears')}\n                </SelectItem>\n              </SelectContent>\n            </Select>\n            <span className=\"text-xs text-muted-foreground\">\n              {values.chargeTiming === 'in_arrears'\n                ? t('billing.items.form.charge_timing.help_arrears', 'Each bill date charges the period that just ended.')\n                : t('billing.items.form.charge_timing.help_advance', 'Each bill date charges the coming period.')}\n            </span>\n          </label>\n        ) : null}\n\n        {values.type === 'recurring' ? (\n          <div className=\"flex items-center justify-between gap-3 text-sm\">\n            <div>\n              <div className=\"font-medium\">\n                {t('billing.items.form.prorate', 'Prorate partial periods')}\n              </div>\n              <div className=\"text-xs text-muted-foreground\">\n                {t(\n                  'billing.items.form.prorate.help',\n                  'Charge by calendar days when the item starts or ends mid-period, and credit unused days if it ends after being billed in advance.',\n                )}\n              </div>\n            </div>\n            <Switch checked={values.prorate} onCheckedChange={(next) => set('prorate', next)} />\n          </div>\n        ) : null}\n\n        {values.type === 'usage' ? (\n          <>\n            <label className=\"flex flex-col gap-1 text-sm\">\n              <span className=\"text-muted-foreground\">\n                {t('billing.items.form.rate.usage_mode', 'Rate model')}\n              </span>\n              <Select\n                value={values.usageMode}\n                onValueChange={(next) => set('usageMode', next as UsageRateMode)}\n              >\n                <SelectTrigger>\n                  <SelectValue />\n                </SelectTrigger>\n                <SelectContent>\n                  <SelectItem value=\"simple\">\n                    {t('billing.items.form.rate.usage_mode.simple', 'Simple flat rate')}\n                  </SelectItem>\n                  <SelectItem value=\"tiered\">\n                    {t('billing.items.form.rate.usage_mode.tiered', 'Tiered (volume / graduated / flat)')}\n                  </SelectItem>\n                </SelectContent>\n              </Select>\n            </label>\n\n            {values.usageMode === 'tiered' ? (\n              <label className=\"flex flex-col gap-1 text-sm col-span-2\">\n                <span className=\"text-muted-foreground\">\n                  {t('billing.items.form.rate.tiered_json', 'Tiered rate JSON')}\n                  <span className=\"text-destructive\"> *</span>\n                </span>\n                <Textarea\n                  rows={6}\n                  value={values.usageTieredJson}\n                  placeholder='{ \"model\": \"graduated\", \"tiers\": [{ \"up_to\": 10000, \"unit_price\": 0 }, { \"up_to\": null, \"unit_price\": 0.001 }] }'\n                  onChange={(event) => set('usageTieredJson', event.currentTarget.value)}\n                />\n                {currencyCode ? (\n                  <span className=\"text-xs text-muted-foreground\">\n                    {t('billing.items.form.rate.prices_in', 'Prices in')} <span className=\"font-medium\">{currencyCode}</span>\n                  </span>\n                ) : null}\n                <span className=\"text-xs text-muted-foreground\">\n                  {t(\n                    'billing.items.form.rate.tiered_json.help',\n                    'Models: volume / graduated / flat. Exactly one tier must have `up_to: null` (the open-ended top tier). Server-side validators reject malformed shapes.',\n                  )}\n                </span>\n              </label>\n            ) : null}\n\n            <label className=\"flex flex-col gap-1 text-sm\">\n              <span className=\"text-muted-foreground\">\n                {t('billing.items.form.uom_code', 'UoM code')}\n                <span className=\"text-destructive\"> *</span>\n              </span>\n              <Input\n                value={values.uomCode}\n                placeholder=\"api_request, gb, seat, \u2026\"\n                onChange={(event) => set('uomCode', event.currentTarget.value)}\n              />\n              <span className=\"text-xs text-muted-foreground\">\n                {t(\n                  'billing.items.form.uom_code.help',\n                  'Must exactly match the `uom_code` on usage records. No conversion.',\n                )}\n              </span>\n            </label>\n          </>\n        ) : null}\n      </div>\n\n      <h3 className=\"text-sm font-semibold mt-6 mb-2\">\n        {t('billing.items.form.refs.title', 'External references (optional)')}\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.items.form.subscription_id', 'Subscription ID')}\n          </span>\n          <Input\n            value={values.subscriptionId}\n            onChange={(event) => set('subscriptionId', 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.items.form.subscription_item_id', 'Subscription item ID')}\n          </span>\n          <Input\n            value={values.subscriptionItemId}\n            onChange={(event) => set('subscriptionItemId', event.currentTarget.value)}\n          />\n        </label>\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.items.form.active', 'Active')}\n            </div>\n            <div className=\"text-xs text-muted-foreground\">\n              {t(\n                'billing.items.form.active.help',\n                'Inactive items are skipped by the Bill Run engine.',\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.items.form.submit_hint', 'to save,')} <Kbd>Esc</Kbd>{' '}\n          {t('billing.items.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.items.form.saving', 'Saving\u2026')\n              : isEdit\n                ? t('billing.items.form.save', 'Save changes')\n                : t('billing.items.form.create', 'Create item')}\n          </Button>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -0,0 +1,46 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { MoneyInput } from "./MoneyInput.js";
+import { counterpartAmount } from "../lib/lineAmounts.js";
+function parse(raw) {
+  if (raw.trim() === "") return null;
+  const n = Number.parseFloat(raw);
+  return Number.isFinite(n) ? n : null;
+}
+function ItemPriceField({
+  label,
+  value,
+  onChange,
+  step,
+  currencyCode,
+  priceBasis,
+  taxRate,
+  showCounterpart,
+  precision = 2,
+  help
+}) {
+  const t = useT();
+  const amount = parse(value);
+  const rate = parse(taxRate) ?? 0;
+  const counterpart = showCounterpart && amount !== null ? precision > 2 ? priceBasis === "gross" ? amount / (1 + rate / 100) : amount * (1 + rate / 100) : counterpartAmount(amount, priceBasis, rate) : null;
+  return /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-sm", children: [
+    /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+      label,
+      /* @__PURE__ */ jsx("span", { className: "text-destructive", children: " *" })
+    ] }),
+    /* @__PURE__ */ jsx(MoneyInput, { currencyCode, step, value, onChange: (event) => onChange(event.currentTarget.value) }),
+    counterpart !== null ? /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground tabular-nums", children: [
+      priceBasis === "gross" ? t("billing.items.form.price.net_preview", "Net") : t("billing.items.form.price.gross_preview", "Gross"),
+      " ",
+      /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: counterpart.toFixed(precision) }),
+      currencyCode ? ` ${currencyCode}` : "",
+      ` \xB7 ${t("billing.items.form.price.vat_preview", "VAT")} ${rate} %`
+    ] }) : null,
+    help ? /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: help }) : null
+  ] });
+}
+export {
+  ItemPriceField
+};
+//# sourceMappingURL=ItemPriceField.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/billing/components/ItemPriceField.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { MoneyInput } from './MoneyInput'\nimport { counterpartAmount, type PriceBasis } from '../lib/lineAmounts'\n\nexport type ItemPriceFieldProps = {\n  label: string\n  value: string\n  onChange: (next: string) => void\n  step: string\n  currencyCode: string\n  priceBasis: PriceBasis\n  /** VAT rate in percent as typed in the form ('' = unknown). */\n  taxRate: string\n  /** False when VAT does not apply to this price (prepaid, tax at top-up). */\n  showCounterpart: boolean\n  /**\n   * Decimals of the preview. 2 = the line rule (`lineVat`). Higher values are\n   * for per-unit usage prices, where 2 dp would read as 0.00; those are\n   * indicative only \u2014 the invoice rounds the extended line once.\n   */\n  precision?: number\n  help?: React.ReactNode\n}\n\nfunction parse(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\n/**\n * One item price input (Spec F, F2 + F3): the currency suffix from the\n * account, and below it the other side of the price, computed with the same\n * `lineVat` rule the invoice uses (\"Gross 60.27 EUR\" / \"Net 49.00 EUR\").\n */\nexport function ItemPriceField({\n  label,\n  value,\n  onChange,\n  step,\n  currencyCode,\n  priceBasis,\n  taxRate,\n  showCounterpart,\n  precision = 2,\n  help,\n}: ItemPriceFieldProps) {\n  const t = useT()\n  const amount = parse(value)\n  const rate = parse(taxRate) ?? 0\n  const counterpart =\n    showCounterpart && amount !== null\n      ? precision > 2\n        ? priceBasis === 'gross'\n          ? amount / (1 + rate / 100)\n          : amount * (1 + rate / 100)\n        : counterpartAmount(amount, priceBasis, rate)\n      : null\n  return (\n    <label className=\"flex flex-col gap-1 text-sm\">\n      <span className=\"text-muted-foreground\">\n        {label}\n        <span className=\"text-destructive\"> *</span>\n      </span>\n      <MoneyInput currencyCode={currencyCode} step={step} value={value} onChange={(event) => onChange(event.currentTarget.value)} />\n      {counterpart !== null ? (\n        <span className=\"text-xs text-muted-foreground tabular-nums\">\n          {priceBasis === 'gross'\n            ? t('billing.items.form.price.net_preview', 'Net')\n            : t('billing.items.form.price.gross_preview', 'Gross')}{' '}\n          <span className=\"font-medium text-foreground\">{counterpart.toFixed(precision)}</span>\n          {currencyCode ? ` ${currencyCode}` : ''}\n          {` \u00B7 ${t('billing.items.form.price.vat_preview', 'VAT')} ${rate} %`}\n        </span>\n      ) : null}\n      {help ? <span className=\"text-xs text-muted-foreground\">{help}</span> : null}\n    </label>\n  )\n}\n"],
+  "mappings": ";AA8DM,SAEE,KAFF;AA5DN,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAC3B,SAAS,yBAA0C;AAsBnD,SAAS,MAAM,KAA4B;AACzC,MAAI,IAAI,KAAK,MAAM,GAAI,QAAO;AAC9B,QAAM,IAAI,OAAO,WAAW,GAAG;AAC/B,SAAO,OAAO,SAAS,CAAC,IAAI,IAAI;AAClC;AAOO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AACF,GAAwB;AACtB,QAAM,IAAI,KAAK;AACf,QAAM,SAAS,MAAM,KAAK;AAC1B,QAAM,OAAO,MAAM,OAAO,KAAK;AAC/B,QAAM,cACJ,mBAAmB,WAAW,OAC1B,YAAY,IACV,eAAe,UACb,UAAU,IAAI,OAAO,OACrB,UAAU,IAAI,OAAO,OACvB,kBAAkB,QAAQ,YAAY,IAAI,IAC5C;AACN,SACE,qBAAC,WAAM,WAAU,+BACf;AAAA,yBAAC,UAAK,WAAU,yBACb;AAAA;AAAA,MACD,oBAAC,UAAK,WAAU,oBAAmB,gBAAE;AAAA,OACvC;AAAA,IACA,oBAAC,cAAW,cAA4B,MAAY,OAAc,UAAU,CAAC,UAAU,SAAS,MAAM,cAAc,KAAK,GAAG;AAAA,IAC3H,gBAAgB,OACf,qBAAC,UAAK,WAAU,8CACb;AAAA,qBAAe,UACZ,EAAE,wCAAwC,KAAK,IAC/C,EAAE,0CAA0C,OAAO;AAAA,MAAG;AAAA,MAC1D,oBAAC,UAAK,WAAU,+BAA+B,sBAAY,QAAQ,SAAS,GAAE;AAAA,MAC7E,eAAe,IAAI,YAAY,KAAK;AAAA,MACpC,SAAM,EAAE,wCAAwC,KAAK,CAAC,IAAI,IAAI;AAAA,OACjE,IACE;AAAA,IACH,OAAO,oBAAC,UAAK,WAAU,iCAAiC,gBAAK,IAAU;AAAA,KAC1E;AAEJ;",
+  "names": []
+}

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

@@ -38,6 +38,7 @@ function LineFormDialog({
   const [totalOverride, setTotalOverride] = React.useState(
     initial?.totalNetAmount != null ? String(initial.totalNetAmount) : ""
   );
+  const [taxRate, setTaxRate] = React.useState(initial?.taxRate != null ? String(initial.taxRate) : "");
   const [error, setError] = React.useState(null);
   React.useEffect(() => {
     if (open) {
@@ -45,6 +46,7 @@ function LineFormDialog({
       setQuantity(initial?.quantity != null ? String(initial.quantity) : "");
       setUnitPriceNet(initial?.unitPriceNet != null ? String(initial.unitPriceNet) : "");
       setTotalOverride(initial?.totalNetAmount != null ? String(initial.totalNetAmount) : "");
+      setTaxRate(initial?.taxRate != null ? String(initial.taxRate) : "");
       setError(null);
     }
   }, [open, initial]);
@@ -74,14 +76,20 @@ function LineFormDialog({
       }
       totalOverrideValue = parsed;
     }
+    const taxRateValue = toNumber(taxRate);
+    if (taxRate.trim() !== "" && (taxRateValue == null || taxRateValue < 0 || taxRateValue > 100)) {
+      setError(t("billing.invoices.lines.form.error.tax_rate_invalid", "VAT rate must be between 0 and 100"));
+      return;
+    }
     setError(null);
     await onSubmit({
       description: trimmedDescription,
       quantity: quantityValue,
       unitPriceNet: unitPriceValue,
-      totalNetAmount: totalOverrideValue
+      totalNetAmount: totalOverrideValue,
+      taxRate: taxRateValue ?? void 0
     });
-  }, [description, onSubmit, quantity, t, totalOverride, unitPriceNet]);
+  }, [description, onSubmit, quantity, t, taxRate, totalOverride, unitPriceNet]);
   const handleKeyDown = React.useCallback(
     (event) => {
       if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
@@ -145,6 +153,21 @@ function LineFormDialog({
           )
         ] })
       ] }),
+      /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-sm", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("billing.invoices.lines.form.tax_rate", "VAT rate (%)") }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "number",
+            value: taxRate,
+            min: "0",
+            max: "100",
+            step: "0.01",
+            placeholder: mode === "add" ? t("billing.invoices.lines.form.tax_rate.default", "Organization default") : "",
+            onChange: (event) => setTaxRate(event.currentTarget.value)
+          }
+        )
+      ] }),
       /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-sm", children: [
         /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("billing.invoices.lines.form.total_override", "Total override (optional)") }),
         /* @__PURE__ */ jsx(