@dainamite/billing 0.17.0

package/dist/modules/billing/backend/billing/invoices/page.js

@@ -0,0 +1,187 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useRouter } from "next/navigation";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Page, PageBody } from "@open-mercato/ui/backend/Page";
+import { DataTable } from "@open-mercato/ui/backend/DataTable";
+import { Tag } from "@open-mercato/ui/primitives/tag";
+import { readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+function formatDate(value) {
+  if (!value) return "\u2014";
+  const parsed = new Date(value);
+  return Number.isNaN(parsed.getTime()) ? value : parsed.toLocaleDateString();
+}
+function statusVariant(status) {
+  switch (status) {
+    case "paid":
+      return "success";
+    case "posted":
+      return "warning";
+    case "void":
+      return "error";
+    case "draft":
+    default:
+      return "default";
+  }
+}
+function formatMoney(value, currency) {
+  const n = Number.parseFloat(value);
+  if (!Number.isFinite(n)) return value;
+  try {
+    return new Intl.NumberFormat("en-US", { style: "currency", currency }).format(n);
+  } catch {
+    return `${value} ${currency}`;
+  }
+}
+function BillingInvoicesListPage() {
+  const t = useT();
+  const router = useRouter();
+  const [rows, setRows] = React.useState([]);
+  const [page, setPage] = React.useState(1);
+  const [pageSize] = React.useState(25);
+  const [filters, setFilters] = React.useState({});
+  const [search, setSearch] = React.useState("");
+  const [total, setTotal] = React.useState(0);
+  const [totalPages, setTotalPages] = React.useState(1);
+  const [loading, setLoading] = React.useState(true);
+  const filterDefs = React.useMemo(
+    () => [
+      {
+        id: "status",
+        label: t("billing.invoices.filters.status", "Status"),
+        type: "select",
+        options: [
+          { value: "draft", label: t("billing.invoices.status.draft", "Draft") },
+          { value: "posted", label: t("billing.invoices.status.posted", "Posted") },
+          { value: "paid", label: t("billing.invoices.status.paid", "Paid") },
+          { value: "void", label: t("billing.invoices.status.void", "Void") }
+        ]
+      },
+      {
+        id: "testRun",
+        label: t("billing.invoices.filters.test_run", "Test runs"),
+        type: "select",
+        options: [
+          { value: "true", label: t("billing.invoices.filters.test_run.only", "Only test") },
+          {
+            value: "false",
+            label: t("billing.invoices.filters.test_run.exclude", "Exclude test")
+          }
+        ]
+      }
+    ],
+    [t]
+  );
+  const loadRows = React.useCallback(async () => {
+    setLoading(true);
+    try {
+      const params = new URLSearchParams({
+        page: String(page),
+        pageSize: String(pageSize)
+      });
+      if (search.trim()) params.set("search", search.trim());
+      if (typeof filters.status === "string" && filters.status) {
+        params.set("status", filters.status);
+      }
+      if (filters.testRun === "true" || filters.testRun === "false") {
+        params.set("testRun", String(filters.testRun));
+      }
+      const result = await readApiResultOrThrow(
+        `/api/billing/invoices?${params.toString()}`
+      );
+      setRows(result.items ?? []);
+      setTotal(result.total ?? 0);
+      setTotalPages(result.totalPages ?? 1);
+    } finally {
+      setLoading(false);
+    }
+  }, [filters.status, filters.testRun, page, pageSize, search]);
+  React.useEffect(() => {
+    void loadRows();
+  }, [loadRows]);
+  const columns = React.useMemo(
+    () => [
+      {
+        accessorKey: "invoice_number",
+        header: t("billing.invoices.columns.number", "Number"),
+        cell: ({ row }) => {
+          const isTest = row.original.metadata?.test_run === true;
+          return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-primary", children: row.original.invoice_number }),
+            isTest ? /* @__PURE__ */ jsx(Tag, { variant: "warning", children: "TEST" }) : null
+          ] });
+        }
+      },
+      {
+        accessorKey: "status",
+        header: t("billing.invoices.columns.status", "Status"),
+        cell: ({ row }) => /* @__PURE__ */ jsx(Tag, { variant: statusVariant(row.original.status), children: row.original.status ?? "\u2014" })
+      },
+      {
+        id: "period",
+        header: t("billing.invoices.columns.period", "Period"),
+        cell: ({ row }) => {
+          const start = row.original.metadata?.bill_period_start;
+          const end = row.original.metadata?.bill_period_end;
+          if (!start || !end) return "\u2014";
+          return /* @__PURE__ */ jsxs("span", { className: "text-xs", children: [
+            start,
+            " \u2192 ",
+            end
+          ] });
+        }
+      },
+      {
+        id: "total",
+        header: t("billing.invoices.columns.total", "Total"),
+        cell: ({ row }) => formatMoney(row.original.grand_total_gross_amount, row.original.currency_code)
+      },
+      {
+        accessorKey: "outstanding_amount",
+        header: t("billing.invoices.columns.outstanding", "Outstanding"),
+        cell: ({ row }) => formatMoney(row.original.outstanding_amount, row.original.currency_code)
+      },
+      {
+        accessorKey: "issue_date",
+        header: t("billing.invoices.columns.issued", "Issued"),
+        cell: ({ row }) => formatDate(row.original.issue_date)
+      }
+    ],
+    [t]
+  );
+  return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(
+    DataTable,
+    {
+      title: t("billing.invoices.title", "Billing Invoices"),
+      refreshButton: {
+        label: t("billing.common.refresh", "Refresh"),
+        onRefresh: loadRows,
+        isRefreshing: loading
+      },
+      columnChooser: { auto: true },
+      perspective: { tableId: "billing-invoices" },
+      columns,
+      data: rows,
+      onRowClick: (row) => router.push(`/backend/billing/invoices/${row.id}`),
+      isLoading: loading,
+      pagination: {
+        page,
+        pageSize,
+        total,
+        totalPages,
+        onPageChange: setPage
+      },
+      filters: filterDefs,
+      filterValues: filters,
+      onFiltersApply: setFilters,
+      onFiltersClear: () => setFilters({}),
+      searchValue: search,
+      onSearchChange: setSearch
+    }
+  ) }) });
+}
+export {
+  BillingInvoicesListPage as default
+};
+//# sourceMappingURL=page.js.map

