@dainamite/cpq 0.2.2

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/cpq/workflows/steps/ProductConfigureStep.tsx"],
+  "sourcesContent": ["'use client'\n\nimport React, { useState, useEffect, useCallback } from 'react'\nimport type { WizardStepProps } from '../types'\nimport { NumberInput } from '../../components/NumberInput'\n\ntype ConstrainedAttribute = {\n  code: string\n  name: string\n  attributeType: string\n  isRequired: boolean\n  options: Array<{ value: string; label: string }> | null\n  constraints: Record<string, unknown> | null\n  defaultValue: unknown | null\n  helpText: string | null\n}\n\ntype AttributeGroup = {\n  label: string\n  attributeCodes: string[]\n}\n\nfunction resolveOfferingId(config: Record<string, unknown>, stepData: Record<string, Record<string, unknown>>): string | null {\n  // Check explicit source\n  const source = config.offeringSource as string | undefined\n  if (source && stepData[source]) {\n    return (stepData[source].offeringId as string) ?? null\n  }\n  // Auto-detect: find first step data with offeringId\n  for (const data of Object.values(stepData)) {\n    if (data.offeringId) return data.offeringId as string\n  }\n  return null\n}\n\nexport function ProductConfigureStep({ config, onComplete, onBack, stepData, currentStepId, completedSteps, quoteId, customerId }: WizardStepProps) {\n  const [attributes, setAttributes] = useState<ConstrainedAttribute[]>([])\n  const [values, setValues] = useState<Record<string, unknown>>({})\n  const [loading, setLoading] = useState(true)\n  const [saving, setSaving] = useState(false)\n  const [resolvedOfferingId, setResolvedOfferingId] = useState<string | null>(null)\n\n  const directOfferingId = resolveOfferingId(config, stepData)\n  const offeringCode = config.offeringCode as string | undefined\n  const attributeGroups = config.attributeGroups as AttributeGroup[] | undefined\n\n  // Resolve offering by code if no direct offeringId\n  useEffect(() => {\n    if (directOfferingId) {\n      setResolvedOfferingId(directOfferingId)\n      return\n    }\n    if (!offeringCode) return\n    async function resolve() {\n      try {\n        const res = await fetch(`/api/cpq/product-offerings?code=${encodeURIComponent(offeringCode!)}`)\n        if (res.ok) {\n          const data = await res.json()\n          const items = data.items ?? data\n          if (Array.isArray(items) && items.length > 0) {\n            setResolvedOfferingId(items[0].id)\n          }\n        }\n      } catch { /* ignore */ }\n    }\n    resolve()\n  }, [directOfferingId, offeringCode])\n\n  const offeringId = resolvedOfferingId\n  const hiddenAttributes = (config.hiddenAttributes as string[]) ?? []\n  const readonlyAttributes = (config.readonlyAttributes as string[]) ?? []\n\n  // Restore previous values\n  const previousData = stepData[currentStepId] as { configuration?: Record<string, unknown> } | undefined\n\n  useEffect(() => {\n    async function loadAttributes() {\n      if (!offeringId) { setLoading(false); return }\n      setLoading(true)\n      try {\n        const params = new URLSearchParams({ offeringId })\n        if (Object.keys(values).length > 0) {\n          params.set('configuration', JSON.stringify(values))\n        }\n        const res = await fetch(`/api/cpq/quotes/attributes?${params}`)\n        if (res.ok) {\n          const data = await res.json()\n          const attrs = (data.attributes ?? []) as ConstrainedAttribute[]\n          setAttributes(attrs.filter((a) => !hiddenAttributes.includes(a.code)))\n\n          // Set defaults on first load\n          if (Object.keys(values).length === 0) {\n            const defaults: Record<string, unknown> = previousData?.configuration ?? {}\n            for (const attr of attrs) {\n              if (defaults[attr.code] === undefined && attr.defaultValue != null) {\n                defaults[attr.code] = attr.defaultValue\n              }\n            }\n            setValues(defaults)\n          }\n        }\n      } finally {\n        setLoading(false)\n      }\n    }\n    loadAttributes()\n  }, [offeringId]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  const handleChange = useCallback((code: string, value: unknown) => {\n    setValues((prev) => ({ ...prev, [code]: value }))\n  }, [])\n\n  // Resolve customerId from props or stepData\n  const resolvedCustomerId = customerId ?? (() => {\n    for (const data of Object.values(stepData)) {\n      if (data.customerId) return data.customerId as string\n    }\n    return null\n  })()\n\n  const handleComplete = useCallback(async () => {\n    setSaving(true)\n    try {\n      let activeQuoteId = quoteId\n\n      // Auto-create a quote if none exists yet\n      if (!activeQuoteId && resolvedCustomerId && offeringId) {\n        const createRes = await fetch('/api/cpq/quotes', {\n          method: 'POST',\n          headers: { 'Content-Type': 'application/json' },\n          body: JSON.stringify({ customerId: resolvedCustomerId }),\n        })\n        if (createRes.ok) {\n          const quoteData = await createRes.json()\n          activeQuoteId = quoteData.id\n        }\n      }\n\n      if (activeQuoteId && offeringId) {\n        // Check if there's already a line for this offering\n        const existingLineId = (stepData[currentStepId] as { lineId?: string })?.lineId\n\n        if (existingLineId) {\n          await fetch(`/api/cpq/quotes/${activeQuoteId}/items/${existingLineId}`, {\n            method: 'PUT',\n            headers: { 'Content-Type': 'application/json' },\n            body: JSON.stringify({ configuration: values }),\n          })\n          onComplete({ configuration: values, offeringId, lineId: existingLineId, quoteId: activeQuoteId })\n        } else {\n          const res = await fetch(`/api/cpq/quotes/${activeQuoteId}/items`, {\n            method: 'POST',\n            headers: { 'Content-Type': 'application/json' },\n            body: JSON.stringify({ offeringId, configuration: values }),\n          })\n          if (res.ok) {\n            const data = await res.json()\n            const line = data.lines?.find((l: { offeringId: string }) => l.offeringId === offeringId)\n            onComplete({ configuration: values, offeringId, lineId: line?.lineId, quoteId: activeQuoteId })\n          } else {\n            onComplete({ configuration: values, offeringId, quoteId: activeQuoteId })\n          }\n        }\n      } else {\n        onComplete({ configuration: values, offeringId })\n      }\n    } finally {\n      setSaving(false)\n    }\n  }, [values, quoteId, offeringId, stepData, currentStepId, onComplete, resolvedCustomerId])\n\n  const renderAttribute = (attr: ConstrainedAttribute) => {\n    const isReadonly = readonlyAttributes.includes(attr.code)\n    const value = values[attr.code] ?? ''\n\n    if (attr.attributeType === 'select' || attr.attributeType === 'enum') {\n      return (\n        <select\n          value={String(value)}\n          onChange={(e) => handleChange(attr.code, e.target.value)}\n          disabled={isReadonly}\n          className=\"w-full rounded-md border px-3 py-2 text-sm disabled:opacity-50\"\n        >\n          <option value=\"\">Select...</option>\n          {attr.options?.map((opt) => (\n            <option key={opt.value} value={opt.value}>{opt.label}</option>\n          ))}\n        </select>\n      )\n    }\n\n    if (attr.attributeType === 'boolean') {\n      return (\n        <label className=\"flex items-center gap-2 text-sm\">\n          <input\n            type=\"checkbox\"\n            checked={Boolean(value)}\n            onChange={(e) => handleChange(attr.code, e.target.checked)}\n            disabled={isReadonly}\n            className=\"rounded border\"\n          />\n          {attr.name}\n        </label>\n      )\n    }\n\n    if (attr.attributeType === 'number') {\n      return (\n        <NumberInput\n          value={value === '' || value == null ? null : Number(value)}\n          onChange={(n) => handleChange(attr.code, n ?? '')}\n          disabled={isReadonly}\n        />\n      )\n    }\n\n    return (\n      <input\n        type=\"text\"\n        value={String(value)}\n        onChange={(e) => handleChange(attr.code, e.target.value)}\n        disabled={isReadonly}\n        className=\"w-full rounded-md border px-3 py-2 text-sm disabled:opacity-50\"\n      />\n    )\n  }\n\n  if (loading) {\n    return <div className=\"text-sm text-muted-foreground\">Loading attributes...</div>\n  }\n\n  if (!offeringId) {\n    return (\n      <div className=\"rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground\">\n        No offering selected. Please go back and select an offering.\n      </div>\n    )\n  }\n\n  const renderGroup = (label: string, attrs: ConstrainedAttribute[]) => (\n    <div key={label} className=\"space-y-3\">\n      <h4 className=\"text-sm font-medium border-b pb-2\">{label}</h4>\n      <div className=\"space-y-3\">\n        {attrs.map((attr) => (\n          <div key={attr.code}>\n            <label className=\"block text-sm font-medium mb-1\">\n              {attr.name}\n              {attr.isRequired && <span className=\"text-destructive ml-0.5\">*</span>}\n            </label>\n            {renderAttribute(attr)}\n            {attr.helpText && <p className=\"text-xs text-muted-foreground mt-1\">{attr.helpText}</p>}\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n\n  return (\n    <div className=\"space-y-4\">\n      {attributeGroups?.length ? (\n        attributeGroups.map((group) => {\n          const groupAttrs = attributes.filter((a) => group.attributeCodes.includes(a.code))\n          if (groupAttrs.length === 0) return null\n          return renderGroup(group.label, groupAttrs)\n        })\n      ) : (\n        renderGroup('Configuration', attributes)\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\n          type=\"button\"\n          onClick={handleComplete}\n          disabled={saving}\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\"\n        >\n          {saving ? 'Saving...' : 'Next'}\n        </button>\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,152 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import React, { useState, useEffect, useCallback } from "react";
+function fmt(n, currency = "USD") {
+  return new Intl.NumberFormat("en-US", { style: "currency", currency }).format(n);
+}
+function ReviewStep({ config, onComplete, onBack, completedSteps, quoteId }) {
+  const [quote, setQuote] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [submitting, setSubmitting] = useState(false);
+  const showChargeBreakdown = config.showChargeBreakdown !== false;
+  const showAdjustments = config.showAdjustments !== false;
+  const submitAction = config.submitAction ?? "save";
+  const submitLabel = config.submitLabel ?? "Complete";
+  const loadQuote = useCallback(async () => {
+    if (!quoteId) {
+      setLoading(false);
+      return;
+    }
+    setLoading(true);
+    try {
+      const res = await fetch(`/api/cpq/quotes/${quoteId}`);
+      if (res.ok) {
+        setQuote(await res.json());
+      }
+    } finally {
+      setLoading(false);
+    }
+  }, [quoteId]);
+  useEffect(() => {
+    loadQuote();
+  }, [loadQuote]);
+  const handleSubmit = useCallback(async () => {
+    setSubmitting(true);
+    try {
+      if (quoteId && submitAction !== "none") {
+        const targetStatus = submitAction === "submit_for_approval" ? "in_approval" : submitAction === "send_to_customer" ? "with_customer" : void 0;
+        if (targetStatus) {
+          await fetch(`/api/cpq/quotes/${quoteId}/status`, {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ targetStatus })
+          });
+        }
+      }
+      onComplete({
+        quoteId,
+        action: submitAction,
+        nrcTotal: quote?.pricingSummary.nrcTotal ?? 0,
+        mrcTotal: quote?.pricingSummary.mrcTotal ?? 0
+      });
+    } finally {
+      setSubmitting(false);
+    }
+  }, [quoteId, submitAction, quote, onComplete]);
+  if (loading) {
+    return /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "Loading quote summary..." });
+  }
+  if (!quote) {
+    return /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground", children: "No quote data available. Please go back and configure items." });
+  }
+  const { pricingSummary, lines } = quote;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-5", children: [
+    /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-muted/30 p-4 space-y-3", children: [
+      /* @__PURE__ */ jsx("h4", { className: "text-sm font-medium", children: "Quote Summary" }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "NRC Total" }),
+          /* @__PURE__ */ jsx("p", { className: "text-lg font-semibold", children: fmt(pricingSummary.nrcTotal, pricingSummary.currencyCode) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "MRC Total" }),
+          /* @__PURE__ */ jsx("p", { className: "text-lg font-semibold", children: fmt(pricingSummary.mrcTotal, pricingSummary.currencyCode) })
+        ] }),
+        pricingSummary.discountTotal > 0 && /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "Discounts" }),
+          /* @__PURE__ */ jsxs("p", { className: "text-sm", children: [
+            "-",
+            fmt(pricingSummary.discountTotal, pricingSummary.currencyCode)
+          ] })
+        ] }),
+        pricingSummary.surchargeTotal > 0 && /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "Surcharges" }),
+          /* @__PURE__ */ jsxs("p", { className: "text-sm", children: [
+            "+",
+            fmt(pricingSummary.surchargeTotal, pricingSummary.currencyCode)
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsxs("h4", { className: "text-sm font-medium", children: [
+        "Items (",
+        lines.length,
+        ")"
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "space-y-2", children: lines.map((line) => /* @__PURE__ */ jsxs("div", { className: "rounded-lg border p-3 space-y-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx("strong", { className: "text-sm", children: line.offeringName }),
+          /* @__PURE__ */ jsxs("span", { className: "text-sm", children: [
+            fmt(line.nrcTotal, pricingSummary.currencyCode),
+            " NRC / ",
+            fmt(line.mrcTotal, pricingSummary.currencyCode),
+            " MRC"
+          ] })
+        ] }),
+        line.quantity > 1 && /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+          "Quantity: ",
+          line.quantity
+        ] }),
+        showChargeBreakdown && line.charges?.length > 0 && /* @__PURE__ */ jsx("div", { className: "rounded border", children: /* @__PURE__ */ jsxs("table", { className: "w-full text-xs", children: [
+          /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "border-b bg-muted/30", children: [
+            /* @__PURE__ */ jsx("th", { className: "px-3 py-1.5 text-left font-medium", children: "Charge" }),
+            /* @__PURE__ */ jsx("th", { className: "px-3 py-1.5 text-left font-medium", children: "Type" }),
+            /* @__PURE__ */ jsx("th", { className: "px-3 py-1.5 text-right font-medium", children: "Price" })
+          ] }) }),
+          /* @__PURE__ */ jsx("tbody", { children: line.charges.map((charge) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+            /* @__PURE__ */ jsxs("tr", { className: "border-b last:border-0", children: [
+              /* @__PURE__ */ jsx("td", { className: "px-3 py-1.5", children: charge.chargeName }),
+              /* @__PURE__ */ jsx("td", { className: "px-3 py-1.5 uppercase", children: charge.chargeType }),
+              /* @__PURE__ */ jsx("td", { className: "px-3 py-1.5 text-right", children: charge.totalPrice != null ? fmt(charge.totalPrice, charge.currencyCode) : `${fmt(charge.unitPrice, charge.currencyCode)}/unit` })
+            ] }),
+            showAdjustments && charge.adjustments?.map((adj) => /* @__PURE__ */ jsxs("tr", { className: "text-[11px] text-muted-foreground", children: [
+              /* @__PURE__ */ jsx("td", { colSpan: 2, className: "px-3 py-0.5 pl-6", children: adj.ruleName }),
+              /* @__PURE__ */ jsxs("td", { className: "px-3 py-0.5 text-right", children: [
+                adj.delta < 0 ? "" : "+",
+                fmt(adj.delta, charge.currencyCode)
+              ] })
+            ] }, adj.ruleCode))
+          ] }, charge.chargeCode)) })
+        ] }) })
+      ] }, line.lineId)) })
+    ] }),
+    /* @__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: handleSubmit,
+          disabled: submitting,
+          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",
+          children: submitting ? "Submitting..." : submitLabel
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  ReviewStep
+};
+//# sourceMappingURL=ReviewStep.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/cpq/workflows/steps/ReviewStep.tsx"],
+  "sourcesContent": ["'use client'\n\nimport React, { useState, useEffect, useCallback } from 'react'\nimport type { WizardStepProps } from '../types'\n\ntype ResolvedCharge = {\n  chargeCode: string\n  chargeName: string\n  chargeType: string\n  unitPrice: number\n  totalPrice: number | null\n  currencyCode: string\n  adjustments?: Array<{\n    ruleCode: string\n    ruleName: string\n    ruleType: string\n    delta: number\n  }> | null\n}\n\ntype QuoteLine = {\n  lineId: string\n  offeringName: string\n  quantity: number\n  nrcTotal: number\n  mrcTotal: number\n  charges: ResolvedCharge[]\n  isConfigured: boolean\n}\n\ntype QuoteData = {\n  id: string\n  quoteNumber: string\n  cpqStatus: string\n  currencyCode: string\n  pricingSummary: {\n    nrcTotal: number\n    mrcTotal: number\n    discountTotal: number\n    surchargeTotal: number\n    currencyCode: string\n  }\n  lines: QuoteLine[]\n}\n\nfunction fmt(n: number, currency = 'USD') {\n  return new Intl.NumberFormat('en-US', { style: 'currency', currency }).format(n)\n}\n\nexport function ReviewStep({ config, onComplete, onBack, completedSteps, quoteId }: WizardStepProps) {\n  const [quote, setQuote] = useState<QuoteData | null>(null)\n  const [loading, setLoading] = useState(true)\n  const [submitting, setSubmitting] = useState(false)\n\n  const showChargeBreakdown = config.showChargeBreakdown !== false\n  const showAdjustments = config.showAdjustments !== false\n  const submitAction = (config.submitAction as string) ?? 'save'\n  const submitLabel = (config.submitLabel as string) ?? 'Complete'\n\n  const loadQuote = 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        setQuote(await res.json())\n      }\n    } finally {\n      setLoading(false)\n    }\n  }, [quoteId])\n\n  useEffect(() => { loadQuote() }, [loadQuote])\n\n  const handleSubmit = useCallback(async () => {\n    setSubmitting(true)\n    try {\n      if (quoteId && submitAction !== 'none') {\n        const targetStatus =\n          submitAction === 'submit_for_approval' ? 'in_approval'\n          : submitAction === 'send_to_customer' ? 'with_customer'\n          : undefined\n\n        if (targetStatus) {\n          await fetch(`/api/cpq/quotes/${quoteId}/status`, {\n            method: 'POST',\n            headers: { 'Content-Type': 'application/json' },\n            body: JSON.stringify({ targetStatus }),\n          })\n        }\n      }\n\n      onComplete({\n        quoteId,\n        action: submitAction,\n        nrcTotal: quote?.pricingSummary.nrcTotal ?? 0,\n        mrcTotal: quote?.pricingSummary.mrcTotal ?? 0,\n      })\n    } finally {\n      setSubmitting(false)\n    }\n  }, [quoteId, submitAction, quote, onComplete])\n\n  if (loading) {\n    return <div className=\"text-sm text-muted-foreground\">Loading quote summary...</div>\n  }\n\n  if (!quote) {\n    return (\n      <div className=\"rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground\">\n        No quote data available. Please go back and configure items.\n      </div>\n    )\n  }\n\n  const { pricingSummary, lines } = quote\n\n  return (\n    <div className=\"space-y-5\">\n      {/* Quote summary */}\n      <div className=\"rounded-lg border bg-muted/30 p-4 space-y-3\">\n        <h4 className=\"text-sm font-medium\">Quote Summary</h4>\n        <div className=\"grid grid-cols-2 gap-4\">\n          <div>\n            <span className=\"text-xs text-muted-foreground\">NRC Total</span>\n            <p className=\"text-lg font-semibold\">{fmt(pricingSummary.nrcTotal, pricingSummary.currencyCode)}</p>\n          </div>\n          <div>\n            <span className=\"text-xs text-muted-foreground\">MRC Total</span>\n            <p className=\"text-lg font-semibold\">{fmt(pricingSummary.mrcTotal, pricingSummary.currencyCode)}</p>\n          </div>\n          {pricingSummary.discountTotal > 0 && (\n            <div>\n              <span className=\"text-xs text-muted-foreground\">Discounts</span>\n              <p className=\"text-sm\">-{fmt(pricingSummary.discountTotal, pricingSummary.currencyCode)}</p>\n            </div>\n          )}\n          {pricingSummary.surchargeTotal > 0 && (\n            <div>\n              <span className=\"text-xs text-muted-foreground\">Surcharges</span>\n              <p className=\"text-sm\">+{fmt(pricingSummary.surchargeTotal, pricingSummary.currencyCode)}</p>\n            </div>\n          )}\n        </div>\n      </div>\n\n      {/* Line items */}\n      <div className=\"space-y-3\">\n        <h4 className=\"text-sm font-medium\">Items ({lines.length})</h4>\n        <div className=\"space-y-2\">\n          {lines.map((line) => (\n            <div key={line.lineId} className=\"rounded-lg border p-3 space-y-2\">\n              <div className=\"flex items-center justify-between\">\n                <strong className=\"text-sm\">{line.offeringName}</strong>\n                <span className=\"text-sm\">\n                  {fmt(line.nrcTotal, pricingSummary.currencyCode)} NRC / {fmt(line.mrcTotal, pricingSummary.currencyCode)} MRC\n                </span>\n              </div>\n              {line.quantity > 1 && (\n                <span className=\"text-xs text-muted-foreground\">Quantity: {line.quantity}</span>\n              )}\n\n              {showChargeBreakdown && line.charges?.length > 0 && (\n                <div className=\"rounded border\">\n                  <table className=\"w-full text-xs\">\n                    <thead>\n                      <tr className=\"border-b bg-muted/30\">\n                        <th className=\"px-3 py-1.5 text-left font-medium\">Charge</th>\n                        <th className=\"px-3 py-1.5 text-left font-medium\">Type</th>\n                        <th className=\"px-3 py-1.5 text-right font-medium\">Price</th>\n                      </tr>\n                    </thead>\n                    <tbody>\n                      {line.charges.map((charge) => (\n                        <React.Fragment key={charge.chargeCode}>\n                          <tr className=\"border-b last:border-0\">\n                            <td className=\"px-3 py-1.5\">{charge.chargeName}</td>\n                            <td className=\"px-3 py-1.5 uppercase\">{charge.chargeType}</td>\n                            <td className=\"px-3 py-1.5 text-right\">\n                              {charge.totalPrice != null ? fmt(charge.totalPrice, charge.currencyCode) : `${fmt(charge.unitPrice, charge.currencyCode)}/unit`}\n                            </td>\n                          </tr>\n                          {showAdjustments && charge.adjustments?.map((adj) => (\n                            <tr key={adj.ruleCode} className=\"text-[11px] text-muted-foreground\">\n                              <td colSpan={2} className=\"px-3 py-0.5 pl-6\">{adj.ruleName}</td>\n                              <td className=\"px-3 py-0.5 text-right\">\n                                {adj.delta < 0 ? '' : '+'}{fmt(adj.delta, charge.currencyCode)}\n                              </td>\n                            </tr>\n                          ))}\n                        </React.Fragment>\n                      ))}\n                    </tbody>\n                  </table>\n                </div>\n              )}\n            </div>\n          ))}\n        </div>\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={handleSubmit}\n          disabled={submitting}\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\"\n        >\n          {submitting ? 'Submitting...' : submitLabel}\n        </button>\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,49 @@
+import { registerStepType } from "../registry.js";
+import { CustomerSelectStep } from "./CustomerSelectStep.js";
+import { OfferingSelectStep } from "./OfferingSelectStep.js";
+import { ProductConfigureStep } from "./ProductConfigureStep.js";
+import { ItemListStep } from "./ItemListStep.js";
+import { ReviewStep } from "./ReviewStep.js";
+import { InventorySelectStep } from "./InventorySelectStep.js";
+function registerBuiltInStepTypes() {
+  registerStepType({
+    type: "customer_select",
+    label: "Customer Selection",
+    description: "Search and select a customer for the quote.",
+    component: CustomerSelectStep
+  });
+  registerStepType({
+    type: "offering_select",
+    label: "Offering Selection",
+    description: "Browse and select a product offering from the catalog.",
+    component: OfferingSelectStep
+  });
+  registerStepType({
+    type: "product_configure",
+    label: "Product Configuration",
+    description: "Configure run-time attributes for the selected offering.",
+    component: ProductConfigureStep
+  });
+  registerStepType({
+    type: "item_list",
+    label: "Item List",
+    description: "View and manage child items on the quote.",
+    component: ItemListStep
+  });
+  registerStepType({
+    type: "review",
+    label: "Review & Submit",
+    description: "Review the quote summary and submit.",
+    component: ReviewStep
+  });
+  registerStepType({
+    type: "inventory_select",
+    label: "Inventory Selection",
+    description: "Select existing customer inventory items (stub \u2014 pending inventory domain).",
+    component: InventorySelectStep
+  });
+}
+export {
+  registerBuiltInStepTypes
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/cpq/workflows/steps/index.ts"],
+  "sourcesContent": ["import { registerStepType } from '../registry'\nimport { CustomerSelectStep } from './CustomerSelectStep'\nimport { OfferingSelectStep } from './OfferingSelectStep'\nimport { ProductConfigureStep } from './ProductConfigureStep'\nimport { ItemListStep } from './ItemListStep'\nimport { ReviewStep } from './ReviewStep'\nimport { InventorySelectStep } from './InventorySelectStep'\n\nexport function registerBuiltInStepTypes() {\n  registerStepType({\n    type: 'customer_select',\n    label: 'Customer Selection',\n    description: 'Search and select a customer for the quote.',\n    component: CustomerSelectStep,\n  })\n\n  registerStepType({\n    type: 'offering_select',\n    label: 'Offering Selection',\n    description: 'Browse and select a product offering from the catalog.',\n    component: OfferingSelectStep,\n  })\n\n  registerStepType({\n    type: 'product_configure',\n    label: 'Product Configuration',\n    description: 'Configure run-time attributes for the selected offering.',\n    component: ProductConfigureStep,\n  })\n\n  registerStepType({\n    type: 'item_list',\n    label: 'Item List',\n    description: 'View and manage child items on the quote.',\n    component: ItemListStep,\n  })\n\n  registerStepType({\n    type: 'review',\n    label: 'Review & Submit',\n    description: 'Review the quote summary and submit.',\n    component: ReviewStep,\n  })\n\n  registerStepType({\n    type: 'inventory_select',\n    label: 'Inventory Selection',\n    description: 'Select existing customer inventory items (stub \u2014 pending inventory domain).',\n    component: InventorySelectStep,\n  })\n}\n"],
+  "mappings": "AAAA,SAAS,wBAAwB;AACjC,SAAS,0BAA0B;AACnC,SAAS,0BAA0B;AACnC,SAAS,4BAA4B;AACrC,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAC3B,SAAS,2BAA2B;AAE7B,SAAS,2BAA2B;AACzC,mBAAiB;AAAA,IACf,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,IACb,WAAW;AAAA,EACb,CAAC;AAED,mBAAiB;AAAA,IACf,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,IACb,WAAW;AAAA,EACb,CAAC;AAED,mBAAiB;AAAA,IACf,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,IACb,WAAW;AAAA,EACb,CAAC;AAED,mBAAiB;AAAA,IACf,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,IACb,WAAW;AAAA,EACb,CAAC;AAED,mBAAiB;AAAA,IACf,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,IACb,WAAW;AAAA,EACb,CAAC;AAED,mBAAiB;AAAA,IACf,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,IACb,WAAW;AAAA,EACb,CAAC;AACH;",
+  "names": []
+}

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

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/package.json

