@dainamite/cpq 0.2.2

package/dist/modules/cpq/workflows/registry.js

@@ -0,0 +1,16 @@
+const stepTypes = /* @__PURE__ */ new Map();
+function registerStepType(stepType) {
+  stepTypes.set(stepType.type, stepType);
+}
+function getStepType(type) {
+  return stepTypes.get(type);
+}
+function listStepTypes() {
+  return Array.from(stepTypes.values());
+}
+export {
+  getStepType,
+  listStepTypes,
+  registerStepType
+};
+//# sourceMappingURL=registry.js.map

package/dist/modules/cpq/workflows/registry.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/cpq/workflows/registry.ts"],
+  "sourcesContent": ["import type { WizardStepType } from './types'\n\nconst stepTypes = new Map<string, WizardStepType>()\n\nexport function registerStepType(stepType: WizardStepType) {\n  stepTypes.set(stepType.type, stepType)\n}\n\nexport function getStepType(type: string): WizardStepType | undefined {\n  return stepTypes.get(type)\n}\n\nexport function listStepTypes(): WizardStepType[] {\n  return Array.from(stepTypes.values())\n}\n"],
+  "mappings": "AAEA,MAAM,YAAY,oBAAI,IAA4B;AAE3C,SAAS,iBAAiB,UAA0B;AACzD,YAAU,IAAI,SAAS,MAAM,QAAQ;AACvC;AAEO,SAAS,YAAY,MAA0C;AACpE,SAAO,UAAU,IAAI,IAAI;AAC3B;AAEO,SAAS,gBAAkC;AAChD,SAAO,MAAM,KAAK,UAAU,OAAO,CAAC;AACtC;",
+  "names": []
+}

package/dist/modules/cpq/workflows/steps/CustomerSelectStep.js

@@ -0,0 +1,119 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useCallback } from "react";
+function CustomerSelectStep({ config, onComplete, onBack, stepData, currentStepId, completedSteps }) {
+  const [customers, setCustomers] = useState([]);
+  const [search, setSearch] = useState("");
+  const [selected, setSelected] = useState(null);
+  const [loading, setLoading] = useState(false);
+  const previousData = stepData[currentStepId];
+  useEffect(() => {
+    if (previousData?.customerId && previousData?.customerName) {
+      setSelected({ id: previousData.customerId, name: previousData.customerName });
+    }
+  }, [previousData?.customerId, previousData?.customerName]);
+  const segmentFilter = config.segmentFilter ?? [];
+  const handleSearch = useCallback(async () => {
+    setLoading(true);
+    try {
+      const params = new URLSearchParams({ page: "1", pageSize: "20" });
+      if (search) params.set("search", search);
+      const res = await fetch(`/api/customers/companies?${params}`);
+      if (res.ok) {
+        const data = await res.json();
+        let items = (data.items ?? data).map((c) => ({
+          id: c.id,
+          name: c.display_name ?? c.displayName ?? c.name ?? "",
+          email: c.primary_email ?? c.email ?? "",
+          segment: c.lifecycle_stage ?? c.segment ?? ""
+        }));
+        if (segmentFilter.length > 0) {
+          items = items.filter((c) => c.segment && segmentFilter.includes(c.segment));
+        }
+        setCustomers(items);
+      }
+    } finally {
+      setLoading(false);
+    }
+  }, [search, segmentFilter]);
+  useEffect(() => {
+    handleSearch();
+  }, []);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          placeholder: "Search customers...",
+          value: search,
+          onChange: (e) => setSearch(e.target.value),
+          onKeyDown: (e) => e.key === "Enter" && handleSearch(),
+          className: "flex-1 rounded-md border px-3 py-2 text-sm"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: handleSearch,
+          disabled: loading,
+          className: "inline-flex items-center justify-center rounded-md border px-4 py-2 text-sm font-medium hover:bg-muted disabled:opacity-50",
+          children: loading ? "Searching..." : "Search"
+        }
+      )
+    ] }),
+    selected && /* @__PURE__ */ jsxs("div", { className: "rounded-md border-2 border-primary bg-primary/5 p-3 flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs("span", { className: "text-sm", children: [
+        /* @__PURE__ */ jsx("strong", { children: "Selected:" }),
+        " ",
+        selected.name
+      ] }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setSelected(null),
+          className: "text-xs text-muted-foreground hover:text-foreground underline",
+          children: "Clear"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 max-h-[300px] overflow-y-auto", children: [
+      customers.map((c) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          onClick: () => setSelected(c),
+          className: `rounded-md border p-3 cursor-pointer transition-colors ${selected?.id === c.id ? "border-primary bg-primary/5" : "hover:bg-muted/30"}`,
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "font-medium text-sm", children: c.name }),
+            c.email && /* @__PURE__ */ jsx("span", { className: "ml-2 text-xs text-muted-foreground", children: c.email })
+          ]
+        },
+        c.id
+      )),
+      customers.length === 0 && !loading && /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground", children: "No customers found." })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-2 justify-end pt-2", children: [
+      completedSteps.length > 0 && /* @__PURE__ */ jsx("button", { type: "button", onClick: onBack, className: "inline-flex items-center justify-center rounded-md border px-4 py-2 text-sm font-medium hover:bg-muted", children: "Back" }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+            if (selected) {
+              onComplete({ customerId: selected.id, customerName: selected.name });
+            }
+          },
+          disabled: !selected,
+          className: "inline-flex items-center justify-center rounded-md bg-primary px-5 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50 disabled:cursor-not-allowed",
+          children: "Next"
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  CustomerSelectStep
+};
+//# sourceMappingURL=CustomerSelectStep.js.map

