@dainamite/cpq 0.2.2

package/dist/modules/cpq/widgets/injection/customer-inventory/widget.client.js

@@ -0,0 +1,192 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useRouter } from "next/navigation";
+import { Tag } from "@open-mercato/ui/primitives/tag";
+import {
+  assetStatusMap,
+  formatStatusLabel,
+  subscriptionStatusMap
+} from "../../../components/statusMaps.js";
+function fmt(amount, currency) {
+  return new Intl.NumberFormat("en-US", { style: "currency", currency }).format(amount);
+}
+function StatusBadge({ status }) {
+  const variant = subscriptionStatusMap[status] ?? assetStatusMap[status] ?? "neutral";
+  return /* @__PURE__ */ jsx(Tag, { variant, dot: true, children: formatStatusLabel(status) });
+}
+function CustomerInventoryWidget({ data, context }) {
+  const router = useRouter();
+  const record = data;
+  const companyRecord = record?.company;
+  const customerId = context?.companyId ?? context?.resourceId ?? companyRecord?.id ?? record?.id ?? null;
+  const [inventory, setInventory] = React.useState(null);
+  const [loading, setLoading] = React.useState(true);
+  const [activeTab, setActiveTab] = React.useState("subscriptions");
+  React.useEffect(() => {
+    if (!customerId) {
+      setLoading(false);
+      return;
+    }
+    let cancelled = false;
+    async function load() {
+      try {
+        const res = await fetch(`/api/cpq/inventory/customer/${customerId}`);
+        if (res.ok && !cancelled) setInventory(await res.json());
+      } catch {
+      } finally {
+        if (!cancelled) setLoading(false);
+      }
+    }
+    load();
+    return () => {
+      cancelled = true;
+    };
+  }, [customerId]);
+  if (!customerId) return /* @__PURE__ */ jsx("div", { className: "p-4 text-sm text-muted-foreground", children: "No customer context available." });
+  if (loading) {
+    return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 p-6 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(Spinner, {}),
+      " Loading inventory\u2026"
+    ] });
+  }
+  if (!inventory || inventory.subscriptions.length === 0 && inventory.assets.length === 0) {
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-12 px-4", children: [
+      /* @__PURE__ */ jsx("div", { className: "rounded-full bg-primary/10 p-3 mb-3", children: /* @__PURE__ */ jsx("svg", { className: "h-6 w-6 text-primary", fill: "none", viewBox: "0 0 24 24", strokeWidth: "1.5", stroke: "currentColor", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M20.25 7.5l-.625 10.632a2.25 2.25 0 01-2.247 2.118H6.622a2.25 2.25 0 01-2.247-2.118L3.75 7.5M10 11.25h4M3.375 7.5h17.25c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125z" }) }) }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "No inventory records found." })
+    ] });
+  }
+  const { summary } = inventory;
+  const currency = summary.currencyCode || "USD";
+  const tabs = [
+    { key: "subscriptions", label: "Subscriptions", count: inventory.subscriptions.length },
+    { key: "items", label: "Subscription Items", count: inventory.subscriptionItems.length },
+    { key: "assets", label: "Assets", count: inventory.assets.length }
+  ];
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 sm:grid-cols-4 gap-3", children: [
+      /* @__PURE__ */ jsx(SummaryCard, { label: "Active Subscriptions", value: String(summary.activeSubscriptions) }),
+      /* @__PURE__ */ jsx(SummaryCard, { label: "Total MRC", value: fmt(summary.totalMrc, currency), mono: true }),
+      /* @__PURE__ */ jsx(SummaryCard, { label: "Active Assets", value: String(summary.activeAssets) }),
+      /* @__PURE__ */ jsx(SummaryCard, { label: "Pending Items", value: String(summary.pendingItems) })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex gap-1 border-b", children: tabs.map((tab) => /* @__PURE__ */ jsxs(
+      "button",
+      {
+        onClick: () => setActiveTab(tab.key),
+        className: `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,
+          /* @__PURE__ */ jsx("span", { className: "ml-1.5 rounded-full bg-muted px-1.5 py-0.5 text-xs", children: tab.count })
+        ]
+      },
+      tab.key
+    )) }),
+    activeTab === "subscriptions" && /* @__PURE__ */ jsx(SubscriptionsTable, { items: inventory.subscriptions, currency, onOpen: (id) => router.push(`/backend/cpq/inventory/subscriptions/${id}`) }),
+    activeTab === "items" && /* @__PURE__ */ jsx(SubscriptionItemsTable, { items: inventory.subscriptionItems, currency, onOpen: (id) => router.push(`/backend/cpq/inventory/subscriptions/${id}`) }),
+    activeTab === "assets" && /* @__PURE__ */ jsx(AssetsTable, { items: inventory.assets, currency, onOpen: (id) => router.push(`/backend/cpq/inventory/assets/${id}`) }),
+    /* @__PURE__ */ jsx("div", { className: "pt-2 text-right", children: /* @__PURE__ */ jsx("a", { href: "/backend/cpq/inventory", className: "text-sm text-primary hover:underline", children: "View full inventory \u2192" }) })
+  ] });
+}
+function SummaryCard({ label, value, mono }) {
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card p-3", children: [
+    /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx("p", { className: `text-lg font-semibold ${mono ? "font-mono" : ""}`, children: value })
+  ] });
+}
+function SubscriptionsTable({ items, currency, onOpen }) {
+  if (items.length === 0) return /* @__PURE__ */ jsx(EmptyTab, {});
+  return /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-card overflow-hidden", children: /* @__PURE__ */ jsxs("table", { className: "w-full text-sm", children: [
+    /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "border-b border-border bg-muted/40 text-muted-foreground", children: [
+      /* @__PURE__ */ jsx("th", { className: "px-4 py-2.5 text-left text-xs font-medium uppercase tracking-wide", children: "Name" }),
+      /* @__PURE__ */ jsx("th", { className: "px-4 py-2.5 text-left text-xs font-medium uppercase tracking-wide", children: "Status" }),
+      /* @__PURE__ */ jsx("th", { className: "px-4 py-2.5 text-right text-xs font-medium uppercase tracking-wide", children: "MRC" }),
+      /* @__PURE__ */ jsx("th", { className: "px-4 py-2.5 text-left text-xs font-medium uppercase tracking-wide", children: "Billing" }),
+      /* @__PURE__ */ jsx("th", { className: "px-4 py-2.5 text-left text-xs font-medium uppercase tracking-wide", children: "Start Date" }),
+      /* @__PURE__ */ jsx("th", { className: "px-4 py-2.5 text-left text-xs font-medium uppercase tracking-wide", children: "Term End" })
+    ] }) }),
+    /* @__PURE__ */ jsx("tbody", { children: items.map((s) => /* @__PURE__ */ jsxs(
+      "tr",
+      {
+        onClick: () => onOpen(s.id),
+        className: "border-b border-border last:border-0 cursor-pointer hover:bg-accent/40 transition-colors",
+        children: [
+          /* @__PURE__ */ jsx("td", { className: "px-4 py-3 font-medium", children: s.name }),
+          /* @__PURE__ */ jsx("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsx(StatusBadge, { status: s.status }) }),
+          /* @__PURE__ */ jsx("td", { className: "px-4 py-3 text-right font-mono", children: fmt(s.mrcAmount, s.currencyCode || currency) }),
+          /* @__PURE__ */ jsx("td", { className: "px-4 py-3 capitalize", children: s.billingCycle }),
+          /* @__PURE__ */ jsx("td", { className: "px-4 py-3 text-muted-foreground", children: s.startDate ? new Date(s.startDate).toLocaleDateString() : "\u2014" }),
+          /* @__PURE__ */ jsx("td", { className: "px-4 py-3 text-muted-foreground", children: s.currentTermEnd ? new Date(s.currentTermEnd).toLocaleDateString() : "\u2014" })
+        ]
+      },
+      s.id
+    )) })
+  ] }) });
+}
+function SubscriptionItemsTable({ items, currency, onOpen }) {
+  if (items.length === 0) return /* @__PURE__ */ jsx(EmptyTab, {});
+  return /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-card overflow-hidden", children: /* @__PURE__ */ jsxs("table", { className: "w-full text-sm", children: [
+    /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "border-b border-border bg-muted/40 text-muted-foreground", children: [
+      /* @__PURE__ */ jsx("th", { className: "px-4 py-2.5 text-left text-xs font-medium uppercase tracking-wide", children: "Name" }),
+      /* @__PURE__ */ jsx("th", { className: "px-4 py-2.5 text-left text-xs font-medium uppercase tracking-wide", children: "Status" }),
+      /* @__PURE__ */ jsx("th", { className: "px-4 py-2.5 text-right text-xs font-medium uppercase tracking-wide", children: "MRC" }),
+      /* @__PURE__ */ jsx("th", { className: "px-4 py-2.5 text-right text-xs font-medium uppercase tracking-wide", children: "NRC" }),
+      /* @__PURE__ */ jsx("th", { className: "px-4 py-2.5 text-right text-xs font-medium uppercase tracking-wide", children: "Qty" })
+    ] }) }),
+    /* @__PURE__ */ jsx("tbody", { children: items.map((item) => /* @__PURE__ */ jsxs(
+      "tr",
+      {
+        onClick: () => onOpen(item.subscriptionId),
+        className: "border-b border-border last:border-0 cursor-pointer hover:bg-accent/40 transition-colors",
+        children: [
+          /* @__PURE__ */ jsx("td", { className: "px-4 py-3 font-medium", children: item.name }),
+          /* @__PURE__ */ jsx("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsx(StatusBadge, { status: item.status }) }),
+          /* @__PURE__ */ jsx("td", { className: "px-4 py-3 text-right font-mono", children: fmt(item.mrcAmount, item.currencyCode || currency) }),
+          /* @__PURE__ */ jsx("td", { className: "px-4 py-3 text-right font-mono", children: fmt(item.nrcAmount, item.currencyCode || currency) }),
+          /* @__PURE__ */ jsx("td", { className: "px-4 py-3 text-right font-mono", children: item.quantity })
+        ]
+      },
+      item.id
+    )) })
+  ] }) });
+}
+function AssetsTable({ items, currency, onOpen }) {
+  if (items.length === 0) return /* @__PURE__ */ jsx(EmptyTab, {});
+  return /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-card overflow-hidden", children: /* @__PURE__ */ jsxs("table", { className: "w-full text-sm", children: [
+    /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "border-b border-border bg-muted/40 text-muted-foreground", children: [
+      /* @__PURE__ */ jsx("th", { className: "px-4 py-2.5 text-left text-xs font-medium uppercase tracking-wide", children: "Name" }),
+      /* @__PURE__ */ jsx("th", { className: "px-4 py-2.5 text-left text-xs font-medium uppercase tracking-wide", children: "Type" }),
+      /* @__PURE__ */ jsx("th", { className: "px-4 py-2.5 text-left text-xs font-medium uppercase tracking-wide", children: "Status" }),
+      /* @__PURE__ */ jsx("th", { className: "px-4 py-2.5 text-right text-xs font-medium uppercase tracking-wide", children: "Price" }),
+      /* @__PURE__ */ jsx("th", { className: "px-4 py-2.5 text-left text-xs font-medium uppercase tracking-wide", children: "Linked To" })
+    ] }) }),
+    /* @__PURE__ */ jsx("tbody", { children: items.map((a) => /* @__PURE__ */ jsxs(
+      "tr",
+      {
+        onClick: () => onOpen(a.id),
+        className: "border-b border-border last:border-0 cursor-pointer hover:bg-accent/40 transition-colors",
+        children: [
+          /* @__PURE__ */ jsx("td", { className: "px-4 py-3 font-medium", children: a.name }),
+          /* @__PURE__ */ jsx("td", { className: "px-4 py-3 capitalize", children: a.assetType.replace(/_/g, " ") }),
+          /* @__PURE__ */ jsx("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsx(StatusBadge, { status: a.status }) }),
+          /* @__PURE__ */ jsx("td", { className: "px-4 py-3 text-right font-mono", children: fmt(a.purchasePrice, a.currencyCode || currency) }),
+          /* @__PURE__ */ jsx("td", { className: "px-4 py-3 text-muted-foreground", children: a.subscriptionId ? `Sub ${a.subscriptionId.slice(0, 8)}\u2026` : "\u2014" })
+        ]
+      },
+      a.id
+    )) })
+  ] }) });
+}
+function EmptyTab() {
+  return /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-card py-8 text-center text-sm text-muted-foreground", children: "No records in this category." });
+}
+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" })
+  ] });
+}
+export {
+  CustomerInventoryWidget as default
+};
+//# sourceMappingURL=widget.client.js.map

package/dist/modules/cpq/widgets/injection/customer-inventory/widget.client.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/cpq/widgets/injection/customer-inventory/widget.client.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport type { InjectionWidgetComponentProps } from '@open-mercato/shared/modules/widgets/injection'\nimport { useRouter } from 'next/navigation'\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// \u2500\u2500\u2500 Types \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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  autoRenew: boolean\n  createdAt: string\n}\n\ntype SubscriptionItem = {\n  id: string\n  subscriptionId: string\n  parentItemId: string | null\n  productId: string | null\n  name: string\n  status: string\n  mrcAmount: number\n  nrcAmount: number\n  currencyCode: string\n  quantity: number\n}\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  subscriptionId: string | null\n  subscriptionItemId: string | null\n  createdAt: string\n}\n\ntype InventorySummary = {\n  activeSubscriptions: number\n  totalMrc: number\n  activeAssets: number\n  pendingItems: number\n  currencyCode: string\n}\n\ntype InventoryResponse = {\n  customerId: string\n  subscriptions: Subscription[]\n  subscriptionItems: SubscriptionItem[]\n  assets: Asset[]\n  summary: InventorySummary\n}\n\ntype TabKey = 'subscriptions' | 'items' | 'assets'\n\n// \u2500\u2500\u2500 Helpers \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nfunction fmt(amount: number, currency: string): string {\n  return new Intl.NumberFormat('en-US', { style: 'currency', currency }).format(amount)\n}\n\nfunction 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\n// \u2500\u2500\u2500 Main Widget \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nexport default function CustomerInventoryWidget({ data, context }: InjectionWidgetComponentProps & { context?: Record<string, unknown> }) {\n  const router = useRouter()\n  const record = data as Record<string, unknown> | null\n  const companyRecord = record?.company as Record<string, unknown> | undefined\n  const customerId =\n    (context?.companyId as string) ??\n    (context?.resourceId as string) ??\n    (companyRecord?.id as string) ??\n    (record?.id as string) ??\n    null\n\n  const [inventory, setInventory] = React.useState<InventoryResponse | null>(null)\n  const [loading, setLoading] = React.useState(true)\n  const [activeTab, setActiveTab] = React.useState<TabKey>('subscriptions')\n\n  React.useEffect(() => {\n    if (!customerId) { setLoading(false); return }\n    let cancelled = false\n    async function load() {\n      try {\n        const res = await fetch(`/api/cpq/inventory/customer/${customerId}`)\n        if (res.ok && !cancelled) setInventory(await res.json())\n      } catch { /* no inventory data */ }\n      finally { if (!cancelled) setLoading(false) }\n    }\n    load()\n    return () => { cancelled = true }\n  }, [customerId])\n\n  if (!customerId) return <div className=\"p-4 text-sm text-muted-foreground\">No customer context available.</div>\n\n  if (loading) {\n    return (\n      <div className=\"flex items-center gap-2 p-6 text-sm text-muted-foreground\">\n        <Spinner /> Loading inventory\u2026\n      </div>\n    )\n  }\n\n  if (!inventory || (inventory.subscriptions.length === 0 && inventory.assets.length === 0)) {\n    return (\n      <div className=\"flex flex-col items-center justify-center py-12 px-4\">\n        <div className=\"rounded-full bg-primary/10 p-3 mb-3\">\n          <svg className=\"h-6 w-6 text-primary\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth=\"1.5\" stroke=\"currentColor\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M20.25 7.5l-.625 10.632a2.25 2.25 0 01-2.247 2.118H6.622a2.25 2.25 0 01-2.247-2.118L3.75 7.5M10 11.25h4M3.375 7.5h17.25c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125z\" />\n          </svg>\n        </div>\n        <p className=\"text-sm text-muted-foreground\">No inventory records found.</p>\n      </div>\n    )\n  }\n\n  const { summary } = inventory\n  const currency = summary.currencyCode || 'USD'\n\n  const tabs: { key: TabKey; label: string; count: number }[] = [\n    { key: 'subscriptions', label: 'Subscriptions', count: inventory.subscriptions.length },\n    { key: 'items', label: 'Subscription Items', count: inventory.subscriptionItems.length },\n    { key: 'assets', label: 'Assets', count: inventory.assets.length },\n  ]\n\n  return (\n    <div className=\"space-y-4\">\n      {/* Summary Cards */}\n      <div className=\"grid grid-cols-2 sm:grid-cols-4 gap-3\">\n        <SummaryCard label=\"Active Subscriptions\" value={String(summary.activeSubscriptions)} />\n        <SummaryCard label=\"Total MRC\" value={fmt(summary.totalMrc, currency)} mono />\n        <SummaryCard label=\"Active Assets\" value={String(summary.activeAssets)} />\n        <SummaryCard label=\"Pending Items\" value={String(summary.pendingItems)} />\n      </div>\n\n      {/* Tab Switcher */}\n      <div className=\"flex gap-1 border-b\">\n        {tabs.map((tab) => (\n          <button\n            key={tab.key}\n            onClick={() => setActiveTab(tab.key)}\n            className={`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            <span className=\"ml-1.5 rounded-full bg-muted px-1.5 py-0.5 text-xs\">{tab.count}</span>\n          </button>\n        ))}\n      </div>\n\n      {/* Tab Content */}\n      {activeTab === 'subscriptions' && <SubscriptionsTable items={inventory.subscriptions} currency={currency} onOpen={(id) => router.push(`/backend/cpq/inventory/subscriptions/${id}`)} />}\n      {activeTab === 'items' && <SubscriptionItemsTable items={inventory.subscriptionItems} currency={currency} onOpen={(id) => router.push(`/backend/cpq/inventory/subscriptions/${id}`)} />}\n      {activeTab === 'assets' && <AssetsTable items={inventory.assets} currency={currency} onOpen={(id) => router.push(`/backend/cpq/inventory/assets/${id}`)} />}\n\n      {/* Link to full page */}\n      <div className=\"pt-2 text-right\">\n        <a href=\"/backend/cpq/inventory\" className=\"text-sm text-primary hover:underline\">\n          View full inventory \u2192\n        </a>\n      </div>\n    </div>\n  )\n}\n\n// \u2500\u2500\u2500 Summary Card \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nfunction SummaryCard({ label, value, mono }: { label: string; value: string; mono?: boolean }) {\n  return (\n    <div className=\"rounded-lg border bg-card p-3\">\n      <p className=\"text-xs text-muted-foreground\">{label}</p>\n      <p className={`text-lg font-semibold ${mono ? 'font-mono' : ''}`}>{value}</p>\n    </div>\n  )\n}\n\n// \u2500\u2500\u2500 Subscriptions Table \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nfunction SubscriptionsTable({ items, currency, onOpen }: { items: Subscription[]; currency: string; onOpen: (id: string) => void }) {\n  if (items.length === 0) return <EmptyTab />\n  return (\n    <div className=\"rounded-lg border bg-card overflow-hidden\">\n      <table className=\"w-full text-sm\">\n        <thead>\n          <tr className=\"border-b border-border bg-muted/40 text-muted-foreground\">\n            <th className=\"px-4 py-2.5 text-left text-xs font-medium uppercase tracking-wide\">Name</th>\n            <th className=\"px-4 py-2.5 text-left text-xs font-medium uppercase tracking-wide\">Status</th>\n            <th className=\"px-4 py-2.5 text-right text-xs font-medium uppercase tracking-wide\">MRC</th>\n            <th className=\"px-4 py-2.5 text-left text-xs font-medium uppercase tracking-wide\">Billing</th>\n            <th className=\"px-4 py-2.5 text-left text-xs font-medium uppercase tracking-wide\">Start Date</th>\n            <th className=\"px-4 py-2.5 text-left text-xs font-medium uppercase tracking-wide\">Term End</th>\n          </tr>\n        </thead>\n        <tbody>\n          {items.map((s) => (\n            <tr\n              key={s.id}\n              onClick={() => onOpen(s.id)}\n              className=\"border-b border-border last:border-0 cursor-pointer hover:bg-accent/40 transition-colors\"\n            >\n              <td className=\"px-4 py-3 font-medium\">{s.name}</td>\n              <td className=\"px-4 py-3\"><StatusBadge status={s.status} /></td>\n              <td className=\"px-4 py-3 text-right font-mono\">{fmt(s.mrcAmount, s.currencyCode || currency)}</td>\n              <td className=\"px-4 py-3 capitalize\">{s.billingCycle}</td>\n              <td className=\"px-4 py-3 text-muted-foreground\">{s.startDate ? new Date(s.startDate).toLocaleDateString() : '\u2014'}</td>\n              <td className=\"px-4 py-3 text-muted-foreground\">{s.currentTermEnd ? new Date(s.currentTermEnd).toLocaleDateString() : '\u2014'}</td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  )\n}\n\n// \u2500\u2500\u2500 Subscription Items Table \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nfunction SubscriptionItemsTable({ items, currency, onOpen }: { items: SubscriptionItem[]; currency: string; onOpen: (subscriptionId: string) => void }) {\n  if (items.length === 0) return <EmptyTab />\n  return (\n    <div className=\"rounded-lg border bg-card overflow-hidden\">\n      <table className=\"w-full text-sm\">\n        <thead>\n          <tr className=\"border-b border-border bg-muted/40 text-muted-foreground\">\n            <th className=\"px-4 py-2.5 text-left text-xs font-medium uppercase tracking-wide\">Name</th>\n            <th className=\"px-4 py-2.5 text-left text-xs font-medium uppercase tracking-wide\">Status</th>\n            <th className=\"px-4 py-2.5 text-right text-xs font-medium uppercase tracking-wide\">MRC</th>\n            <th className=\"px-4 py-2.5 text-right text-xs font-medium uppercase tracking-wide\">NRC</th>\n            <th className=\"px-4 py-2.5 text-right text-xs font-medium uppercase tracking-wide\">Qty</th>\n          </tr>\n        </thead>\n        <tbody>\n          {items.map((item) => (\n            <tr\n              key={item.id}\n              onClick={() => onOpen(item.subscriptionId)}\n              className=\"border-b border-border last:border-0 cursor-pointer hover:bg-accent/40 transition-colors\"\n            >\n              <td className=\"px-4 py-3 font-medium\">{item.name}</td>\n              <td className=\"px-4 py-3\"><StatusBadge status={item.status} /></td>\n              <td className=\"px-4 py-3 text-right font-mono\">{fmt(item.mrcAmount, item.currencyCode || currency)}</td>\n              <td className=\"px-4 py-3 text-right font-mono\">{fmt(item.nrcAmount, item.currencyCode || currency)}</td>\n              <td className=\"px-4 py-3 text-right font-mono\">{item.quantity}</td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  )\n}\n\n// \u2500\u2500\u2500 Assets Table \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nfunction AssetsTable({ items, currency, onOpen }: { items: Asset[]; currency: string; onOpen: (id: string) => void }) {\n  if (items.length === 0) return <EmptyTab />\n  return (\n    <div className=\"rounded-lg border bg-card overflow-hidden\">\n      <table className=\"w-full text-sm\">\n        <thead>\n          <tr className=\"border-b border-border bg-muted/40 text-muted-foreground\">\n            <th className=\"px-4 py-2.5 text-left text-xs font-medium uppercase tracking-wide\">Name</th>\n            <th className=\"px-4 py-2.5 text-left text-xs font-medium uppercase tracking-wide\">Type</th>\n            <th className=\"px-4 py-2.5 text-left text-xs font-medium uppercase tracking-wide\">Status</th>\n            <th className=\"px-4 py-2.5 text-right text-xs font-medium uppercase tracking-wide\">Price</th>\n            <th className=\"px-4 py-2.5 text-left text-xs font-medium uppercase tracking-wide\">Linked To</th>\n          </tr>\n        </thead>\n        <tbody>\n          {items.map((a) => (\n            <tr\n              key={a.id}\n              onClick={() => onOpen(a.id)}\n              className=\"border-b border-border last:border-0 cursor-pointer hover:bg-accent/40 transition-colors\"\n            >\n              <td className=\"px-4 py-3 font-medium\">{a.name}</td>\n              <td className=\"px-4 py-3 capitalize\">{a.assetType.replace(/_/g, ' ')}</td>\n              <td className=\"px-4 py-3\"><StatusBadge status={a.status} /></td>\n              <td className=\"px-4 py-3 text-right font-mono\">{fmt(a.purchasePrice, a.currencyCode || currency)}</td>\n              <td className=\"px-4 py-3 text-muted-foreground\">\n                {a.subscriptionId ? `Sub ${a.subscriptionId.slice(0, 8)}\u2026` : '\u2014'}\n              </td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  )\n}\n\n// \u2500\u2500\u2500 Shared \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nfunction EmptyTab() {\n  return (\n    <div className=\"rounded-lg border bg-card py-8 text-center text-sm text-muted-foreground\">\n      No records in this category.\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"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/cpq/widgets/injection/customer-inventory/widget.js

@@ -0,0 +1,17 @@
+import CustomerInventoryWidget from "./widget.client.js";
+const widget = {
+  metadata: {
+    id: "cpq.injection.customer-inventory",
+    title: "Customer Inventory",
+    description: "Products and services purchased by this customer",
+    features: ["cpq.inventory.view"],
+    priority: 60,
+    enabled: true
+  },
+  Widget: CustomerInventoryWidget
+};
+var widget_default = widget;
+export {
+  widget_default as default
+};
+//# sourceMappingURL=widget.js.map

package/dist/modules/cpq/widgets/injection/customer-inventory/widget.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/cpq/widgets/injection/customer-inventory/widget.ts"],
+  "sourcesContent": ["import type { InjectionWidgetModule } from '@open-mercato/shared/modules/widgets/injection'\nimport CustomerInventoryWidget from './widget.client'\n\nconst widget: InjectionWidgetModule<any, any> = {\n  metadata: {\n    id: 'cpq.injection.customer-inventory',\n    title: 'Customer Inventory',\n    description: 'Products and services purchased by this customer',\n    features: ['cpq.inventory.view'],\n    priority: 60,\n    enabled: true,\n  },\n  Widget: CustomerInventoryWidget,\n}\n\nexport default widget\n"],
+  "mappings": "AACA,OAAO,6BAA6B;AAEpC,MAAM,SAA0C;AAAA,EAC9C,UAAU;AAAA,IACR,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,UAAU,CAAC,oBAAoB;AAAA,IAC/B,UAAU;AAAA,IACV,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AACV;AAEA,IAAO,iBAAQ;",
+  "names": []
+}

package/dist/modules/cpq/widgets/injection/order-cpq-tab/widget.client.js

@@ -0,0 +1,79 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useRouter } from "next/navigation";
+import { Tag } from "@open-mercato/ui/primitives/tag";
+import {
+  formatStatusLabel,
+  orderCpqStatusMap
+} from "../../../components/statusMaps.js";
+function fmt(amount, currency) {
+  if (amount == null) return "\u2014";
+  return new Intl.NumberFormat("en-US", { style: "currency", currency }).format(amount);
+}
+function OrderCpqTabWidget({ data }) {
+  const router = useRouter();
+  const salesOrderId = data?.id;
+  const [cpqOrders, setCpqOrders] = React.useState([]);
+  const [loading, setLoading] = React.useState(true);
+  React.useEffect(() => {
+    if (!salesOrderId) {
+      setLoading(false);
+      return;
+    }
+    let cancelled = false;
+    fetch(`/api/cpq/orders?salesOrderId=${salesOrderId}&pageSize=50`).then((r) => r.json()).then((result) => {
+      if (!cancelled) setCpqOrders(result.items ?? []);
+    }).catch(() => {
+    }).finally(() => {
+      if (!cancelled) setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [salesOrderId]);
+  if (loading) {
+    return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 py-8 justify-center text-sm text-muted-foreground", children: [
+      /* @__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" })
+      ] }),
+      "Loading CPQ orders\u2026"
+    ] });
+  }
+  if (cpqOrders.length === 0) {
+    return /* @__PURE__ */ jsx("div", { className: "py-8 text-center text-sm text-muted-foreground", children: "No CPQ orders linked to this sales order." });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "space-y-2", children: cpqOrders.map((o) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      onClick: () => router.push(`/backend/cpq/orders/${o.id}`),
+      className: "flex items-center justify-between rounded-lg border p-3 hover:bg-muted/30 cursor-pointer transition-colors",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx(Tag, { variant: orderCpqStatusMap[o.cpqStatus] ?? "neutral", dot: true, children: formatStatusLabel(o.cpqStatus) }),
+          /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: o.currencyCode })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 text-xs", children: [
+          o.pricingSummary && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs("span", { children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "NRC " }),
+              /* @__PURE__ */ jsx("span", { className: "font-mono font-medium", children: fmt(o.pricingSummary.nrcTotal, o.currencyCode) })
+            ] }),
+            /* @__PURE__ */ jsxs("span", { children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "MRC " }),
+              /* @__PURE__ */ jsx("span", { className: "font-mono font-medium", children: fmt(o.pricingSummary.mrcTotal, o.currencyCode) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: new Date(o.createdAt).toLocaleDateString() }),
+          /* @__PURE__ */ jsx("span", { className: "text-primary font-medium", children: "Open \u2192" })
+        ] })
+      ]
+    },
+    o.id
+  )) });
+}
+export {
+  OrderCpqTabWidget as default
+};
+//# sourceMappingURL=widget.client.js.map

