@dainamite/billing 0.17.0

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

@@ -0,0 +1,440 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { Textarea } from "@open-mercato/ui/primitives/textarea";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@open-mercato/ui/primitives/select";
+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";
+const EMPTY_VALUES = {
+  billAccountId: "",
+  type: "recurring",
+  billStartDate: "",
+  billEndDate: "",
+  description: "",
+  oneTimeAmount: "",
+  recurringUnitPrice: "",
+  usageMode: "simple",
+  usageUnitPrice: "",
+  usageTieredJson: "",
+  uomCode: "",
+  subscriptionId: "",
+  subscriptionItemId: "",
+  isActive: true
+};
+function todayIso() {
+  return (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
+}
+function mergeInitial(initial) {
+  return {
+    ...EMPTY_VALUES,
+    billStartDate: EMPTY_VALUES.billStartDate || todayIso(),
+    ...initial
+  };
+}
+function toNumber(raw) {
+  if (raw.trim() === "") return null;
+  const n = Number.parseFloat(raw);
+  return Number.isFinite(n) ? n : null;
+}
+function ItemForm({
+  mode,
+  accountOptions,
+  initial,
+  submitting = false,
+  onSubmit,
+  onCancel
+}) {
+  const t = useT();
+  const [values, setValues] = React.useState(() => mergeInitial(initial));
+  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 set = React.useCallback(
+    (key, value) => {
+      setValues((prev) => ({ ...prev, [key]: value }));
+    },
+    []
+  );
+  const buildRateJson = React.useCallback(() => {
+    switch (values.type) {
+      case "one_time": {
+        const amount = toNumber(values.oneTimeAmount);
+        if (amount == null) {
+          return t("billing.items.form.error.amount_invalid", "Amount must be a number");
+        }
+        return { amount };
+      }
+      case "recurring": {
+        const unit = toNumber(values.recurringUnitPrice);
+        if (unit == null || unit < 0) {
+          return t(
+            "billing.items.form.error.unit_price_invalid",
+            "Unit price must be a non-negative number"
+          );
+        }
+        return { unit_price: unit };
+      }
+      case "usage": {
+        if (values.usageMode === "simple") {
+          const unit = toNumber(values.usageUnitPrice);
+          if (unit == null || unit < 0) {
+            return t(
+              "billing.items.form.error.unit_price_invalid",
+              "Unit price must be a non-negative number"
+            );
+          }
+          return { unit_price: unit };
+        }
+        const raw = values.usageTieredJson.trim();
+        if (!raw) {
+          return t(
+            "billing.items.form.error.tiered_required",
+            "Tiered rate JSON is required for tiered usage"
+          );
+        }
+        try {
+          const parsed = JSON.parse(raw);
+          if (typeof parsed !== "object" || parsed === null || !("model" in parsed) || !("tiers" in parsed)) {
+            return t(
+              "billing.items.form.error.tiered_shape",
+              "Tiered JSON must include `model` and `tiers`"
+            );
+          }
+          return parsed;
+        } catch {
+          return t(
+            "billing.items.form.error.tiered_json",
+            "Tiered rate JSON is not valid JSON"
+          );
+        }
+      }
+    }
+  }, [
+    t,
+    values.oneTimeAmount,
+    values.recurringUnitPrice,
+    values.type,
+    values.usageMode,
+    values.usageTieredJson,
+    values.usageUnitPrice
+  ]);
+  const handleSubmit = React.useCallback(async () => {
+    if (!isEdit && !values.billAccountId.trim()) {
+      setError(t("billing.items.form.error.account_required", "Billing Account is required"));
+      return;
+    }
+    if (!values.description.trim()) {
+      setError(t("billing.items.form.error.description_required", "Description is required"));
+      return;
+    }
+    if (!values.billStartDate) {
+      setError(t("billing.items.form.error.start_date_required", "Bill start date is required"));
+      return;
+    }
+    if (values.type === "usage" && !values.uomCode.trim()) {
+      setError(t("billing.items.form.error.uom_required", "UoM code is required for usage items"));
+      return;
+    }
+    const rateJsonResult = buildRateJson();
+    if (typeof rateJsonResult === "string") {
+      setError(rateJsonResult);
+      return;
+    }
+    setError(null);
+    const payload = {
+      billAccountId: values.billAccountId,
+      type: values.type,
+      billStartDate: values.billStartDate,
+      description: values.description.trim(),
+      rateJson: rateJsonResult
+    };
+    if (values.billEndDate) payload.billEndDate = values.billEndDate;
+    if (values.type === "usage" && values.uomCode.trim()) {
+      payload.uomCode = values.uomCode.trim();
+    }
+    if (values.subscriptionId.trim()) payload.subscriptionId = values.subscriptionId.trim();
+    if (values.subscriptionItemId.trim()) {
+      payload.subscriptionItemId = values.subscriptionItemId.trim();
+    }
+    if (isEdit) payload.isActive = values.isActive;
+    await onSubmit(payload);
+  }, [buildRateJson, isEdit, onSubmit, t, values]);
+  const handleKeyDown = React.useCallback(
+    (event) => {
+      if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
+        event.preventDefault();
+        void handleSubmit();
+      }
+    },
+    [handleSubmit]
+  );
+  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: [
+      !isEdit ? /* @__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.account", "Billing Account"),
+          /* @__PURE__ */ jsx("span", { className: "text-destructive", children: " *" })
+        ] }),
+        /* @__PURE__ */ jsxs(
+          Select,
+          {
+            value: values.billAccountId,
+            onValueChange: (next) => set("billAccountId", next),
+            children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("billing.items.form.account.placeholder", "Select an account") }) }),
+              /* @__PURE__ */ jsx(SelectContent, { children: (accountOptions ?? []).map((opt) => /* @__PURE__ */ jsxs(SelectItem, { value: opt.id, children: [
+                opt.name,
+                " \xB7 ",
+                opt.customer_id,
+                " \xB7 ",
+                opt.currency_code
+              ] }, opt.id)) })
+            ]
+          }
+        )
+      ] }) : null,
+      !isEdit ? /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-sm", children: [
+        /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+          t("billing.items.form.type", "Type"),
+          /* @__PURE__ */ jsx("span", { className: "text-destructive", children: " *" })
+        ] }),
+        /* @__PURE__ */ jsxs(
+          Select,
+          {
+            value: values.type,
+            onValueChange: (next) => set("type", next),
+            children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+              /* @__PURE__ */ jsxs(SelectContent, { children: [
+                /* @__PURE__ */ jsx(SelectItem, { value: "one_time", children: t("billing.items.form.type.one_time", "One-time charge") }),
+                /* @__PURE__ */ jsx(SelectItem, { value: "recurring", children: t("billing.items.form.type.recurring", "Recurring (per cycle)") }),
+                /* @__PURE__ */ jsx(SelectItem, { value: "usage", children: t("billing.items.form.type.usage", "Usage (metered)") })
+              ] })
+            ]
+          }
+        )
+      ] }) : 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.start_date", "Bill start date"),
+          /* @__PURE__ */ jsx("span", { className: "text-destructive", children: " *" })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "date",
+            value: values.billStartDate,
+            onChange: (event) => set("billStartDate", 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.items.form.end_date", "Bill end date (optional)") }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "date",
+            value: values.billEndDate,
+            onChange: (event) => set("billEndDate", event.currentTarget.value)
+          }
+        )
+      ] }),
+      /* @__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.description", "Description"),
+          /* @__PURE__ */ jsx("span", { className: "text-destructive", children: " *" })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            value: values.description,
+            rows: 2,
+            onChange: (event) => set("description", event.currentTarget.value)
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t(
+          "billing.items.form.description.help",
+          "Shown verbatim on the invoice line."
+        ) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold mt-6 mb-2", children: t("billing.items.form.rate.title", "Rate") }),
+    /* @__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: " *" })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "number",
+            step: "0.0001",
+            value: values.oneTimeAmount,
+            onChange: (event) => set("oneTimeAmount", 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,
+      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,
+          {
+            type: "number",
+            step: "0.0001",
+            value: values.recurringUnitPrice,
+            onChange: (event) => set("recurringUnitPrice", event.currentTarget.value)
+          }
+        )
+      ] }) : null,
+      values.type === "usage" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-sm", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("billing.items.form.rate.usage_mode", "Rate model") }),
+          /* @__PURE__ */ jsxs(
+            Select,
+            {
+              value: values.usageMode,
+              onValueChange: (next) => set("usageMode", next),
+              children: [
+                /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                /* @__PURE__ */ jsxs(SelectContent, { children: [
+                  /* @__PURE__ */ jsx(SelectItem, { value: "simple", children: t("billing.items.form.rate.usage_mode.simple", "Simple flat rate") }),
+                  /* @__PURE__ */ jsx(SelectItem, { value: "tiered", children: t("billing.items.form.rate.usage_mode.tiered", "Tiered (volume / graduated / flat)") })
+                ] })
+              ]
+            }
+          )
+        ] }),
+        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: [
+          /* @__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: " *" })
+          ] }),
+          /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              rows: 6,
+              value: values.usageTieredJson,
+              placeholder: '{ "model": "graduated", "tiers": [{ "up_to": 10000, "unit_price": 0 }, { "up_to": null, "unit_price": 0.001 }] }',
+              onChange: (event) => set("usageTieredJson", event.currentTarget.value)
+            }
+          ),
+          /* @__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."
+          ) })
+        ] }),
+        /* @__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"),
+            /* @__PURE__ */ jsx("span", { className: "text-destructive", children: " *" })
+          ] }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              value: values.uomCode,
+              placeholder: "api_request, gb, seat, \u2026",
+              onChange: (event) => set("uomCode", event.currentTarget.value)
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t(
+            "billing.items.form.uom_code.help",
+            "Must exactly match the `uom_code` on usage records. No conversion."
+          ) })
+        ] })
+      ] }) : null
+    ] }),
+    /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold mt-6 mb-2", children: t("billing.items.form.refs.title", "External references (optional)") }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-sm", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("billing.items.form.subscription_id", "Subscription ID") }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            value: values.subscriptionId,
+            onChange: (event) => set("subscriptionId", 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.items.form.subscription_item_id", "Subscription item ID") }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            value: values.subscriptionItemId,
+            onChange: (event) => set("subscriptionItemId", event.currentTarget.value)
+          }
+        )
+      ] })
+    ] }),
+    isEdit ? /* @__PURE__ */ jsxs("div", { className: "mt-6 flex items-center justify-between gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: t("billing.items.form.active", "Active") }),
+        /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: t(
+          "billing.items.form.active.help",
+          "Inactive items are skipped by the Bill Run engine."
+        ) })
+      ] }),
+      /* @__PURE__ */ jsx(
+        Switch,
+        {
+          checked: values.isActive,
+          onCheckedChange: (next) => set("isActive", next)
+        }
+      )
+    ] }) : null,
+    error ? /* @__PURE__ */ jsx("div", { className: "mt-4 text-sm text-destructive", children: error }) : null,
+    /* @__PURE__ */ jsxs("div", { className: "mt-6 flex items-center justify-between gap-3", children: [
+      /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(KbdShortcut, { keys: ["Ctrl/\u2318", "Enter"] }),
+        " ",
+        t("billing.items.form.submit_hint", "to save,"),
+        " ",
+        /* @__PURE__ */ jsx(Kbd, { children: "Esc" }),
+        " ",
+        t("billing.items.form.cancel_hint", "to discard")
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: onCancel, children: t("billing.common.cancel", "Cancel") }),
+        /* @__PURE__ */ jsx(Button, { type: "button", onClick: () => void handleSubmit(), disabled: submitting, children: submitting ? t("billing.items.form.saving", "Saving\u2026") : isEdit ? t("billing.items.form.save", "Save changes") : t("billing.items.form.create", "Create item") })
+      ] })
+    ] })
+  ] });
+}
+export {
+  ItemForm
+};
+//# sourceMappingURL=ItemForm.js.map

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

@@ -0,0 +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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",
+  "names": []
+}