package/dist/modules/cpq/workflows/steps/CustomerSelectStep.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/cpq/workflows/steps/CustomerSelectStep.tsx"],
+  "sourcesContent": ["'use client'\n\nimport React, { useState, useEffect, useCallback } from 'react'\nimport type { WizardStepProps } from '../types'\n\ntype Customer = {\n  id: string\n  name: string\n  email?: string\n  segment?: string\n}\n\nexport function CustomerSelectStep({ config, onComplete, onBack, stepData, currentStepId, completedSteps }: WizardStepProps) {\n  const [customers, setCustomers] = useState<Customer[]>([])\n  const [search, setSearch] = useState('')\n  const [selected, setSelected] = useState<Customer | null>(null)\n  const [loading, setLoading] = useState(false)\n\n  // Restore previous selection if returning to this step\n  const previousData = stepData[currentStepId] as { customerId?: string; customerName?: string } | undefined\n  useEffect(() => {\n    if (previousData?.customerId && previousData?.customerName) {\n      setSelected({ id: previousData.customerId, name: previousData.customerName })\n    }\n  }, [previousData?.customerId, previousData?.customerName])\n\n  const segmentFilter = (config.segmentFilter as string[]) ?? []\n\n  const handleSearch = useCallback(async () => {\n    setLoading(true)\n    try {\n      const params = new URLSearchParams({ page: '1', pageSize: '20' })\n      if (search) params.set('search', search)\n      const res = await fetch(`/api/customers/companies?${params}`)\n      if (res.ok) {\n        const data = await res.json()\n        let items = ((data.items ?? data) as Array<Record<string, unknown>>).map((c) => ({\n          id: c.id as string,\n          name: (c.display_name ?? c.displayName ?? c.name ?? '') as string,\n          email: (c.primary_email ?? c.email ?? '') as string,\n          segment: (c.lifecycle_stage ?? c.segment ?? '') as string,\n        })) as Customer[]\n        if (segmentFilter.length > 0) {\n          items = items.filter((c) => c.segment && segmentFilter.includes(c.segment))\n        }\n        setCustomers(items)\n      }\n    } finally {\n      setLoading(false)\n    }\n  }, [search, segmentFilter])\n\n  useEffect(() => {\n    handleSearch()\n  }, []) // Load initial list on mount\n\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"flex gap-2\">\n        <input\n          type=\"text\"\n          placeholder=\"Search customers...\"\n          value={search}\n          onChange={(e) => setSearch(e.target.value)}\n          onKeyDown={(e) => e.key === 'Enter' && handleSearch()}\n          className=\"flex-1 rounded-md border px-3 py-2 text-sm\"\n        />\n        <button\n          type=\"button\"\n          onClick={handleSearch}\n          disabled={loading}\n          className=\"inline-flex items-center justify-center rounded-md border px-4 py-2 text-sm font-medium hover:bg-muted disabled:opacity-50\"\n        >\n          {loading ? 'Searching...' : 'Search'}\n        </button>\n      </div>\n\n      {selected && (\n        <div className=\"rounded-md border-2 border-primary bg-primary/5 p-3 flex items-center justify-between\">\n          <span className=\"text-sm\">\n            <strong>Selected:</strong> {selected.name}\n          </span>\n          <button\n            type=\"button\"\n            onClick={() => setSelected(null)}\n            className=\"text-xs text-muted-foreground hover:text-foreground underline\"\n          >\n            Clear\n          </button>\n        </div>\n      )}\n\n      <div className=\"flex flex-col gap-1 max-h-[300px] overflow-y-auto\">\n        {customers.map((c) => (\n          <div\n            key={c.id}\n            onClick={() => setSelected(c)}\n            className={`rounded-md border p-3 cursor-pointer transition-colors ${\n              selected?.id === c.id\n                ? 'border-primary bg-primary/5'\n                : 'hover:bg-muted/30'\n            }`}\n          >\n            <span className=\"font-medium text-sm\">{c.name}</span>\n            {c.email && <span className=\"ml-2 text-xs text-muted-foreground\">{c.email}</span>}\n          </div>\n        ))}\n        {customers.length === 0 && !loading && (\n          <div className=\"rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground\">\n            No customers found.\n          </div>\n        )}\n      </div>\n\n      <div className=\"flex gap-2 justify-end pt-2\">\n        {completedSteps.length > 0 && (\n          <button type=\"button\" onClick={onBack} className=\"inline-flex items-center justify-center rounded-md border px-4 py-2 text-sm font-medium hover:bg-muted\">\n            Back\n          </button>\n        )}\n        <button\n          type=\"button\"\n          onClick={() => {\n            if (selected) {\n              onComplete({ customerId: selected.id, customerName: selected.name })\n            }\n          }}\n          disabled={!selected}\n          className=\"inline-flex items-center justify-center rounded-md bg-primary px-5 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50 disabled:cursor-not-allowed\"\n        >\n          Next\n        </button>\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/cpq/workflows/steps/InventorySelectStep.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+function InventorySelectStep({ onBack, onSkip, completedSteps }) {
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card p-6 text-center space-y-3", children: [
+    /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold", children: "Inventory Selection" }),
+    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "This step type is not yet implemented. It will allow selecting existing customer inventory items for modification or renewal once the inventory domain is available." }),
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-2 justify-center pt-2", children: [
+      completedSteps.length > 0 && /* @__PURE__ */ jsx("button", { type: "button", onClick: onBack, className: "inline-flex items-center justify-center rounded-md border px-4 py-2 text-sm font-medium hover:bg-muted", children: "Back" }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onSkip,
+          className: "inline-flex items-center justify-center rounded-md border border-primary px-4 py-2 text-sm font-medium text-primary hover:bg-primary/10",
+          children: "Skip"
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  InventorySelectStep
+};
+//# sourceMappingURL=InventorySelectStep.js.map

