@dainamite/cpq 0.2.2

package/dist/modules/cpq/backend/cpq/inventory/assets/[id]/page.js

@@ -0,0 +1,343 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useRouter, useParams } from "next/navigation";
+import { Alert } from "@open-mercato/ui/primitives/alert";
+import { Tag } from "@open-mercato/ui/primitives/tag";
+import { FormHeader } from "@open-mercato/ui/backend/forms";
+import {
+  assetStatusMap,
+  formatStatusLabel
+} from "../../../../../components/statusMaps.js";
+import { StatusPath } from "../../../../../components/StatusPath.js";
+const ALLOWED_TRANSITIONS = {
+  pending: ["delivered", "active", "cancelled"],
+  delivered: ["active", "returned"],
+  active: ["returned"],
+  returned: [],
+  cancelled: []
+};
+const STATUS_LABELS = {
+  pending: "Pending",
+  delivered: "Delivered",
+  active: "Active",
+  returned: "Returned",
+  cancelled: "Cancelled"
+};
+function fmt(amount, currency) {
+  return new Intl.NumberFormat("en-US", { style: "currency", currency }).format(Number(amount));
+}
+function AssetDetailPage(props) {
+  const router = useRouter();
+  const urlParams = useParams();
+  const assetId = props.params?.id ?? urlParams?.id;
+  const [asset, setAsset] = React.useState(null);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const [customerName, setCustomerName] = React.useState(null);
+  const [subscriptionName, setSubscriptionName] = React.useState(null);
+  const [productName, setProductName] = React.useState(null);
+  const [offeringName, setOfferingName] = React.useState(null);
+  const [specName, setSpecName] = React.useState(null);
+  const [sourceQuoteNumber, setSourceQuoteNumber] = React.useState(null);
+  const [sourceOrderNumber, setSourceOrderNumber] = React.useState(null);
+  const [transitioning, setTransitioning] = React.useState(false);
+  const transitionStatus = async (targetStatus) => {
+    if (!asset) return;
+    try {
+      setTransitioning(true);
+      setError(null);
+      const res = await fetch("/api/cpq/inventory/assets/status", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ id: asset.id, targetStatus })
+      });
+      const data = await res.json();
+      if (!res.ok) throw new Error(data?.error ?? "Status transition failed");
+      setAsset((prev) => prev ? { ...prev, ...data } : prev);
+    } catch (err) {
+      setError(err.message);
+    } finally {
+      setTransitioning(false);
+    }
+  };
+  React.useEffect(() => {
+    let cancelled = false;
+    async function load() {
+      try {
+        const res = await fetch(`/api/cpq/inventory/assets?id=${assetId}`);
+        if (!res.ok) throw new Error("Asset not found");
+        const data = await res.json();
+        if (!cancelled) {
+          setAsset(data);
+          fetch(`/api/customers/companies?id=${data.customerId}&pageSize=1`).then((r) => r.json()).then((result) => {
+            const items = result.items ?? result ?? [];
+            const c = items[0];
+            if (c && !cancelled) setCustomerName(c.display_name || c.displayName || c.name || null);
+          }).catch(() => {
+          });
+          if (data.subscriptionId) {
+            fetch(`/api/cpq/inventory/subscriptions?id=${data.subscriptionId}`).then((r) => r.json()).then((sub) => {
+              if (sub && !cancelled) setSubscriptionName(sub.name || sub.code || null);
+            }).catch(() => {
+            });
+          }
+          if (data.offeringId) {
+            fetch(`/api/cpq/product-offerings?id=${data.offeringId}`).then((r) => r.ok ? r.json() : null).then((o) => {
+              if (!o || cancelled) return;
+              if (o.name) setOfferingName(o.name);
+              if (o.specification?.name) setSpecName(o.specification.name);
+            }).catch(() => {
+            });
+          }
+          if (data.specId) {
+            fetch(`/api/cpq/product-specifications?id=${data.specId}`).then((r) => r.ok ? r.json() : null).then((s) => {
+              if (s?.name && !cancelled) setSpecName(s.name);
+            }).catch(() => {
+            });
+          }
+          if (data.productId) {
+            fetch(`/api/catalog/products?id=${data.productId}`).then((r) => r.ok ? r.json() : null).then((res2) => {
+              if (!res2 || cancelled) return;
+              const p = (res2.items ?? res2)[0] ?? res2;
+              const name = p?.title ?? p?.name ?? p?.handle ?? null;
+              if (name) setProductName(name);
+            }).catch(() => {
+            });
+          }
+          if (data.sourceQuoteId) {
+            fetch(`/api/cpq/quotes/${data.sourceQuoteId}`).then((r) => r.ok ? r.json() : null).then((q) => {
+              if (q?.quoteNumber && !cancelled) setSourceQuoteNumber(q.quoteNumber);
+            }).catch(() => {
+            });
+          }
+          if (data.sourceOrderId) {
+            fetch(`/api/cpq/orders/${data.sourceOrderId}`).then((r) => r.ok ? r.json() : null).then((o) => {
+              if (o?.orderNumber && !cancelled) setSourceOrderNumber(o.orderNumber);
+            }).catch(() => {
+            });
+          }
+        }
+      } catch (err) {
+        if (!cancelled) setError(err.message);
+      } finally {
+        if (!cancelled) setLoading(false);
+      }
+    }
+    load();
+    return () => {
+      cancelled = true;
+    };
+  }, [assetId]);
+  if (loading) {
+    return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 py-12 justify-center text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(Spinner, {}),
+      " Loading\u2026"
+    ] });
+  }
+  if (!asset) {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx("button", { onClick: () => router.push("/backend/cpq/inventory"), className: "text-sm text-muted-foreground hover:text-foreground", children: "\u2190 Back" }),
+      error && /* @__PURE__ */ jsx(ErrorBanner, { message: error }),
+      /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground", children: "Asset not found." })
+    ] });
+  }
+  const currency = asset.currencyCode || "USD";
+  const statusTransitions = ALLOWED_TRANSITIONS[asset.status] ?? [];
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsx(
+      FormHeader,
+      {
+        mode: "detail",
+        backHref: "/backend/cpq/inventory",
+        backLabel: "Back to Customer Inventory",
+        entityTypeLabel: "Asset",
+        title: asset.name,
+        statusBadge: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2 pt-1", children: [
+          /* @__PURE__ */ jsx(Tag, { variant: assetStatusMap[asset.status] ?? "neutral", dot: true, children: STATUS_LABELS[asset.status] ?? formatStatusLabel(asset.status) }),
+          /* @__PURE__ */ jsx(Tag, { variant: "brand", className: "capitalize", children: asset.assetType.replace(/_/g, " ") }),
+          transitioning && /* @__PURE__ */ jsx(Spinner, {})
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 flex-wrap", children: [
+      /* @__PURE__ */ jsx(
+        StatusPath,
+        {
+          current: asset.status,
+          path: ["pending", "delivered", "active", "returned"],
+          terminals: ["cancelled"],
+          statusMap: assetStatusMap,
+          labels: STATUS_LABELS,
+          onTransition: transitionStatus,
+          allowedTransitions: statusTransitions,
+          disabled: transitioning,
+          ariaLabel: "Asset status path"
+        }
+      ),
+      transitioning && /* @__PURE__ */ jsx(Spinner, {})
+    ] }),
+    error && /* @__PURE__ */ jsx(ErrorBanner, { message: error }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card p-4 space-y-3", children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium", children: "Asset Details" }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2", children: [
+          /* @__PURE__ */ jsx(Field, { label: "Code", value: asset.code, mono: true }),
+          /* @__PURE__ */ jsx(Field, { label: "Status", value: asset.status }),
+          /* @__PURE__ */ jsx(Field, { label: "Asset Type", value: asset.assetType.replace(/_/g, " ") }),
+          /* @__PURE__ */ jsx(Field, { label: "Currency", value: currency }),
+          /* @__PURE__ */ jsx(Field, { label: "Quantity", value: String(asset.quantity) }),
+          asset.purchaseDate && /* @__PURE__ */ jsx(Field, { label: "Purchase Date", value: new Date(asset.purchaseDate).toLocaleDateString() }),
+          asset.deliveryDate && /* @__PURE__ */ jsx(Field, { label: "Delivery Date", value: new Date(asset.deliveryDate).toLocaleDateString() })
+        ] }),
+        asset.description && /* @__PURE__ */ jsxs("div", { className: "pt-1", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Description" }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm", children: asset.description })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card p-4 space-y-3", children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium", children: "Pricing & References" }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Purchase Price" }),
+          /* @__PURE__ */ jsx("p", { className: "text-lg font-semibold font-mono", children: fmt(asset.purchasePrice, currency) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2 pt-1", children: [
+          /* @__PURE__ */ jsx(Field, { label: "Customer", value: customerName ?? `${asset.customerId.slice(0, 12)}\u2026` }),
+          /* @__PURE__ */ jsx(Field, { label: "Created", value: new Date(asset.createdAt).toLocaleString() }),
+          asset.subscriptionId && /* @__PURE__ */ jsx(
+            RefField,
+            {
+              label: "Linked Subscription",
+              name: subscriptionName ?? void 0,
+              fallback: asset.subscriptionId,
+              onClick: () => router.push(`/backend/cpq/inventory/subscriptions/${asset.subscriptionId}`)
+            }
+          ),
+          asset.offeringId && /* @__PURE__ */ jsx(
+            RefField,
+            {
+              label: "Offering",
+              name: offeringName ?? void 0,
+              fallback: asset.offeringId,
+              onClick: () => router.push(`/backend/cpq/offerings/${asset.offeringId}`)
+            }
+          ),
+          asset.specId && /* @__PURE__ */ jsx(
+            RefField,
+            {
+              label: "Specification",
+              name: specName ?? void 0,
+              fallback: asset.specId,
+              onClick: () => router.push(`/backend/cpq/specifications/${asset.specId}`)
+            }
+          ),
+          asset.productId && /* @__PURE__ */ jsx(
+            RefField,
+            {
+              label: "Product",
+              name: productName ?? void 0,
+              fallback: asset.productId,
+              onClick: () => router.push(`/backend/catalog/products/${asset.productId}`)
+            }
+          ),
+          asset.sourceQuoteId && /* @__PURE__ */ jsx(
+            RefField,
+            {
+              label: "Source Quote",
+              name: sourceQuoteNumber ?? void 0,
+              fallback: asset.sourceQuoteId,
+              onClick: () => router.push(`/backend/cpq/quotes/${asset.sourceQuoteId}`)
+            }
+          ),
+          asset.sourceOrderId && /* @__PURE__ */ jsx(
+            RefField,
+            {
+              label: "Source Order",
+              name: sourceOrderNumber ?? void 0,
+              fallback: asset.sourceOrderId,
+              onClick: () => router.push(`/backend/cpq/orders/${asset.sourceOrderId}`)
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    asset.configuration && Object.keys(asset.configuration).length > 0 && /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card p-4", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium mb-2", children: "Configuration" }),
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 gap-x-4 gap-y-1", children: Object.entries(asset.configuration).map(([key, value]) => /* @__PURE__ */ jsxs("div", { className: "text-xs", children: [
+        /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+          key,
+          ": "
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: "font-medium", children: String(value) })
+      ] }, key)) })
+    ] }),
+    asset.charges && asset.charges.length > 0 && /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card p-4", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium mb-2", children: "Charges" }),
+      /* @__PURE__ */ jsxs("table", { className: "w-full text-sm", children: [
+        /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "border-b bg-muted/50 text-muted-foreground", children: [
+          /* @__PURE__ */ jsx("th", { className: "text-left px-3 py-2 font-medium", children: "Charge" }),
+          /* @__PURE__ */ jsx("th", { className: "text-left px-3 py-2 font-medium", children: "Type" }),
+          /* @__PURE__ */ jsx("th", { className: "text-right px-3 py-2 font-medium", children: "Unit Price" }),
+          /* @__PURE__ */ jsx("th", { className: "text-right px-3 py-2 font-medium", children: "Qty" }),
+          /* @__PURE__ */ jsx("th", { className: "text-right px-3 py-2 font-medium", children: "Total" })
+        ] }) }),
+        /* @__PURE__ */ jsx("tbody", { children: asset.charges.map((c, i) => /* @__PURE__ */ jsxs("tr", { className: "border-b", children: [
+          /* @__PURE__ */ jsx("td", { className: "px-3 py-2", children: c.chargeName ?? "\u2014" }),
+          /* @__PURE__ */ jsx("td", { className: "px-3 py-2 uppercase", children: c.chargeType ?? "\u2014" }),
+          /* @__PURE__ */ jsx("td", { className: "px-3 py-2 text-right font-mono", children: c.unitPrice != null ? fmt(c.unitPrice, currency) : "\u2014" }),
+          /* @__PURE__ */ jsx("td", { className: "px-3 py-2 text-right font-mono", children: c.quantity ?? "\u2014" }),
+          /* @__PURE__ */ jsx("td", { className: "px-3 py-2 text-right font-mono", children: c.totalPrice != null ? fmt(c.totalPrice, currency) : "\u2014" })
+        ] }, i)) })
+      ] })
+    ] }),
+    asset.metadata && Object.keys(asset.metadata).length > 0 && /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card p-4", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium mb-2", children: "Metadata" }),
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 gap-x-4 gap-y-1", children: Object.entries(asset.metadata).map(([key, value]) => /* @__PURE__ */ jsxs("div", { className: "text-xs", children: [
+        /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+          key,
+          ": "
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: "font-medium", children: String(value) })
+      ] }, key)) })
+    ] })
+  ] });
+}
+function Field({ label, value, mono }) {
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx("p", { className: `text-sm ${mono ? "font-mono" : ""}`, children: value })
+  ] });
+}
+function RefField({
+  label,
+  name,
+  fallback,
+  onClick
+}) {
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick,
+        className: "text-sm text-primary hover:underline text-left truncate max-w-full",
+        title: name ?? fallback,
+        children: name ?? `${fallback.slice(0, 12)}\u2026`
+      }
+    )
+  ] });
+}
+function Spinner() {
+  return /* @__PURE__ */ jsxs("svg", { className: "h-4 w-4 animate-spin", viewBox: "0 0 24 24", fill: "none", children: [
+    /* @__PURE__ */ jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+    /* @__PURE__ */ jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z" })
+  ] });
+}
+function ErrorBanner({ message }) {
+  return /* @__PURE__ */ jsx(Alert, { variant: "destructive", children: message });
+}
+export {
+  AssetDetailPage as default
+};
+//# sourceMappingURL=page.js.map

