@dainamite/billing 0.20.0 → 0.21.0

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

@@ -0,0 +1,56 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@open-mercato/ui/primitives/select";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+function AccountPicker({
+  value,
+  onChange,
+  currencyCode,
+  billingMode
+}) {
+  const t = useT();
+  const [search, setSearch] = React.useState("");
+  const [options, setOptions] = React.useState([]);
+  React.useEffect(() => {
+    let cancelled = false;
+    const handle = setTimeout(() => {
+      const params = new URLSearchParams({ pageSize: "50" });
+      if (search.trim()) params.set("search", search.trim());
+      if (billingMode) params.set("billingMode", billingMode);
+      void apiCall(`/api/billing/accounts?${params.toString()}`).then((call) => {
+        if (cancelled) return;
+        const items = call.ok ? call.result?.items ?? [] : [];
+        setOptions(currencyCode ? items.filter((a) => a.currency_code === currencyCode) : items);
+      });
+    }, 250);
+    return () => {
+      cancelled = true;
+      clearTimeout(handle);
+    };
+  }, [billingMode, currencyCode, search]);
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        value: search,
+        placeholder: t("billing.payments.account_picker.search", "Search accounts\u2026"),
+        onChange: (event) => setSearch(event.currentTarget.value)
+      }
+    ),
+    /* @__PURE__ */ jsxs(Select, { value, onValueChange: onChange, children: [
+      /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("billing.payments.account_picker.placeholder", "Select an account") }) }),
+      /* @__PURE__ */ jsx(SelectContent, { children: options.map((option) => /* @__PURE__ */ jsxs(SelectItem, { value: option.id, children: [
+        option.name,
+        " \xB7 ",
+        option.currency_code
+      ] }, option.id)) })
+    ] })
+  ] });
+}
+export {
+  AccountPicker
+};
+//# sourceMappingURL=AccountPicker.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/billing/components/AccountPicker.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@open-mercato/ui/primitives/select'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\n\n/**\n * Billing account picker (search + select), bounded to 50 results per query.\n * `currencyCode` / `billingMode` narrow the candidates client-side (payments\n * can only go to an account of the same currency; top-ups only to prepaid).\n */\n\nexport type AccountChoice = { id: string; name: string; currency_code: string; billing_mode: string }\n\nexport function AccountPicker({\n  value,\n  onChange,\n  currencyCode,\n  billingMode,\n}: {\n  value: string\n  onChange: (id: string) => void\n  currencyCode?: string\n  billingMode?: 'postpaid' | 'prepaid'\n}) {\n  const t = useT()\n  const [search, setSearch] = React.useState('')\n  const [options, setOptions] = React.useState<AccountChoice[]>([])\n\n  React.useEffect(() => {\n    let cancelled = false\n    const handle = setTimeout(() => {\n      const params = new URLSearchParams({ pageSize: '50' })\n      if (search.trim()) params.set('search', search.trim())\n      if (billingMode) params.set('billingMode', billingMode)\n      void apiCall<{ items: AccountChoice[] }>(`/api/billing/accounts?${params.toString()}`).then((call) => {\n        if (cancelled) return\n        const items = call.ok ? (call.result?.items ?? []) : []\n        setOptions(currencyCode ? items.filter((a) => a.currency_code === currencyCode) : items)\n      })\n    }, 250)\n    return () => {\n      cancelled = true\n      clearTimeout(handle)\n    }\n  }, [billingMode, currencyCode, search])\n\n  return (\n    <div className=\"flex flex-col gap-2\">\n      <Input\n        value={search}\n        placeholder={t('billing.payments.account_picker.search', 'Search accounts\u2026')}\n        onChange={(event) => setSearch(event.currentTarget.value)}\n      />\n      <Select value={value} onValueChange={onChange}>\n        <SelectTrigger>\n          <SelectValue placeholder={t('billing.payments.account_picker.placeholder', 'Select an account')} />\n        </SelectTrigger>\n        <SelectContent>\n          {options.map((option) => (\n            <SelectItem key={option.id} value={option.id}>\n              {option.name} \u00B7 {option.currency_code}\n            </SelectItem>\n          ))}\n        </SelectContent>\n      </Select>\n    </div>\n  )\n}\n"],
+  "mappings": ";AAkDM,cAWM,YAXN;AAjDN,YAAY,WAAW;AACvB,SAAS,YAAY;AACrB,SAAS,aAAa;AACtB,SAAS,QAAQ,eAAe,YAAY,eAAe,mBAAmB;AAC9E,SAAS,eAAe;AAUjB,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,IAAI,KAAK;AACf,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,EAAE;AAC7C,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAA0B,CAAC,CAAC;AAEhE,QAAM,UAAU,MAAM;AACpB,QAAI,YAAY;AAChB,UAAM,SAAS,WAAW,MAAM;AAC9B,YAAM,SAAS,IAAI,gBAAgB,EAAE,UAAU,KAAK,CAAC;AACrD,UAAI,OAAO,KAAK,EAAG,QAAO,IAAI,UAAU,OAAO,KAAK,CAAC;AACrD,UAAI,YAAa,QAAO,IAAI,eAAe,WAAW;AACtD,WAAK,QAAoC,yBAAyB,OAAO,SAAS,CAAC,EAAE,EAAE,KAAK,CAAC,SAAS;AACpG,YAAI,UAAW;AACf,cAAM,QAAQ,KAAK,KAAM,KAAK,QAAQ,SAAS,CAAC,IAAK,CAAC;AACtD,mBAAW,eAAe,MAAM,OAAO,CAAC,MAAM,EAAE,kBAAkB,YAAY,IAAI,KAAK;AAAA,MACzF,CAAC;AAAA,IACH,GAAG,GAAG;AACN,WAAO,MAAM;AACX,kBAAY;AACZ,mBAAa,MAAM;AAAA,IACrB;AAAA,EACF,GAAG,CAAC,aAAa,cAAc,MAAM,CAAC;AAEtC,SACE,qBAAC,SAAI,WAAU,uBACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP,aAAa,EAAE,0CAA0C,uBAAkB;AAAA,QAC3E,UAAU,CAAC,UAAU,UAAU,MAAM,cAAc,KAAK;AAAA;AAAA,IAC1D;AAAA,IACA,qBAAC,UAAO,OAAc,eAAe,UACnC;AAAA,0BAAC,iBACC,8BAAC,eAAY,aAAa,EAAE,+CAA+C,mBAAmB,GAAG,GACnG;AAAA,MACA,oBAAC,iBACE,kBAAQ,IAAI,CAAC,WACZ,qBAAC,cAA2B,OAAO,OAAO,IACvC;AAAA,eAAO;AAAA,QAAK;AAAA,QAAI,OAAO;AAAA,WADT,OAAO,EAExB,CACD,GACH;AAAA,OACF;AAAA,KACF;AAEJ;",
+  "names": []
+}

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