package/dist/modules/cpq/workflows/steps/InventorySelectStep.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/cpq/workflows/steps/InventorySelectStep.tsx"],
+  "sourcesContent": ["'use client'\n\nimport React from 'react'\nimport type { WizardStepProps } from '../types'\n\n/**\n * Stub step type for inventory/subscription item selection.\n * Implementation deferred until the inventory/subscription domain exists.\n */\nexport function InventorySelectStep({ onBack, onSkip, completedSteps }: WizardStepProps) {\n  return (\n    <div className=\"rounded-lg border bg-card p-6 text-center space-y-3\">\n      <h3 className=\"text-lg font-semibold\">Inventory Selection</h3>\n      <p className=\"text-sm text-muted-foreground\">\n        This step type is not yet implemented. It will allow selecting existing customer\n        inventory items for modification or renewal once the inventory domain is available.\n      </p>\n      <div className=\"flex gap-2 justify-center pt-2\">\n        {completedSteps.length > 0 && (\n          <button type=\"button\" onClick={onBack} className=\"inline-flex items-center justify-center rounded-md border px-4 py-2 text-sm font-medium hover:bg-muted\">\n            Back\n          </button>\n        )}\n        <button\n          type=\"button\"\n          onClick={onSkip}\n          className=\"inline-flex items-center justify-center rounded-md border border-primary px-4 py-2 text-sm font-medium text-primary hover:bg-primary/10\"\n        >\n          Skip\n        </button>\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": ";AAYM,cAKA,YALA;AAHC,SAAS,oBAAoB,EAAE,QAAQ,QAAQ,eAAe,GAAoB;AACvF,SACE,qBAAC,SAAI,WAAU,uDACb;AAAA,wBAAC,QAAG,WAAU,yBAAwB,iCAAmB;AAAA,IACzD,oBAAC,OAAE,WAAU,iCAAgC,kLAG7C;AAAA,IACA,qBAAC,SAAI,WAAU,kCACZ;AAAA,qBAAe,SAAS,KACvB,oBAAC,YAAO,MAAK,UAAS,SAAS,QAAQ,WAAU,0GAAyG,kBAE1J;AAAA,MAEF;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS;AAAA,UACT,WAAU;AAAA,UACX;AAAA;AAAA,MAED;AAAA,OACF;AAAA,KACF;AAEJ;",
+  "names": []
+}