package/dist/modules/cpq/backend/cpq/inventory/assets/[id]/page.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../src/modules/cpq/backend/cpq/inventory/assets/%5Bid%5D/page.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { useRouter, useParams } from 'next/navigation'\nimport { Alert } from '@open-mercato/ui/primitives/alert'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Tag } from '@open-mercato/ui/primitives/tag'\nimport { FormHeader } from '@open-mercato/ui/backend/forms'\nimport {\n  assetStatusMap,\n  formatStatusLabel,\n  type AssetStatus,\n} from '../../../../../components/statusMaps'\nimport { StatusPath } from '../../../../../components/StatusPath'\n\ntype AssetDetail = {\n  id: string\n  customerId: string\n  subscriptionId: string | null\n  subscriptionItemId: string | null\n  productId: string | null\n  offeringId: string | null\n  specId: string | null\n  code: string\n  name: string\n  description: string | null\n  status: string\n  assetType: string\n  currencyCode: string\n  purchasePrice: number\n  quantity: number\n  purchaseDate: string | null\n  deliveryDate: string | null\n  configuration: Record<string, unknown>\n  charges: Array<Record<string, unknown>> | null\n  sourceQuoteId: string | null\n  sourceOrderId: string | null\n  sourceQuoteLineId: string | null\n  metadata: Record<string, unknown> | null\n  createdAt: string\n  updatedAt: string\n}\n\nconst ALLOWED_TRANSITIONS: Record<string, string[]> = {\n  pending: ['delivered', 'active', 'cancelled'],\n  delivered: ['active', 'returned'],\n  active: ['returned'],\n  returned: [],\n  cancelled: [],\n}\n\nconst STATUS_LABELS: Record<string, string> = {\n  pending: 'Pending',\n  delivered: 'Delivered',\n  active: 'Active',\n  returned: 'Returned',\n  cancelled: 'Cancelled',\n}\n\nfunction fmt(amount: number | string, currency: string): string {\n  return new Intl.NumberFormat('en-US', { style: 'currency', currency }).format(Number(amount))\n}\n\nexport default function AssetDetailPage(props: { params?: { id?: string } }) {\n  const router = useRouter()\n  const urlParams = useParams()\n  const assetId = (props.params?.id ?? urlParams?.id) as string\n\n  const [asset, setAsset] = React.useState<AssetDetail | null>(null)\n  const [loading, setLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n  const [customerName, setCustomerName] = React.useState<string | null>(null)\n  const [subscriptionName, setSubscriptionName] = React.useState<string | null>(null)\n  // Resolved names for the other ID references on the page.\n  const [productName, setProductName] = React.useState<string | null>(null)\n  const [offeringName, setOfferingName] = React.useState<string | null>(null)\n  const [specName, setSpecName] = React.useState<string | null>(null)\n  const [sourceQuoteNumber, setSourceQuoteNumber] = React.useState<string | null>(null)\n  const [sourceOrderNumber, setSourceOrderNumber] = React.useState<string | null>(null)\n  const [transitioning, setTransitioning] = React.useState(false)\n\n  const transitionStatus = async (targetStatus: string) => {\n    if (!asset) return\n    try {\n      setTransitioning(true)\n      setError(null)\n      const res = await fetch('/api/cpq/inventory/assets/status', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({ id: asset.id, targetStatus }),\n      })\n      const data = await res.json()\n      if (!res.ok) throw new Error(data?.error ?? 'Status transition failed')\n      setAsset((prev) => prev ? { ...prev, ...data } : prev)\n    } catch (err) {\n      setError((err as Error).message)\n    } finally {\n      setTransitioning(false)\n    }\n  }\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function load() {\n      try {\n        const res = await fetch(`/api/cpq/inventory/assets?id=${assetId}`)\n        if (!res.ok) throw new Error('Asset not found')\n        const data: AssetDetail = await res.json()\n        if (!cancelled) {\n          setAsset(data)\n\n          // Resolve names for every FK reference. Each lookup is fire-and-\n          // forget; the UI falls back to a short UUID until the name lands.\n          fetch(`/api/customers/companies?id=${data.customerId}&pageSize=1`)\n            .then((r) => r.json())\n            .then((result) => {\n              const items = result.items ?? result ?? []\n              const c = items[0]\n              if (c && !cancelled) setCustomerName(c.display_name || c.displayName || c.name || null)\n            })\n            .catch(() => {})\n\n          if (data.subscriptionId) {\n            fetch(`/api/cpq/inventory/subscriptions?id=${data.subscriptionId}`)\n              .then((r) => r.json())\n              .then((sub) => {\n                if (sub && !cancelled) setSubscriptionName(sub.name || sub.code || null)\n              })\n              .catch(() => {})\n          }\n          if (data.offeringId) {\n            fetch(`/api/cpq/product-offerings?id=${data.offeringId}`)\n              .then((r) => (r.ok ? r.json() : null))\n              .then((o) => {\n                if (!o || cancelled) return\n                if (o.name) setOfferingName(o.name)\n                if (o.specification?.name) setSpecName(o.specification.name)\n              })\n              .catch(() => {})\n          }\n          if (data.specId) {\n            fetch(`/api/cpq/product-specifications?id=${data.specId}`)\n              .then((r) => (r.ok ? r.json() : null))\n              .then((s) => {\n                if (s?.name && !cancelled) setSpecName(s.name)\n              })\n              .catch(() => {})\n          }\n          if (data.productId) {\n            // Catalog products route is paginated; `?id=\u2026` returns one row.\n            fetch(`/api/catalog/products?id=${data.productId}`)\n              .then((r) => (r.ok ? r.json() : null))\n              .then((res2) => {\n                if (!res2 || cancelled) return\n                const p = (res2.items ?? res2)[0] ?? res2\n                const name = p?.title ?? p?.name ?? p?.handle ?? null\n                if (name) setProductName(name)\n              })\n              .catch(() => {})\n          }\n          if (data.sourceQuoteId) {\n            fetch(`/api/cpq/quotes/${data.sourceQuoteId}`)\n              .then((r) => (r.ok ? r.json() : null))\n              .then((q) => {\n                if (q?.quoteNumber && !cancelled) setSourceQuoteNumber(q.quoteNumber)\n              })\n              .catch(() => {})\n          }\n          if (data.sourceOrderId) {\n            fetch(`/api/cpq/orders/${data.sourceOrderId}`)\n              .then((r) => (r.ok ? r.json() : null))\n              .then((o) => {\n                if (o?.orderNumber && !cancelled) setSourceOrderNumber(o.orderNumber)\n              })\n              .catch(() => {})\n          }\n        }\n      } catch (err) {\n        if (!cancelled) setError((err as Error).message)\n      } finally {\n        if (!cancelled) setLoading(false)\n      }\n    }\n    load()\n    return () => { cancelled = true }\n  }, [assetId])\n\n  if (loading) {\n    return (\n      <div className=\"flex items-center gap-2 py-12 justify-center text-sm text-muted-foreground\">\n        <Spinner /> Loading\u2026\n      </div>\n    )\n  }\n\n  if (!asset) {\n    return (\n      <div className=\"space-y-4\">\n        <button onClick={() => router.push('/backend/cpq/inventory')} className=\"text-sm text-muted-foreground hover:text-foreground\">\u2190 Back</button>\n        {error && <ErrorBanner message={error} />}\n        <div className=\"rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground\">Asset not found.</div>\n      </div>\n    )\n  }\n\n  const currency = asset.currencyCode || 'USD'\n  const statusTransitions = ALLOWED_TRANSITIONS[asset.status] ?? []\n\n  return (\n    <div className=\"space-y-6\">\n      {/* Header \u2014 standard FormHeader detail mode, matches the rest of the\n          CPQ admin (quote / order / subscription). The asset code lives\n          in the Asset Details card; here we show only the human name +\n          status / type tags. */}\n      <FormHeader\n        mode=\"detail\"\n        backHref=\"/backend/cpq/inventory\"\n        backLabel=\"Back to Customer Inventory\"\n        entityTypeLabel=\"Asset\"\n        title={asset.name}\n        statusBadge={\n          <div className=\"flex flex-wrap items-center gap-2 pt-1\">\n            <Tag variant={assetStatusMap[asset.status as AssetStatus] ?? 'neutral'} dot>\n              {STATUS_LABELS[asset.status] ?? formatStatusLabel(asset.status)}\n            </Tag>\n            <Tag variant=\"brand\" className=\"capitalize\">{asset.assetType.replace(/_/g, ' ')}</Tag>\n            {transitioning && <Spinner />}\n          </div>\n        }\n      />\n\n      {/* Status path \u2014 interactive: clicking a non-current step in the\n          breadcrumb invokes /api/cpq/inventory/assets/status. */}\n      <div className=\"flex items-center gap-3 flex-wrap\">\n        <StatusPath\n          current={asset.status}\n          path={['pending', 'delivered', 'active', 'returned']}\n          terminals={['cancelled']}\n          statusMap={assetStatusMap}\n          labels={STATUS_LABELS}\n          onTransition={transitionStatus}\n          allowedTransitions={statusTransitions}\n          disabled={transitioning}\n          ariaLabel=\"Asset status path\"\n        />\n        {transitioning && <Spinner />}\n      </div>\n\n      {error && <ErrorBanner message={error} />}\n\n      {/* Detail Cards */}\n      <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n        <div className=\"rounded-lg border bg-card p-4 space-y-3\">\n          <h3 className=\"text-sm font-medium\">Asset Details</h3>\n          <div className=\"grid grid-cols-2 gap-x-4 gap-y-2\">\n            <Field label=\"Code\" value={asset.code} mono />\n            <Field label=\"Status\" value={asset.status} />\n            <Field label=\"Asset Type\" value={asset.assetType.replace(/_/g, ' ')} />\n            <Field label=\"Currency\" value={currency} />\n            <Field label=\"Quantity\" value={String(asset.quantity)} />\n            {asset.purchaseDate && <Field label=\"Purchase Date\" value={new Date(asset.purchaseDate).toLocaleDateString()} />}\n            {asset.deliveryDate && <Field label=\"Delivery Date\" value={new Date(asset.deliveryDate).toLocaleDateString()} />}\n          </div>\n          {asset.description && (\n            <div className=\"pt-1\">\n              <p className=\"text-xs text-muted-foreground\">Description</p>\n              <p className=\"text-sm\">{asset.description}</p>\n            </div>\n          )}\n        </div>\n\n        <div className=\"rounded-lg border bg-card p-4 space-y-3\">\n          <h3 className=\"text-sm font-medium\">Pricing & References</h3>\n          <div>\n            <p className=\"text-xs text-muted-foreground\">Purchase Price</p>\n            <p className=\"text-lg font-semibold font-mono\">{fmt(asset.purchasePrice, currency)}</p>\n          </div>\n          <div className=\"grid grid-cols-2 gap-x-4 gap-y-2 pt-1\">\n            <Field label=\"Customer\" value={customerName ?? `${asset.customerId.slice(0, 12)}\u2026`} />\n            <Field label=\"Created\" value={new Date(asset.createdAt).toLocaleString()} />\n            {asset.subscriptionId && (\n              <RefField\n                label=\"Linked Subscription\"\n                name={subscriptionName ?? undefined}\n                fallback={asset.subscriptionId}\n                onClick={() => router.push(`/backend/cpq/inventory/subscriptions/${asset.subscriptionId}`)}\n              />\n            )}\n            {asset.offeringId && (\n              <RefField\n                label=\"Offering\"\n                name={offeringName ?? undefined}\n                fallback={asset.offeringId}\n                onClick={() => router.push(`/backend/cpq/offerings/${asset.offeringId}`)}\n              />\n            )}\n            {asset.specId && (\n              <RefField\n                label=\"Specification\"\n                name={specName ?? undefined}\n                fallback={asset.specId}\n                onClick={() => router.push(`/backend/cpq/specifications/${asset.specId}`)}\n              />\n            )}\n            {asset.productId && (\n              <RefField\n                label=\"Product\"\n                name={productName ?? undefined}\n                fallback={asset.productId}\n                onClick={() => router.push(`/backend/catalog/products/${asset.productId}`)}\n              />\n            )}\n            {asset.sourceQuoteId && (\n              <RefField\n                label=\"Source Quote\"\n                name={sourceQuoteNumber ?? undefined}\n                fallback={asset.sourceQuoteId}\n                onClick={() => router.push(`/backend/cpq/quotes/${asset.sourceQuoteId}`)}\n              />\n            )}\n            {asset.sourceOrderId && (\n              <RefField\n                label=\"Source Order\"\n                name={sourceOrderNumber ?? undefined}\n                fallback={asset.sourceOrderId}\n                onClick={() => router.push(`/backend/cpq/orders/${asset.sourceOrderId}`)}\n              />\n            )}\n          </div>\n        </div>\n      </div>\n\n      {/* Configuration */}\n      {asset.configuration && Object.keys(asset.configuration).length > 0 && (\n        <div className=\"rounded-lg border bg-card p-4\">\n          <h3 className=\"text-sm font-medium mb-2\">Configuration</h3>\n          <div className=\"grid grid-cols-2 sm:grid-cols-3 gap-x-4 gap-y-1\">\n            {Object.entries(asset.configuration).map(([key, value]) => (\n              <div key={key} className=\"text-xs\">\n                <span className=\"text-muted-foreground\">{key}: </span>\n                <span className=\"font-medium\">{String(value)}</span>\n              </div>\n            ))}\n          </div>\n        </div>\n      )}\n\n      {/* Charges */}\n      {asset.charges && asset.charges.length > 0 && (\n        <div className=\"rounded-lg border bg-card p-4\">\n          <h3 className=\"text-sm font-medium mb-2\">Charges</h3>\n          <table className=\"w-full text-sm\">\n            <thead>\n              <tr className=\"border-b bg-muted/50 text-muted-foreground\">\n                <th className=\"text-left px-3 py-2 font-medium\">Charge</th>\n                <th className=\"text-left px-3 py-2 font-medium\">Type</th>\n                <th className=\"text-right px-3 py-2 font-medium\">Unit Price</th>\n                <th className=\"text-right px-3 py-2 font-medium\">Qty</th>\n                <th className=\"text-right px-3 py-2 font-medium\">Total</th>\n              </tr>\n            </thead>\n            <tbody>\n              {asset.charges.map((c, i) => (\n                <tr key={i} className=\"border-b\">\n                  <td className=\"px-3 py-2\">{(c as any).chargeName ?? '\u2014'}</td>\n                  <td className=\"px-3 py-2 uppercase\">{(c as any).chargeType ?? '\u2014'}</td>\n                  <td className=\"px-3 py-2 text-right font-mono\">{(c as any).unitPrice != null ? fmt((c as any).unitPrice, currency) : '\u2014'}</td>\n                  <td className=\"px-3 py-2 text-right font-mono\">{(c as any).quantity ?? '\u2014'}</td>\n                  <td className=\"px-3 py-2 text-right font-mono\">{(c as any).totalPrice != null ? fmt((c as any).totalPrice, currency) : '\u2014'}</td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </div>\n      )}\n\n      {/* Metadata */}\n      {asset.metadata && Object.keys(asset.metadata).length > 0 && (\n        <div className=\"rounded-lg border bg-card p-4\">\n          <h3 className=\"text-sm font-medium mb-2\">Metadata</h3>\n          <div className=\"grid grid-cols-2 sm:grid-cols-3 gap-x-4 gap-y-1\">\n            {Object.entries(asset.metadata).map(([key, value]) => (\n              <div key={key} className=\"text-xs\">\n                <span className=\"text-muted-foreground\">{key}: </span>\n                <span className=\"font-medium\">{String(value)}</span>\n              </div>\n            ))}\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n\nfunction Field({ label, value, mono }: { label: string; value: string; mono?: boolean }) {\n  return (\n    <div>\n      <p className=\"text-xs text-muted-foreground\">{label}</p>\n      <p className={`text-sm ${mono ? 'font-mono' : ''}`}>{value}</p>\n    </div>\n  )\n}\n\nfunction RefField({\n  label,\n  name,\n  fallback,\n  onClick,\n}: {\n  label: string\n  name: string | undefined\n  fallback: string\n  onClick: () => void\n}) {\n  return (\n    <div>\n      <p className=\"text-xs text-muted-foreground\">{label}</p>\n      <button\n        type=\"button\"\n        onClick={onClick}\n        className=\"text-sm text-primary hover:underline text-left truncate max-w-full\"\n        title={name ?? fallback}\n      >\n        {name ?? `${fallback.slice(0, 12)}\u2026`}\n      </button>\n    </div>\n  )\n}\n\nfunction Spinner() {\n  return (\n    <svg className=\"h-4 w-4 animate-spin\" viewBox=\"0 0 24 24\" fill=\"none\">\n      <circle className=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" strokeWidth=\"4\" />\n      <path className=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z\" />\n    </svg>\n  )\n}\n\nfunction ErrorBanner({ message }: { message: string }) {\n  return <Alert variant=\"destructive\">{message}</Alert>\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/cpq/backend/cpq/inventory/assets/[id]/page.meta.js

@@ -0,0 +1,13 @@
+const metadata = {
+  requireAuth: true,
+  requireFeatures: ["cpq.inventory.view"],
+  navHidden: true,
+  breadcrumb: [
+    { label: "Customer Inventory", labelKey: "cpq.inventory.title", href: "/backend/cpq/inventory" },
+    { label: "Asset Detail" }
+  ]
+};
+export {
+  metadata
+};
+//# sourceMappingURL=page.meta.js.map

package/dist/modules/cpq/backend/cpq/inventory/assets/[id]/page.meta.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../src/modules/cpq/backend/cpq/inventory/assets/%5Bid%5D/page.meta.ts"],
+  "sourcesContent": ["export const metadata = {\n  requireAuth: true,\n  requireFeatures: ['cpq.inventory.view'],\n  navHidden: true,\n  breadcrumb: [\n    { label: 'Customer Inventory', labelKey: 'cpq.inventory.title', href: '/backend/cpq/inventory' },\n    { label: 'Asset Detail' },\n  ],\n} as const\n"],
+  "mappings": "AAAO,MAAM,WAAW;AAAA,EACtB,aAAa;AAAA,EACb,iBAAiB,CAAC,oBAAoB;AAAA,EACtC,WAAW;AAAA,EACX,YAAY;AAAA,IACV,EAAE,OAAO,sBAAsB,UAAU,uBAAuB,MAAM,yBAAyB;AAAA,IAC/F,EAAE,OAAO,eAAe;AAAA,EAC1B;AACF;",
+  "names": []
+}

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

@@ -0,0 +1,35 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Page, PageBody } from "@open-mercato/ui/backend/Page";
+import { CpqInteractionStyles } from "../../../components/CpqListView.js";
+import { SubscriptionsTable } from "./SubscriptionsTable.js";
+import { AssetsTable } from "./AssetsTable.js";
+function InventoryPage() {
+  const t = useT();
+  const [activeTab, setActiveTab] = React.useState("subscriptions");
+  const tabs = [
+    { key: "subscriptions", label: t("cpq.inventory.subscriptions", "Subscriptions") },
+    { key: "assets", label: t("cpq.inventory.assets", "Assets") }
+  ];
+  return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsxs(PageBody, { className: "cpq-list-view space-y-6", children: [
+    /* @__PURE__ */ jsx(CpqInteractionStyles, {}),
+    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold", children: t("cpq.inventory.title", "Customer Inventory") }) }),
+    /* @__PURE__ */ jsx("div", { className: "flex gap-1 border-b", children: tabs.map((tab) => /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => setActiveTab(tab.key),
+        className: `cursor-pointer px-3 py-2 text-sm font-medium transition-colors border-b-2 -mb-px ${activeTab === tab.key ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:text-foreground"}`,
+        children: tab.label
+      },
+      tab.key
+    )) }),
+    activeTab === "subscriptions" ? /* @__PURE__ */ jsx(SubscriptionsTable, {}) : /* @__PURE__ */ jsx(AssetsTable, {})
+  ] }) });
+}
+export {
+  InventoryPage as default
+};
+//# sourceMappingURL=page.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/cpq/backend/cpq/inventory/page.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { CpqInteractionStyles } from '../../../components/CpqListView'\nimport { SubscriptionsTable } from './SubscriptionsTable'\nimport { AssetsTable } from './AssetsTable'\n\ntype TabKey = 'subscriptions' | 'assets'\n\nexport default function InventoryPage() {\n  const t = useT()\n  const [activeTab, setActiveTab] = React.useState<TabKey>('subscriptions')\n\n  const tabs: { key: TabKey; label: string }[] = [\n    { key: 'subscriptions', label: t('cpq.inventory.subscriptions', 'Subscriptions') },\n    { key: 'assets', label: t('cpq.inventory.assets', 'Assets') },\n  ]\n\n  return (\n    <Page>\n      <PageBody className=\"cpq-list-view space-y-6\">\n        <CpqInteractionStyles />\n        <div className=\"flex items-center justify-between\">\n          <h1 className=\"text-2xl font-bold\">{t('cpq.inventory.title', 'Customer Inventory')}</h1>\n        </div>\n\n        <div className=\"flex gap-1 border-b\">\n          {tabs.map((tab) => (\n            <button\n              key={tab.key}\n              type=\"button\"\n              onClick={() => setActiveTab(tab.key)}\n              className={`cursor-pointer px-3 py-2 text-sm font-medium transition-colors border-b-2 -mb-px ${\n                activeTab === tab.key\n                  ? 'border-primary text-primary'\n                  : 'border-transparent text-muted-foreground hover:text-foreground'\n              }`}\n            >\n              {tab.label}\n            </button>\n          ))}\n        </div>\n\n        {activeTab === 'subscriptions' ? <SubscriptionsTable /> : <AssetsTable />}\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": ";AAqBM,SACE,KADF;AApBN,YAAY,WAAW;AACvB,SAAS,YAAY;AACrB,SAAS,MAAM,gBAAgB;AAC/B,SAAS,4BAA4B;AACrC,SAAS,0BAA0B;AACnC,SAAS,mBAAmB;AAIb,SAAR,gBAAiC;AACtC,QAAM,IAAI,KAAK;AACf,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAiB,eAAe;AAExE,QAAM,OAAyC;AAAA,IAC7C,EAAE,KAAK,iBAAiB,OAAO,EAAE,+BAA+B,eAAe,EAAE;AAAA,IACjF,EAAE,KAAK,UAAU,OAAO,EAAE,wBAAwB,QAAQ,EAAE;AAAA,EAC9D;AAEA,SACE,oBAAC,QACC,+BAAC,YAAS,WAAU,2BAClB;AAAA,wBAAC,wBAAqB;AAAA,IACtB,oBAAC,SAAI,WAAU,qCACb,8BAAC,QAAG,WAAU,sBAAsB,YAAE,uBAAuB,oBAAoB,GAAE,GACrF;AAAA,IAEA,oBAAC,SAAI,WAAU,uBACZ,eAAK,IAAI,CAAC,QACT;AAAA,MAAC;AAAA;AAAA,QAEC,MAAK;AAAA,QACL,SAAS,MAAM,aAAa,IAAI,GAAG;AAAA,QACnC,WAAW,oFACT,cAAc,IAAI,MACd,gCACA,gEACN;AAAA,QAEC,cAAI;AAAA;AAAA,MATA,IAAI;AAAA,IAUX,CACD,GACH;AAAA,IAEC,cAAc,kBAAkB,oBAAC,sBAAmB,IAAK,oBAAC,eAAY;AAAA,KACzE,GACF;AAEJ;",
+  "names": []
+}