@@ -0,0 +1,150 @@
+{
+  "name": "@dainamite/cpq",
+  "version": "0.2.2",
+  "description": "Dainamite CPQ — Configure, Price, Quote engine for Open Mercato (configurable products, multi-charge pricing tables, guided quoting, customer inventory, orders).",
+  "type": "module",
+  "main": "./dist/modules/cpq/index.js",
+  "files": [
+    "dist",
+    "src",
+    "README.md",
+    "CHANGELOG.md",
+    "MIGRATION.md"
+  ],
+  "scripts": {
+    "build": "node build.mjs",
+    "watch": "node watch.mjs",
+    "typecheck": "tsc --noEmit"
+  },
+  "devDependencies": {
+    "chokidar": "^4.0.3"
+  },
+  "exports": {
+    ".": {
+      "types": "./src/modules/cpq/index.ts",
+      "default": "./dist/modules/cpq/index.js"
+    },
+    "./modules/cpq": {
+      "types": "./src/modules/cpq/index.ts",
+      "default": "./dist/modules/cpq/index.js"
+    },
+    "./*.ts": {
+      "types": "./src/*.ts",
+      "default": "./dist/*.js"
+    },
+    "./*.tsx": {
+      "types": "./src/*.tsx",
+      "default": "./dist/*.js"
+    },
+    "./*.json": "./src/*.json",
+    "./*": {
+      "types": [
+        "./src/*.ts",
+        "./src/*.tsx"
+      ],
+      "default": "./dist/*.js"
+    },
+    "./*/*.json": "./src/*/*.json",
+    "./*/*": {
+      "types": [
+        "./src/*/*.ts",
+        "./src/*/*.tsx"
+      ],
+      "default": "./dist/*/*.js"
+    },
+    "./*/*/*.json": "./src/*/*/*.json",
+    "./*/*/*": {
+      "types": [
+        "./src/*/*/*.ts",
+        "./src/*/*/*.tsx"
+      ],
+      "default": "./dist/*/*/*.js"
+    },
+    "./*/*/*/*.json": "./src/*/*/*/*.json",
+    "./*/*/*/*": {
+      "types": [
+        "./src/*/*/*/*.ts",
+        "./src/*/*/*/*.tsx"
+      ],
+      "default": "./dist/*/*/*/*.js"
+    },
+    "./*/*/*/*/*.json": "./src/*/*/*/*/*.json",
+    "./*/*/*/*/*": {
+      "types": [
+        "./src/*/*/*/*/*.ts",
+        "./src/*/*/*/*/*.tsx"
+      ],
+      "default": "./dist/*/*/*/*/*.js"
+    },
+    "./*/*/*/*/*/*.json": "./src/*/*/*/*/*/*.json",
+    "./*/*/*/*/*/*": {
+      "types": [
+        "./src/*/*/*/*/*/*.ts",
+        "./src/*/*/*/*/*/*.tsx"
+      ],
+      "default": "./dist/*/*/*/*/*/*.js"
+    },
+    "./*/*/*/*/*/*/*.json": "./src/*/*/*/*/*/*/*.json",
+    "./*/*/*/*/*/*/*": {
+      "types": [
+        "./src/*/*/*/*/*/*/*.ts",
+        "./src/*/*/*/*/*/*/*.tsx"
+      ],
+      "default": "./dist/*/*/*/*/*/*/*.js"
+    },
+    "./*/*/*/*/*/*/*/*.json": "./src/*/*/*/*/*/*/*/*.json",
+    "./*/*/*/*/*/*/*/*": {
+      "types": [
+        "./src/*/*/*/*/*/*/*/*.ts",
+        "./src/*/*/*/*/*/*/*/*.tsx"
+      ],
+      "default": "./dist/*/*/*/*/*/*/*/*.js"
+    },
+    "./*/*/*/*/*/*/*/*/*.json": "./src/*/*/*/*/*/*/*/*/*.json",
+    "./*/*/*/*/*/*/*/*/*": {
+      "types": [
+        "./src/*/*/*/*/*/*/*/*/*.ts",
+        "./src/*/*/*/*/*/*/*/*/*.tsx"
+      ],
+      "default": "./dist/*/*/*/*/*/*/*/*/*.js"
+    },
+    "./*/*/*/*/*/*/*/*/*/*.json": "./src/*/*/*/*/*/*/*/*/*/*.json",
+    "./*/*/*/*/*/*/*/*/*/*": {
+      "types": [
+        "./src/*/*/*/*/*/*/*/*/*/*.ts",
+        "./src/*/*/*/*/*/*/*/*/*/*.tsx"
+      ],
+      "default": "./dist/*/*/*/*/*/*/*/*/*/*.js"
+    }
+  },
+  "peerDependencies": {
+    "@mikro-orm/core": "^7.0.0",
+    "@mikro-orm/decorators": "^7.0.0",
+    "@mikro-orm/postgresql": "^7.0.0",
+    "@open-mercato/core": "^0.6.0",
+    "@open-mercato/events": "^0.6.0",
+    "@open-mercato/shared": "^0.6.0",
+    "@open-mercato/ui": "^0.6.0",
+    "@tanstack/react-table": "^8.0.0 || ^9.0.0",
+    "awilix": "^12.0.0",
+    "bcryptjs": "^3.0.0",
+    "lucide-react": "^0.400.0",
+    "next": "^16.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "xlsx": "^0.18.0",
+    "zod": "^4.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/dainamite-technologies/dainamite-core.git",
+    "directory": "packages/cpq"
+  },
+  "license": "MIT",
+  "engines": {
+    "node": ">=24.0.0"
+  }
+}