package/dist/modules/cpq/workflows/steps/ItemListStep.js

@@ -0,0 +1,115 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useCallback } from "react";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Tag } from "@open-mercato/ui/primitives/tag";
+function fmt(n, currency = "USD") {
+  return new Intl.NumberFormat("en-US", { style: "currency", currency }).format(n);
+}
+function ItemListStep({ config, onComplete, onBack, stepData, completedSteps, quoteId }) {
+  const [lines, setLines] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const parentLineSource = config.parentLineSource;
+  const minItems = config.minItems ?? 0;
+  const maxItems = config.maxItems ?? Infinity;
+  const showPricing = config.showPricing !== false;
+  const parentLineId = parentLineSource ? stepData[parentLineSource]?.lineId : void 0;
+  const loadLines = useCallback(async () => {
+    if (!quoteId) {
+      setLoading(false);
+      return;
+    }
+    setLoading(true);
+    try {
+      const res = await fetch(`/api/cpq/quotes/${quoteId}`);
+      if (res.ok) {
+        const data = await res.json();
+        const allLines = data.lines ?? [];
+        const filtered = parentLineId ? allLines.filter((l) => l.parentLineId === parentLineId) : allLines;
+        setLines(filtered);
+      }
+    } finally {
+      setLoading(false);
+    }
+  }, [quoteId, parentLineId]);
+  useEffect(() => {
+    loadLines();
+  }, [loadLines]);
+  const handleRemove = useCallback(async (lineId) => {
+    if (!quoteId) return;
+    await fetch(`/api/cpq/quotes/${quoteId}/items/${lineId}`, { method: "DELETE" });
+    await loadLines();
+  }, [quoteId, loadLines]);
+  const canProceed = lines.length >= minItems;
+  const canAddMore = lines.length < maxItems;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+        lines.length,
+        " item",
+        lines.length !== 1 ? "s" : "",
+        minItems > 0 && ` (min: ${minItems})`,
+        maxItems < Infinity && ` (max: ${maxItems})`
+      ] }),
+      canAddMore && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "Use the offering browser to add items to the quote, then return here." })
+    ] }),
+    loading ? /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "Loading items..." }) : /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      lines.map((line) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "flex items-center justify-between rounded-lg border p-3",
+          children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: line.offeringName }),
+              line.quantity > 1 && /* @__PURE__ */ jsxs("span", { className: "ml-2 text-xs text-muted-foreground", children: [
+                "x",
+                line.quantity
+              ] }),
+              !line.isConfigured && /* @__PURE__ */ jsx(Tag, { variant: "warning", className: "ml-2", children: "Needs configuration" })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+              showPricing && /* @__PURE__ */ jsxs("span", { className: "text-xs", children: [
+                fmt(line.nrcTotal),
+                " NRC / ",
+                fmt(line.mrcTotal),
+                " MRC"
+              ] }),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "button",
+                  variant: "destructive-outline",
+                  size: "sm",
+                  onClick: () => handleRemove(line.lineId),
+                  children: "Remove"
+                }
+              )
+            ] })
+          ]
+        },
+        line.lineId
+      )),
+      lines.length === 0 && /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground", children: "No items added yet." })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-2 justify-end pt-2", children: [
+      completedSteps.length > 0 && /* @__PURE__ */ jsx("button", { type: "button", onClick: onBack, className: "inline-flex items-center justify-center rounded-md border px-4 py-2 text-sm font-medium hover:bg-muted", children: "Back" }),
+      /* @__PURE__ */ jsx("button", { type: "button", onClick: loadLines, className: "inline-flex items-center justify-center rounded-md border px-4 py-2 text-sm font-medium hover:bg-muted", children: "Refresh" }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+            onComplete({ lineCount: lines.length, lineIds: lines.map((l) => l.lineId) });
+          },
+          disabled: !canProceed,
+          className: "inline-flex items-center justify-center rounded-md bg-primary px-5 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50 disabled:cursor-not-allowed",
+          children: "Next"
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  ItemListStep
+};
+//# sourceMappingURL=ItemListStep.js.map

