@dainamite/cpq 0.2.2

package/dist/modules/cpq/backend/cpq/inventory/AssetsTable.js

@@ -0,0 +1,136 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { useRouter } from "next/navigation";
+import { DataTable } from "@open-mercato/ui/backend/DataTable";
+import { RowActions } from "@open-mercato/ui/backend/RowActions";
+import { useCpqListData } from "../../../components/CpqListView.js";
+import { useCpqRowActions } from "../../../components/useCpqRowActions.js";
+import { StatusBadge, formatCurrency } from "./shared.js";
+const PAGE_SIZE = 50;
+const ASSET_STATUS_OPTIONS = [
+  { value: "pending", label: "Pending" },
+  { value: "delivered", label: "Delivered" },
+  { value: "active", label: "Active" },
+  { value: "returned", label: "Returned" },
+  { value: "cancelled", label: "Cancelled" }
+];
+function buildFilterParams(values, params) {
+  if (typeof values.status === "string" && values.status) {
+    params.set("status", values.status);
+  }
+  if (typeof values.assetType === "string" && values.assetType.trim()) {
+    params.set("assetType", values.assetType.trim());
+  }
+}
+function AssetsTable() {
+  const t = useT();
+  const router = useRouter();
+  const data = useCpqListData({
+    endpoint: "/api/cpq/inventory/assets",
+    pageSize: PAGE_SIZE,
+    buildFilterParams,
+    loadErrorMessage: t("cpq.inventory.assets.error.load", "Failed to load assets")
+  });
+  const rowActionsApi = useCpqRowActions({
+    endpoint: "/api/cpq/inventory/assets",
+    entityName: t("cpq.inventory.assets.entityName", "asset"),
+    editHref: (row) => `/backend/cpq/inventory/assets/${row.id}`,
+    onReload: data.reload,
+    canDelete: (row) => row.status === "pending" || row.status === "cancelled"
+  });
+  const filters = React.useMemo(
+    () => [
+      {
+        id: "status",
+        label: t("cpq.inventory.filters.status", "Status"),
+        type: "select",
+        options: [...ASSET_STATUS_OPTIONS]
+      },
+      {
+        id: "assetType",
+        label: t("cpq.inventory.filters.assetType", "Asset Type"),
+        type: "text"
+      }
+    ],
+    [t]
+  );
+  const columns = React.useMemo(
+    () => [
+      {
+        accessorKey: "code",
+        header: t("cpq.inventory.assets.table.code", "Code"),
+        cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: row.original.code })
+      },
+      {
+        accessorKey: "name",
+        header: t("cpq.inventory.assets.table.name", "Name"),
+        cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: "font-medium text-primary", children: row.original.name })
+      },
+      {
+        accessorKey: "assetType",
+        header: t("cpq.inventory.assets.table.type", "Type")
+      },
+      {
+        accessorKey: "status",
+        header: t("cpq.inventory.assets.table.status", "Status"),
+        cell: ({ row }) => /* @__PURE__ */ jsx(StatusBadge, { status: row.original.status })
+      },
+      {
+        accessorKey: "purchasePrice",
+        header: t("cpq.inventory.assets.table.price", "Price"),
+        cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: "font-mono", children: formatCurrency(row.original.purchasePrice, row.original.currencyCode || "USD") })
+      },
+      {
+        accessorKey: "createdAt",
+        header: t("cpq.inventory.assets.table.created", "Created"),
+        cell: ({ row }) => /* @__PURE__ */ jsx("span", { children: row.original.createdAt ? new Date(row.original.createdAt).toLocaleDateString() : "\u2014" })
+      }
+    ],
+    [t]
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    rowActionsApi.ConfirmDialogElement,
+    /* @__PURE__ */ jsx(
+      DataTable,
+      {
+        title: t("cpq.inventory.assets", "Assets"),
+        refreshButton: {
+          label: t("cpq.inventory.actions.refresh", "Refresh"),
+          onRefresh: data.reload,
+          isRefreshing: data.isLoading
+        },
+        columns,
+        data: data.rows,
+        searchValue: data.search,
+        onSearchChange: data.setSearch,
+        searchPlaceholder: t("cpq.inventory.assets.search.placeholder", "Search assets..."),
+        filters,
+        filterValues: data.filterValues,
+        onFiltersApply: data.setFilterValues,
+        onFiltersClear: data.clearFilters,
+        sorting: data.sorting,
+        onSortingChange: data.setSorting,
+        onRowClick: (row) => router.push(`/backend/cpq/inventory/assets/${row.id}`),
+        rowActions: (row) => /* @__PURE__ */ jsx(RowActions, { items: rowActionsApi.buildItems(row) }),
+        perspective: { tableId: "cpq.inventory.assets.list" },
+        columnChooser: { auto: true },
+        pagination: {
+          page: data.page,
+          pageSize: PAGE_SIZE,
+          total: data.total,
+          totalPages: data.totalPages,
+          onPageChange: data.setPage,
+          durationMs: data.durationMs
+        },
+        isLoading: data.isLoading,
+        emptyState: /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground", children: t("cpq.inventory.assets.empty", "No assets found.") })
+      }
+    )
+  ] });
+}
+export {
+  AssetsTable
+};
+//# sourceMappingURL=AssetsTable.js.map