@@ -0,0 +1,134 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "@open-mercato/ui/primitives/dialog";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { Kbd, KbdShortcut } from "@open-mercato/ui/primitives/kbd";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { apiCall, apiCallOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import { normalizeCrudServerError } from "@open-mercato/ui/backend/utils/serverErrors";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { formatMoney } from "./InvoicesTable.js";
+function AllocatePaymentDialog({
+  open,
+  onClose,
+  onDone,
+  paymentId,
+  billAccountId,
+  unallocated,
+  currencyCode
+}) {
+  const t = useT();
+  const [invoices, setInvoices] = React.useState([]);
+  const [amounts, setAmounts] = React.useState({});
+  const [saving, setSaving] = React.useState(false);
+  React.useEffect(() => {
+    if (!open) return;
+    void apiCall(
+      `/api/billing/invoices?billAccountId=${encodeURIComponent(billAccountId)}&testRun=false&pageSize=100`
+    ).then((call) => {
+      const open2 = (call.ok ? call.result?.items ?? [] : []).filter(
+        (inv) => ["posted", "partially_paid"].includes(inv.status) && ["invoice", "debit_memo"].includes(inv.document_type) && Number.parseFloat(inv.outstanding) > 0 && inv.currency_code === currencyCode
+      ).sort((a, b) => (a.due_date ?? "9999").localeCompare(b.due_date ?? "9999"));
+      setInvoices(open2);
+      let left = Math.round(unallocated * 100);
+      const prefill = {};
+      for (const inv of open2) {
+        const take = Math.min(left, Math.round(Number.parseFloat(inv.outstanding) * 100));
+        prefill[inv.id] = take > 0 ? (take / 100).toFixed(2) : "";
+        left -= Math.max(0, take);
+      }
+      setAmounts(prefill);
+    });
+  }, [billAccountId, currencyCode, open, unallocated]);
+  const total = Object.values(amounts).reduce((sum, v) => sum + (Number.parseFloat(v) || 0), 0);
+  const submit = React.useCallback(async () => {
+    const allocations = Object.entries(amounts).map(([invoiceId, value]) => ({ invoiceId, amount: Number.parseFloat(value) })).filter((a) => a.amount > 0);
+    if (allocations.length === 0 || saving) return;
+    if (total > unallocated + 1e-4) {
+      flash(t("billing.payments.allocate.too_much", "The total is more than the unallocated amount"), "error");
+      return;
+    }
+    setSaving(true);
+    try {
+      await apiCallOrThrow("/api/billing/payments/allocate", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ paymentId, allocations })
+      });
+      flash(t("billing.payments.allocate.success", "Payment allocated"), "success");
+      onDone();
+      onClose();
+    } catch (err) {
+      flash(normalizeCrudServerError(err).message || t("billing.payments.allocate.failed", "Allocation failed"), "error");
+    } finally {
+      setSaving(false);
+    }
+  }, [amounts, onClose, onDone, paymentId, saving, t, total, unallocated]);
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (next) => !next ? onClose() : void 0, children: /* @__PURE__ */ jsxs(
+    DialogContent,
+    {
+      onKeyDown: (event) => {
+        if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
+          event.preventDefault();
+          void submit();
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsxs(DialogHeader, { children: [
+          /* @__PURE__ */ jsx(DialogTitle, { children: t("billing.payments.allocate.title", "Allocate payment") }),
+          /* @__PURE__ */ jsxs(DialogDescription, { children: [
+            t("billing.payments.allocate.help", "Unallocated"),
+            ": ",
+            formatMoney(String(unallocated), currencyCode)
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex max-h-80 flex-col gap-2 overflow-auto py-2 text-sm", children: invoices.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-muted-foreground", children: t("billing.payments.allocate.none", "This account has no open invoices.") }) : invoices.map((inv) => /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[1fr_auto_120px] items-center gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "font-medium", children: inv.number }),
+            /* @__PURE__ */ jsxs("div", { className: "text-xs text-muted-foreground", children: [
+              t("billing.invoices.columns.due", "Due"),
+              ": ",
+              inv.due_date?.slice(0, 10) ?? "\u2014"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "tabular-nums text-muted-foreground", children: formatMoney(inv.outstanding, inv.currency_code) }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "number",
+              min: "0",
+              step: "0.01",
+              value: amounts[inv.id] ?? "",
+              onChange: (e) => {
+                const value = e.currentTarget.value;
+                setAmounts((prev) => ({ ...prev, [inv.id]: value }));
+              }
+            }
+          )
+        ] }, inv.id)) }),
+        /* @__PURE__ */ jsx(DialogFooter, { children: /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+            t("billing.payments.allocate.total", "Total"),
+            ": ",
+            formatMoney(String(total), currencyCode),
+            " \xB7",
+            " ",
+            /* @__PURE__ */ jsx(KbdShortcut, { keys: ["Ctrl/\u2318", "Enter"] }),
+            " \xB7 ",
+            /* @__PURE__ */ jsx(Kbd, { children: "Esc" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: onClose, children: t("billing.common.cancel", "Cancel") }),
+            /* @__PURE__ */ jsx(Button, { type: "button", onClick: () => void submit(), disabled: saving || total <= 0, children: t("billing.payments.allocate.action", "Allocate") })
+          ] })
+        ] }) })
+      ]
+    }
+  ) });
+}
+export {
+  AllocatePaymentDialog
+};
+//# sourceMappingURL=AllocatePaymentDialog.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/billing/components/AllocatePaymentDialog.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from '@open-mercato/ui/primitives/dialog'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Kbd, KbdShortcut } from '@open-mercato/ui/primitives/kbd'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { apiCall, apiCallOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { normalizeCrudServerError } from '@open-mercato/ui/backend/utils/serverErrors'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { formatMoney } from './InvoicesTable'\n\n/**\n * Manual allocation (Spec C): lists the open invoices / debit memos of the\n * payment's account (oldest due first) with amounts pre-filled from the\n * unallocated money; the operator edits them and confirms.\n */\n\ntype OpenInvoice = {\n  id: string\n  number: string\n  document_type: string\n  status: string\n  due_date: string | null\n  outstanding: string\n  currency_code: string\n}\n\nexport function AllocatePaymentDialog({\n  open,\n  onClose,\n  onDone,\n  paymentId,\n  billAccountId,\n  unallocated,\n  currencyCode,\n}: {\n  open: boolean\n  onClose: () => void\n  onDone: () => void\n  paymentId: string\n  billAccountId: string\n  unallocated: number\n  currencyCode: string\n}) {\n  const t = useT()\n  const [invoices, setInvoices] = React.useState<OpenInvoice[]>([])\n  const [amounts, setAmounts] = React.useState<Record<string, string>>({})\n  const [saving, setSaving] = React.useState(false)\n\n  React.useEffect(() => {\n    if (!open) return\n    void apiCall<{ items: OpenInvoice[] }>(\n      `/api/billing/invoices?billAccountId=${encodeURIComponent(billAccountId)}&testRun=false&pageSize=100`,\n    ).then((call) => {\n      const open = (call.ok ? (call.result?.items ?? []) : [])\n        .filter(\n          (inv) =>\n            ['posted', 'partially_paid'].includes(inv.status) &&\n            ['invoice', 'debit_memo'].includes(inv.document_type) &&\n            Number.parseFloat(inv.outstanding) > 0 &&\n            inv.currency_code === currencyCode,\n        )\n        .sort((a, b) => (a.due_date ?? '9999').localeCompare(b.due_date ?? '9999'))\n      setInvoices(open)\n      let left = Math.round(unallocated * 100)\n      const prefill: Record<string, string> = {}\n      for (const inv of open) {\n        const take = Math.min(left, Math.round(Number.parseFloat(inv.outstanding) * 100))\n        prefill[inv.id] = take > 0 ? (take / 100).toFixed(2) : ''\n        left -= Math.max(0, take)\n      }\n      setAmounts(prefill)\n    })\n  }, [billAccountId, currencyCode, open, unallocated])\n\n  const total = Object.values(amounts).reduce((sum, v) => sum + (Number.parseFloat(v) || 0), 0)\n\n  const submit = React.useCallback(async () => {\n    const allocations = Object.entries(amounts)\n      .map(([invoiceId, value]) => ({ invoiceId, amount: Number.parseFloat(value) }))\n      .filter((a) => a.amount > 0)\n    if (allocations.length === 0 || saving) return\n    if (total > unallocated + 0.0001) {\n      flash(t('billing.payments.allocate.too_much', 'The total is more than the unallocated amount'), 'error')\n      return\n    }\n    setSaving(true)\n    try {\n      await apiCallOrThrow('/api/billing/payments/allocate', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({ paymentId, allocations }),\n      })\n      flash(t('billing.payments.allocate.success', 'Payment allocated'), 'success')\n      onDone()\n      onClose()\n    } catch (err) {\n      flash(normalizeCrudServerError(err).message || t('billing.payments.allocate.failed', 'Allocation failed'), 'error')\n    } finally {\n      setSaving(false)\n    }\n  }, [amounts, onClose, onDone, paymentId, saving, t, total, unallocated])\n\n  return (\n    <Dialog open={open} onOpenChange={(next) => (!next ? onClose() : undefined)}>\n      <DialogContent\n        onKeyDown={(event) => {\n          if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') {\n            event.preventDefault()\n            void submit()\n          }\n        }}\n      >\n        <DialogHeader>\n          <DialogTitle>{t('billing.payments.allocate.title', 'Allocate payment')}</DialogTitle>\n          <DialogDescription>\n            {t('billing.payments.allocate.help', 'Unallocated')}: {formatMoney(String(unallocated), currencyCode)}\n          </DialogDescription>\n        </DialogHeader>\n        <div className=\"flex max-h-80 flex-col gap-2 overflow-auto py-2 text-sm\">\n          {invoices.length === 0 ? (\n            <div className=\"text-muted-foreground\">{t('billing.payments.allocate.none', 'This account has no open invoices.')}</div>\n          ) : (\n            invoices.map((inv) => (\n              <div key={inv.id} className=\"grid grid-cols-[1fr_auto_120px] items-center gap-3\">\n                <div>\n                  <div className=\"font-medium\">{inv.number}</div>\n                  <div className=\"text-xs text-muted-foreground\">\n                    {t('billing.invoices.columns.due', 'Due')}: {inv.due_date?.slice(0, 10) ?? '\u2014'}\n                  </div>\n                </div>\n                <span className=\"tabular-nums text-muted-foreground\">{formatMoney(inv.outstanding, inv.currency_code)}</span>\n                <Input\n                  type=\"number\"\n                  min=\"0\"\n                  step=\"0.01\"\n                  value={amounts[inv.id] ?? ''}\n                  onChange={(e) => {\n                    const value = e.currentTarget.value\n                    setAmounts((prev) => ({ ...prev, [inv.id]: value }))\n                  }}\n                />\n              </div>\n            ))\n          )}\n        </div>\n        <DialogFooter>\n          <div className=\"flex w-full items-center justify-between gap-3\">\n            <span className=\"text-xs text-muted-foreground\">\n              {t('billing.payments.allocate.total', 'Total')}: {formatMoney(String(total), currencyCode)} \u00B7{' '}\n              <KbdShortcut keys={['Ctrl/\u2318', 'Enter']} /> \u00B7 <Kbd>Esc</Kbd>\n            </span>\n            <div className=\"flex items-center gap-2\">\n              <Button type=\"button\" variant=\"outline\" onClick={onClose}>\n                {t('billing.common.cancel', 'Cancel')}\n              </Button>\n              <Button type=\"button\" onClick={() => void submit()} disabled={saving || total <= 0}>\n                {t('billing.payments.allocate.action', 'Allocate')}\n              </Button>\n            </div>\n          </div>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],
+  "mappings": ";AAmHU,cACA,YADA;AAlHV,YAAY,WAAW;AACvB,SAAS,QAAQ,eAAe,mBAAmB,cAAc,cAAc,mBAAmB;AAClG,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,KAAK,mBAAmB;AACjC,SAAS,YAAY;AACrB,SAAS,SAAS,sBAAsB;AACxC,SAAS,gCAAgC;AACzC,SAAS,aAAa;AACtB,SAAS,mBAAmB;AAkBrB,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAQG;AACD,QAAM,IAAI,KAAK;AACf,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAwB,CAAC,CAAC;AAChE,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAiC,CAAC,CAAC;AACvE,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,KAAK;AAEhD,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,KAAM;AACX,SAAK;AAAA,MACH,uCAAuC,mBAAmB,aAAa,CAAC;AAAA,IAC1E,EAAE,KAAK,CAAC,SAAS;AACf,YAAMA,SAAQ,KAAK,KAAM,KAAK,QAAQ,SAAS,CAAC,IAAK,CAAC,GACnD;AAAA,QACC,CAAC,QACC,CAAC,UAAU,gBAAgB,EAAE,SAAS,IAAI,MAAM,KAChD,CAAC,WAAW,YAAY,EAAE,SAAS,IAAI,aAAa,KACpD,OAAO,WAAW,IAAI,WAAW,IAAI,KACrC,IAAI,kBAAkB;AAAA,MAC1B,EACC,KAAK,CAAC,GAAG,OAAO,EAAE,YAAY,QAAQ,cAAc,EAAE,YAAY,MAAM,CAAC;AAC5E,kBAAYA,KAAI;AAChB,UAAI,OAAO,KAAK,MAAM,cAAc,GAAG;AACvC,YAAM,UAAkC,CAAC;AACzC,iBAAW,OAAOA,OAAM;AACtB,cAAM,OAAO,KAAK,IAAI,MAAM,KAAK,MAAM,OAAO,WAAW,IAAI,WAAW,IAAI,GAAG,CAAC;AAChF,gBAAQ,IAAI,EAAE,IAAI,OAAO,KAAK,OAAO,KAAK,QAAQ,CAAC,IAAI;AACvD,gBAAQ,KAAK,IAAI,GAAG,IAAI;AAAA,MAC1B;AACA,iBAAW,OAAO;AAAA,IACpB,CAAC;AAAA,EACH,GAAG,CAAC,eAAe,cAAc,MAAM,WAAW,CAAC;AAEnD,QAAM,QAAQ,OAAO,OAAO,OAAO,EAAE,OAAO,CAAC,KAAK,MAAM,OAAO,OAAO,WAAW,CAAC,KAAK,IAAI,CAAC;AAE5F,QAAM,SAAS,MAAM,YAAY,YAAY;AAC3C,UAAM,cAAc,OAAO,QAAQ,OAAO,EACvC,IAAI,CAAC,CAAC,WAAW,KAAK,OAAO,EAAE,WAAW,QAAQ,OAAO,WAAW,KAAK,EAAE,EAAE,EAC7E,OAAO,CAAC,MAAM,EAAE,SAAS,CAAC;AAC7B,QAAI,YAAY,WAAW,KAAK,OAAQ;AACxC,QAAI,QAAQ,cAAc,MAAQ;AAChC,YAAM,EAAE,sCAAsC,+CAA+C,GAAG,OAAO;AACvG;AAAA,IACF;AACA,cAAU,IAAI;AACd,QAAI;AACF,YAAM,eAAe,kCAAkC;AAAA,QACrD,QAAQ;AAAA,QACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,QAC9C,MAAM,KAAK,UAAU,EAAE,WAAW,YAAY,CAAC;AAAA,MACjD,CAAC;AACD,YAAM,EAAE,qCAAqC,mBAAmB,GAAG,SAAS;AAC5E,aAAO;AACP,cAAQ;AAAA,IACV,SAAS,KAAK;AACZ,YAAM,yBAAyB,GAAG,EAAE,WAAW,EAAE,oCAAoC,mBAAmB,GAAG,OAAO;AAAA,IACpH,UAAE;AACA,gBAAU,KAAK;AAAA,IACjB;AAAA,EACF,GAAG,CAAC,SAAS,SAAS,QAAQ,WAAW,QAAQ,GAAG,OAAO,WAAW,CAAC;AAEvE,SACE,oBAAC,UAAO,MAAY,cAAc,CAAC,SAAU,CAAC,OAAO,QAAQ,IAAI,QAC/D;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,CAAC,UAAU;AACpB,aAAK,MAAM,WAAW,MAAM,YAAY,MAAM,QAAQ,SAAS;AAC7D,gBAAM,eAAe;AACrB,eAAK,OAAO;AAAA,QACd;AAAA,MACF;AAAA,MAEA;AAAA,6BAAC,gBACC;AAAA,8BAAC,eAAa,YAAE,mCAAmC,kBAAkB,GAAE;AAAA,UACvE,qBAAC,qBACE;AAAA,cAAE,kCAAkC,aAAa;AAAA,YAAE;AAAA,YAAG,YAAY,OAAO,WAAW,GAAG,YAAY;AAAA,aACtG;AAAA,WACF;AAAA,QACA,oBAAC,SAAI,WAAU,2DACZ,mBAAS,WAAW,IACnB,oBAAC,SAAI,WAAU,yBAAyB,YAAE,kCAAkC,oCAAoC,GAAE,IAElH,SAAS,IAAI,CAAC,QACZ,qBAAC,SAAiB,WAAU,sDAC1B;AAAA,+BAAC,SACC;AAAA,gCAAC,SAAI,WAAU,eAAe,cAAI,QAAO;AAAA,YACzC,qBAAC,SAAI,WAAU,iCACZ;AAAA,gBAAE,gCAAgC,KAAK;AAAA,cAAE;AAAA,cAAG,IAAI,UAAU,MAAM,GAAG,EAAE,KAAK;AAAA,eAC7E;AAAA,aACF;AAAA,UACA,oBAAC,UAAK,WAAU,sCAAsC,sBAAY,IAAI,aAAa,IAAI,aAAa,GAAE;AAAA,UACtG;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,KAAI;AAAA,cACJ,MAAK;AAAA,cACL,OAAO,QAAQ,IAAI,EAAE,KAAK;AAAA,cAC1B,UAAU,CAAC,MAAM;AACf,sBAAM,QAAQ,EAAE,cAAc;AAC9B,2BAAW,CAAC,UAAU,EAAE,GAAG,MAAM,CAAC,IAAI,EAAE,GAAG,MAAM,EAAE;AAAA,cACrD;AAAA;AAAA,UACF;AAAA,aAjBQ,IAAI,EAkBd,CACD,GAEL;AAAA,QACA,oBAAC,gBACC,+BAAC,SAAI,WAAU,kDACb;AAAA,+BAAC,UAAK,WAAU,iCACb;AAAA,cAAE,mCAAmC,OAAO;AAAA,YAAE;AAAA,YAAG,YAAY,OAAO,KAAK,GAAG,YAAY;AAAA,YAAE;AAAA,YAAG;AAAA,YAC9F,oBAAC,eAAY,MAAM,CAAC,eAAU,OAAO,GAAG;AAAA,YAAE;AAAA,YAAG,oBAAC,OAAI,iBAAG;AAAA,aACvD;AAAA,UACA,qBAAC,SAAI,WAAU,2BACb;AAAA,gCAAC,UAAO,MAAK,UAAS,SAAQ,WAAU,SAAS,SAC9C,YAAE,yBAAyB,QAAQ,GACtC;AAAA,YACA,oBAAC,UAAO,MAAK,UAAS,SAAS,MAAM,KAAK,OAAO,GAAG,UAAU,UAAU,SAAS,GAC9E,YAAE,oCAAoC,UAAU,GACnD;AAAA,aACF;AAAA,WACF,GACF;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;",
+  "names": ["open"]
+}

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