package/src/modules/cpq/__integration__/TC-CPQ-001.spec.ts

@@ -0,0 +1,177 @@
+import { test, expect, type APIRequestContext } from '@playwright/test'
+import { getAuthToken, apiRequest } from '@open-mercato/core/helpers/integration/api'
+
+/**
+ * TC-CPQ-001: Product specification CRUD via REST API
+ * Category: CPQ — API
+ * Priority: High
+ *
+ * Validates the foundation entity of the CPQ product catalogue.
+ */
+
+const uniq = () => Date.now().toString(36) + Math.random().toString(36).slice(2, 6)
+
+async function deleteSpec(request: APIRequestContext, token: string, id: string): Promise<void> {
+  await apiRequest(request, 'DELETE', '/api/cpq/product-specifications', {
+    token,
+    data: { id },
+  })
+}
+
+test.describe('TC-CPQ-001: Product Specification CRUD (API)', () => {
+  let token: string
+  const createdIds: string[] = []
+
+  test.beforeAll(async ({ request }) => {
+    token = await getAuthToken(request, 'admin')
+  })
+
+  test.afterEach(async ({ request }) => {
+    while (createdIds.length > 0) {
+      const id = createdIds.pop()!
+      await deleteSpec(request, token, id)
+    }
+  })
+
+  test('creates a simple specification with defaults', async ({ request }) => {
+    const code = `SPEC-${uniq()}`
+    const res = await apiRequest(request, 'POST', '/api/cpq/product-specifications', {
+      token,
+      data: { code, name: 'Test Spec' },
+    })
+    expect(res.ok(), `POST status was ${res.status()}`).toBeTruthy()
+
+    const body = await res.json()
+    expect(body).toMatchObject({
+      code,
+      name: 'Test Spec',
+      specType: 'simple',
+      lifecycleStatus: 'draft',
+      version: 1,
+      isActive: true,
+    })
+    expect(body.id).toBeTruthy()
+    createdIds.push(body.id)
+  })
+
+  test('rejects creation with missing code', async ({ request }) => {
+    const res = await apiRequest(request, 'POST', '/api/cpq/product-specifications', {
+      token,
+      data: { name: 'No Code' },
+    })
+    expect(res.status()).toBe(400)
+  })
+
+  test('rejects creation with empty code', async ({ request }) => {
+    const res = await apiRequest(request, 'POST', '/api/cpq/product-specifications', {
+      token,
+      data: { code: '', name: 'Empty Code' },
+    })
+    expect(res.status()).toBe(400)
+  })
+
+  test('lists previously created specifications', async ({ request }) => {
+    const code = `SPEC-${uniq()}`
+    const created = await apiRequest(request, 'POST', '/api/cpq/product-specifications', {
+      token,
+      data: { code, name: 'Listable Spec' },
+    })
+    const createdBody = await created.json()
+    createdIds.push(createdBody.id)
+
+    const list = await apiRequest(request, 'GET', '/api/cpq/product-specifications?pageSize=100', {
+      token,
+      data: undefined,
+    })
+    expect(list.ok()).toBeTruthy()
+    const listBody = await list.json()
+    const found = (listBody.items as Array<{ id: string; code: string }>).find((s) => s.id === createdBody.id)
+    expect(found).toBeDefined()
+    expect(found?.code).toBe(code)
+  })
+
+  test('reads a specification detail by id (with related collections)', async ({ request }) => {
+    const code = `SPEC-${uniq()}`
+    const created = await apiRequest(request, 'POST', '/api/cpq/product-specifications', {
+      token,
+      data: { code, name: 'Detail Spec', specType: 'bundle' },
+    })
+    const createdBody = await created.json()
+    createdIds.push(createdBody.id)
+
+    const detail = await apiRequest(request, 'GET', `/api/cpq/product-specifications?id=${createdBody.id}`, {
+      token,
+      data: undefined,
+    })
+    expect(detail.ok()).toBeTruthy()
+    const detailBody = await detail.json()
+    expect(detailBody.id).toBe(createdBody.id)
+    expect(detailBody.specType).toBe('bundle')
+    expect(Array.isArray(detailBody.attributes)).toBe(true)
+    expect(Array.isArray(detailBody.offerings)).toBe(true)
+    expect(Array.isArray(detailBody.relationships)).toBe(true)
+  })
+
+  test('returns 404 for unknown id', async ({ request }) => {
+    const res = await apiRequest(
+      request,
+      'GET',
+      '/api/cpq/product-specifications?id=00000000-0000-4000-8000-000000000000',
+      { token, data: undefined },
+    )
+    expect(res.status()).toBe(404)
+  })
+
+  test('updates fields and bumps the persisted state', async ({ request }) => {
+    const code = `SPEC-${uniq()}`
+    const created = await apiRequest(request, 'POST', '/api/cpq/product-specifications', {
+      token,
+      data: { code, name: 'Original Name' },
+    })
+    const { id } = await created.json()
+    createdIds.push(id)
+
+    const upd = await apiRequest(request, 'PUT', '/api/cpq/product-specifications', {
+      token,
+      data: { id, name: 'Updated Name', lifecycleStatus: 'active' },
+    })
+    expect(upd.ok(), `PUT status was ${upd.status()}`).toBeTruthy()
+
+    const detail = await apiRequest(request, 'GET', `/api/cpq/product-specifications?id=${id}`, {
+      token,
+      data: undefined,
+    })
+    const body = await detail.json()
+    expect(body.name).toBe('Updated Name')
+    expect(body.lifecycleStatus).toBe('active')
+  })
+
+  test('soft-deletes a specification (subsequent detail returns 404)', async ({ request }) => {
+    const code = `SPEC-${uniq()}`
+    const created = await apiRequest(request, 'POST', '/api/cpq/product-specifications', {
+      token,
+      data: { code, name: 'To Delete' },
+    })
+    const { id } = await created.json()
+
+    const del = await apiRequest(request, 'DELETE', '/api/cpq/product-specifications', {
+      token,
+      data: { id },
+    })
+    expect(del.ok(), `DELETE status was ${del.status()}`).toBeTruthy()
+
+    const detail = await apiRequest(request, 'GET', `/api/cpq/product-specifications?id=${id}`, {
+      token,
+      data: undefined,
+    })
+    expect(detail.status()).toBe(404)
+  })
+
+  test('rejects unauthenticated requests', async ({ request }) => {
+    const res = await request.fetch(
+      `${process.env.BASE_URL || 'http://localhost:3000'}/api/cpq/product-specifications`,
+      { method: 'GET' },
+    )
+    expect([401, 403]).toContain(res.status())
+  })
+})