package/dist/modules/cpq/backend/cpq/inventory/AssetsTable.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/cpq/backend/cpq/inventory/AssetsTable.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useRouter } from 'next/navigation'\nimport type { ColumnDef } from '@tanstack/react-table'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'\nimport { useCpqListData } from '../../../components/CpqListView'\nimport { useCpqRowActions } from '../../../components/useCpqRowActions'\nimport { StatusBadge, formatCurrency } from './shared'\n\ntype Asset = {\n  id: string\n  code: string\n  name: string\n  status: string\n  assetType: string\n  purchasePrice: number\n  currencyCode: string\n  createdAt: string\n}\n\nconst PAGE_SIZE = 50\n\nconst ASSET_STATUS_OPTIONS = [\n  { value: 'pending', label: 'Pending' },\n  { value: 'delivered', label: 'Delivered' },\n  { value: 'active', label: 'Active' },\n  { value: 'returned', label: 'Returned' },\n  { value: 'cancelled', label: 'Cancelled' },\n] as const\n\nfunction buildFilterParams(values: FilterValues, params: URLSearchParams) {\n  if (typeof values.status === 'string' && values.status) {\n    params.set('status', values.status)\n  }\n  if (typeof values.assetType === 'string' && values.assetType.trim()) {\n    params.set('assetType', values.assetType.trim())\n  }\n}\n\nexport function AssetsTable() {\n  const t = useT()\n  const router = useRouter()\n\n  const data = useCpqListData<Asset>({\n    endpoint: '/api/cpq/inventory/assets',\n    pageSize: PAGE_SIZE,\n    buildFilterParams,\n    loadErrorMessage: t('cpq.inventory.assets.error.load', 'Failed to load assets'),\n  })\n\n  // Assets follow a `delivered \u2192 active \u2192 returned` lifecycle; deletion only\n  // makes sense before the asset is provisioned, so gate by status.\n  const rowActionsApi = useCpqRowActions<Asset>({\n    endpoint: '/api/cpq/inventory/assets',\n    entityName: t('cpq.inventory.assets.entityName', 'asset'),\n    editHref: (row) => `/backend/cpq/inventory/assets/${row.id}`,\n    onReload: data.reload,\n    canDelete: (row) => row.status === 'pending' || row.status === 'cancelled',\n  })\n\n  const filters = React.useMemo<FilterDef[]>(\n    () => [\n      {\n        id: 'status',\n        label: t('cpq.inventory.filters.status', 'Status'),\n        type: 'select',\n        options: [...ASSET_STATUS_OPTIONS],\n      },\n      {\n        id: 'assetType',\n        label: t('cpq.inventory.filters.assetType', 'Asset Type'),\n        type: 'text',\n      },\n    ],\n    [t],\n  )\n\n  const columns = React.useMemo<ColumnDef<Asset>[]>(\n    () => [\n      {\n        accessorKey: 'code',\n        header: t('cpq.inventory.assets.table.code', 'Code'),\n        cell: ({ row }) => <span className=\"text-muted-foreground\">{row.original.code}</span>,\n      },\n      {\n        accessorKey: 'name',\n        header: t('cpq.inventory.assets.table.name', 'Name'),\n        cell: ({ row }) => <span className=\"font-medium text-primary\">{row.original.name}</span>,\n      },\n      {\n        accessorKey: 'assetType',\n        header: t('cpq.inventory.assets.table.type', 'Type'),\n      },\n      {\n        accessorKey: 'status',\n        header: t('cpq.inventory.assets.table.status', 'Status'),\n        cell: ({ row }) => <StatusBadge status={row.original.status} />,\n      },\n      {\n        accessorKey: 'purchasePrice',\n        header: t('cpq.inventory.assets.table.price', 'Price'),\n        cell: ({ row }) => (\n          <span className=\"font-mono\">\n            {formatCurrency(row.original.purchasePrice, row.original.currencyCode || 'USD')}\n          </span>\n        ),\n      },\n      {\n        accessorKey: 'createdAt',\n        header: t('cpq.inventory.assets.table.created', 'Created'),\n        cell: ({ row }) => (\n          <span>\n            {row.original.createdAt ? new Date(row.original.createdAt).toLocaleDateString() : '\u2014'}\n          </span>\n        ),\n      },\n    ],\n    [t],\n  )\n\n  return (\n    <>\n      {rowActionsApi.ConfirmDialogElement}\n      <DataTable<Asset>\n      title={t('cpq.inventory.assets', 'Assets')}\n      refreshButton={{\n        label: t('cpq.inventory.actions.refresh', 'Refresh'),\n        onRefresh: data.reload,\n        isRefreshing: data.isLoading,\n      }}\n      columns={columns}\n      data={data.rows}\n      searchValue={data.search}\n      onSearchChange={data.setSearch}\n      searchPlaceholder={t('cpq.inventory.assets.search.placeholder', 'Search assets...')}\n      filters={filters}\n      filterValues={data.filterValues}\n      onFiltersApply={data.setFilterValues}\n      onFiltersClear={data.clearFilters}\n      sorting={data.sorting}\n      onSortingChange={data.setSorting}\n      onRowClick={(row) => router.push(`/backend/cpq/inventory/assets/${row.id}`)}\n      rowActions={(row) => <RowActions items={rowActionsApi.buildItems(row)} />}\n      perspective={{ tableId: 'cpq.inventory.assets.list' }}\n      columnChooser={{ auto: true }}\n      pagination={{\n        page: data.page,\n        pageSize: PAGE_SIZE,\n        total: data.total,\n        totalPages: data.totalPages,\n        onPageChange: data.setPage,\n        durationMs: data.durationMs,\n      }}\n      isLoading={data.isLoading}\n      emptyState={\n        <div className=\"rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground\">\n          {t('cpq.inventory.assets.empty', 'No assets found.')}\n        </div>\n      }\n    />\n    </>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/cpq/backend/cpq/inventory/SubscriptionsTable.js