@@ -0,0 +1,21 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { DataTable } from "@open-mercato/ui/backend/DataTable";
+function BillingDataTable(props) {
+  const columns = React.useMemo(
+    () => props.columns.map((column) => {
+      const meta = column.meta ?? {};
+      if (typeof meta.truncate === "boolean") return column;
+      return { ...column, meta: { ...meta, truncate: false } };
+    }),
+    [props.columns]
+  );
+  const table = /* @__PURE__ */ jsx(DataTable, { ...props, columns });
+  if (props.embedded) return table;
+  return /* @__PURE__ */ jsx("div", { className: "-mx-1 sm:-mx-2", children: table });
+}
+export {
+  BillingDataTable
+};
+//# sourceMappingURL=BillingDataTable.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/billing/components/BillingDataTable.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport type { RowData } from '@tanstack/react-table'\nimport { DataTable, type DataTableProps } from '@open-mercato/ui/backend/DataTable'\n\n/**\n * Billing's DataTable, with two billing-wide layout defaults:\n *\n *  1. Flush alignment \u2014 the framework card container carries a small side\n *     margin (`mx-1 sm:mx-2`) that is not overridable, so billing tables sat\n *     a few pixels inset from everything around them (tabs, detail cards,\n *     page header). The wrapper cancels exactly that margin. Embedded tables\n *     have no card / margin and are left alone.\n *  2. Wrapped cells \u2014 the framework truncates every cell at a per-column-type\n *     max width (e.g. 250px for `description`), which cut invoice lines and\n *     item terms off mid-word while the rest of the row stayed empty. Billing\n *     columns wrap instead; a column can still opt back in with\n *     `meta: { truncate: true }`.\n */\nexport function BillingDataTable<T extends RowData>(props: DataTableProps<T>) {\n  const columns = React.useMemo(\n    () =>\n      props.columns.map((column) => {\n        const meta = (column.meta ?? {}) as Record<string, unknown>\n        if (typeof meta.truncate === 'boolean') return column\n        return { ...column, meta: { ...meta, truncate: false } }\n      }),\n    [props.columns],\n  ) as DataTableProps<T>['columns']\n\n  const table = <DataTable<T> {...props} columns={columns} />\n  if (props.embedded) return table\n  return <div className=\"-mx-1 sm:-mx-2\">{table}</div>\n}\n"],
+  "mappings": ";AA8BgB;AA7BhB,YAAY,WAAW;AAEvB,SAAS,iBAAsC;AAgBxC,SAAS,iBAAoC,OAA0B;AAC5E,QAAM,UAAU,MAAM;AAAA,IACpB,MACE,MAAM,QAAQ,IAAI,CAAC,WAAW;AAC5B,YAAM,OAAQ,OAAO,QAAQ,CAAC;AAC9B,UAAI,OAAO,KAAK,aAAa,UAAW,QAAO;AAC/C,aAAO,EAAE,GAAG,QAAQ,MAAM,EAAE,GAAG,MAAM,UAAU,MAAM,EAAE;AAAA,IACzD,CAAC;AAAA,IACH,CAAC,MAAM,OAAO;AAAA,EAChB;AAEA,QAAM,QAAQ,oBAAC,aAAc,GAAG,OAAO,SAAkB;AACzD,MAAI,MAAM,SAAU,QAAO;AAC3B,SAAO,oBAAC,SAAI,WAAU,kBAAkB,iBAAM;AAChD;",
+  "names": []
+}

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