package/dist/modules/cpq/backend/cpq/inventory/page.meta.js

@@ -0,0 +1,18 @@
+import React from "react";
+import { Package } from "lucide-react";
+const inventoryIcon = React.createElement(Package, { size: 16 });
+const metadata = {
+  requireAuth: true,
+  requireFeatures: ["cpq.inventory.view"],
+  pageTitle: "CPQ Subscriptions",
+  pageTitleKey: "cpq.inventory.title",
+  pageGroup: "CPQ",
+  pageGroupKey: "customers~sales~cpq.nav.group",
+  pageOrder: 92,
+  icon: inventoryIcon,
+  breadcrumb: [{ label: "CPQ Subscriptions", labelKey: "cpq.inventory.title" }]
+};
+export {
+  metadata
+};
+//# sourceMappingURL=page.meta.js.map

package/dist/modules/cpq/backend/cpq/inventory/page.meta.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/cpq/backend/cpq/inventory/page.meta.ts"],
+  "sourcesContent": ["import React from 'react'\nimport { Package } from 'lucide-react'\n\nconst inventoryIcon = React.createElement(Package, { size: 16 })\n\nexport const metadata = {\n  requireAuth: true,\n  requireFeatures: ['cpq.inventory.view'],\n  pageTitle: 'CPQ Subscriptions',\n  pageTitleKey: 'cpq.inventory.title',\n  pageGroup: 'CPQ',\n  pageGroupKey: 'customers~sales~cpq.nav.group',\n  pageOrder: 92,\n  icon: inventoryIcon,\n  breadcrumb: [{ label: 'CPQ Subscriptions', labelKey: 'cpq.inventory.title' }],\n} as const\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,eAAe;AAExB,MAAM,gBAAgB,MAAM,cAAc,SAAS,EAAE,MAAM,GAAG,CAAC;AAExD,MAAM,WAAW;AAAA,EACtB,aAAa;AAAA,EACb,iBAAiB,CAAC,oBAAoB;AAAA,EACtC,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,MAAM;AAAA,EACN,YAAY,CAAC,EAAE,OAAO,qBAAqB,UAAU,sBAAsB,CAAC;AAC9E;",
+  "names": []
+}

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