@@ -0,0 +1,185 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { useRouter } from "next/navigation";
+import { DataTable } from "@open-mercato/ui/backend/DataTable";
+import { RowActions } from "@open-mercato/ui/backend/RowActions";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@open-mercato/ui/primitives/select";
+import { useCpqListData } from "../../../components/CpqListView.js";
+import { useCpqRowActions } from "../../../components/useCpqRowActions.js";
+import { StatusBadge, formatCurrency } from "./shared.js";
+const EXPIRING_WINDOWS = [
+  { value: "all", label: "All subscriptions" },
+  { value: "7", label: "Expiring in 7 days" },
+  { value: "14", label: "Expiring in 14 days" },
+  { value: "30", label: "Expiring in 30 days" },
+  { value: "60", label: "Expiring in 60 days" },
+  { value: "90", label: "Expiring in 90 days" }
+];
+const PAGE_SIZE = 50;
+const SUBSCRIPTION_STATUS_OPTIONS = [
+  { value: "pending", label: "Pending" },
+  { value: "active", label: "Active" },
+  { value: "suspended", label: "Suspended" },
+  { value: "terminated", label: "Terminated" },
+  { value: "expired", label: "Expired" },
+  { value: "cancelled", label: "Cancelled" }
+];
+function buildFilterParams(values, params) {
+  if (typeof values.status === "string" && values.status) {
+    params.set("status", values.status);
+  }
+  if (typeof values.billingCycle === "string" && values.billingCycle.trim()) {
+    params.set("billingCycle", values.billingCycle.trim());
+  }
+  if (typeof values.expiringWithinDays === "string" && values.expiringWithinDays) {
+    params.set("expiringWithinDays", values.expiringWithinDays);
+  }
+}
+function SubscriptionsTable() {
+  const t = useT();
+  const router = useRouter();
+  const data = useCpqListData({
+    endpoint: "/api/cpq/inventory/subscriptions",
+    pageSize: PAGE_SIZE,
+    buildFilterParams,
+    loadErrorMessage: t("cpq.inventory.subscriptions.error.load", "Failed to load subscriptions")
+  });
+  const rowActionsApi = useCpqRowActions({
+    endpoint: "/api/cpq/inventory/subscriptions",
+    entityName: t("cpq.inventory.subscriptions.entityName", "subscription"),
+    editHref: (row) => `/backend/cpq/inventory/subscriptions/${row.id}`,
+    onReload: data.reload,
+    canDelete: (row) => row.status !== "active"
+  });
+  const filters = React.useMemo(
+    () => [
+      {
+        id: "status",
+        label: t("cpq.inventory.filters.status", "Status"),
+        type: "select",
+        options: [...SUBSCRIPTION_STATUS_OPTIONS]
+      },
+      {
+        id: "billingCycle",
+        label: t("cpq.inventory.filters.billingCycle", "Billing Cycle"),
+        type: "text"
+      },
+      {
+        id: "expiringWithinDays",
+        label: t("cpq.inventory.filters.expiringWithinDays", "Expiring within (days)"),
+        type: "select",
+        // Pick from common renewal-watch windows. Backend caps at 365.
+        options: [
+          { value: "7", label: "7 days" },
+          { value: "14", label: "14 days" },
+          { value: "30", label: "30 days" },
+          { value: "60", label: "60 days" },
+          { value: "90", label: "90 days" }
+        ]
+      }
+    ],
+    [t]
+  );
+  const columns = React.useMemo(
+    () => [
+      {
+        accessorKey: "code",
+        header: t("cpq.inventory.subscriptions.table.code", "Code"),
+        cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: row.original.code })
+      },
+      {
+        accessorKey: "name",
+        header: t("cpq.inventory.subscriptions.table.name", "Name"),
+        cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: "font-medium text-primary", children: row.original.name })
+      },
+      {
+        accessorKey: "status",
+        header: t("cpq.inventory.subscriptions.table.status", "Status"),
+        cell: ({ row }) => /* @__PURE__ */ jsx(StatusBadge, { status: row.original.status })
+      },
+      {
+        id: "mrc",
+        header: t("cpq.inventory.subscriptions.table.mrc", "MRC"),
+        cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: "font-mono", children: formatCurrency(row.original.mrcAmount, row.original.currencyCode || "USD") })
+      },
+      {
+        accessorKey: "billingCycle",
+        header: t("cpq.inventory.subscriptions.table.billing", "Billing")
+      },
+      {
+        accessorKey: "startDate",
+        header: t("cpq.inventory.subscriptions.table.startDate", "Start Date"),
+        cell: ({ row }) => /* @__PURE__ */ jsx("span", { children: row.original.startDate ? new Date(row.original.startDate).toLocaleDateString() : "\u2014" })
+      },
+      {
+        accessorKey: "currentTermEnd",
+        header: t("cpq.inventory.subscriptions.table.termEnd", "Term End"),
+        cell: ({ row }) => /* @__PURE__ */ jsx("span", { children: row.original.currentTermEnd ? new Date(row.original.currentTermEnd).toLocaleDateString() : "\u2014" })
+      }
+    ],
+    [t]
+  );
+  const currentExpiring = typeof data.filterValues.expiringWithinDays === "string" && data.filterValues.expiringWithinDays ? data.filterValues.expiringWithinDays : "all";
+  const onExpiringChange = (value) => {
+    const next = { ...data.filterValues };
+    if (value && value !== "all") next.expiringWithinDays = value;
+    else delete next.expiringWithinDays;
+    data.setFilterValues(next);
+  };
+  const expiringPicker = /* @__PURE__ */ jsxs(Select, { value: currentExpiring, onValueChange: onExpiringChange, children: [
+    /* @__PURE__ */ jsx(SelectTrigger, { className: "h-9 w-[200px]", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "All subscriptions" }) }),
+    /* @__PURE__ */ jsx(SelectContent, { children: EXPIRING_WINDOWS.map((w) => /* @__PURE__ */ jsx(SelectItem, { value: w.value, children: w.label }, w.value)) })
+  ] });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    rowActionsApi.ConfirmDialogElement,
+    /* @__PURE__ */ jsx(
+      DataTable,
+      {
+        title: t("cpq.inventory.subscriptions", "Subscriptions"),
+        actions: expiringPicker,
+        refreshButton: {
+          label: t("cpq.inventory.actions.refresh", "Refresh"),
+          onRefresh: data.reload,
+          isRefreshing: data.isLoading
+        },
+        columns,
+        data: data.rows,
+        searchValue: data.search,
+        onSearchChange: data.setSearch,
+        searchPlaceholder: t("cpq.inventory.subscriptions.search.placeholder", "Search subscriptions..."),
+        filters,
+        filterValues: data.filterValues,
+        onFiltersApply: data.setFilterValues,
+        onFiltersClear: data.clearFilters,
+        sorting: data.sorting,
+        onSortingChange: data.setSorting,
+        onRowClick: (row) => router.push(`/backend/cpq/inventory/subscriptions/${row.id}`),
+        rowActions: (row) => /* @__PURE__ */ jsx(RowActions, { items: rowActionsApi.buildItems(row) }),
+        perspective: { tableId: "cpq.inventory.subscriptions.list" },
+        columnChooser: { auto: true },
+        pagination: {
+          page: data.page,
+          pageSize: PAGE_SIZE,
+          total: data.total,
+          totalPages: data.totalPages,
+          onPageChange: data.setPage,
+          durationMs: data.durationMs
+        },
+        isLoading: data.isLoading,
+        emptyState: /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground", children: t("cpq.inventory.subscriptions.empty", "No subscriptions found.") })
+      }
+    )
+  ] });
+}
+export {
+  SubscriptionsTable
+};
+//# sourceMappingURL=SubscriptionsTable.js.map