package/dist/modules/cpq/widgets/injection/order-cpq-tab/widget.client.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/cpq/widgets/injection/order-cpq-tab/widget.client.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport type { InjectionWidgetComponentProps } from '@open-mercato/shared/modules/widgets/injection'\nimport { useRouter } from 'next/navigation'\nimport { Tag } from '@open-mercato/ui/primitives/tag'\nimport {\n  formatStatusLabel,\n  orderCpqStatusMap,\n  type OrderCpqStatus,\n} from '../../../components/statusMaps'\n\ntype CpqOrderSummary = {\n  id: string\n  orderId: string\n  orderNumber?: string\n  cpqStatus: string\n  sourceQuoteId: string | null\n  currencyCode: string\n  pricingSummary: { nrcTotal: number; mrcTotal: number } | null\n  activatedAt: string | null\n  createdAt: string\n}\n\nfunction fmt(amount: number | undefined | null, currency: string): string {\n  if (amount == null) return '\u2014'\n  return new Intl.NumberFormat('en-US', { style: 'currency', currency }).format(amount)\n}\n\nexport default function OrderCpqTabWidget({ data }: InjectionWidgetComponentProps<any, any>) {\n  const router = useRouter()\n  const salesOrderId = data?.id as string | undefined\n  const [cpqOrders, setCpqOrders] = React.useState<CpqOrderSummary[]>([])\n  const [loading, setLoading] = React.useState(true)\n\n  React.useEffect(() => {\n    if (!salesOrderId) { setLoading(false); return }\n    let cancelled = false\n    fetch(`/api/cpq/orders?salesOrderId=${salesOrderId}&pageSize=50`)\n      .then((r) => r.json())\n      .then((result) => {\n        if (!cancelled) setCpqOrders(result.items ?? [])\n      })\n      .catch(() => {})\n      .finally(() => { if (!cancelled) setLoading(false) })\n    return () => { cancelled = true }\n  }, [salesOrderId])\n\n  if (loading) {\n    return (\n      <div className=\"flex items-center gap-2 py-8 justify-center text-sm text-muted-foreground\">\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        Loading CPQ orders\u2026\n      </div>\n    )\n  }\n\n  if (cpqOrders.length === 0) {\n    return (\n      <div className=\"py-8 text-center text-sm text-muted-foreground\">\n        No CPQ orders linked to this sales order.\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"space-y-2\">\n      {cpqOrders.map((o) => (\n        <div\n          key={o.id}\n          onClick={() => router.push(`/backend/cpq/orders/${o.id}`)}\n          className=\"flex items-center justify-between rounded-lg border p-3 hover:bg-muted/30 cursor-pointer transition-colors\"\n        >\n          <div className=\"flex items-center gap-3\">\n            <Tag variant={orderCpqStatusMap[o.cpqStatus as OrderCpqStatus] ?? 'neutral'} dot>\n              {formatStatusLabel(o.cpqStatus)}\n            </Tag>\n            <span className=\"text-sm font-medium\">{o.currencyCode}</span>\n          </div>\n          <div className=\"flex items-center gap-4 text-xs\">\n            {o.pricingSummary && (\n              <>\n                <span><span className=\"text-muted-foreground\">NRC </span><span className=\"font-mono font-medium\">{fmt(o.pricingSummary.nrcTotal, o.currencyCode)}</span></span>\n                <span><span className=\"text-muted-foreground\">MRC </span><span className=\"font-mono font-medium\">{fmt(o.pricingSummary.mrcTotal, o.currencyCode)}</span></span>\n              </>\n            )}\n            <span className=\"text-muted-foreground\">{new Date(o.createdAt).toLocaleDateString()}</span>\n            <span className=\"text-primary font-medium\">Open \u2192</span>\n          </div>\n        </div>\n      ))}\n    </div>\n  )\n}\n"],
+  "mappings": ";AAkDQ,SAiCM,UAhCJ,KADF;AAjDR,YAAY,WAAW;AAEvB,SAAS,iBAAiB;AAC1B,SAAS,WAAW;AACpB;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AAcP,SAAS,IAAI,QAAmC,UAA0B;AACxE,MAAI,UAAU,KAAM,QAAO;AAC3B,SAAO,IAAI,KAAK,aAAa,SAAS,EAAE,OAAO,YAAY,SAAS,CAAC,EAAE,OAAO,MAAM;AACtF;AAEe,SAAR,kBAAmC,EAAE,KAAK,GAA4C;AAC3F,QAAM,SAAS,UAAU;AACzB,QAAM,eAAe,MAAM;AAC3B,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAA4B,CAAC,CAAC;AACtE,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,IAAI;AAEjD,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,cAAc;AAAE,iBAAW,KAAK;AAAG;AAAA,IAAO;AAC/C,QAAI,YAAY;AAChB,UAAM,gCAAgC,YAAY,cAAc,EAC7D,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,EACpB,KAAK,CAAC,WAAW;AAChB,UAAI,CAAC,UAAW,cAAa,OAAO,SAAS,CAAC,CAAC;AAAA,IACjD,CAAC,EACA,MAAM,MAAM;AAAA,IAAC,CAAC,EACd,QAAQ,MAAM;AAAE,UAAI,CAAC,UAAW,YAAW,KAAK;AAAA,IAAE,CAAC;AACtD,WAAO,MAAM;AAAE,kBAAY;AAAA,IAAK;AAAA,EAClC,GAAG,CAAC,YAAY,CAAC;AAEjB,MAAI,SAAS;AACX,WACE,qBAAC,SAAI,WAAU,6EACb;AAAA,2BAAC,SAAI,WAAU,wBAAuB,SAAQ,aAAY,MAAK,QAC7D;AAAA,4BAAC,YAAO,WAAU,cAAa,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK,QAAO,gBAAe,aAAY,KAAI;AAAA,QAC5F,oBAAC,UAAK,WAAU,cAAa,MAAK,gBAAe,GAAE,uCAAsC;AAAA,SAC3F;AAAA,MAAM;AAAA,OAER;AAAA,EAEJ;AAEA,MAAI,UAAU,WAAW,GAAG;AAC1B,WACE,oBAAC,SAAI,WAAU,kDAAiD,uDAEhE;AAAA,EAEJ;AAEA,SACE,oBAAC,SAAI,WAAU,aACZ,oBAAU,IAAI,CAAC,MACd;AAAA,IAAC;AAAA;AAAA,MAEC,SAAS,MAAM,OAAO,KAAK,uBAAuB,EAAE,EAAE,EAAE;AAAA,MACxD,WAAU;AAAA,MAEV;AAAA,6BAAC,SAAI,WAAU,2BACb;AAAA,8BAAC,OAAI,SAAS,kBAAkB,EAAE,SAA2B,KAAK,WAAW,KAAG,MAC7E,4BAAkB,EAAE,SAAS,GAChC;AAAA,UACA,oBAAC,UAAK,WAAU,uBAAuB,YAAE,cAAa;AAAA,WACxD;AAAA,QACA,qBAAC,SAAI,WAAU,mCACZ;AAAA,YAAE,kBACD,iCACE;AAAA,iCAAC,UAAK;AAAA,kCAAC,UAAK,WAAU,yBAAwB,kBAAI;AAAA,cAAO,oBAAC,UAAK,WAAU,yBAAyB,cAAI,EAAE,eAAe,UAAU,EAAE,YAAY,GAAE;AAAA,eAAO;AAAA,YACxJ,qBAAC,UAAK;AAAA,kCAAC,UAAK,WAAU,yBAAwB,kBAAI;AAAA,cAAO,oBAAC,UAAK,WAAU,yBAAyB,cAAI,EAAE,eAAe,UAAU,EAAE,YAAY,GAAE;AAAA,eAAO;AAAA,aAC1J;AAAA,UAEF,oBAAC,UAAK,WAAU,yBAAyB,cAAI,KAAK,EAAE,SAAS,EAAE,mBAAmB,GAAE;AAAA,UACpF,oBAAC,UAAK,WAAU,4BAA2B,yBAAM;AAAA,WACnD;AAAA;AAAA;AAAA,IAnBK,EAAE;AAAA,EAoBT,CACD,GACH;AAEJ;",
+  "names": []
+}

package/dist/modules/cpq/widgets/injection/order-cpq-tab/widget.js

@@ -0,0 +1,17 @@
+import OrderCpqTabWidget from "./widget.client.js";
+const widget = {
+  metadata: {
+    id: "cpq.injection.order-cpq-tab",
+    title: "CPQ Order",
+    description: "View the CPQ order associated with this sales order",
+    features: ["cpq.orders.view"],
+    priority: 60,
+    enabled: true
+  },
+  Widget: OrderCpqTabWidget
+};
+var widget_default = widget;
+export {
+  widget_default as default
+};
+//# sourceMappingURL=widget.js.map

package/dist/modules/cpq/widgets/injection/order-cpq-tab/widget.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/cpq/widgets/injection/order-cpq-tab/widget.ts"],
+  "sourcesContent": ["import type { InjectionWidgetModule } from '@open-mercato/shared/modules/widgets/injection'\nimport OrderCpqTabWidget from './widget.client'\n\nconst widget: InjectionWidgetModule<any, any> = {\n  metadata: {\n    id: 'cpq.injection.order-cpq-tab',\n    title: 'CPQ Order',\n    description: 'View the CPQ order associated with this sales order',\n    features: ['cpq.orders.view'],\n    priority: 60,\n    enabled: true,\n  },\n  Widget: OrderCpqTabWidget,\n}\n\nexport default widget\n"],
+  "mappings": "AACA,OAAO,uBAAuB;AAE9B,MAAM,SAA0C;AAAA,EAC9C,UAAU;AAAA,IACR,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,UAAU,CAAC,iBAAiB;AAAA,IAC5B,UAAU;AAAA,IACV,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AACV;AAEA,IAAO,iBAAQ;",
+  "names": []
+}