package/dist/modules/billing/backend/billing/invoices/page.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/billing/backend/billing/invoices/page.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\nimport type { ColumnDef } from '@tanstack/react-table'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport { Tag } from '@open-mercato/ui/primitives/tag'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\n\n/**\n * Billing Invoices list \u2014 what the operator actually opens every\n * morning to \"review and post drafts\".\n *\n * Scope: only invoices the billing engine emitted (`metadata.bill_run_id`\n * set). Plain `core/sales` invoices (created by sales orders, etc.)\n * are NOT shown here \u2014 billing has its own surface so the operator's\n * review queue is small and focused.\n */\n\ntype BillingInvoiceRow = {\n  id: string\n  invoice_number: string\n  status: 'draft' | 'posted' | 'paid' | 'void' | null\n  currency_code: string\n  issue_date: string | null\n  due_date: string | null\n  subtotal_net_amount: string\n  grand_total_net_amount: string\n  grand_total_gross_amount: string\n  paid_total_amount: string\n  outstanding_amount: string\n  metadata: {\n    bill_run_id?: string\n    bill_account_id?: string\n    bill_period_start?: string\n    bill_period_end?: string\n    test_run?: boolean\n  } | null\n  created_at: string\n  updated_at: string\n}\n\ntype ListResponse = {\n  items: BillingInvoiceRow[]\n  total: number\n  totalPages: number\n}\n\nfunction formatDate(value: string | null | undefined): string {\n  if (!value) return '\u2014'\n  const parsed = new Date(value)\n  return Number.isNaN(parsed.getTime()) ? value : parsed.toLocaleDateString()\n}\n\nfunction statusVariant(\n  status: BillingInvoiceRow['status'],\n): 'default' | 'success' | 'warning' | 'error' {\n  switch (status) {\n    case 'paid':\n      return 'success'\n    case 'posted':\n      return 'warning'\n    case 'void':\n      return 'error'\n    case 'draft':\n    default:\n      return 'default'\n  }\n}\n\nfunction formatMoney(value: string, currency: string): string {\n  const n = Number.parseFloat(value)\n  if (!Number.isFinite(n)) return value\n  try {\n    return new Intl.NumberFormat('en-US', { style: 'currency', currency }).format(n)\n  } catch {\n    return `${value} ${currency}`\n  }\n}\n\nexport default function BillingInvoicesListPage() {\n  const t = useT()\n  const router = useRouter()\n  const [rows, setRows] = React.useState<BillingInvoiceRow[]>([])\n  const [page, setPage] = React.useState(1)\n  const [pageSize] = React.useState(25)\n  const [filters, setFilters] = React.useState<FilterValues>({})\n  const [search, setSearch] = React.useState('')\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const [loading, setLoading] = React.useState(true)\n\n  const filterDefs = React.useMemo<FilterDef[]>(\n    () => [\n      {\n        id: 'status',\n        label: t('billing.invoices.filters.status', 'Status'),\n        type: 'select',\n        options: [\n          { value: 'draft', label: t('billing.invoices.status.draft', 'Draft') },\n          { value: 'posted', label: t('billing.invoices.status.posted', 'Posted') },\n          { value: 'paid', label: t('billing.invoices.status.paid', 'Paid') },\n          { value: 'void', label: t('billing.invoices.status.void', 'Void') },\n        ],\n      },\n      {\n        id: 'testRun',\n        label: t('billing.invoices.filters.test_run', 'Test runs'),\n        type: 'select',\n        options: [\n          { value: 'true', label: t('billing.invoices.filters.test_run.only', 'Only test') },\n          {\n            value: 'false',\n            label: t('billing.invoices.filters.test_run.exclude', 'Exclude test'),\n          },\n        ],\n      },\n    ],\n    [t],\n  )\n\n  const loadRows = React.useCallback(async () => {\n    setLoading(true)\n    try {\n      const params = new URLSearchParams({\n        page: String(page),\n        pageSize: String(pageSize),\n      })\n      if (search.trim()) params.set('search', search.trim())\n      if (typeof filters.status === 'string' && filters.status) {\n        params.set('status', filters.status)\n      }\n      if (filters.testRun === 'true' || filters.testRun === 'false') {\n        params.set('testRun', String(filters.testRun))\n      }\n      const result = await readApiResultOrThrow<ListResponse>(\n        `/api/billing/invoices?${params.toString()}`,\n      )\n      setRows(result.items ?? [])\n      setTotal(result.total ?? 0)\n      setTotalPages(result.totalPages ?? 1)\n    } finally {\n      setLoading(false)\n    }\n  }, [filters.status, filters.testRun, page, pageSize, search])\n\n  React.useEffect(() => {\n    void loadRows()\n  }, [loadRows])\n\n  const columns = React.useMemo<ColumnDef<BillingInvoiceRow>[]>(\n    () => [\n      {\n        accessorKey: 'invoice_number',\n        header: t('billing.invoices.columns.number', 'Number'),\n        cell: ({ row }) => {\n          const isTest = row.original.metadata?.test_run === true\n          return (\n            <div className=\"flex items-center gap-2\">\n              <span className=\"text-sm font-medium text-primary\">\n                {row.original.invoice_number}\n              </span>\n              {isTest ? <Tag variant=\"warning\">TEST</Tag> : null}\n            </div>\n          )\n        },\n      },\n      {\n        accessorKey: 'status',\n        header: t('billing.invoices.columns.status', 'Status'),\n        cell: ({ row }) => (\n          <Tag variant={statusVariant(row.original.status)}>{row.original.status ?? '\u2014'}</Tag>\n        ),\n      },\n      {\n        id: 'period',\n        header: t('billing.invoices.columns.period', 'Period'),\n        cell: ({ row }) => {\n          const start = row.original.metadata?.bill_period_start\n          const end = row.original.metadata?.bill_period_end\n          if (!start || !end) return '\u2014'\n          return (\n            <span className=\"text-xs\">\n              {start} \u2192 {end}\n            </span>\n          )\n        },\n      },\n      {\n        id: 'total',\n        header: t('billing.invoices.columns.total', 'Total'),\n        cell: ({ row }) =>\n          formatMoney(row.original.grand_total_gross_amount, row.original.currency_code),\n      },\n      {\n        accessorKey: 'outstanding_amount',\n        header: t('billing.invoices.columns.outstanding', 'Outstanding'),\n        cell: ({ row }) =>\n          formatMoney(row.original.outstanding_amount, row.original.currency_code),\n      },\n      {\n        accessorKey: 'issue_date',\n        header: t('billing.invoices.columns.issued', 'Issued'),\n        cell: ({ row }) => formatDate(row.original.issue_date),\n      },\n    ],\n    [t],\n  )\n\n  return (\n    <Page>\n      <PageBody>\n        <DataTable\n          title={t('billing.invoices.title', 'Billing Invoices')}\n          refreshButton={{\n            label: t('billing.common.refresh', 'Refresh'),\n            onRefresh: loadRows,\n            isRefreshing: loading,\n          }}\n          columnChooser={{ auto: true }}\n          perspective={{ tableId: 'billing-invoices' }}\n          columns={columns}\n          data={rows}\n          onRowClick={(row) => router.push(`/backend/billing/invoices/${row.id}`)}\n          isLoading={loading}\n          pagination={{\n            page,\n            pageSize,\n            total,\n            totalPages,\n            onPageChange: setPage,\n          }}\n          filters={filterDefs}\n          filterValues={filters}\n          onFiltersApply={setFilters}\n          onFiltersClear={() => setFilters({})}\n          searchValue={search}\n          onSearchChange={setSearch}\n        />\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/billing/backend/billing/invoices/page.meta.js

@@ -0,0 +1,18 @@
+import React from "react";
+import { FileText } from "lucide-react";
+const invoicesIcon = React.createElement(FileText, { size: 16 });
+const metadata = {
+  requireAuth: true,
+  requireFeatures: ["billing.invoice.view"],
+  pageTitle: "Billing Invoices",
+  pageTitleKey: "billing.invoices.title",
+  pageGroup: "Billing",
+  pageGroupKey: "billing.nav.group",
+  pageOrder: 40,
+  icon: invoicesIcon,
+  breadcrumb: [{ label: "Billing Invoices", labelKey: "billing.invoices.title" }]
+};
+export {
+  metadata
+};
+//# sourceMappingURL=page.meta.js.map

package/dist/modules/billing/backend/billing/invoices/page.meta.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/billing/backend/billing/invoices/page.meta.ts"],
+  "sourcesContent": ["import React from 'react'\nimport { FileText } from 'lucide-react'\n\nconst invoicesIcon = React.createElement(FileText, { size: 16 })\n\nexport const metadata = {\n  requireAuth: true,\n  requireFeatures: ['billing.invoice.view'],\n  pageTitle: 'Billing Invoices',\n  pageTitleKey: 'billing.invoices.title',\n  pageGroup: 'Billing',\n  pageGroupKey: 'billing.nav.group',\n  pageOrder: 40,\n  icon: invoicesIcon,\n  breadcrumb: [{ label: 'Billing Invoices', labelKey: 'billing.invoices.title' }],\n} as const\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,gBAAgB;AAEzB,MAAM,eAAe,MAAM,cAAc,UAAU,EAAE,MAAM,GAAG,CAAC;AAExD,MAAM,WAAW;AAAA,EACtB,aAAa;AAAA,EACb,iBAAiB,CAAC,sBAAsB;AAAA,EACxC,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,MAAM;AAAA,EACN,YAAY,CAAC,EAAE,OAAO,oBAAoB,UAAU,yBAAyB,CAAC;AAChF;",
+  "names": []
+}

package/dist/modules/billing/backend/billing/items/[id]/page.js

@@ -0,0 +1,265 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import Link from "next/link";
+import { Pencil } from "lucide-react";
+import { useParams, useRouter } from "next/navigation";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Page, PageBody, PageHeader } from "@open-mercato/ui/backend/Page";
+import { FormHeader } from "@open-mercato/ui/backend/forms";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Tag } from "@open-mercato/ui/primitives/tag";
+import { LoadingMessage, ErrorMessage } from "@open-mercato/ui/backend/detail";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { useConfirmDialog } from "@open-mercato/ui/backend/confirm-dialog";
+import {
+  apiCallOrThrow,
+  readApiResultOrThrow
+} from "@open-mercato/ui/backend/utils/apiCall";
+import { normalizeCrudServerError } from "@open-mercato/ui/backend/utils/serverErrors";
+import {
+  ItemForm
+} from "../../../../components/ItemForm.js";
+import { DetailCard, DetailField } from "../../../../components/DetailFields.js";
+function formatDate(value) {
+  if (!value) return "\u2014";
+  const parsed = new Date(value);
+  return Number.isNaN(parsed.getTime()) ? value : parsed.toLocaleDateString();
+}
+function formatRate(row) {
+  const rate = row.rate_json ?? {};
+  if (row.type === "one_time" && typeof rate.amount === "number") {
+    return String(rate.amount);
+  }
+  if (row.type === "recurring" && typeof rate.unit_price === "number") {
+    return String(rate.unit_price);
+  }
+  if (row.type === "usage") {
+    if ("model" in rate && "tiers" in rate) {
+      return `tiered (${String(rate.model)})`;
+    }
+    if (typeof rate.unit_price === "number") {
+      return String(rate.unit_price);
+    }
+  }
+  return "\u2014";
+}
+function toFormValues(row) {
+  const rate = row.rate_json ?? {};
+  const out = {
+    billAccountId: row.bill_account_id,
+    type: row.type,
+    billStartDate: row.bill_start_date?.slice(0, 10) ?? "",
+    billEndDate: row.bill_end_date?.slice(0, 10) ?? "",
+    description: row.description,
+    uomCode: row.uom_code ?? "",
+    subscriptionId: row.subscription_id ?? "",
+    subscriptionItemId: row.subscription_item_id ?? "",
+    isActive: row.is_active
+  };
+  if (row.type === "one_time" && typeof rate.amount === "number") {
+    out.oneTimeAmount = String(rate.amount);
+  } else if (row.type === "recurring" && typeof rate.unit_price === "number") {
+    out.recurringUnitPrice = String(rate.unit_price);
+  } else if (row.type === "usage") {
+    if ("model" in rate && "tiers" in rate) {
+      out.usageMode = "tiered";
+      out.usageTieredJson = JSON.stringify(rate, null, 2);
+    } else if (typeof rate.unit_price === "number") {
+      out.usageMode = "simple";
+      out.usageUnitPrice = String(rate.unit_price);
+    }
+  }
+  return out;
+}
+function ItemView({ row }) {
+  const t = useT();
+  return /* @__PURE__ */ jsxs(DetailCard, { children: [
+    /* @__PURE__ */ jsx(DetailField, { label: t("billing.items.detail.field.account", "Account"), children: /* @__PURE__ */ jsx(
+      Link,
+      {
+        href: `/backend/billing/accounts/${row.bill_account_id}`,
+        className: "text-primary hover:underline",
+        children: row.bill_account_name ?? row.bill_account_id
+      }
+    ) }),
+    /* @__PURE__ */ jsx(DetailField, { label: t("billing.items.columns.type", "Type"), children: /* @__PURE__ */ jsx(Tag, { variant: "info", children: row.type }) }),
+    /* @__PURE__ */ jsx(DetailField, { label: t("billing.items.columns.start", "Start"), children: formatDate(row.bill_start_date) }),
+    /* @__PURE__ */ jsx(DetailField, { label: t("billing.items.columns.end", "End"), children: formatDate(row.bill_end_date) }),
+    /* @__PURE__ */ jsx(DetailField, { label: t("billing.items.form.rate.title", "Rate"), children: formatRate(row) }),
+    /* @__PURE__ */ jsx(DetailField, { label: t("billing.items.columns.uom", "UoM"), children: row.uom_code || "\u2014" }),
+    /* @__PURE__ */ jsx(DetailField, { label: t("billing.items.form.subscription_id", "Subscription ID"), children: row.subscription_id || "\u2014" }),
+    /* @__PURE__ */ jsx(
+      DetailField,
+      {
+        label: t("billing.items.form.subscription_item_id", "Subscription item ID"),
+        children: row.subscription_item_id || "\u2014"
+      }
+    ),
+    /* @__PURE__ */ jsx(DetailField, { label: t("billing.items.detail.field.source_ref", "Source ref"), children: row.source_ref ? /* @__PURE__ */ jsx("span", { className: "font-mono text-xs", children: row.source_ref }) : "\u2014" }),
+    /* @__PURE__ */ jsx(DetailField, { label: t("billing.items.detail.field.billed_to", "Billed through"), children: row.billed_to_date ? formatDate(row.billed_to_date) : "\u2014" }),
+    row.currency_mismatch ? /* @__PURE__ */ jsx(
+      DetailField,
+      {
+        label: t("billing.items.detail.currency_mismatch", "Currency mismatch"),
+        children: /* @__PURE__ */ jsx(Tag, { variant: "warning", children: t("billing.common.yes", "Yes") })
+      }
+    ) : null,
+    /* @__PURE__ */ jsx(DetailField, { label: t("billing.items.columns.status", "Status"), children: row.is_active ? /* @__PURE__ */ jsx(Tag, { variant: "success", children: t("billing.common.active", "Active") }) : /* @__PURE__ */ jsx(Tag, { variant: "default", children: t("billing.common.inactive", "Inactive") }) }),
+    /* @__PURE__ */ jsx(DetailField, { label: t("billing.common.id", "ID"), children: /* @__PURE__ */ jsx("span", { className: "font-mono text-xs", children: row.id }) })
+  ] });
+}
+function BillingItemDetailPage(props) {
+  const t = useT();
+  const router = useRouter();
+  const urlParams = useParams();
+  const itemId = props.params?.id ?? urlParams?.id ?? "";
+  const [row, setRow] = React.useState(null);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const [editing, setEditing] = React.useState(false);
+  const [saving, setSaving] = React.useState(false);
+  const [deleting, setDeleting] = React.useState(false);
+  const { confirm, ConfirmDialogElement } = useConfirmDialog();
+  const load = React.useCallback(async () => {
+    if (!itemId) return;
+    setLoading(true);
+    setError(null);
+    try {
+      const result = await readApiResultOrThrow(
+        `/api/billing/items?id=${itemId}&pageSize=1`
+      );
+      const found = result.items?.[0];
+      if (!found) {
+        setError(t("billing.items.detail.error.not_found", "Item not found"));
+        return;
+      }
+      setRow(found);
+    } catch (err) {
+      const { message } = normalizeCrudServerError(err);
+      setError(message || t("billing.items.detail.error.load", "Failed to load item"));
+    } finally {
+      setLoading(false);
+    }
+  }, [itemId, t]);
+  React.useEffect(() => {
+    void load();
+  }, [load]);
+  const handleSubmit = React.useCallback(
+    async (assembled) => {
+      if (!row) return;
+      setSaving(true);
+      try {
+        const payload = {
+          id: row.id,
+          billStartDate: assembled.billStartDate,
+          description: assembled.description,
+          rateJson: assembled.rateJson,
+          isActive: assembled.isActive ?? row.is_active
+        };
+        payload.billEndDate = assembled.billEndDate ?? null;
+        payload.uomCode = assembled.uomCode ?? null;
+        payload.subscriptionId = assembled.subscriptionId ?? null;
+        payload.subscriptionItemId = assembled.subscriptionItemId ?? null;
+        await apiCallOrThrow("/api/billing/items", {
+          method: "PUT",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify(payload)
+        });
+        flash(t("billing.items.detail.save.success", "Item updated"), "success");
+        setEditing(false);
+        void load();
+      } catch (err) {
+        const { message } = normalizeCrudServerError(err);
+        flash(message || t("billing.items.detail.save.error", "Save failed"), "error");
+      } finally {
+        setSaving(false);
+      }
+    },
+    [load, row, t]
+  );
+  const handleDelete = React.useCallback(async () => {
+    if (!row) return;
+    const ok = await confirm({
+      title: t("billing.items.detail.delete.confirm.title", "Delete item?"),
+      text: t(
+        "billing.items.detail.delete.confirm.text",
+        "Soft-deletes the item. Its row stays in the database for audit; the Bill Run engine will stop including it immediately."
+      ),
+      confirmText: t("billing.items.detail.delete.confirm.button", "Soft delete"),
+      variant: "destructive"
+    });
+    if (!ok) return;
+    setDeleting(true);
+    try {
+      await apiCallOrThrow("/api/billing/items", {
+        method: "DELETE",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ id: row.id })
+      });
+      flash(t("billing.items.detail.delete.success", "Item deleted"), "success");
+      router.push("/backend/billing/items");
+    } catch (err) {
+      const { message } = normalizeCrudServerError(err);
+      flash(message || t("billing.items.detail.delete.error", "Delete failed"), "error");
+      setDeleting(false);
+    }
+  }, [confirm, router, row, t]);
+  if (error) {
+    return /* @__PURE__ */ jsxs(Page, { children: [
+      /* @__PURE__ */ jsx(PageHeader, { title: t("billing.items.detail.title", "Billing Item") }),
+      /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(ErrorMessage, { label: error }) })
+    ] });
+  }
+  if (loading || !row) {
+    return /* @__PURE__ */ jsxs(Page, { children: [
+      /* @__PURE__ */ jsx(PageHeader, { title: t("billing.items.detail.title", "Billing Item") }),
+      /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(LoadingMessage, { label: t("billing.items.detail.loading", "Loading item\u2026") }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Page, { children: [
+    /* @__PURE__ */ jsx(
+      FormHeader,
+      {
+        mode: "detail",
+        backHref: "/backend/billing/items",
+        entityTypeLabel: t("billing.items.detail.title", "Billing Item"),
+        title: row.description,
+        statusBadge: row.is_active ? /* @__PURE__ */ jsx(Tag, { variant: "success", children: t("billing.common.active", "Active") }) : /* @__PURE__ */ jsx(Tag, { variant: "default", children: t("billing.common.inactive", "Inactive") }),
+        actionsContent: /* @__PURE__ */ jsxs(Fragment, { children: [
+          !editing ? /* @__PURE__ */ jsxs(Button, { type: "button", onClick: () => setEditing(true), children: [
+            /* @__PURE__ */ jsx(Pencil, { size: 16 }),
+            t("billing.common.edit", "Edit")
+          ] }) : null,
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              onClick: handleDelete,
+              disabled: deleting,
+              children: deleting ? t("billing.items.detail.delete.in_progress", "Deleting\u2026") : t("billing.items.detail.delete.action", "Soft delete")
+            }
+          )
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxs(PageBody, { children: [
+      editing ? /* @__PURE__ */ jsx(
+        ItemForm,
+        {
+          mode: "edit",
+          initial: toFormValues(row),
+          submitting: saving,
+          onSubmit: handleSubmit,
+          onCancel: () => setEditing(false)
+        }
+      ) : /* @__PURE__ */ jsx(ItemView, { row }),
+      ConfirmDialogElement
+    ] })
+  ] });
+}
+export {
+  BillingItemDetailPage as default
+};
+//# sourceMappingURL=page.js.map

package/dist/modules/billing/backend/billing/items/[id]/page.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/modules/billing/backend/billing/items/%5Bid%5D/page.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { Pencil } from 'lucide-react'\nimport { useParams, useRouter } from 'next/navigation'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Page, PageBody, PageHeader } from '@open-mercato/ui/backend/Page'\nimport { FormHeader } from '@open-mercato/ui/backend/forms'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Tag } from '@open-mercato/ui/primitives/tag'\nimport { LoadingMessage, ErrorMessage } from '@open-mercato/ui/backend/detail'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport {\n  apiCallOrThrow,\n  readApiResultOrThrow,\n} from '@open-mercato/ui/backend/utils/apiCall'\nimport { normalizeCrudServerError } from '@open-mercato/ui/backend/utils/serverErrors'\nimport {\n  ItemForm,\n  type AssembledItemPayload,\n  type ItemFormValues,\n} from '../../../../components/ItemForm'\nimport { DetailCard, DetailField } from '../../../../components/DetailFields'\n\n/**\n * `/backend/billing/items/[id]` \u2014 Billing Item detail.\n *\n * Opens read-only (field grid). The `Edit` button swaps the grid for\n * the `ItemForm`; Save / Cancel return to the read-only view. Loads\n * via the list endpoint (`?id=<id>`), edits through `PUT`, soft-delete\n * via `DELETE` with a `ConfirmDialog` gate.\n *\n * Two read-only badges at the top: `currencyMismatch` and\n * `billedToDate` (Bill Run engine-managed columns the operator\n * cannot edit but needs to see for troubleshooting).\n */\n\n// API list rows are snake_case (see `api/items/route.ts` `fields`).\n// `bill_account_name` is resolved by the route's `afterList` hook.\ntype BillingItemRow = {\n  id: string\n  bill_account_id: string\n  bill_account_name: string | null\n  type: 'one_time' | 'recurring' | 'usage'\n  bill_start_date: string\n  bill_end_date: string | null\n  description: string\n  rate_json: Record<string, unknown> | null\n  uom_code: string | null\n  subscription_id: string | null\n  subscription_item_id: string | null\n  source_ref: string | null\n  currency_mismatch: boolean\n  billed_to_date: string | null\n  is_active: boolean\n  created_at: string\n  updated_at: string\n}\n\ntype ListResponse = { items: BillingItemRow[] }\n\nfunction formatDate(value: string | null | undefined): string {\n  if (!value) return '\u2014'\n  const parsed = new Date(value)\n  return Number.isNaN(parsed.getTime()) ? value : parsed.toLocaleDateString()\n}\n\nfunction formatRate(row: BillingItemRow): string {\n  const rate = (row.rate_json ?? {}) as Record<string, unknown>\n  if (row.type === 'one_time' && typeof rate.amount === 'number') {\n    return String(rate.amount)\n  }\n  if (row.type === 'recurring' && typeof rate.unit_price === 'number') {\n    return String(rate.unit_price)\n  }\n  if (row.type === 'usage') {\n    if ('model' in rate && 'tiers' in rate) {\n      return `tiered (${String(rate.model)})`\n    }\n    if (typeof rate.unit_price === 'number') {\n      return String(rate.unit_price)\n    }\n  }\n  return '\u2014'\n}\n\nfunction toFormValues(row: BillingItemRow): Partial<ItemFormValues> {\n  const rate = (row.rate_json ?? {}) as Record<string, unknown>\n  const out: Partial<ItemFormValues> = {\n    billAccountId: row.bill_account_id,\n    type: row.type,\n    billStartDate: row.bill_start_date?.slice(0, 10) ?? '',\n    billEndDate: row.bill_end_date?.slice(0, 10) ?? '',\n    description: row.description,\n    uomCode: row.uom_code ?? '',\n    subscriptionId: row.subscription_id ?? '',\n    subscriptionItemId: row.subscription_item_id ?? '',\n    isActive: row.is_active,\n  }\n  if (row.type === 'one_time' && typeof rate.amount === 'number') {\n    out.oneTimeAmount = String(rate.amount)\n  } else if (row.type === 'recurring' && typeof rate.unit_price === 'number') {\n    out.recurringUnitPrice = String(rate.unit_price)\n  } else if (row.type === 'usage') {\n    if ('model' in rate && 'tiers' in rate) {\n      out.usageMode = 'tiered'\n      out.usageTieredJson = JSON.stringify(rate, null, 2)\n    } else if (typeof rate.unit_price === 'number') {\n      out.usageMode = 'simple'\n      out.usageUnitPrice = String(rate.unit_price)\n    }\n  }\n  return out\n}\n\n// \u2500\u2500\u2500 Read-only view \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nfunction ItemView({ row }: { row: BillingItemRow }) {\n  const t = useT()\n  return (\n    <DetailCard>\n      <DetailField label={t('billing.items.detail.field.account', 'Account')}>\n        <Link\n          href={`/backend/billing/accounts/${row.bill_account_id}`}\n          className=\"text-primary hover:underline\"\n        >\n          {row.bill_account_name ?? row.bill_account_id}\n        </Link>\n      </DetailField>\n      <DetailField label={t('billing.items.columns.type', 'Type')}>\n        <Tag variant=\"info\">{row.type}</Tag>\n      </DetailField>\n      <DetailField label={t('billing.items.columns.start', 'Start')}>\n        {formatDate(row.bill_start_date)}\n      </DetailField>\n      <DetailField label={t('billing.items.columns.end', 'End')}>\n        {formatDate(row.bill_end_date)}\n      </DetailField>\n      <DetailField label={t('billing.items.form.rate.title', 'Rate')}>\n        {formatRate(row)}\n      </DetailField>\n      <DetailField label={t('billing.items.columns.uom', 'UoM')}>\n        {row.uom_code || '\u2014'}\n      </DetailField>\n      <DetailField label={t('billing.items.form.subscription_id', 'Subscription ID')}>\n        {row.subscription_id || '\u2014'}\n      </DetailField>\n      <DetailField\n        label={t('billing.items.form.subscription_item_id', 'Subscription item ID')}\n      >\n        {row.subscription_item_id || '\u2014'}\n      </DetailField>\n      <DetailField label={t('billing.items.detail.field.source_ref', 'Source ref')}>\n        {row.source_ref ? (\n          <span className=\"font-mono text-xs\">{row.source_ref}</span>\n        ) : (\n          '\u2014'\n        )}\n      </DetailField>\n      <DetailField label={t('billing.items.detail.field.billed_to', 'Billed through')}>\n        {row.billed_to_date ? formatDate(row.billed_to_date) : '\u2014'}\n      </DetailField>\n      {row.currency_mismatch ? (\n        <DetailField\n          label={t('billing.items.detail.currency_mismatch', 'Currency mismatch')}\n        >\n          <Tag variant=\"warning\">{t('billing.common.yes', 'Yes')}</Tag>\n        </DetailField>\n      ) : null}\n      <DetailField label={t('billing.items.columns.status', 'Status')}>\n        {row.is_active ? (\n          <Tag variant=\"success\">{t('billing.common.active', 'Active')}</Tag>\n        ) : (\n          <Tag variant=\"default\">{t('billing.common.inactive', 'Inactive')}</Tag>\n        )}\n      </DetailField>\n      <DetailField label={t('billing.common.id', 'ID')}>\n        <span className=\"font-mono text-xs\">{row.id}</span>\n      </DetailField>\n    </DetailCard>\n  )\n}\n\nexport default function BillingItemDetailPage(props: { params?: { id?: string } }) {\n  const t = useT()\n  const router = useRouter()\n  // OM serves backend pages through a catch-all route \u2014 the dynamic\n  // `[id]` segment arrives as a page prop; `useParams()` is the fallback.\n  const urlParams = useParams<{ id: string }>()\n  const itemId = (props.params?.id ?? urlParams?.id ?? '') as string\n\n  const [row, setRow] = React.useState<BillingItemRow | null>(null)\n  const [loading, setLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n  const [editing, setEditing] = React.useState(false)\n  const [saving, setSaving] = React.useState(false)\n  const [deleting, setDeleting] = React.useState(false)\n\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n\n  const load = React.useCallback(async () => {\n    if (!itemId) return\n    setLoading(true)\n    setError(null)\n    try {\n      const result = await readApiResultOrThrow<ListResponse>(\n        `/api/billing/items?id=${itemId}&pageSize=1`,\n      )\n      const found = result.items?.[0]\n      if (!found) {\n        setError(t('billing.items.detail.error.not_found', 'Item not found'))\n        return\n      }\n      setRow(found)\n    } catch (err) {\n      const { message } = normalizeCrudServerError(err)\n      setError(message || t('billing.items.detail.error.load', 'Failed to load item'))\n    } finally {\n      setLoading(false)\n    }\n  }, [itemId, t])\n\n  React.useEffect(() => {\n    void load()\n  }, [load])\n\n  const handleSubmit = React.useCallback(\n    async (assembled: AssembledItemPayload) => {\n      if (!row) return\n      setSaving(true)\n      try {\n        const payload: Record<string, unknown> = {\n          id: row.id,\n          billStartDate: assembled.billStartDate,\n          description: assembled.description,\n          rateJson: assembled.rateJson,\n          isActive: assembled.isActive ?? row.is_active,\n        }\n        // Optional fields \u2014 submit null when the operator cleared them\n        // so the column actually resets (the schema validators accept\n        // null for nullable columns).\n        payload.billEndDate = assembled.billEndDate ?? null\n        payload.uomCode = assembled.uomCode ?? null\n        payload.subscriptionId = assembled.subscriptionId ?? null\n        payload.subscriptionItemId = assembled.subscriptionItemId ?? null\n\n        await apiCallOrThrow('/api/billing/items', {\n          method: 'PUT',\n          headers: { 'Content-Type': 'application/json' },\n          body: JSON.stringify(payload),\n        })\n        flash(t('billing.items.detail.save.success', 'Item updated'), 'success')\n        setEditing(false)\n        void load()\n      } catch (err) {\n        const { message } = normalizeCrudServerError(err)\n        flash(message || t('billing.items.detail.save.error', 'Save failed'), 'error')\n      } finally {\n        setSaving(false)\n      }\n    },\n    [load, row, t],\n  )\n\n  const handleDelete = React.useCallback(async () => {\n    if (!row) return\n    const ok = await confirm({\n      title: t('billing.items.detail.delete.confirm.title', 'Delete item?'),\n      text: t(\n        'billing.items.detail.delete.confirm.text',\n        'Soft-deletes the item. Its row stays in the database for audit; the Bill Run engine will stop including it immediately.',\n      ),\n      confirmText: t('billing.items.detail.delete.confirm.button', 'Soft delete'),\n      variant: 'destructive',\n    })\n    if (!ok) return\n    setDeleting(true)\n    try {\n      await apiCallOrThrow('/api/billing/items', {\n        method: 'DELETE',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({ id: row.id }),\n      })\n      flash(t('billing.items.detail.delete.success', 'Item deleted'), 'success')\n      router.push('/backend/billing/items')\n    } catch (err) {\n      const { message } = normalizeCrudServerError(err)\n      flash(message || t('billing.items.detail.delete.error', 'Delete failed'), 'error')\n      setDeleting(false)\n    }\n  }, [confirm, router, row, t])\n\n  if (error) {\n    return (\n      <Page>\n        <PageHeader title={t('billing.items.detail.title', 'Billing Item')} />\n        <PageBody>\n          <ErrorMessage label={error} />\n        </PageBody>\n      </Page>\n    )\n  }\n  if (loading || !row) {\n    return (\n      <Page>\n        <PageHeader title={t('billing.items.detail.title', 'Billing Item')} />\n        <PageBody>\n          <LoadingMessage label={t('billing.items.detail.loading', 'Loading item\u2026')} />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  return (\n    <Page>\n      <FormHeader\n        mode=\"detail\"\n        backHref=\"/backend/billing/items\"\n        entityTypeLabel={t('billing.items.detail.title', 'Billing Item')}\n        title={row.description}\n        statusBadge={\n          row.is_active ? (\n            <Tag variant=\"success\">{t('billing.common.active', 'Active')}</Tag>\n          ) : (\n            <Tag variant=\"default\">{t('billing.common.inactive', 'Inactive')}</Tag>\n          )\n        }\n        actionsContent={\n          <>\n            {!editing ? (\n              <Button type=\"button\" onClick={() => setEditing(true)}>\n                <Pencil size={16} />\n                {t('billing.common.edit', 'Edit')}\n              </Button>\n            ) : null}\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              onClick={handleDelete}\n              disabled={deleting}\n            >\n              {deleting\n                ? t('billing.items.detail.delete.in_progress', 'Deleting\u2026')\n                : t('billing.items.detail.delete.action', 'Soft delete')}\n            </Button>\n          </>\n        }\n      />\n      <PageBody>\n        {editing ? (\n          <ItemForm\n            mode=\"edit\"\n            initial={toFormValues(row)}\n            submitting={saving}\n            onSubmit={handleSubmit}\n            onCancel={() => setEditing(false)}\n          />\n        ) : (\n          <ItemView row={row} />\n        )}\n        {ConfirmDialogElement}\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": ";AAyHI,SAgNM,UA9MF,KAFJ;AAxHJ,YAAY,WAAW;AACvB,OAAO,UAAU;AACjB,SAAS,cAAc;AACvB,SAAS,WAAW,iBAAiB;AACrC,SAAS,YAAY;AACrB,SAAS,MAAM,UAAU,kBAAkB;AAC3C,SAAS,kBAAkB;AAC3B,SAAS,cAAc;AACvB,SAAS,WAAW;AACpB,SAAS,gBAAgB,oBAAoB;AAC7C,SAAS,aAAa;AACtB,SAAS,wBAAwB;AACjC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,gCAAgC;AACzC;AAAA,EACE;AAAA,OAGK;AACP,SAAS,YAAY,mBAAmB;AAuCxC,SAAS,WAAW,OAA0C;AAC5D,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,SAAS,IAAI,KAAK,KAAK;AAC7B,SAAO,OAAO,MAAM,OAAO,QAAQ,CAAC,IAAI,QAAQ,OAAO,mBAAmB;AAC5E;AAEA,SAAS,WAAW,KAA6B;AAC/C,QAAM,OAAQ,IAAI,aAAa,CAAC;AAChC,MAAI,IAAI,SAAS,cAAc,OAAO,KAAK,WAAW,UAAU;AAC9D,WAAO,OAAO,KAAK,MAAM;AAAA,EAC3B;AACA,MAAI,IAAI,SAAS,eAAe,OAAO,KAAK,eAAe,UAAU;AACnE,WAAO,OAAO,KAAK,UAAU;AAAA,EAC/B;AACA,MAAI,IAAI,SAAS,SAAS;AACxB,QAAI,WAAW,QAAQ,WAAW,MAAM;AACtC,aAAO,WAAW,OAAO,KAAK,KAAK,CAAC;AAAA,IACtC;AACA,QAAI,OAAO,KAAK,eAAe,UAAU;AACvC,aAAO,OAAO,KAAK,UAAU;AAAA,IAC/B;AAAA,EACF;AACA,SAAO;AACT;AAEA,SAAS,aAAa,KAA8C;AAClE,QAAM,OAAQ,IAAI,aAAa,CAAC;AAChC,QAAM,MAA+B;AAAA,IACnC,eAAe,IAAI;AAAA,IACnB,MAAM,IAAI;AAAA,IACV,eAAe,IAAI,iBAAiB,MAAM,GAAG,EAAE,KAAK;AAAA,IACpD,aAAa,IAAI,eAAe,MAAM,GAAG,EAAE,KAAK;AAAA,IAChD,aAAa,IAAI;AAAA,IACjB,SAAS,IAAI,YAAY;AAAA,IACzB,gBAAgB,IAAI,mBAAmB;AAAA,IACvC,oBAAoB,IAAI,wBAAwB;AAAA,IAChD,UAAU,IAAI;AAAA,EAChB;AACA,MAAI,IAAI,SAAS,cAAc,OAAO,KAAK,WAAW,UAAU;AAC9D,QAAI,gBAAgB,OAAO,KAAK,MAAM;AAAA,EACxC,WAAW,IAAI,SAAS,eAAe,OAAO,KAAK,eAAe,UAAU;AAC1E,QAAI,qBAAqB,OAAO,KAAK,UAAU;AAAA,EACjD,WAAW,IAAI,SAAS,SAAS;AAC/B,QAAI,WAAW,QAAQ,WAAW,MAAM;AACtC,UAAI,YAAY;AAChB,UAAI,kBAAkB,KAAK,UAAU,MAAM,MAAM,CAAC;AAAA,IACpD,WAAW,OAAO,KAAK,eAAe,UAAU;AAC9C,UAAI,YAAY;AAChB,UAAI,iBAAiB,OAAO,KAAK,UAAU;AAAA,IAC7C;AAAA,EACF;AACA,SAAO;AACT;AAIA,SAAS,SAAS,EAAE,IAAI,GAA4B;AAClD,QAAM,IAAI,KAAK;AACf,SACE,qBAAC,cACC;AAAA,wBAAC,eAAY,OAAO,EAAE,sCAAsC,SAAS,GACnE;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,6BAA6B,IAAI,eAAe;AAAA,QACtD,WAAU;AAAA,QAET,cAAI,qBAAqB,IAAI;AAAA;AAAA,IAChC,GACF;AAAA,IACA,oBAAC,eAAY,OAAO,EAAE,8BAA8B,MAAM,GACxD,8BAAC,OAAI,SAAQ,QAAQ,cAAI,MAAK,GAChC;AAAA,IACA,oBAAC,eAAY,OAAO,EAAE,+BAA+B,OAAO,GACzD,qBAAW,IAAI,eAAe,GACjC;AAAA,IACA,oBAAC,eAAY,OAAO,EAAE,6BAA6B,KAAK,GACrD,qBAAW,IAAI,aAAa,GAC/B;AAAA,IACA,oBAAC,eAAY,OAAO,EAAE,iCAAiC,MAAM,GAC1D,qBAAW,GAAG,GACjB;AAAA,IACA,oBAAC,eAAY,OAAO,EAAE,6BAA6B,KAAK,GACrD,cAAI,YAAY,UACnB;AAAA,IACA,oBAAC,eAAY,OAAO,EAAE,sCAAsC,iBAAiB,GAC1E,cAAI,mBAAmB,UAC1B;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,EAAE,2CAA2C,sBAAsB;AAAA,QAEzE,cAAI,wBAAwB;AAAA;AAAA,IAC/B;AAAA,IACA,oBAAC,eAAY,OAAO,EAAE,yCAAyC,YAAY,GACxE,cAAI,aACH,oBAAC,UAAK,WAAU,qBAAqB,cAAI,YAAW,IAEpD,UAEJ;AAAA,IACA,oBAAC,eAAY,OAAO,EAAE,wCAAwC,gBAAgB,GAC3E,cAAI,iBAAiB,WAAW,IAAI,cAAc,IAAI,UACzD;AAAA,IACC,IAAI,oBACH;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,EAAE,0CAA0C,mBAAmB;AAAA,QAEtE,8BAAC,OAAI,SAAQ,WAAW,YAAE,sBAAsB,KAAK,GAAE;AAAA;AAAA,IACzD,IACE;AAAA,IACJ,oBAAC,eAAY,OAAO,EAAE,gCAAgC,QAAQ,GAC3D,cAAI,YACH,oBAAC,OAAI,SAAQ,WAAW,YAAE,yBAAyB,QAAQ,GAAE,IAE7D,oBAAC,OAAI,SAAQ,WAAW,YAAE,2BAA2B,UAAU,GAAE,GAErE;AAAA,IACA,oBAAC,eAAY,OAAO,EAAE,qBAAqB,IAAI,GAC7C,8BAAC,UAAK,WAAU,qBAAqB,cAAI,IAAG,GAC9C;AAAA,KACF;AAEJ;AAEe,SAAR,sBAAuC,OAAqC;AACjF,QAAM,IAAI,KAAK;AACf,QAAM,SAAS,UAAU;AAGzB,QAAM,YAAY,UAA0B;AAC5C,QAAM,SAAU,MAAM,QAAQ,MAAM,WAAW,MAAM;AAErD,QAAM,CAAC,KAAK,MAAM,IAAI,MAAM,SAAgC,IAAI;AAChE,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,IAAI;AACjD,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAwB,IAAI;AAC5D,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,KAAK;AAClD,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,KAAK;AAChD,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAS,KAAK;AAEpD,QAAM,EAAE,SAAS,qBAAqB,IAAI,iBAAiB;AAE3D,QAAM,OAAO,MAAM,YAAY,YAAY;AACzC,QAAI,CAAC,OAAQ;AACb,eAAW,IAAI;AACf,aAAS,IAAI;AACb,QAAI;AACF,YAAM,SAAS,MAAM;AAAA,QACnB,yBAAyB,MAAM;AAAA,MACjC;AACA,YAAM,QAAQ,OAAO,QAAQ,CAAC;AAC9B,UAAI,CAAC,OAAO;AACV,iBAAS,EAAE,wCAAwC,gBAAgB,CAAC;AACpE;AAAA,MACF;AACA,aAAO,KAAK;AAAA,IACd,SAAS,KAAK;AACZ,YAAM,EAAE,QAAQ,IAAI,yBAAyB,GAAG;AAChD,eAAS,WAAW,EAAE,mCAAmC,qBAAqB,CAAC;AAAA,IACjF,UAAE;AACA,iBAAW,KAAK;AAAA,IAClB;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC,CAAC;AAEd,QAAM,UAAU,MAAM;AACpB,SAAK,KAAK;AAAA,EACZ,GAAG,CAAC,IAAI,CAAC;AAET,QAAM,eAAe,MAAM;AAAA,IACzB,OAAO,cAAoC;AACzC,UAAI,CAAC,IAAK;AACV,gBAAU,IAAI;AACd,UAAI;AACF,cAAM,UAAmC;AAAA,UACvC,IAAI,IAAI;AAAA,UACR,eAAe,UAAU;AAAA,UACzB,aAAa,UAAU;AAAA,UACvB,UAAU,UAAU;AAAA,UACpB,UAAU,UAAU,YAAY,IAAI;AAAA,QACtC;AAIA,gBAAQ,cAAc,UAAU,eAAe;AAC/C,gBAAQ,UAAU,UAAU,WAAW;AACvC,gBAAQ,iBAAiB,UAAU,kBAAkB;AACrD,gBAAQ,qBAAqB,UAAU,sBAAsB;AAE7D,cAAM,eAAe,sBAAsB;AAAA,UACzC,QAAQ;AAAA,UACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,UAC9C,MAAM,KAAK,UAAU,OAAO;AAAA,QAC9B,CAAC;AACD,cAAM,EAAE,qCAAqC,cAAc,GAAG,SAAS;AACvE,mBAAW,KAAK;AAChB,aAAK,KAAK;AAAA,MACZ,SAAS,KAAK;AACZ,cAAM,EAAE,QAAQ,IAAI,yBAAyB,GAAG;AAChD,cAAM,WAAW,EAAE,mCAAmC,aAAa,GAAG,OAAO;AAAA,MAC/E,UAAE;AACA,kBAAU,KAAK;AAAA,MACjB;AAAA,IACF;AAAA,IACA,CAAC,MAAM,KAAK,CAAC;AAAA,EACf;AAEA,QAAM,eAAe,MAAM,YAAY,YAAY;AACjD,QAAI,CAAC,IAAK;AACV,UAAM,KAAK,MAAM,QAAQ;AAAA,MACvB,OAAO,EAAE,6CAA6C,cAAc;AAAA,MACpE,MAAM;AAAA,QACJ;AAAA,QACA;AAAA,MACF;AAAA,MACA,aAAa,EAAE,8CAA8C,aAAa;AAAA,MAC1E,SAAS;AAAA,IACX,CAAC;AACD,QAAI,CAAC,GAAI;AACT,gBAAY,IAAI;AAChB,QAAI;AACF,YAAM,eAAe,sBAAsB;AAAA,QACzC,QAAQ;AAAA,QACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,QAC9C,MAAM,KAAK,UAAU,EAAE,IAAI,IAAI,GAAG,CAAC;AAAA,MACrC,CAAC;AACD,YAAM,EAAE,uCAAuC,cAAc,GAAG,SAAS;AACzE,aAAO,KAAK,wBAAwB;AAAA,IACtC,SAAS,KAAK;AACZ,YAAM,EAAE,QAAQ,IAAI,yBAAyB,GAAG;AAChD,YAAM,WAAW,EAAE,qCAAqC,eAAe,GAAG,OAAO;AACjF,kBAAY,KAAK;AAAA,IACnB;AAAA,EACF,GAAG,CAAC,SAAS,QAAQ,KAAK,CAAC,CAAC;AAE5B,MAAI,OAAO;AACT,WACE,qBAAC,QACC;AAAA,0BAAC,cAAW,OAAO,EAAE,8BAA8B,cAAc,GAAG;AAAA,MACpE,oBAAC,YACC,8BAAC,gBAAa,OAAO,OAAO,GAC9B;AAAA,OACF;AAAA,EAEJ;AACA,MAAI,WAAW,CAAC,KAAK;AACnB,WACE,qBAAC,QACC;AAAA,0BAAC,cAAW,OAAO,EAAE,8BAA8B,cAAc,GAAG;AAAA,MACpE,oBAAC,YACC,8BAAC,kBAAe,OAAO,EAAE,gCAAgC,oBAAe,GAAG,GAC7E;AAAA,OACF;AAAA,EAEJ;AAEA,SACE,qBAAC,QACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAS;AAAA,QACT,iBAAiB,EAAE,8BAA8B,cAAc;AAAA,QAC/D,OAAO,IAAI;AAAA,QACX,aACE,IAAI,YACF,oBAAC,OAAI,SAAQ,WAAW,YAAE,yBAAyB,QAAQ,GAAE,IAE7D,oBAAC,OAAI,SAAQ,WAAW,YAAE,2BAA2B,UAAU,GAAE;AAAA,QAGrE,gBACE,iCACG;AAAA,WAAC,UACA,qBAAC,UAAO,MAAK,UAAS,SAAS,MAAM,WAAW,IAAI,GAClD;AAAA,gCAAC,UAAO,MAAM,IAAI;AAAA,YACjB,EAAE,uBAAuB,MAAM;AAAA,aAClC,IACE;AAAA,UACJ;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,SAAS;AAAA,cACT,UAAU;AAAA,cAET,qBACG,EAAE,2CAA2C,gBAAW,IACxD,EAAE,sCAAsC,aAAa;AAAA;AAAA,UAC3D;AAAA,WACF;AAAA;AAAA,IAEJ;AAAA,IACA,qBAAC,YACE;AAAA,gBACC;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS,aAAa,GAAG;AAAA,UACzB,YAAY;AAAA,UACZ,UAAU;AAAA,UACV,UAAU,MAAM,WAAW,KAAK;AAAA;AAAA,MAClC,IAEA,oBAAC,YAAS,KAAU;AAAA,MAErB;AAAA,OACH;AAAA,KACF;AAEJ;",
+  "names": []
+}

package/dist/modules/billing/backend/billing/items/[id]/page.meta.js

@@ -0,0 +1,25 @@
+import React from "react";
+import { Receipt } from "lucide-react";
+const itemIcon = React.createElement(Receipt, { size: 16 });
+const metadata = {
+  requireAuth: true,
+  requireFeatures: ["billing.item.view"],
+  pageTitle: "Billing Item",
+  pageTitleKey: "billing.items.detail.title",
+  pageGroup: "Billing",
+  pageGroupKey: "billing.nav.group",
+  navHidden: true,
+  icon: itemIcon,
+  breadcrumb: [
+    {
+      label: "Billing Items",
+      labelKey: "billing.items.title",
+      href: "/backend/billing/items"
+    },
+    { label: "Item", labelKey: "billing.items.detail.title" }
+  ]
+};
+export {
+  metadata
+};
+//# sourceMappingURL=page.meta.js.map

package/dist/modules/billing/backend/billing/items/[id]/page.meta.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/modules/billing/backend/billing/items/%5Bid%5D/page.meta.ts"],
+  "sourcesContent": ["import React from 'react'\nimport { Receipt } from 'lucide-react'\n\nconst itemIcon = React.createElement(Receipt, { size: 16 })\n\nexport const metadata = {\n  requireAuth: true,\n  requireFeatures: ['billing.item.view'],\n  pageTitle: 'Billing Item',\n  pageTitleKey: 'billing.items.detail.title',\n  pageGroup: 'Billing',\n  pageGroupKey: 'billing.nav.group',\n  navHidden: true,\n  icon: itemIcon,\n  breadcrumb: [\n    {\n      label: 'Billing Items',\n      labelKey: 'billing.items.title',\n      href: '/backend/billing/items',\n    },\n    { label: 'Item', labelKey: 'billing.items.detail.title' },\n  ],\n} as const\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,eAAe;AAExB,MAAM,WAAW,MAAM,cAAc,SAAS,EAAE,MAAM,GAAG,CAAC;AAEnD,MAAM,WAAW;AAAA,EACtB,aAAa;AAAA,EACb,iBAAiB,CAAC,mBAAmB;AAAA,EACrC,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,MACE,OAAO;AAAA,MACP,UAAU;AAAA,MACV,MAAM;AAAA,IACR;AAAA,IACA,EAAE,OAAO,QAAQ,UAAU,6BAA6B;AAAA,EAC1D;AACF;",
+  "names": []
+}