package/dist/modules/cpq/backend/cpq/inventory/SubscriptionsTable.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/cpq/backend/cpq/inventory/SubscriptionsTable.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useRouter } from 'next/navigation'\nimport type { ColumnDef } from '@tanstack/react-table'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { useCpqListData } from '../../../components/CpqListView'\nimport { useCpqRowActions } from '../../../components/useCpqRowActions'\nimport { StatusBadge, formatCurrency } from './shared'\n\n// `all` is a sentinel value because Radix Select disallows empty strings\n// as option values. We map it back to \"no filter\" before writing to the\n// query.\nconst EXPIRING_WINDOWS = [\n  { value: 'all', label: 'All subscriptions' },\n  { value: '7', label: 'Expiring in 7 days' },\n  { value: '14', label: 'Expiring in 14 days' },\n  { value: '30', label: 'Expiring in 30 days' },\n  { value: '60', label: 'Expiring in 60 days' },\n  { value: '90', label: 'Expiring in 90 days' },\n]\n\ntype Subscription = {\n  id: string\n  code: string\n  name: string\n  status: string\n  mrcAmount: number\n  nrcAmount: number\n  billingCycle: string\n  currencyCode: string\n  startDate: string\n  currentTermEnd: string | null\n}\n\nconst PAGE_SIZE = 50\n\nconst SUBSCRIPTION_STATUS_OPTIONS = [\n  { value: 'pending', label: 'Pending' },\n  { value: 'active', label: 'Active' },\n  { value: 'suspended', label: 'Suspended' },\n  { value: 'terminated', label: 'Terminated' },\n  { value: 'expired', label: 'Expired' },\n  { value: 'cancelled', label: 'Cancelled' },\n] as const\n\nfunction buildFilterParams(values: FilterValues, params: URLSearchParams) {\n  if (typeof values.status === 'string' && values.status) {\n    params.set('status', values.status)\n  }\n  if (typeof values.billingCycle === 'string' && values.billingCycle.trim()) {\n    params.set('billingCycle', values.billingCycle.trim())\n  }\n  // Expiring window: replaces the standalone /expiring page. Save as a\n  // perspective (\"Expiring 30d\", \"Expiring 90d\", \u2026) for quick recall.\n  if (typeof values.expiringWithinDays === 'string' && values.expiringWithinDays) {\n    params.set('expiringWithinDays', values.expiringWithinDays)\n  }\n}\n\nexport function SubscriptionsTable() {\n  const t = useT()\n  const router = useRouter()\n\n  const data = useCpqListData<Subscription>({\n    endpoint: '/api/cpq/inventory/subscriptions',\n    pageSize: PAGE_SIZE,\n    buildFilterParams,\n    loadErrorMessage: t('cpq.inventory.subscriptions.error.load', 'Failed to load subscriptions'),\n  })\n\n  // Subscriptions are lifecycle-managed; deleting an active one usually means\n  // \"terminate\", which the API rejects. Allow deletion only from non-active\n  // states so the row-actions menu doesn't dangle a useless \"Delete\" item.\n  const rowActionsApi = useCpqRowActions<Subscription>({\n    endpoint: '/api/cpq/inventory/subscriptions',\n    entityName: t('cpq.inventory.subscriptions.entityName', 'subscription'),\n    editHref: (row) => `/backend/cpq/inventory/subscriptions/${row.id}`,\n    onReload: data.reload,\n    canDelete: (row) => row.status !== 'active',\n  })\n\n  const filters = React.useMemo<FilterDef[]>(\n    () => [\n      {\n        id: 'status',\n        label: t('cpq.inventory.filters.status', 'Status'),\n        type: 'select',\n        options: [...SUBSCRIPTION_STATUS_OPTIONS],\n      },\n      {\n        id: 'billingCycle',\n        label: t('cpq.inventory.filters.billingCycle', 'Billing Cycle'),\n        type: 'text',\n      },\n      {\n        id: 'expiringWithinDays',\n        label: t('cpq.inventory.filters.expiringWithinDays', 'Expiring within (days)'),\n        type: 'select',\n        // Pick from common renewal-watch windows. Backend caps at 365.\n        options: [\n          { value: '7', label: '7 days' },\n          { value: '14', label: '14 days' },\n          { value: '30', label: '30 days' },\n          { value: '60', label: '60 days' },\n          { value: '90', label: '90 days' },\n        ],\n      },\n    ],\n    [t],\n  )\n\n  const columns = React.useMemo<ColumnDef<Subscription>[]>(\n    () => [\n      {\n        accessorKey: 'code',\n        header: t('cpq.inventory.subscriptions.table.code', 'Code'),\n        cell: ({ row }) => <span className=\"text-muted-foreground\">{row.original.code}</span>,\n      },\n      {\n        accessorKey: 'name',\n        header: t('cpq.inventory.subscriptions.table.name', 'Name'),\n        cell: ({ row }) => <span className=\"font-medium text-primary\">{row.original.name}</span>,\n      },\n      {\n        accessorKey: 'status',\n        header: t('cpq.inventory.subscriptions.table.status', 'Status'),\n        cell: ({ row }) => <StatusBadge status={row.original.status} />,\n      },\n      {\n        id: 'mrc',\n        header: t('cpq.inventory.subscriptions.table.mrc', 'MRC'),\n        cell: ({ row }) => (\n          <span className=\"font-mono\">\n            {formatCurrency(row.original.mrcAmount, row.original.currencyCode || 'USD')}\n          </span>\n        ),\n      },\n      {\n        accessorKey: 'billingCycle',\n        header: t('cpq.inventory.subscriptions.table.billing', 'Billing'),\n      },\n      {\n        accessorKey: 'startDate',\n        header: t('cpq.inventory.subscriptions.table.startDate', 'Start Date'),\n        cell: ({ row }) => (\n          <span>\n            {row.original.startDate ? new Date(row.original.startDate).toLocaleDateString() : '\u2014'}\n          </span>\n        ),\n      },\n      {\n        accessorKey: 'currentTermEnd',\n        header: t('cpq.inventory.subscriptions.table.termEnd', 'Term End'),\n        cell: ({ row }) => (\n          <span>\n            {row.original.currentTermEnd\n              ? new Date(row.original.currentTermEnd).toLocaleDateString()\n              : '\u2014'}\n          </span>\n        ),\n      },\n    ],\n    [t],\n  )\n\n  // One-click \"Expiring within\" picker that writes into the same filter\n  // key the FilterBar uses (`expiringWithinDays`). Operators get instant\n  // access without opening the filter overlay, and the value still rides\n  // into perspectives because it's stored in `data.filterValues`.\n  const currentExpiring = typeof data.filterValues.expiringWithinDays === 'string' && data.filterValues.expiringWithinDays\n    ? data.filterValues.expiringWithinDays\n    : 'all'\n  const onExpiringChange = (value: string) => {\n    const next: FilterValues = { ...data.filterValues }\n    if (value && value !== 'all') next.expiringWithinDays = value\n    else delete next.expiringWithinDays\n    data.setFilterValues(next)\n  }\n\n  // Render the picker inline with the DataTable's title-row actions\n  // (right next to Refresh / kebab menu) so it sits flush with the\n  // card chrome instead of floating outside.\n  const expiringPicker = (\n    <Select value={currentExpiring} onValueChange={onExpiringChange}>\n      <SelectTrigger className=\"h-9 w-[200px]\">\n        <SelectValue placeholder=\"All subscriptions\" />\n      </SelectTrigger>\n      <SelectContent>\n        {EXPIRING_WINDOWS.map((w) => (\n          <SelectItem key={w.value} value={w.value}>\n            {w.label}\n          </SelectItem>\n        ))}\n      </SelectContent>\n    </Select>\n  )\n\n  return (\n    <>\n      {rowActionsApi.ConfirmDialogElement}\n      <DataTable<Subscription>\n      title={t('cpq.inventory.subscriptions', 'Subscriptions')}\n      actions={expiringPicker}\n      refreshButton={{\n        label: t('cpq.inventory.actions.refresh', 'Refresh'),\n        onRefresh: data.reload,\n        isRefreshing: data.isLoading,\n      }}\n      columns={columns}\n      data={data.rows}\n      searchValue={data.search}\n      onSearchChange={data.setSearch}\n      searchPlaceholder={t('cpq.inventory.subscriptions.search.placeholder', 'Search subscriptions...')}\n      filters={filters}\n      filterValues={data.filterValues}\n      onFiltersApply={data.setFilterValues}\n      onFiltersClear={data.clearFilters}\n      sorting={data.sorting}\n      onSortingChange={data.setSorting}\n      onRowClick={(row) => router.push(`/backend/cpq/inventory/subscriptions/${row.id}`)}\n      rowActions={(row) => <RowActions items={rowActionsApi.buildItems(row)} />}\n      perspective={{ tableId: 'cpq.inventory.subscriptions.list' }}\n      columnChooser={{ auto: true }}\n      pagination={{\n        page: data.page,\n        pageSize: PAGE_SIZE,\n        total: data.total,\n        totalPages: data.totalPages,\n        onPageChange: data.setPage,\n        durationMs: data.durationMs,\n      }}\n      isLoading={data.isLoading}\n      emptyState={\n        <div className=\"rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground\">\n          {t('cpq.inventory.subscriptions.empty', 'No subscriptions found.')}\n        </div>\n      }\n    />\n    </>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}