@@ -0,0 +1,19 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { Settings } from "lucide-react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Button } from "@open-mercato/ui/primitives/button";
+const BILLING_SETTINGS_HREF = "/backend/config/billing";
+function BillingSettingsLink() {
+  const t = useT();
+  return /* @__PURE__ */ jsx(Button, { asChild: true, variant: "outline", children: /* @__PURE__ */ jsxs(Link, { href: BILLING_SETTINGS_HREF, children: [
+    /* @__PURE__ */ jsx(Settings, { size: 16 }),
+    t("billing.settings.link", "Billing settings")
+  ] }) });
+}
+export {
+  BILLING_SETTINGS_HREF,
+  BillingSettingsLink
+};
+//# sourceMappingURL=BillingSettingsLink.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/billing/components/BillingSettingsLink.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { Settings } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\n\n/** Route of the billing settings page (seller, bank, terms, numbering, prepaid). */\nexport const BILLING_SETTINGS_HREF = '/backend/config/billing'\n\n/**\n * Header shortcut to the billing settings page (Spec F, F6). The target page\n * enforces `billing.settings.view` itself, so the link is not gated here.\n */\nexport function BillingSettingsLink() {\n  const t = useT()\n  return (\n    <Button asChild variant=\"outline\">\n      <Link href={BILLING_SETTINGS_HREF}>\n        <Settings size={16} />\n        {t('billing.settings.link', 'Billing settings')}\n      </Link>\n    </Button>\n  )\n}\n"],
+  "mappings": ";AAkBM,SACE,KADF;AAhBN,OAAO,UAAU;AACjB,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,cAAc;AAGhB,MAAM,wBAAwB;AAM9B,SAAS,sBAAsB;AACpC,QAAM,IAAI,KAAK;AACf,SACE,oBAAC,UAAO,SAAO,MAAC,SAAQ,WACtB,+BAAC,QAAK,MAAM,uBACV;AAAA,wBAAC,YAAS,MAAM,IAAI;AAAA,IACnB,EAAE,yBAAyB,kBAAkB;AAAA,KAChD,GACF;AAEJ;",
+  "names": []
+}

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