package/dist/modules/cpq/widgets/injection/quote-configurator/widget.client.js

@@ -0,0 +1,181 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useRouter } from "next/navigation";
+import { Tag } from "@open-mercato/ui/primitives/tag";
+import {
+  formatStatusLabel,
+  quoteCpqStatusMap
+} from "../../../components/statusMaps.js";
+function fmt(amount, currency) {
+  return new Intl.NumberFormat("en-US", { style: "currency", currency }).format(amount);
+}
+function QuoteConfiguratorWidget({ data }) {
+  const router = useRouter();
+  const record = data;
+  const quoteId = record?.id ?? null;
+  const [cpqQuote, setCpqQuote] = React.useState(null);
+  const [loading, setLoading] = React.useState(true);
+  const [expandedLines, setExpandedLines] = React.useState(/* @__PURE__ */ new Set());
+  React.useEffect(() => {
+    if (!quoteId) {
+      setLoading(false);
+      return;
+    }
+    let cancelled = false;
+    async function load() {
+      try {
+        const res = await fetch(`/api/cpq/quotes/${quoteId}`);
+        if (res.ok && !cancelled) setCpqQuote(await res.json());
+      } catch {
+      } finally {
+        if (!cancelled) setLoading(false);
+      }
+    }
+    load();
+    return () => {
+      cancelled = true;
+    };
+  }, [quoteId]);
+  if (!quoteId) return /* @__PURE__ */ jsx("div", { className: "p-4 text-sm text-muted-foreground", children: "No quote context available." });
+  if (loading) {
+    return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 p-6 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(Spinner, {}),
+      " Loading CPQ configuration\u2026"
+    ] });
+  }
+  if (!cpqQuote) {
+    const custId = record?.customerEntityId ?? record?.customer_entity_id ?? "";
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-12 px-4", children: [
+      /* @__PURE__ */ jsx("div", { className: "rounded-full bg-primary/10 p-3 mb-3", children: /* @__PURE__ */ jsxs("svg", { className: "h-6 w-6 text-primary", fill: "none", viewBox: "0 0 24 24", strokeWidth: "1.5", stroke: "currentColor", children: [
+        /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.325.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 011.37.49l1.296 2.247a1.125 1.125 0 01-.26 1.431l-1.003.827c-.293.241-.438.613-.43.992a7.723 7.723 0 010 .255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26 1.43l-1.298 2.247a1.125 1.125 0 01-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47 6.47 0 01-.22.128c-.331.183-.581.495-.644.869l-.213 1.281c-.09.543-.56.94-1.11.94h-2.594c-.55 0-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 01-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 01-1.369-.49l-1.297-2.247a1.125 1.125 0 01.26-1.431l1.004-.827c.292-.24.437-.613.43-.991a6.932 6.932 0 010-.255c.007-.38-.138-.751-.43-.992l-1.004-.827a1.125 1.125 0 01-.26-1.43l1.297-2.247a1.125 1.125 0 011.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.086.22-.128.332-.183.582-.495.644-.869l.214-1.28z" }),
+        /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z" })
+      ] }) }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-4", children: "This quote has no CPQ configuration yet." }),
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: () => router.push(`/backend/cpq/quotes/new?quoteId=${quoteId}&customerId=${custId}`),
+          className: "inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow-sm hover:bg-primary/90 transition-colors",
+          children: [
+            /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m7.5-7.5h-15" }) }),
+            "Create CPQ Quote"
+          ]
+        }
+      ),
+      !custId && /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-status-warning-text", children: "Assign a customer to this quote first." })
+    ] });
+  }
+  const { pricingSummary: summary, currencyCode: currency } = cpqQuote;
+  const toggleLine = (id) => {
+    setExpandedLines((prev) => {
+      const next = new Set(prev);
+      next.has(id) ? next.delete(id) : next.add(id);
+      return next;
+    });
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-1", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx(Tag, { variant: quoteCpqStatusMap[cpqQuote.cpqStatus] ?? "neutral", dot: true, children: formatStatusLabel(cpqQuote.cpqStatus) }),
+        /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+          "v",
+          cpqQuote.version
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: currency })
+      ] }),
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: () => router.push(`/backend/cpq/quotes/${cpqQuote.id}`),
+          className: "inline-flex items-center gap-1.5 rounded-md bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground shadow-sm hover:bg-primary/90 transition-colors",
+          children: [
+            "Open CPQ Configurator",
+            /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25" }) })
+          ]
+        }
+      )
+    ] }),
+    cpqQuote.lines.length === 0 ? /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-card py-8 text-center text-sm text-muted-foreground", children: "No items configured yet." }) : /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-card divide-y", children: cpqQuote.lines.map((line) => {
+      const isExpanded = expandedLines.has(line.lineId);
+      return /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex items-center gap-3 px-4 py-3 hover:bg-muted/30 transition-colors cursor-pointer",
+            onClick: () => toggleLine(line.lineId),
+            children: [
+              /* @__PURE__ */ jsx("button", { className: "flex h-5 w-5 shrink-0 items-center justify-center rounded text-muted-foreground", children: /* @__PURE__ */ jsx("svg", { className: `h-4 w-4 transition-transform ${isExpanded ? "rotate-90" : ""}`, fill: "none", viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 4.5l7.5 7.5-7.5 7.5" }) }) }),
+              /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx("span", { className: "font-medium text-sm", children: line.offeringName }),
+                  line.quantity > 1 && /* @__PURE__ */ jsxs("span", { className: "rounded bg-muted px-1.5 py-0.5 text-xs font-medium", children: [
+                    "\xD7",
+                    line.quantity
+                  ] }),
+                  line.isConfigured ? /* @__PURE__ */ jsx(Tag, { variant: "success", className: "px-1.5 text-xs", children: "configured" }) : /* @__PURE__ */ jsx(Tag, { variant: "warning", className: "px-1.5 text-xs", children: "incomplete" })
+                ] }),
+                line.validationErrors && line.validationErrors.length > 0 && /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive mt-0.5", children: line.validationErrors[0].message })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "shrink-0 text-right text-xs space-y-0.5", children: [
+                line.nrcTotal > 0 && /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "NRC " }),
+                  /* @__PURE__ */ jsx("span", { className: "font-mono font-medium", children: fmt(line.nrcTotal, currency) })
+                ] }),
+                line.mrcTotal > 0 && /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "MRC " }),
+                  /* @__PURE__ */ jsx("span", { className: "font-mono font-medium", children: fmt(line.mrcTotal, currency) })
+                ] })
+              ] })
+            ]
+          }
+        ),
+        isExpanded && line.charges.length > 0 && /* @__PURE__ */ jsx("div", { className: "border-t bg-muted/10 px-12 py-2", children: /* @__PURE__ */ jsxs("table", { className: "w-full text-xs", children: [
+          /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "text-muted-foreground", children: [
+            /* @__PURE__ */ jsx("th", { className: "text-left py-1 font-medium", children: "Charge" }),
+            /* @__PURE__ */ jsx("th", { className: "text-left py-1 font-medium", children: "Type" }),
+            /* @__PURE__ */ jsx("th", { className: "text-right py-1 font-medium", children: "Unit Price" }),
+            /* @__PURE__ */ jsx("th", { className: "text-right py-1 font-medium", children: "Qty" }),
+            /* @__PURE__ */ jsx("th", { className: "text-right py-1 font-medium", children: "Total" })
+          ] }) }),
+          /* @__PURE__ */ jsx("tbody", { children: line.charges.map((c, i) => /* @__PURE__ */ jsxs("tr", { className: "border-t border-dashed border-border/50", children: [
+            /* @__PURE__ */ jsx("td", { className: "py-1", children: c.chargeName }),
+            /* @__PURE__ */ jsx("td", { className: "py-1 uppercase", children: c.chargeType }),
+            /* @__PURE__ */ jsx("td", { className: "py-1 text-right font-mono", children: fmt(c.unitPrice, currency) }),
+            /* @__PURE__ */ jsx("td", { className: "py-1 text-right font-mono", children: c.quantity ?? "\u2014" }),
+            /* @__PURE__ */ jsx("td", { className: "py-1 text-right font-mono", children: c.totalPrice != null ? fmt(c.totalPrice, currency) : c.note ?? "\u2014" })
+          ] }, i)) })
+        ] }) })
+      ] }, line.lineId);
+    }) }),
+    cpqQuote.lines.length > 0 && /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-card p-4", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 sm:grid-cols-3 gap-4", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Non-Recurring (NRC)" }),
+        /* @__PURE__ */ jsx("p", { className: "text-lg font-semibold font-mono", children: fmt(summary.nrcTotal, currency) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Monthly Recurring (MRC)" }),
+        /* @__PURE__ */ jsx("p", { className: "text-lg font-semibold font-mono", children: fmt(summary.mrcTotal, currency) })
+      ] }),
+      summary.usageCharges.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Usage Charges" }),
+        /* @__PURE__ */ jsx("div", { className: "mt-1 space-y-0.5", children: summary.usageCharges.map((uc, i) => /* @__PURE__ */ jsxs("p", { className: "text-xs", children: [
+          uc.chargeName,
+          ": ",
+          fmt(uc.unitPrice, currency),
+          "/unit"
+        ] }, i)) })
+      ] })
+    ] }) })
+  ] });
+}
+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" })
+  ] });
+}
+export {
+  QuoteConfiguratorWidget as default
+};
+//# sourceMappingURL=widget.client.js.map