@dainamite/billing 0.17.0

package/dist/modules/billing/backend/billing/items/create/page.js

@@ -0,0 +1,90 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useRouter, useSearchParams } from "next/navigation";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Page, PageBody, PageHeader } from "@open-mercato/ui/backend/Page";
+import { LoadingMessage } from "@open-mercato/ui/backend/detail";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+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";
+function CreateBillingItemPage() {
+  const t = useT();
+  const router = useRouter();
+  const searchParams = useSearchParams();
+  const preselectedAccountId = searchParams.get("billAccountId") ?? "";
+  const [accounts, setAccounts] = React.useState(null);
+  const [submitting, setSubmitting] = React.useState(false);
+  React.useEffect(() => {
+    let cancelled = false;
+    void (async () => {
+      try {
+        const result = await readApiResultOrThrow(
+          "/api/billing/accounts?pageSize=100&sortField=name&sortDir=asc"
+        );
+        if (!cancelled) setAccounts(result.items ?? []);
+      } catch {
+        if (!cancelled) setAccounts([]);
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+  const handleSubmit = React.useCallback(
+    async (payload) => {
+      setSubmitting(true);
+      try {
+        const call = await apiCallOrThrow(
+          "/api/billing/items",
+          {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify(payload)
+          }
+        );
+        const id = call.result?.id;
+        flash(t("billing.items.create.success", "Billing item created"), "success");
+        if (id) {
+          router.push(`/backend/billing/items/${id}`);
+        } else {
+          router.push("/backend/billing/items");
+        }
+      } catch (err) {
+        const { message } = normalizeCrudServerError(err);
+        flash(
+          message || t("billing.items.create.error", "Failed to create item"),
+          "error"
+        );
+      } finally {
+        setSubmitting(false);
+      }
+    },
+    [router, t]
+  );
+  const handleCancel = React.useCallback(() => {
+    router.push("/backend/billing/items");
+  }, [router]);
+  return /* @__PURE__ */ jsxs(Page, { children: [
+    /* @__PURE__ */ jsx(PageHeader, { title: t("billing.items.create.title", "Create Billing Item") }),
+    /* @__PURE__ */ jsx(PageBody, { children: accounts === null ? /* @__PURE__ */ jsx(LoadingMessage, { label: t("billing.items.create.loading", "Loading accounts\u2026") }) : /* @__PURE__ */ jsx(
+      ItemForm,
+      {
+        mode: "create",
+        accountOptions: accounts,
+        initial: preselectedAccountId ? { billAccountId: preselectedAccountId } : void 0,
+        submitting,
+        onSubmit: handleSubmit,
+        onCancel: handleCancel
+      }
+    ) })
+  ] });
+}
+export {
+  CreateBillingItemPage as default
+};
+//# sourceMappingURL=page.js.map

package/dist/modules/billing/backend/billing/items/create/page.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/modules/billing/backend/billing/items/create/page.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { useRouter, useSearchParams } from 'next/navigation'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Page, PageBody, PageHeader } from '@open-mercato/ui/backend/Page'\nimport { LoadingMessage } from '@open-mercato/ui/backend/detail'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport {\n  apiCallOrThrow,\n  readApiResultOrThrow,\n} from '@open-mercato/ui/backend/utils/apiCall'\nimport { normalizeCrudServerError } from '@open-mercato/ui/backend/utils/serverErrors'\nimport { ItemForm, type AccountOption, type AssembledItemPayload } from '../../../../components/ItemForm'\n\n/**\n * `/backend/billing/items/create` \u2014 create a Billing Item.\n *\n * Loads the account list once on mount to drive the account picker.\n * Supports `?billAccountId=<id>` deep-link so the parent account\n * page (when we add an \"Add item\" CTA there) can pre-select.\n *\n * POSTs `/api/billing/items`. On success, navigates to the item's\n * detail page so the operator can edit further if needed.\n */\nexport default function CreateBillingItemPage() {\n  const t = useT()\n  const router = useRouter()\n  const searchParams = useSearchParams()\n  const preselectedAccountId = searchParams.get('billAccountId') ?? ''\n\n  const [accounts, setAccounts] = React.useState<AccountOption[] | null>(null)\n  const [submitting, setSubmitting] = React.useState(false)\n\n  React.useEffect(() => {\n    let cancelled = false\n    void (async () => {\n      try {\n        const result = await readApiResultOrThrow<{ items: AccountOption[] }>(\n          '/api/billing/accounts?pageSize=100&sortField=name&sortDir=asc',\n        )\n        if (!cancelled) setAccounts(result.items ?? [])\n      } catch {\n        if (!cancelled) setAccounts([])\n      }\n    })()\n    return () => {\n      cancelled = true\n    }\n  }, [])\n\n  const handleSubmit = React.useCallback(\n    async (payload: AssembledItemPayload) => {\n      setSubmitting(true)\n      try {\n        const call = await apiCallOrThrow<{ id: string; deduplicated: boolean }>(\n          '/api/billing/items',\n          {\n            method: 'POST',\n            headers: { 'Content-Type': 'application/json' },\n            body: JSON.stringify(payload),\n          },\n        )\n        const id = call.result?.id\n        flash(t('billing.items.create.success', 'Billing item created'), 'success')\n        if (id) {\n          router.push(`/backend/billing/items/${id}`)\n        } else {\n          router.push('/backend/billing/items')\n        }\n      } catch (err) {\n        const { message } = normalizeCrudServerError(err)\n        flash(\n          message || t('billing.items.create.error', 'Failed to create item'),\n          'error',\n        )\n      } finally {\n        setSubmitting(false)\n      }\n    },\n    [router, t],\n  )\n\n  const handleCancel = React.useCallback(() => {\n    router.push('/backend/billing/items')\n  }, [router])\n\n  return (\n    <Page>\n      <PageHeader title={t('billing.items.create.title', 'Create Billing Item')} />\n      <PageBody>\n        {accounts === null ? (\n          <LoadingMessage label={t('billing.items.create.loading', 'Loading accounts\u2026')} />\n        ) : (\n          <ItemForm\n            mode=\"create\"\n            accountOptions={accounts}\n            initial={\n              preselectedAccountId\n                ? { billAccountId: preselectedAccountId }\n                : undefined\n            }\n            submitting={submitting}\n            onSubmit={handleSubmit}\n            onCancel={handleCancel}\n          />\n        )}\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": ";AAuFI,SACE,KADF;AAtFJ,YAAY,WAAW;AACvB,SAAS,WAAW,uBAAuB;AAC3C,SAAS,YAAY;AACrB,SAAS,MAAM,UAAU,kBAAkB;AAC3C,SAAS,sBAAsB;AAC/B,SAAS,aAAa;AACtB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,gCAAgC;AACzC,SAAS,gBAA+D;AAYzD,SAAR,wBAAyC;AAC9C,QAAM,IAAI,KAAK;AACf,QAAM,SAAS,UAAU;AACzB,QAAM,eAAe,gBAAgB;AACrC,QAAM,uBAAuB,aAAa,IAAI,eAAe,KAAK;AAElE,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAiC,IAAI;AAC3E,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAS,KAAK;AAExD,QAAM,UAAU,MAAM;AACpB,QAAI,YAAY;AAChB,UAAM,YAAY;AAChB,UAAI;AACF,cAAM,SAAS,MAAM;AAAA,UACnB;AAAA,QACF;AACA,YAAI,CAAC,UAAW,aAAY,OAAO,SAAS,CAAC,CAAC;AAAA,MAChD,QAAQ;AACN,YAAI,CAAC,UAAW,aAAY,CAAC,CAAC;AAAA,MAChC;AAAA,IACF,GAAG;AACH,WAAO,MAAM;AACX,kBAAY;AAAA,IACd;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,eAAe,MAAM;AAAA,IACzB,OAAO,YAAkC;AACvC,oBAAc,IAAI;AAClB,UAAI;AACF,cAAM,OAAO,MAAM;AAAA,UACjB;AAAA,UACA;AAAA,YACE,QAAQ;AAAA,YACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,YAC9C,MAAM,KAAK,UAAU,OAAO;AAAA,UAC9B;AAAA,QACF;AACA,cAAM,KAAK,KAAK,QAAQ;AACxB,cAAM,EAAE,gCAAgC,sBAAsB,GAAG,SAAS;AAC1E,YAAI,IAAI;AACN,iBAAO,KAAK,0BAA0B,EAAE,EAAE;AAAA,QAC5C,OAAO;AACL,iBAAO,KAAK,wBAAwB;AAAA,QACtC;AAAA,MACF,SAAS,KAAK;AACZ,cAAM,EAAE,QAAQ,IAAI,yBAAyB,GAAG;AAChD;AAAA,UACE,WAAW,EAAE,8BAA8B,uBAAuB;AAAA,UAClE;AAAA,QACF;AAAA,MACF,UAAE;AACA,sBAAc,KAAK;AAAA,MACrB;AAAA,IACF;AAAA,IACA,CAAC,QAAQ,CAAC;AAAA,EACZ;AAEA,QAAM,eAAe,MAAM,YAAY,MAAM;AAC3C,WAAO,KAAK,wBAAwB;AAAA,EACtC,GAAG,CAAC,MAAM,CAAC;AAEX,SACE,qBAAC,QACC;AAAA,wBAAC,cAAW,OAAO,EAAE,8BAA8B,qBAAqB,GAAG;AAAA,IAC3E,oBAAC,YACE,uBAAa,OACZ,oBAAC,kBAAe,OAAO,EAAE,gCAAgC,wBAAmB,GAAG,IAE/E;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,gBAAgB;AAAA,QAChB,SACE,uBACI,EAAE,eAAe,qBAAqB,IACtC;AAAA,QAEN;AAAA,QACA,UAAU;AAAA,QACV,UAAU;AAAA;AAAA,IACZ,GAEJ;AAAA,KACF;AAEJ;",
+  "names": []
+}

package/dist/modules/billing/backend/billing/items/create/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.manage"],
+  pageTitle: "Create Billing Item",
+  pageTitleKey: "billing.items.create.title",
+  pageGroup: "Billing",
+  pageGroupKey: "billing.nav.group",
+  navHidden: true,
+  icon: itemIcon,
+  breadcrumb: [
+    {
+      label: "Billing Items",
+      labelKey: "billing.items.title",
+      href: "/backend/billing/items"
+    },
+    { label: "Create", labelKey: "billing.items.create.title" }
+  ]
+};
+export {
+  metadata
+};
+//# sourceMappingURL=page.meta.js.map

package/dist/modules/billing/backend/billing/items/create/page.meta.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/modules/billing/backend/billing/items/create/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.manage'],\n  pageTitle: 'Create Billing Item',\n  pageTitleKey: 'billing.items.create.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: 'Create', labelKey: 'billing.items.create.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,qBAAqB;AAAA,EACvC,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,UAAU,UAAU,6BAA6B;AAAA,EAC5D;AACF;",
+  "names": []
+}

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

@@ -0,0 +1,208 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import Link from "next/link";
+import { useRouter, useSearchParams } from "next/navigation";
+import { Plus } from "lucide-react";
+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 { Button } from "@open-mercato/ui/primitives/button";
+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 typeVariant(type) {
+  switch (type) {
+    case "recurring":
+      return "success";
+    case "one_time":
+      return "warning";
+    case "usage":
+      return "info";
+    default:
+      return "default";
+  }
+}
+function BillingItemsListPage() {
+  const t = useT();
+  const router = useRouter();
+  const searchParams = useSearchParams();
+  const initialAccountId = searchParams.get("billAccountId") ?? "";
+  const [rows, setRows] = React.useState([]);
+  const [page, setPage] = React.useState(1);
+  const [pageSize] = React.useState(25);
+  const [filters, setFilters] = React.useState(
+    initialAccountId ? { billAccountId: initialAccountId } : {}
+  );
+  const [total, setTotal] = React.useState(0);
+  const [totalPages, setTotalPages] = React.useState(1);
+  const [loading, setLoading] = React.useState(true);
+  const [search, setSearch] = React.useState("");
+  const accountNames = React.useMemo(() => {
+    const map = {};
+    for (const r of rows) {
+      if (r.bill_account_name) map[r.bill_account_id] = r.bill_account_name;
+    }
+    return map;
+  }, [rows]);
+  const filterDefs = React.useMemo(
+    () => [
+      {
+        id: "type",
+        label: t("billing.items.filters.type", "Type"),
+        type: "select",
+        options: [
+          { value: "one_time", label: t("billing.items.type.one_time", "One-time") },
+          { value: "recurring", label: t("billing.items.type.recurring", "Recurring") },
+          { value: "usage", label: t("billing.items.type.usage", "Usage") }
+        ]
+      },
+      {
+        id: "billAccountId",
+        label: t("billing.items.filters.account", "Billing Account"),
+        type: "text",
+        formatValue: (id) => accountNames[id] ?? id
+      },
+      {
+        id: "subscriptionId",
+        label: t("billing.items.filters.subscription", "Subscription ID"),
+        type: "text"
+      },
+      {
+        id: "isActive",
+        label: t("billing.items.filters.active", "Active"),
+        type: "select",
+        options: [
+          { value: "true", label: t("billing.common.active", "Active") },
+          { value: "false", label: t("billing.common.inactive", "Inactive") }
+        ]
+      }
+    ],
+    [t, accountNames]
+  );
+  const loadRows = React.useCallback(async () => {
+    setLoading(true);
+    try {
+      const params = new URLSearchParams({
+        page: String(page),
+        pageSize: String(pageSize),
+        sortField: "createdAt",
+        sortDir: "desc"
+      });
+      if (search.trim()) params.set("search", search.trim());
+      if (typeof filters.type === "string" && filters.type) {
+        params.set("type", filters.type);
+      }
+      if (typeof filters.billAccountId === "string" && filters.billAccountId.trim()) {
+        params.set("billAccountId", filters.billAccountId.trim());
+      }
+      if (typeof filters.subscriptionId === "string" && filters.subscriptionId.trim()) {
+        params.set("subscriptionId", filters.subscriptionId.trim());
+      }
+      if (filters.isActive === "true" || filters.isActive === "false") {
+        params.set("isActive", String(filters.isActive));
+      }
+      const result = await readApiResultOrThrow(
+        `/api/billing/items?${params.toString()}`
+      );
+      setRows(result.items ?? []);
+      setTotal(result.total ?? 0);
+      setTotalPages(result.totalPages ?? 1);
+    } finally {
+      setLoading(false);
+    }
+  }, [filters.billAccountId, filters.isActive, filters.subscriptionId, filters.type, page, pageSize, search]);
+  React.useEffect(() => {
+    void loadRows();
+  }, [loadRows]);
+  const columns = React.useMemo(
+    () => [
+      {
+        accessorKey: "description",
+        header: t("billing.items.columns.description", "Description"),
+        cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-primary", children: row.original.description })
+      },
+      {
+        accessorKey: "type",
+        header: t("billing.items.columns.type", "Type"),
+        cell: ({ row }) => /* @__PURE__ */ jsx(Tag, { variant: typeVariant(row.original.type), children: row.original.type })
+      },
+      {
+        accessorKey: "bill_account_id",
+        header: t("billing.items.columns.account", "Account"),
+        cell: ({ row }) => /* @__PURE__ */ jsx(
+          Link,
+          {
+            href: `/backend/billing/accounts/${row.original.bill_account_id}`,
+            className: "text-sm text-primary hover:underline",
+            onClick: (e) => e.stopPropagation(),
+            children: row.original.bill_account_name ?? row.original.bill_account_id
+          }
+        )
+      },
+      {
+        accessorKey: "bill_start_date",
+        header: t("billing.items.columns.start", "Start"),
+        cell: ({ row }) => formatDate(row.original.bill_start_date)
+      },
+      {
+        accessorKey: "bill_end_date",
+        header: t("billing.items.columns.end", "End"),
+        cell: ({ row }) => formatDate(row.original.bill_end_date)
+      },
+      {
+        accessorKey: "uom_code",
+        header: t("billing.items.columns.uom", "UoM"),
+        cell: ({ row }) => row.original.uom_code ?? "\u2014"
+      },
+      {
+        accessorKey: "is_active",
+        header: t("billing.items.columns.status", "Status"),
+        cell: ({ row }) => row.original.is_active ? /* @__PURE__ */ jsx(Tag, { variant: "success", children: t("billing.common.active", "Active") }) : /* @__PURE__ */ jsx(Tag, { variant: "default", children: t("billing.common.inactive", "Inactive") })
+      }
+    ],
+    [t]
+  );
+  return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(
+    DataTable,
+    {
+      title: t("billing.items.title", "Billing Items"),
+      actions: /* @__PURE__ */ jsx(Button, { asChild: true, children: /* @__PURE__ */ jsxs(Link, { href: "/backend/billing/items/create", children: [
+        /* @__PURE__ */ jsx(Plus, { size: 16 }),
+        t("billing.items.create.action", "New item")
+      ] }) }),
+      refreshButton: {
+        label: t("billing.common.refresh", "Refresh"),
+        onRefresh: loadRows,
+        isRefreshing: loading
+      },
+      columnChooser: { auto: true },
+      perspective: { tableId: "billing-items" },
+      columns,
+      data: rows,
+      onRowClick: (row) => router.push(`/backend/billing/items/${row.id}`),
+      isLoading: loading,
+      pagination: {
+        page,
+        pageSize,
+        total,
+        totalPages,
+        onPageChange: setPage
+      },
+      filters: filterDefs,
+      filterValues: filters,
+      onFiltersApply: setFilters,
+      onFiltersClear: () => setFilters({}),
+      searchValue: search,
+      onSearchChange: setSearch
+    }
+  ) }) });
+}
+export {
+  BillingItemsListPage as default
+};
+//# sourceMappingURL=page.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/billing/backend/billing/items/page.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { useRouter, useSearchParams } from 'next/navigation'\nimport { Plus } from 'lucide-react'\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 { Button } from '@open-mercato/ui/primitives/button'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\n\n/**\n * Billing Items admin list.\n *\n * Filters: type (one_time / recurring / usage), bill account, active.\n * Items are typically integration-driven (CPQ connector creates them\n * on subscription events), so the most common UI use is *inspecting*\n * what's there \u2014 but the \"New item\" CTA is available for manual\n * entry / one-off adjustments.\n */\n\n// API list rows are snake_case (see `api/items/route.ts` `fields`).\ntype BillingItemRow = {\n  id: string\n  bill_account_id: string\n  bill_account_name: string | null\n  type: 'one_time' | 'recurring' | 'usage'\n  description: string\n  bill_start_date: string\n  bill_end_date: string | null\n  uom_code: string | null\n  subscription_id: string | null\n  source_ref: string | null\n  is_active: boolean\n  created_at: string\n}\n\ntype ListResponse = {\n  items: BillingItemRow[]\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 typeVariant(\n  type: BillingItemRow['type'],\n): 'default' | 'success' | 'warning' | 'info' {\n  switch (type) {\n    case 'recurring':\n      return 'success'\n    case 'one_time':\n      return 'warning'\n    case 'usage':\n      return 'info'\n    default:\n      return 'default'\n  }\n}\n\nexport default function BillingItemsListPage() {\n  const t = useT()\n  const router = useRouter()\n  const searchParams = useSearchParams()\n  // Deep-link from the account detail page: `?billAccountId=<id>` pre-\n  // filters the list so the operator lands on \"items for this account\".\n  const initialAccountId = searchParams.get('billAccountId') ?? ''\n\n  const [rows, setRows] = React.useState<BillingItemRow[]>([])\n  const [page, setPage] = React.useState(1)\n  const [pageSize] = React.useState(25)\n  const [filters, setFilters] = React.useState<FilterValues>(\n    initialAccountId ? { billAccountId: initialAccountId } : {},\n  )\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const [loading, setLoading] = React.useState(true)\n  const [search, setSearch] = React.useState('')\n\n  // Resolve account id \u2192 name from the loaded rows (each carries\n  // `bill_account_name` from the items route's afterList hook) so the\n  // active `billAccountId` filter chip shows a name, not a UUID.\n  const accountNames = React.useMemo(() => {\n    const map: Record<string, string> = {}\n    for (const r of rows) {\n      if (r.bill_account_name) map[r.bill_account_id] = r.bill_account_name\n    }\n    return map\n  }, [rows])\n\n  const filterDefs = React.useMemo<FilterDef[]>(\n    () => [\n      {\n        id: 'type',\n        label: t('billing.items.filters.type', 'Type'),\n        type: 'select',\n        options: [\n          { value: 'one_time', label: t('billing.items.type.one_time', 'One-time') },\n          { value: 'recurring', label: t('billing.items.type.recurring', 'Recurring') },\n          { value: 'usage', label: t('billing.items.type.usage', 'Usage') },\n        ],\n      },\n      {\n        id: 'billAccountId',\n        label: t('billing.items.filters.account', 'Billing Account'),\n        type: 'text',\n        formatValue: (id: string) => accountNames[id] ?? id,\n      },\n      {\n        id: 'subscriptionId',\n        label: t('billing.items.filters.subscription', 'Subscription ID'),\n        type: 'text',\n      },\n      {\n        id: 'isActive',\n        label: t('billing.items.filters.active', 'Active'),\n        type: 'select',\n        options: [\n          { value: 'true', label: t('billing.common.active', 'Active') },\n          { value: 'false', label: t('billing.common.inactive', 'Inactive') },\n        ],\n      },\n    ],\n    [t, accountNames],\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        sortField: 'createdAt',\n        sortDir: 'desc',\n      })\n      if (search.trim()) params.set('search', search.trim())\n      if (typeof filters.type === 'string' && filters.type) {\n        params.set('type', filters.type)\n      }\n      if (typeof filters.billAccountId === 'string' && filters.billAccountId.trim()) {\n        params.set('billAccountId', filters.billAccountId.trim())\n      }\n      if (typeof filters.subscriptionId === 'string' && filters.subscriptionId.trim()) {\n        params.set('subscriptionId', filters.subscriptionId.trim())\n      }\n      if (filters.isActive === 'true' || filters.isActive === 'false') {\n        params.set('isActive', String(filters.isActive))\n      }\n      const result = await readApiResultOrThrow<ListResponse>(\n        `/api/billing/items?${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.billAccountId, filters.isActive, filters.subscriptionId, filters.type, page, pageSize, search])\n\n  React.useEffect(() => {\n    void loadRows()\n  }, [loadRows])\n\n  const columns = React.useMemo<ColumnDef<BillingItemRow>[]>(\n    () => [\n      {\n        accessorKey: 'description',\n        header: t('billing.items.columns.description', 'Description'),\n        cell: ({ row }) => (\n          <span className=\"text-sm font-medium text-primary\">\n            {row.original.description}\n          </span>\n        ),\n      },\n      {\n        accessorKey: 'type',\n        header: t('billing.items.columns.type', 'Type'),\n        cell: ({ row }) => (\n          <Tag variant={typeVariant(row.original.type)}>{row.original.type}</Tag>\n        ),\n      },\n      {\n        accessorKey: 'bill_account_id',\n        header: t('billing.items.columns.account', 'Account'),\n        cell: ({ row }) => (\n          <Link\n            href={`/backend/billing/accounts/${row.original.bill_account_id}`}\n            className=\"text-sm text-primary hover:underline\"\n            onClick={(e) => e.stopPropagation()}\n          >\n            {row.original.bill_account_name ?? row.original.bill_account_id}\n          </Link>\n        ),\n      },\n      {\n        accessorKey: 'bill_start_date',\n        header: t('billing.items.columns.start', 'Start'),\n        cell: ({ row }) => formatDate(row.original.bill_start_date),\n      },\n      {\n        accessorKey: 'bill_end_date',\n        header: t('billing.items.columns.end', 'End'),\n        cell: ({ row }) => formatDate(row.original.bill_end_date),\n      },\n      {\n        accessorKey: 'uom_code',\n        header: t('billing.items.columns.uom', 'UoM'),\n        cell: ({ row }) => row.original.uom_code ?? '\u2014',\n      },\n      {\n        accessorKey: 'is_active',\n        header: t('billing.items.columns.status', 'Status'),\n        cell: ({ row }) =>\n          row.original.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    ],\n    [t],\n  )\n\n  return (\n    <Page>\n      <PageBody>\n        <DataTable\n          title={t('billing.items.title', 'Billing Items')}\n          actions={\n            <Button asChild>\n              <Link href=\"/backend/billing/items/create\">\n                <Plus size={16} />\n                {t('billing.items.create.action', 'New item')}\n              </Link>\n            </Button>\n          }\n          refreshButton={{\n            label: t('billing.common.refresh', 'Refresh'),\n            onRefresh: loadRows,\n            isRefreshing: loading,\n          }}\n          columnChooser={{ auto: true }}\n          perspective={{ tableId: 'billing-items' }}\n          columns={columns}\n          data={rows}\n          onRowClick={(row) => router.push(`/backend/billing/items/${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/items/page.meta.js

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/billing/backend/billing/items/page.meta.ts"],
+  "sourcesContent": ["import React from 'react'\nimport { Receipt } from 'lucide-react'\n\nconst itemsIcon = React.createElement(Receipt, { size: 16 })\n\nexport const metadata = {\n  requireAuth: true,\n  requireFeatures: ['billing.item.view'],\n  pageTitle: 'Billing Items',\n  pageTitleKey: 'billing.items.title',\n  pageGroup: 'Billing',\n  pageGroupKey: 'billing.nav.group',\n  pageOrder: 20,\n  icon: itemsIcon,\n  breadcrumb: [{ label: 'Billing Items', labelKey: 'billing.items.title' }],\n} as const\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,eAAe;AAExB,MAAM,YAAY,MAAM,cAAc,SAAS,EAAE,MAAM,GAAG,CAAC;AAEpD,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,CAAC,EAAE,OAAO,iBAAiB,UAAU,sBAAsB,CAAC;AAC1E;",
+  "names": []
+}