package/dist/modules/cpq/workflows/steps/ItemListStep.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/cpq/workflows/steps/ItemListStep.tsx"],
+  "sourcesContent": ["'use client'\n\nimport React, { useState, useEffect, useCallback } from 'react'\nimport type { WizardStepProps } from '../types'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Tag } from '@open-mercato/ui/primitives/tag'\n\ntype QuoteLine = {\n  lineId: string\n  offeringId: string | null\n  offeringName: string\n  quantity: number\n  nrcTotal: number\n  mrcTotal: number\n  isConfigured: boolean\n  parentLineId: string | null\n}\n\nfunction fmt(n: number, currency = 'USD') {\n  return new Intl.NumberFormat('en-US', { style: 'currency', currency }).format(n)\n}\n\nexport function ItemListStep({ config, onComplete, onBack, stepData, completedSteps, quoteId }: WizardStepProps) {\n  const [lines, setLines] = useState<QuoteLine[]>([])\n  const [loading, setLoading] = useState(true)\n\n  const parentLineSource = config.parentLineSource as string | undefined\n  const minItems = (config.minItems as number) ?? 0\n  const maxItems = (config.maxItems as number) ?? Infinity\n  const showPricing = config.showPricing !== false\n\n  const parentLineId = parentLineSource\n    ? (stepData[parentLineSource]?.lineId as string | undefined)\n    : undefined\n\n  const loadLines = useCallback(async () => {\n    if (!quoteId) { setLoading(false); return }\n    setLoading(true)\n    try {\n      const res = await fetch(`/api/cpq/quotes/${quoteId}`)\n      if (res.ok) {\n        const data = await res.json()\n        const allLines = (data.lines ?? []) as QuoteLine[]\n        // Filter to children of the parent line (if parentLineId set), otherwise show all\n        const filtered = parentLineId\n          ? allLines.filter((l) => l.parentLineId === parentLineId)\n          : allLines\n        setLines(filtered)\n      }\n    } finally {\n      setLoading(false)\n    }\n  }, [quoteId, parentLineId])\n\n  useEffect(() => { loadLines() }, [loadLines])\n\n  const handleRemove = useCallback(async (lineId: string) => {\n    if (!quoteId) return\n    await fetch(`/api/cpq/quotes/${quoteId}/items/${lineId}`, { method: 'DELETE' })\n    await loadLines()\n  }, [quoteId, loadLines])\n\n  const canProceed = lines.length >= minItems\n  const canAddMore = lines.length < maxItems\n\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"flex items-center justify-between\">\n        <span className=\"text-xs text-muted-foreground\">\n          {lines.length} item{lines.length !== 1 ? 's' : ''}\n          {minItems > 0 && ` (min: ${minItems})`}\n          {maxItems < Infinity && ` (max: ${maxItems})`}\n        </span>\n        {canAddMore && (\n          <span className=\"text-xs text-muted-foreground\">\n            Use the offering browser to add items to the quote, then return here.\n          </span>\n        )}\n      </div>\n\n      {loading ? (\n        <div className=\"text-sm text-muted-foreground\">Loading items...</div>\n      ) : (\n        <div className=\"space-y-2\">\n          {lines.map((line) => (\n            <div\n              key={line.lineId}\n              className=\"flex items-center justify-between rounded-lg border p-3\"\n            >\n              <div>\n                <span className=\"text-sm font-medium\">{line.offeringName}</span>\n                {line.quantity > 1 && <span className=\"ml-2 text-xs text-muted-foreground\">x{line.quantity}</span>}\n                {!line.isConfigured && (\n                  <Tag variant=\"warning\" className=\"ml-2\">\n                    Needs configuration\n                  </Tag>\n                )}\n              </div>\n              <div className=\"flex items-center gap-3\">\n                {showPricing && (\n                  <span className=\"text-xs\">\n                    {fmt(line.nrcTotal)} NRC / {fmt(line.mrcTotal)} MRC\n                  </span>\n                )}\n                <Button\n                  type=\"button\"\n                  variant=\"destructive-outline\"\n                  size=\"sm\"\n                  onClick={() => handleRemove(line.lineId)}\n                >\n                  Remove\n                </Button>\n              </div>\n            </div>\n          ))}\n          {lines.length === 0 && (\n            <div className=\"rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground\">\n              No items added yet.\n            </div>\n          )}\n        </div>\n      )}\n\n      <div className=\"flex gap-2 justify-end pt-2\">\n        {completedSteps.length > 0 && (\n          <button type=\"button\" onClick={onBack} className=\"inline-flex items-center justify-center rounded-md border px-4 py-2 text-sm font-medium hover:bg-muted\">\n            Back\n          </button>\n        )}\n        <button type=\"button\" onClick={loadLines} className=\"inline-flex items-center justify-center rounded-md border px-4 py-2 text-sm font-medium hover:bg-muted\">\n          Refresh\n        </button>\n        <button\n          type=\"button\"\n          onClick={() => {\n            onComplete({ lineCount: lines.length, lineIds: lines.map((l) => l.lineId) })\n          }}\n          disabled={!canProceed}\n          className=\"inline-flex items-center justify-center rounded-md bg-primary px-5 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50 disabled:cursor-not-allowed\"\n        >\n          Next\n        </button>\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}