@@ -0,0 +1,158 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { Kbd, KbdShortcut } from "@open-mercato/ui/primitives/kbd";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle
+} from "@open-mercato/ui/primitives/dialog";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { apiCallOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import { normalizeCrudServerError } from "@open-mercato/ui/backend/utils/serverErrors";
+import { MoneyInput } from "./MoneyInput.js";
+function todayIso() {
+  return (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
+}
+function nextDay(iso) {
+  const date = /* @__PURE__ */ new Date(`${iso.slice(0, 10)}T00:00:00Z`);
+  date.setUTCDate(date.getUTCDate() + 1);
+  return date.toISOString().slice(0, 10);
+}
+function previousDay(iso) {
+  const date = /* @__PURE__ */ new Date(`${iso}T00:00:00Z`);
+  date.setUTCDate(date.getUTCDate() - 1);
+  return date.toISOString().slice(0, 10);
+}
+function ChangeItemPriceDialog({
+  open,
+  onOpenChange,
+  itemId,
+  currentPrice,
+  currencyCode,
+  priceBasis,
+  billStartDate,
+  billEndDate,
+  onChanged
+}) {
+  const t = useT();
+  const minDate = nextDay(billStartDate);
+  const maxDate = billEndDate ? billEndDate.slice(0, 10) : void 0;
+  const [effectiveDate, setEffectiveDate] = React.useState("");
+  const [price, setPrice] = React.useState("");
+  const [saving, setSaving] = React.useState(false);
+  React.useEffect(() => {
+    if (!open) return;
+    const today = todayIso();
+    setEffectiveDate(today < minDate ? minDate : today);
+    setPrice(currentPrice != null ? String(currentPrice) : "");
+  }, [currentPrice, minDate, open]);
+  const parsedPrice = Number.parseFloat(price);
+  const priceValid = price.trim() !== "" && Number.isFinite(parsedPrice) && parsedPrice >= 0;
+  const dateValid = effectiveDate >= minDate && (!maxDate || effectiveDate <= maxDate);
+  const handleSubmit = React.useCallback(async () => {
+    if (!priceValid || !dateValid || saving) return;
+    setSaving(true);
+    try {
+      const call = await apiCallOrThrow("/api/billing/items/change-price", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ id: itemId, effectiveDate, unitPrice: parsedPrice })
+      });
+      const newItemId = call.result?.newItemId;
+      flash(t("billing.items.change_price.success", "Price changed \u2014 the new item is active from the effective date"), "success");
+      onOpenChange(false);
+      if (newItemId) onChanged(newItemId);
+    } catch (err) {
+      const { message } = normalizeCrudServerError(err);
+      const code = err?.body?.code;
+      flash(code ? t(code, message || code) : message || t("billing.items.change_price.error", "Could not change the price"), "error");
+    } finally {
+      setSaving(false);
+    }
+  }, [dateValid, effectiveDate, itemId, onChanged, onOpenChange, parsedPrice, priceValid, saving, t]);
+  const basisLabel = priceBasis === "gross" ? t("billing.items.price_basis.gross", "Gross") : t("billing.items.price_basis.net", "Net");
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (next) => !saving ? onOpenChange(next) : void 0, children: /* @__PURE__ */ jsxs(
+    DialogContent,
+    {
+      onKeyDown: (event) => {
+        if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
+          event.preventDefault();
+          void handleSubmit();
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsxs(DialogHeader, { children: [
+          /* @__PURE__ */ jsx(DialogTitle, { children: t("billing.items.change_price.title", "Change price") }),
+          /* @__PURE__ */ jsx(DialogDescription, { children: t(
+            "billing.items.change_price.description",
+            "This item ends the day before the effective date and a copy with the new price starts on it. Days already billed after the change are credited and charged again at the new price, per the item proration setting."
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [
+          /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-sm", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("billing.items.change_price.effective_date", "Effective from") }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                type: "date",
+                value: effectiveDate,
+                min: minDate,
+                max: maxDate,
+                onChange: (event) => setEffectiveDate(event.currentTarget.value)
+              }
+            ),
+            effectiveDate && dateValid ? /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+              t("billing.items.change_price.current_ends", "Current price ends on"),
+              " ",
+              previousDay(effectiveDate)
+            ] }) : /* @__PURE__ */ jsxs("span", { className: "text-xs text-destructive", children: [
+              t("billing.items.change_price.date_range", "Pick a date after the item start"),
+              maxDate ? ` ${t("billing.items.change_price.and_before", "and on or before")} ${maxDate}` : ""
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-sm", children: [
+            /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+              t("billing.items.change_price.new_price", "New unit price per cycle"),
+              " (",
+              basisLabel,
+              ")"
+            ] }),
+            /* @__PURE__ */ jsx(MoneyInput, { currencyCode, step: "0.01", min: "0", value: price, onChange: (event) => setPrice(event.currentTarget.value) }),
+            currentPrice != null ? /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+              t("billing.items.change_price.current_price", "Current price"),
+              ": ",
+              currentPrice,
+              currencyCode ? ` ${currencyCode}` : ""
+            ] }) : null
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(DialogFooter, { className: "flex items-center justify-between gap-3 sm:justify-between", 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: () => onOpenChange(false), disabled: saving, children: t("billing.common.cancel", "Cancel") }),
+            /* @__PURE__ */ jsx(Button, { type: "button", onClick: () => void handleSubmit(), disabled: !priceValid || !dateValid || saving, children: saving ? t("billing.items.form.saving", "Saving\u2026") : t("billing.items.change_price.action", "Change price") })
+          ] })
+        ] })
+      ]
+    }
+  ) });
+}
+export {
+  ChangeItemPriceDialog
+};
+//# sourceMappingURL=ChangeItemPriceDialog.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/billing/components/ChangeItemPriceDialog.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Kbd, KbdShortcut } from '@open-mercato/ui/primitives/kbd'\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@open-mercato/ui/primitives/dialog'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { apiCallOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { normalizeCrudServerError } from '@open-mercato/ui/backend/utils/serverErrors'\nimport { MoneyInput } from './MoneyInput'\n\n/**\n * \"Change price\" for a recurring item: effective date + new price \u2192\n * `POST /api/billing/items/change-price`. The current item ends the day\n * before; a copy with the new price starts on the date. On success the caller\n * opens the new item.\n */\n\nexport type ChangeItemPriceDialogProps = {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  itemId: string\n  currentPrice: number | null\n  currencyCode?: string | null\n  priceBasis: 'net' | 'gross'\n  /** The earliest allowed effective date is the day after this (YYYY-MM-DD). */\n  billStartDate: string\n  billEndDate?: string | null\n  onChanged: (newItemId: string) => void\n}\n\nfunction todayIso(): string {\n  return new Date().toISOString().slice(0, 10)\n}\n\nfunction nextDay(iso: string): string {\n  const date = new Date(`${iso.slice(0, 10)}T00:00:00Z`)\n  date.setUTCDate(date.getUTCDate() + 1)\n  return date.toISOString().slice(0, 10)\n}\n\nfunction previousDay(iso: string): string {\n  const date = new Date(`${iso}T00:00:00Z`)\n  date.setUTCDate(date.getUTCDate() - 1)\n  return date.toISOString().slice(0, 10)\n}\n\nexport function ChangeItemPriceDialog({\n  open,\n  onOpenChange,\n  itemId,\n  currentPrice,\n  currencyCode,\n  priceBasis,\n  billStartDate,\n  billEndDate,\n  onChanged,\n}: ChangeItemPriceDialogProps) {\n  const t = useT()\n  const minDate = nextDay(billStartDate)\n  const maxDate = billEndDate ? billEndDate.slice(0, 10) : undefined\n  const [effectiveDate, setEffectiveDate] = React.useState('')\n  const [price, setPrice] = React.useState('')\n  const [saving, setSaving] = React.useState(false)\n\n  React.useEffect(() => {\n    if (!open) return\n    const today = todayIso()\n    setEffectiveDate(today < minDate ? minDate : today)\n    setPrice(currentPrice != null ? String(currentPrice) : '')\n  }, [currentPrice, minDate, open])\n\n  const parsedPrice = Number.parseFloat(price)\n  const priceValid = price.trim() !== '' && Number.isFinite(parsedPrice) && parsedPrice >= 0\n  const dateValid = effectiveDate >= minDate && (!maxDate || effectiveDate <= maxDate)\n\n  const handleSubmit = React.useCallback(async () => {\n    if (!priceValid || !dateValid || saving) return\n    setSaving(true)\n    try {\n      const call = await apiCallOrThrow<{ previousItemId: string; newItemId: string }>('/api/billing/items/change-price', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({ id: itemId, effectiveDate, unitPrice: parsedPrice }),\n      })\n      const newItemId = call.result?.newItemId\n      flash(t('billing.items.change_price.success', 'Price changed \u2014 the new item is active from the effective date'), 'success')\n      onOpenChange(false)\n      if (newItemId) onChanged(newItemId)\n    } catch (err) {\n      const { message } = normalizeCrudServerError(err)\n      const code = (err as { body?: { code?: string } } | null)?.body?.code\n      flash(code ? t(code, message || code) : message || t('billing.items.change_price.error', 'Could not change the price'), 'error')\n    } finally {\n      setSaving(false)\n    }\n  }, [dateValid, effectiveDate, itemId, onChanged, onOpenChange, parsedPrice, priceValid, saving, t])\n\n  const basisLabel =\n    priceBasis === 'gross' ? t('billing.items.price_basis.gross', 'Gross') : t('billing.items.price_basis.net', 'Net')\n\n  return (\n    <Dialog open={open} onOpenChange={(next) => (!saving ? onOpenChange(next) : undefined)}>\n      <DialogContent\n        onKeyDown={(event) => {\n          if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') {\n            event.preventDefault()\n            void handleSubmit()\n          }\n        }}\n      >\n        <DialogHeader>\n          <DialogTitle>{t('billing.items.change_price.title', 'Change price')}</DialogTitle>\n          <DialogDescription>\n            {t(\n              'billing.items.change_price.description',\n              'This item ends the day before the effective date and a copy with the new price starts on it. Days already billed after the change are credited and charged again at the new price, per the item proration setting.',\n            )}\n          </DialogDescription>\n        </DialogHeader>\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n          <label className=\"flex flex-col gap-1 text-sm\">\n            <span className=\"text-muted-foreground\">{t('billing.items.change_price.effective_date', 'Effective from')}</span>\n            <Input\n              type=\"date\"\n              value={effectiveDate}\n              min={minDate}\n              max={maxDate}\n              onChange={(event) => setEffectiveDate(event.currentTarget.value)}\n            />\n            {effectiveDate && dateValid ? (\n              <span className=\"text-xs text-muted-foreground\">\n                {t('billing.items.change_price.current_ends', 'Current price ends on')} {previousDay(effectiveDate)}\n              </span>\n            ) : (\n              <span className=\"text-xs text-destructive\">\n                {t('billing.items.change_price.date_range', 'Pick a date after the item start')}\n                {maxDate ? ` ${t('billing.items.change_price.and_before', 'and on or before')} ${maxDate}` : ''}\n              </span>\n            )}\n          </label>\n          <label className=\"flex flex-col gap-1 text-sm\">\n            <span className=\"text-muted-foreground\">\n              {t('billing.items.change_price.new_price', 'New unit price per cycle')} ({basisLabel})\n            </span>\n            <MoneyInput currencyCode={currencyCode} step=\"0.01\" min=\"0\" value={price} onChange={(event) => setPrice(event.currentTarget.value)} />\n            {currentPrice != null ? (\n              <span className=\"text-xs text-muted-foreground\">\n                {t('billing.items.change_price.current_price', 'Current price')}: {currentPrice}\n                {currencyCode ? ` ${currencyCode}` : ''}\n              </span>\n            ) : null}\n          </label>\n        </div>\n        <DialogFooter className=\"flex items-center justify-between gap-3 sm:justify-between\">\n          <span className=\"text-xs text-muted-foreground\">\n            <KbdShortcut keys={['Ctrl/\u2318', 'Enter']} /> {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={() => onOpenChange(false)} disabled={saving}>\n              {t('billing.common.cancel', 'Cancel')}\n            </Button>\n            <Button type=\"button\" onClick={() => void handleSubmit()} disabled={!priceValid || !dateValid || saving}>\n              {saving ? t('billing.items.form.saving', 'Saving\u2026') : t('billing.items.change_price.action', 'Change price')}\n            </Button>\n          </div>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}