@@ -0,0 +1,20 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Tag } from "@open-mercato/ui/primitives/tag";
+import {
+  assetStatusMap,
+  formatStatusLabel,
+  subscriptionStatusMap
+} from "../../../components/statusMaps.js";
+function StatusBadge({ status }) {
+  const variant = subscriptionStatusMap[status] ?? assetStatusMap[status] ?? "neutral";
+  return /* @__PURE__ */ jsx(Tag, { variant, dot: true, children: formatStatusLabel(status) });
+}
+function formatCurrency(amount, currency) {
+  return new Intl.NumberFormat("en-US", { style: "currency", currency }).format(amount);
+}
+export {
+  StatusBadge,
+  formatCurrency
+};
+//# sourceMappingURL=shared.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/cpq/backend/cpq/inventory/shared.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { Tag } from '@open-mercato/ui/primitives/tag'\nimport {\n  assetStatusMap,\n  formatStatusLabel,\n  subscriptionStatusMap,\n  type AssetStatus,\n  type SubscriptionStatus,\n} from '../../../components/statusMaps'\n\n/**\n * Subscription / asset status pill. Looks up the OM Tag variant from the\n * shared maps so palettes stay consistent with the rest of the CPQ surface.\n * Falls back to `neutral` for unknown values so a renamed enum value still\n * renders without crashing.\n */\nexport function StatusBadge({ status }: { status: string }) {\n  const variant =\n    subscriptionStatusMap[status as SubscriptionStatus] ??\n    assetStatusMap[status as AssetStatus] ??\n    'neutral'\n  return (\n    <Tag variant={variant} dot>\n      {formatStatusLabel(status)}\n    </Tag>\n  )\n}\n\nexport function formatCurrency(amount: number, currency: string): string {\n  return new Intl.NumberFormat('en-US', { style: 'currency', currency }).format(amount)\n}\n"],
+  "mappings": ";AAuBI;AArBJ,SAAS,WAAW;AACpB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAGK;AAQA,SAAS,YAAY,EAAE,OAAO,GAAuB;AAC1D,QAAM,UACJ,sBAAsB,MAA4B,KAClD,eAAe,MAAqB,KACpC;AACF,SACE,oBAAC,OAAI,SAAkB,KAAG,MACvB,4BAAkB,MAAM,GAC3B;AAEJ;AAEO,SAAS,eAAe,QAAgB,UAA0B;AACvE,SAAO,IAAI,KAAK,aAAa,SAAS,EAAE,OAAO,YAAY,SAAS,CAAC,EAAE,OAAO,MAAM;AACtF;",
+  "names": []
+}