@dainamite/cpq 0.2.2 → 0.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +62 -0
- package/MIGRATION.md +34 -1
- package/README.md +17 -12
- package/dist/modules/cpq/api/product-attributes/route.js +28 -53
- package/dist/modules/cpq/api/product-attributes/route.js.map +2 -2
- package/dist/modules/cpq/api/product-charges/route.js +12 -2
- package/dist/modules/cpq/api/product-charges/route.js.map +2 -2
- package/dist/modules/cpq/api/product-offerings/route.js +2 -0
- package/dist/modules/cpq/api/product-offerings/route.js.map +2 -2
- package/dist/modules/cpq/backend/cpq/offerings/[id]/page.js +128 -59
- package/dist/modules/cpq/backend/cpq/offerings/[id]/page.js.map +2 -2
- package/dist/modules/cpq/backend/cpq/pricing/[id]/EntriesEditor.js +11 -11
- package/dist/modules/cpq/backend/cpq/pricing/[id]/EntriesEditor.js.map +2 -2
- package/dist/modules/cpq/backend/cpq/specifications/[id]/page.js +55 -1
- package/dist/modules/cpq/backend/cpq/specifications/[id]/page.js.map +2 -2
- package/dist/modules/cpq/cli.js +58 -4
- package/dist/modules/cpq/cli.js.map +3 -3
- package/dist/modules/cpq/data/charge-pricing.js +12 -0
- package/dist/modules/cpq/data/charge-pricing.js.map +7 -0
- package/dist/modules/cpq/data/entities.js +3 -0
- package/dist/modules/cpq/data/entities.js.map +2 -2
- package/dist/modules/cpq/data/validators.js +36 -15
- package/dist/modules/cpq/data/validators.js.map +2 -2
- package/dist/modules/cpq/events.js +7 -0
- package/dist/modules/cpq/events.js.map +2 -2
- package/dist/modules/cpq/lib/seeds/demo.js +103 -0
- package/dist/modules/cpq/lib/seeds/demo.js.map +7 -0
- package/dist/modules/cpq/migrations/Migration20260602000000_cpq_charge_model_split.js +28 -0
- package/dist/modules/cpq/migrations/Migration20260602000000_cpq_charge_model_split.js.map +7 -0
- package/dist/modules/cpq/services/cpqOrderService.js +130 -76
- package/dist/modules/cpq/services/cpqOrderService.js.map +2 -2
- package/dist/modules/cpq/services/cpqPricingService.js +53 -29
- package/dist/modules/cpq/services/cpqPricingService.js.map +3 -3
- package/dist/modules/cpq/services/types.js.map +2 -2
- package/package.json +11 -9
- package/src/modules/cpq/__integration__/TC-CPQ-012.spec.ts +34 -4
- package/src/modules/cpq/__tests__/package-isolation.test.ts +8 -3
- package/src/modules/cpq/api/product-attributes/__tests__/serializeAttribute.test.ts +62 -0
- package/src/modules/cpq/api/product-attributes/route.ts +34 -52
- package/src/modules/cpq/api/product-charges/route.ts +23 -2
- package/src/modules/cpq/api/product-offerings/route.ts +2 -0
- package/src/modules/cpq/backend/cpq/offerings/[id]/page.tsx +151 -62
- package/src/modules/cpq/backend/cpq/pricing/[id]/EntriesEditor.tsx +24 -22
- package/src/modules/cpq/backend/cpq/specifications/[id]/page.tsx +73 -1
- package/src/modules/cpq/cli.ts +83 -4
- package/src/modules/cpq/data/__tests__/charge-pricing.test.ts +49 -0
- package/src/modules/cpq/data/__tests__/validators.test.ts +60 -5
- package/src/modules/cpq/data/charge-pricing.ts +48 -0
- package/src/modules/cpq/data/entities.ts +10 -0
- package/src/modules/cpq/data/validators.ts +56 -26
- package/src/modules/cpq/events.ts +11 -3
- package/src/modules/cpq/lib/seeds/__tests__/demo.test.ts +78 -0
- package/src/modules/cpq/lib/seeds/demo.ts +145 -0
- package/src/modules/cpq/migrations/.snapshot-open-mercato.json +16 -0
- package/src/modules/cpq/migrations/Migration20260602000000_cpq_charge_model_split.ts +57 -0
- package/src/modules/cpq/services/__tests__/cpqPricingService.test.ts +172 -1
- package/src/modules/cpq/services/cpqOrderService.ts +214 -103
- package/src/modules/cpq/services/cpqPricingService.ts +82 -34
- package/src/modules/cpq/services/types.ts +4 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../../src/modules/cpq/backend/cpq/pricing/%5Bid%5D/EntriesEditor.tsx"],
|
|
4
|
-
"sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { Alert } from '@open-mercato/ui/primitives/alert'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport {\n Select,\n SelectContent,\n SelectItem,\n SelectTrigger,\n SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { Trash2 } from 'lucide-react'\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\n\nexport type Dimension = { key: string; label: string }\nexport type PriceColumn = { key: string; label: string }\n\nexport type PricingTableShape = {\n id: string\n dimensions: Dimension[]\n priceColumns: PriceColumn[]\n currencyCodeList: string[]\n}\n\nexport type Entry = {\n id: string\n dimensionValues: Record<string, string>\n tierNumber: number | null\n rangeFrom: string | null\n rangeTo: string | null\n currencyCode: string\n prices: Record<string, number>\n}\n\ntype DraftEntry = Entry & {\n // null = unchanged, 'new' = added locally, 'modified' = field edited,\n // 'deleted' = pending delete (hidden from main grid but kept for save diff).\n _state: null | 'new' | 'modified' | 'deleted'\n _localId: string\n}\n\ntype SaveResult = { ok: true } | { ok: false; error: string }\n\n// \u2500\u2500\u2500 Component \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\nexport function EntriesEditor({\n table,\n initialEntries,\n onSaved,\n}: {\n table: PricingTableShape\n initialEntries: Entry[]\n onSaved: (entries: Entry[]) => void\n}) {\n const [drafts, setDrafts] = React.useState<DraftEntry[]>(() =>\n initialEntries.map((e) => ({ ...e, _state: null, _localId: e.id })),\n )\n const [mode, setMode] = React.useState<'view' | 'edit'>('view')\n const [saving, setSaving] = React.useState(false)\n const [error, setError] = React.useState<string | null>(null)\n\n // Sync external changes (e.g. parent reloads after config save).\n React.useEffect(() => {\n setDrafts(initialEntries.map((e) => ({ ...e, _state: null, _localId: e.id })))\n }, [initialEntries])\n\n const hasTieredEntries = drafts.some((d) => d.tierNumber != null && d._state !== 'deleted')\n const visibleDrafts = drafts.filter((d) => d._state !== 'deleted')\n const dirty = drafts.some((d) => d._state !== null)\n\n // \u2500\u2500\u2500 Mutation 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\n\n const newLocalId = React.useCallback(() => `new-${Math.random().toString(36).slice(2, 10)}`, [])\n\n const addRow = (asTiered: boolean) => {\n const seed: DraftEntry = {\n id: '',\n _localId: newLocalId(),\n _state: 'new',\n dimensionValues: Object.fromEntries(table.dimensions.map((d) => [d.key, ''])),\n tierNumber: asTiered ? (drafts.filter((d) => d.tierNumber != null).length + 1) : null,\n rangeFrom: asTiered ? '0' : null,\n rangeTo: asTiered ? null : null,\n currencyCode: table.currencyCodeList[0] ?? 'USD',\n prices: Object.fromEntries(table.priceColumns.map((c) => [c.key, 0])),\n }\n setDrafts((prev) => [...prev, seed])\n }\n\n const updateRow = (localId: string, patch: Partial<DraftEntry>) => {\n setDrafts((prev) =>\n prev.map((d) =>\n d._localId === localId\n ? { ...d, ...patch, _state: d._state === 'new' ? 'new' : 'modified' }\n : d,\n ),\n )\n }\n\n const deleteRow = (localId: string) => {\n setDrafts((prev) =>\n prev.flatMap((d) => {\n if (d._localId !== localId) return [d]\n // New (not yet persisted) \u2192 drop entirely. Persisted \u2192 mark for delete.\n if (d._state === 'new') return []\n return [{ ...d, _state: 'deleted' }]\n }),\n )\n }\n\n const cancelEdit = () => {\n // Revert to initial \u2014 drop any local mutations.\n setDrafts(initialEntries.map((e) => ({ ...e, _state: null, _localId: e.id })))\n setError(null)\n setMode('view')\n }\n\n // \u2500\u2500\u2500 Save (diff against initialEntries) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n const save = async (): Promise<SaveResult> => {\n setSaving(true)\n setError(null)\n try {\n // POST new entries (batch \u2014 route accepts arrays)\n const news = drafts.filter((d) => d._state === 'new')\n if (news.length > 0) {\n const payload = news.map((d) => ({\n pricingTableId: table.id,\n dimensionValues: d.dimensionValues,\n tierNumber: d.tierNumber ?? undefined,\n rangeFrom: d.rangeFrom != null ? Number(d.rangeFrom) : undefined,\n rangeTo: d.rangeTo != null ? Number(d.rangeTo) : undefined,\n currencyCode: d.currencyCode,\n prices: d.prices,\n }))\n const res = await fetch('/api/cpq/pricing-table-entries', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(payload),\n })\n if (!res.ok) {\n const body = await res.json().catch(() => ({}))\n return { ok: false, error: body.error ?? 'Failed to create entries' }\n }\n }\n\n // PUT modified entries (one-by-one, route doesn't batch updates)\n const mods = drafts.filter((d) => d._state === 'modified')\n for (const d of mods) {\n const res = await fetch('/api/cpq/pricing-table-entries', {\n method: 'PUT',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({\n id: d.id,\n dimensionValues: d.dimensionValues,\n tierNumber: d.tierNumber ?? null,\n rangeFrom: d.rangeFrom != null ? Number(d.rangeFrom) : null,\n rangeTo: d.rangeTo != null ? Number(d.rangeTo) : null,\n currencyCode: d.currencyCode,\n prices: d.prices,\n }),\n })\n if (!res.ok) {\n const body = await res.json().catch(() => ({}))\n return { ok: false, error: body.error ?? `Failed to update entry ${d.id}` }\n }\n }\n\n // DELETE removed entries\n const dels = drafts.filter((d) => d._state === 'deleted')\n for (const d of dels) {\n const res = await fetch('/api/cpq/pricing-table-entries', {\n method: 'DELETE',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ id: d.id }),\n })\n if (!res.ok) {\n const body = await res.json().catch(() => ({}))\n return { ok: false, error: body.error ?? `Failed to delete entry ${d.id}` }\n }\n }\n\n return { ok: true }\n } catch (err) {\n return { ok: false, error: err instanceof Error ? err.message : 'Failed to save entries' }\n } finally {\n setSaving(false)\n }\n }\n\n const handleSave = async () => {\n const r = await save()\n if (!r.ok) {\n setError(r.error)\n return\n }\n // Reload from server via parent (which re-fetches the pricing table\n // and pushes a fresh `initialEntries` down \u2014 useEffect resets drafts).\n onSaved([])\n setMode('view')\n }\n\n // \u2500\u2500\u2500 Render \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\n return (\n <div className=\"space-y-3\">\n <div className=\"flex items-center justify-between\">\n <h2 className=\"text-lg font-semibold\">\n Entries ({visibleDrafts.length})\n </h2>\n <div className=\"flex items-center gap-2\">\n {mode === 'view' ? (\n <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={() => setMode('edit')}>\n Edit Entries\n </Button>\n ) : (\n <>\n <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={() => addRow(false)}>\n + Add Row\n </Button>\n <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={() => addRow(true)}>\n + Add Tier\n </Button>\n <Button type=\"button\" size=\"sm\" onClick={handleSave} disabled={saving || !dirty}>\n {saving ? 'Saving...' : 'Save'}\n </Button>\n <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={cancelEdit} disabled={saving}>\n Cancel\n </Button>\n </>\n )}\n </div>\n </div>\n\n {error && <Alert variant=\"destructive\">{error}</Alert>}\n\n {visibleDrafts.length === 0 ? (\n <div className=\"rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground\">\n {mode === 'edit'\n ? 'No entries yet \u2014 use \"+ Add Row\" (dimensions lookup) or \"+ Add Tier\" (range lookup).'\n : 'No entries in this pricing table.'}\n </div>\n ) : (\n <div className=\"rounded-lg border overflow-x-auto\">\n <table className=\"w-full text-sm\">\n <thead>\n <tr className=\"border-b bg-muted/50\">\n {hasTieredEntries && (\n <>\n <th className=\"px-3 py-3 text-left font-medium whitespace-nowrap\">Tier #</th>\n <th className=\"px-3 py-3 text-left font-medium whitespace-nowrap\">Range From</th>\n <th className=\"px-3 py-3 text-left font-medium whitespace-nowrap\">Range To</th>\n </>\n )}\n {table.dimensions.map((dim) => (\n <th key={dim.key} className=\"px-3 py-3 text-left font-medium whitespace-nowrap\">\n {dim.label}\n </th>\n ))}\n {table.priceColumns.map((col) => (\n <th key={col.key} className=\"px-3 py-3 text-right font-medium whitespace-nowrap\">\n {col.label}\n </th>\n ))}\n <th className=\"px-3 py-3 text-left font-medium\">Currency</th>\n {mode === 'edit' && <th className=\"px-3 py-3 w-8\" aria-label=\"Actions\" />}\n </tr>\n </thead>\n <tbody>\n {visibleDrafts.map((entry) => (\n <EntryRow\n key={entry._localId}\n entry={entry}\n table={table}\n hasTieredEntries={hasTieredEntries}\n mode={mode}\n onChange={(patch) => updateRow(entry._localId, patch)}\n onDelete={() => deleteRow(entry._localId)}\n />\n ))}\n </tbody>\n </table>\n </div>\n )}\n </div>\n )\n}\n\n// \u2500\u2500\u2500 Row sub-component \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 EntryRow({\n entry,\n table,\n hasTieredEntries,\n mode,\n onChange,\n onDelete,\n}: {\n entry: DraftEntry\n table: PricingTableShape\n hasTieredEntries: boolean\n mode: 'view' | 'edit'\n onChange: (patch: Partial<DraftEntry>) => void\n onDelete: () => void\n}) {\n const readOnly = mode === 'view'\n const rowBg = entry._state === 'new'\n ? 'bg-success/5'\n : entry._state === 'modified'\n ? 'bg-warning/5'\n : ''\n\n return (\n <tr className={`border-b hover:bg-muted/30 ${rowBg}`}>\n {hasTieredEntries && (\n <>\n <td className=\"px-3 py-2\">\n {readOnly ? (\n entry.tierNumber ?? '\u2014'\n ) : (\n <Input\n type=\"number\"\n value={entry.tierNumber ?? ''}\n onChange={(e) => onChange({ tierNumber: e.target.value === '' ? null : Number(e.target.value) })}\n className=\"w-20 h-8\"\n />\n )}\n </td>\n <td className=\"px-3 py-2\">\n {readOnly ? (\n entry.rangeFrom ?? '\u2014'\n ) : (\n <Input\n type=\"number\"\n value={entry.rangeFrom ?? ''}\n onChange={(e) => onChange({ rangeFrom: e.target.value === '' ? null : e.target.value })}\n className=\"w-24 h-8\"\n />\n )}\n </td>\n <td className=\"px-3 py-2\">\n {readOnly ? (\n entry.rangeTo ?? '\u2014'\n ) : (\n <Input\n type=\"number\"\n value={entry.rangeTo ?? ''}\n onChange={(e) => onChange({ rangeTo: e.target.value === '' ? null : e.target.value })}\n placeholder=\"\u221E\"\n className=\"w-24 h-8\"\n />\n )}\n </td>\n </>\n )}\n {table.dimensions.map((dim) => (\n <td key={dim.key} className=\"px-3 py-2\">\n {readOnly ? (\n entry.dimensionValues?.[dim.key] ?? '\u2014'\n ) : (\n <Input\n value={entry.dimensionValues?.[dim.key] ?? ''}\n onChange={(e) =>\n onChange({\n dimensionValues: { ...entry.dimensionValues, [dim.key]: e.target.value },\n })\n }\n className=\"w-28 h-8\"\n />\n )}\n </td>\n ))}\n {table.priceColumns.map((col) => (\n <td key={col.key} className=\"px-3 py-2 text-right font-mono\">\n {readOnly ? (\n entry.prices?.[col.key] != null ? Number(entry.prices[col.key]).toFixed(2) : '\u2014'\n ) : (\n <Input\n type=\"number\"\n step=\"0.01\"\n value={entry.prices?.[col.key] ?? ''}\n onChange={(e) =>\n onChange({\n prices: {\n ...entry.prices,\n [col.key]: e.target.value === '' ? 0 : Number(e.target.value),\n },\n })\n }\n className=\"w-24 h-8 text-right\"\n />\n )}\n </td>\n ))}\n <td className=\"px-3 py-2\">\n {readOnly ? (\n entry.currencyCode\n ) : (\n <Select\n value={entry.currencyCode}\n onValueChange={(value) => onChange({ currencyCode: value })}\n >\n <SelectTrigger className=\"w-24 h-8\">\n <SelectValue />\n </SelectTrigger>\n <SelectContent>\n {table.currencyCodeList.map((c) => (\n <SelectItem key={c} value={c}>{c}</SelectItem>\n ))}\n </SelectContent>\n </Select>\n )}\n </td>\n {mode === 'edit' && (\n <td className=\"px-3 py-2\">\n <button\n type=\"button\"\n onClick={onDelete}\n className=\"text-destructive hover:bg-destructive/10 rounded p-1\"\n aria-label=\"Delete row\"\n >\n <Trash2 className=\"h-4 w-4\" />\n </button>\n </td>\n )}\n </tr>\n )\n}\n\n"],
|
|
5
|
-
"mappings": "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
|
|
4
|
+
"sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { Alert } from '@open-mercato/ui/primitives/alert'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport {\n Select,\n SelectContent,\n SelectItem,\n SelectTrigger,\n SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { Trash2 } from 'lucide-react'\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\n\nexport type Dimension = { key: string; label: string }\nexport type PriceColumn = { key: string; label: string }\n\nexport type PricingTableShape = {\n id: string\n dimensions: Dimension[]\n priceColumns: PriceColumn[]\n currencyCodeList: string[]\n}\n\nexport type Entry = {\n id: string\n dimensionValues: Record<string, string>\n tierNumber: number | null\n rangeFrom: string | null\n rangeTo: string | null\n currencyCode: string\n prices: Record<string, number>\n}\n\ntype DraftEntry = Entry & {\n // null = unchanged, 'new' = added locally, 'modified' = field edited,\n // 'deleted' = pending delete (hidden from main grid but kept for save diff).\n _state: null | 'new' | 'modified' | 'deleted'\n _localId: string\n}\n\ntype SaveResult = { ok: true } | { ok: false; error: string }\n\n// \u2500\u2500\u2500 Component \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\nexport function EntriesEditor({\n table,\n initialEntries,\n onSaved,\n}: {\n table: PricingTableShape\n initialEntries: Entry[]\n onSaved: (entries: Entry[]) => void\n}) {\n const [drafts, setDrafts] = React.useState<DraftEntry[]>(() =>\n initialEntries.map((e) => ({ ...e, _state: null, _localId: e.id })),\n )\n const [mode, setMode] = React.useState<'view' | 'edit'>('view')\n const [saving, setSaving] = React.useState(false)\n const [error, setError] = React.useState<string | null>(null)\n\n // Sync external changes (e.g. parent reloads after config save).\n React.useEffect(() => {\n setDrafts(initialEntries.map((e) => ({ ...e, _state: null, _localId: e.id })))\n }, [initialEntries])\n\n const hasTieredEntries = drafts.some((d) => d.tierNumber != null && d._state !== 'deleted')\n const visibleDrafts = drafts.filter((d) => d._state !== 'deleted')\n const dirty = drafts.some((d) => d._state !== null)\n\n // \u2500\u2500\u2500 Mutation 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\n\n const newLocalId = React.useCallback(() => `new-${Math.random().toString(36).slice(2, 10)}`, [])\n\n const addRow = (asTiered: boolean) => {\n const seed: DraftEntry = {\n id: '',\n _localId: newLocalId(),\n _state: 'new',\n dimensionValues: Object.fromEntries(table.dimensions.map((d) => [d.key, ''])),\n tierNumber: asTiered ? (drafts.filter((d) => d.tierNumber != null).length + 1) : null,\n rangeFrom: asTiered ? '0' : null,\n rangeTo: asTiered ? null : null,\n currencyCode: table.currencyCodeList[0] ?? 'USD',\n prices: Object.fromEntries(table.priceColumns.map((c) => [c.key, 0])),\n }\n setDrafts((prev) => [...prev, seed])\n }\n\n const updateRow = (localId: string, patch: Partial<DraftEntry>) => {\n setDrafts((prev) =>\n prev.map((d) =>\n d._localId === localId\n ? { ...d, ...patch, _state: d._state === 'new' ? 'new' : 'modified' }\n : d,\n ),\n )\n }\n\n const deleteRow = (localId: string) => {\n setDrafts((prev) =>\n prev.flatMap((d) => {\n if (d._localId !== localId) return [d]\n // New (not yet persisted) \u2192 drop entirely. Persisted \u2192 mark for delete.\n if (d._state === 'new') return []\n return [{ ...d, _state: 'deleted' }]\n }),\n )\n }\n\n const cancelEdit = () => {\n // Revert to initial \u2014 drop any local mutations.\n setDrafts(initialEntries.map((e) => ({ ...e, _state: null, _localId: e.id })))\n setError(null)\n setMode('view')\n }\n\n // \u2500\u2500\u2500 Save (diff against initialEntries) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n const save = async (): Promise<SaveResult> => {\n setSaving(true)\n setError(null)\n try {\n // POST new entries (batch \u2014 route accepts arrays)\n const news = drafts.filter((d) => d._state === 'new')\n if (news.length > 0) {\n const payload = news.map((d) => ({\n pricingTableId: table.id,\n dimensionValues: d.dimensionValues,\n tierNumber: d.tierNumber ?? undefined,\n rangeFrom: d.rangeFrom != null ? Number(d.rangeFrom) : undefined,\n rangeTo: d.rangeTo != null ? Number(d.rangeTo) : undefined,\n currencyCode: d.currencyCode,\n prices: d.prices,\n }))\n const res = await fetch('/api/cpq/pricing-table-entries', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(payload),\n })\n if (!res.ok) {\n const body = await res.json().catch(() => ({}))\n return { ok: false, error: body.error ?? 'Failed to create entries' }\n }\n }\n\n // PUT modified entries (one-by-one, route doesn't batch updates)\n const mods = drafts.filter((d) => d._state === 'modified')\n for (const d of mods) {\n const res = await fetch('/api/cpq/pricing-table-entries', {\n method: 'PUT',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({\n id: d.id,\n dimensionValues: d.dimensionValues,\n tierNumber: d.tierNumber ?? null,\n rangeFrom: d.rangeFrom != null ? Number(d.rangeFrom) : null,\n rangeTo: d.rangeTo != null ? Number(d.rangeTo) : null,\n currencyCode: d.currencyCode,\n prices: d.prices,\n }),\n })\n if (!res.ok) {\n const body = await res.json().catch(() => ({}))\n return { ok: false, error: body.error ?? `Failed to update entry ${d.id}` }\n }\n }\n\n // DELETE removed entries\n const dels = drafts.filter((d) => d._state === 'deleted')\n for (const d of dels) {\n const res = await fetch('/api/cpq/pricing-table-entries', {\n method: 'DELETE',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ id: d.id }),\n })\n if (!res.ok) {\n const body = await res.json().catch(() => ({}))\n return { ok: false, error: body.error ?? `Failed to delete entry ${d.id}` }\n }\n }\n\n return { ok: true }\n } catch (err) {\n return { ok: false, error: err instanceof Error ? err.message : 'Failed to save entries' }\n } finally {\n setSaving(false)\n }\n }\n\n const handleSave = async () => {\n const r = await save()\n if (!r.ok) {\n setError(r.error)\n return\n }\n // Reload from server via parent (which re-fetches the pricing table\n // and pushes a fresh `initialEntries` down \u2014 useEffect resets drafts).\n onSaved([])\n setMode('view')\n }\n\n // \u2500\u2500\u2500 Render \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\n return (\n <div className=\"space-y-3\">\n <div className=\"flex items-center justify-between\">\n <h2 className=\"text-lg font-semibold\">\n Entries ({visibleDrafts.length})\n </h2>\n <div className=\"flex items-center gap-2\">\n {mode === 'view' ? (\n <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={() => setMode('edit')}>\n Edit Entries\n </Button>\n ) : (\n <>\n <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={() => addRow(false)}>\n + Add Row\n </Button>\n <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={() => addRow(true)}>\n + Add Tier\n </Button>\n <Button type=\"button\" size=\"sm\" onClick={handleSave} disabled={saving || !dirty}>\n {saving ? 'Saving...' : 'Save'}\n </Button>\n <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={cancelEdit} disabled={saving}>\n Cancel\n </Button>\n </>\n )}\n </div>\n </div>\n\n {error && <Alert variant=\"destructive\">{error}</Alert>}\n\n {visibleDrafts.length === 0 ? (\n <div className=\"rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground\">\n {mode === 'edit'\n ? 'No entries yet \u2014 use \"+ Add Row\" (dimensions lookup) or \"+ Add Tier\" (range lookup).'\n : 'No entries in this pricing table.'}\n </div>\n ) : (\n <div className=\"rounded-lg border overflow-x-auto\">\n <table className=\"w-full text-sm\">\n <thead>\n <tr className=\"border-b bg-muted/50\">\n {table.dimensions.map((dim) => (\n <th key={dim.key} className=\"px-3 py-3 text-left font-medium whitespace-nowrap\">\n {dim.label}\n </th>\n ))}\n {/* Tier / range columns sit between the dimension lookups and the\n prices they qualify, so the row reads \"what \u2192 how much\". */}\n {hasTieredEntries && (\n <>\n <th className=\"px-3 py-3 text-left font-medium whitespace-nowrap\">Tier #</th>\n <th className=\"px-3 py-3 text-left font-medium whitespace-nowrap\">Range From</th>\n <th className=\"px-3 py-3 text-left font-medium whitespace-nowrap\">Range To</th>\n </>\n )}\n {table.priceColumns.map((col) => (\n <th key={col.key} className=\"px-3 py-3 text-right font-medium whitespace-nowrap\">\n {col.label}\n </th>\n ))}\n <th className=\"px-3 py-3 text-left font-medium\">Currency</th>\n {mode === 'edit' && <th className=\"px-3 py-3 w-8\" aria-label=\"Actions\" />}\n </tr>\n </thead>\n <tbody>\n {visibleDrafts.map((entry) => (\n <EntryRow\n key={entry._localId}\n entry={entry}\n table={table}\n hasTieredEntries={hasTieredEntries}\n mode={mode}\n onChange={(patch) => updateRow(entry._localId, patch)}\n onDelete={() => deleteRow(entry._localId)}\n />\n ))}\n </tbody>\n </table>\n </div>\n )}\n </div>\n )\n}\n\n// \u2500\u2500\u2500 Row sub-component \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 EntryRow({\n entry,\n table,\n hasTieredEntries,\n mode,\n onChange,\n onDelete,\n}: {\n entry: DraftEntry\n table: PricingTableShape\n hasTieredEntries: boolean\n mode: 'view' | 'edit'\n onChange: (patch: Partial<DraftEntry>) => void\n onDelete: () => void\n}) {\n const readOnly = mode === 'view'\n const rowBg = entry._state === 'new'\n ? 'bg-success/5'\n : entry._state === 'modified'\n ? 'bg-warning/5'\n : ''\n\n return (\n <tr className={`border-b hover:bg-muted/30 ${rowBg}`}>\n {table.dimensions.map((dim) => (\n <td key={dim.key} className=\"px-3 py-2\">\n {readOnly ? (\n entry.dimensionValues?.[dim.key] ?? '\u2014'\n ) : (\n <Input\n value={entry.dimensionValues?.[dim.key] ?? ''}\n onChange={(e) =>\n onChange({\n dimensionValues: { ...entry.dimensionValues, [dim.key]: e.target.value },\n })\n }\n className=\"w-28 h-8\"\n />\n )}\n </td>\n ))}\n {hasTieredEntries && (\n <>\n <td className=\"px-3 py-2\">\n {readOnly ? (\n entry.tierNumber ?? '\u2014'\n ) : (\n <Input\n type=\"number\"\n value={entry.tierNumber ?? ''}\n onChange={(e) => onChange({ tierNumber: e.target.value === '' ? null : Number(e.target.value) })}\n className=\"w-20 h-8\"\n />\n )}\n </td>\n <td className=\"px-3 py-2\">\n {readOnly ? (\n entry.rangeFrom ?? '\u2014'\n ) : (\n <Input\n type=\"number\"\n value={entry.rangeFrom ?? ''}\n onChange={(e) => onChange({ rangeFrom: e.target.value === '' ? null : e.target.value })}\n className=\"w-24 h-8\"\n />\n )}\n </td>\n <td className=\"px-3 py-2\">\n {readOnly ? (\n entry.rangeTo ?? '\u2014'\n ) : (\n <Input\n type=\"number\"\n value={entry.rangeTo ?? ''}\n onChange={(e) => onChange({ rangeTo: e.target.value === '' ? null : e.target.value })}\n placeholder=\"\u221E\"\n className=\"w-24 h-8\"\n />\n )}\n </td>\n </>\n )}\n {table.priceColumns.map((col) => (\n <td key={col.key} className=\"px-3 py-2 text-right font-mono\">\n {readOnly ? (\n entry.prices?.[col.key] != null ? Number(entry.prices[col.key]).toFixed(2) : '\u2014'\n ) : (\n <Input\n type=\"number\"\n step=\"0.01\"\n value={entry.prices?.[col.key] ?? ''}\n onChange={(e) =>\n onChange({\n prices: {\n ...entry.prices,\n [col.key]: e.target.value === '' ? 0 : Number(e.target.value),\n },\n })\n }\n className=\"w-24 h-8 text-right\"\n />\n )}\n </td>\n ))}\n <td className=\"px-3 py-2\">\n {readOnly ? (\n entry.currencyCode\n ) : (\n <Select\n value={entry.currencyCode}\n onValueChange={(value) => onChange({ currencyCode: value })}\n >\n <SelectTrigger className=\"w-24 h-8\">\n <SelectValue />\n </SelectTrigger>\n <SelectContent>\n {table.currencyCodeList.map((c) => (\n <SelectItem key={c} value={c}>{c}</SelectItem>\n ))}\n </SelectContent>\n </Select>\n )}\n </td>\n {mode === 'edit' && (\n <td className=\"px-3 py-2\">\n <button\n type=\"button\"\n onClick={onDelete}\n className=\"text-destructive hover:bg-destructive/10 rounded p-1\"\n aria-label=\"Delete row\"\n >\n <Trash2 className=\"h-4 w-4\" />\n </button>\n </td>\n )}\n </tr>\n )\n}\n\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -734,7 +734,7 @@ function SpecificationDetailPage(props) {
|
|
|
734
734
|
] }),
|
|
735
735
|
/* @__PURE__ */ jsxs("div", { children: [
|
|
736
736
|
/* @__PURE__ */ jsx("label", { className: "block text-xs font-medium mb-1", children: "Type" }),
|
|
737
|
-
/* @__PURE__ */ jsxs("select", { value: editingAttr.attributeType, onChange: (e) => setEditingAttr({ ...editingAttr, attributeType: e.target.value }), className: "w-full rounded-md border px-2 py-1.5 text-sm", children: [
|
|
737
|
+
/* @__PURE__ */ jsxs("select", { value: editingAttr.attributeType, onChange: (e) => setEditingAttr({ ...editingAttr, attributeType: e.target.value, defaultValue: null }), className: "w-full rounded-md border px-2 py-1.5 text-sm", children: [
|
|
738
738
|
/* @__PURE__ */ jsx("option", { value: "text", children: "Text" }),
|
|
739
739
|
/* @__PURE__ */ jsx("option", { value: "number", children: "Number" }),
|
|
740
740
|
/* @__PURE__ */ jsx("option", { value: "boolean", children: "Boolean" }),
|
|
@@ -765,6 +765,60 @@ function SpecificationDetailPage(props) {
|
|
|
765
765
|
/* @__PURE__ */ jsx("label", { className: "block text-xs font-medium mb-1", children: "Help Text" }),
|
|
766
766
|
/* @__PURE__ */ jsx("input", { type: "text", value: editingAttr.helpText ?? "", onChange: (e) => setEditingAttr({ ...editingAttr, helpText: e.target.value || null }), className: "w-full rounded-md border px-2 py-1.5 text-sm" })
|
|
767
767
|
] }),
|
|
768
|
+
editingAttr.attributeType !== "reference" && /* @__PURE__ */ jsxs("div", { children: [
|
|
769
|
+
/* @__PURE__ */ jsx("label", { className: "block text-xs font-medium mb-1", children: t("cpq.specifications.defaultValue", "Default Value") }),
|
|
770
|
+
editingAttr.attributeType === "number" ? /* @__PURE__ */ jsx(
|
|
771
|
+
NumberInput,
|
|
772
|
+
{
|
|
773
|
+
value: typeof editingAttr.defaultValue === "number" ? editingAttr.defaultValue : null,
|
|
774
|
+
onChange: (n) => setEditingAttr({ ...editingAttr, defaultValue: n }),
|
|
775
|
+
placeholder: t("cpq.specifications.noDefault", "No default")
|
|
776
|
+
}
|
|
777
|
+
) : editingAttr.attributeType === "boolean" ? /* @__PURE__ */ jsxs(
|
|
778
|
+
"select",
|
|
779
|
+
{
|
|
780
|
+
value: editingAttr.defaultValue === true ? "true" : editingAttr.defaultValue === false ? "false" : "",
|
|
781
|
+
onChange: (e) => setEditingAttr({ ...editingAttr, defaultValue: e.target.value === "" ? null : e.target.value === "true" }),
|
|
782
|
+
className: "w-full rounded-md border px-2 py-1.5 text-sm",
|
|
783
|
+
children: [
|
|
784
|
+
/* @__PURE__ */ jsx("option", { value: "", children: t("cpq.specifications.noDefault", "No default") }),
|
|
785
|
+
/* @__PURE__ */ jsx("option", { value: "true", children: t("cpq.specifications.booleanTrue", "True") }),
|
|
786
|
+
/* @__PURE__ */ jsx("option", { value: "false", children: t("cpq.specifications.booleanFalse", "False") })
|
|
787
|
+
]
|
|
788
|
+
}
|
|
789
|
+
) : editingAttr.attributeType === "select" || editingAttr.attributeType === "multi-select" ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
790
|
+
/* @__PURE__ */ jsxs(
|
|
791
|
+
"select",
|
|
792
|
+
{
|
|
793
|
+
multiple: editingAttr.attributeType === "multi-select",
|
|
794
|
+
value: editingAttr.attributeType === "multi-select" ? Array.isArray(editingAttr.defaultValue) ? editingAttr.defaultValue.map(String) : [] : editingAttr.defaultValue == null ? "" : String(editingAttr.defaultValue),
|
|
795
|
+
onChange: (e) => {
|
|
796
|
+
if (editingAttr.attributeType === "multi-select") {
|
|
797
|
+
const vals = Array.from(e.target.selectedOptions).map((o) => o.value).filter((v) => v !== "");
|
|
798
|
+
setEditingAttr({ ...editingAttr, defaultValue: vals.length ? vals : null });
|
|
799
|
+
} else {
|
|
800
|
+
setEditingAttr({ ...editingAttr, defaultValue: e.target.value === "" ? null : e.target.value });
|
|
801
|
+
}
|
|
802
|
+
},
|
|
803
|
+
className: "w-full rounded-md border px-2 py-1.5 text-sm",
|
|
804
|
+
children: [
|
|
805
|
+
editingAttr.attributeType === "select" && /* @__PURE__ */ jsx("option", { value: "", children: t("cpq.specifications.noDefault", "No default") }),
|
|
806
|
+
editingOptions.filter((o) => o.value.trim() !== "").map((o) => /* @__PURE__ */ jsx("option", { value: o.value, children: o.label || o.value }, o.value))
|
|
807
|
+
]
|
|
808
|
+
}
|
|
809
|
+
),
|
|
810
|
+
editingAttr.attributeType === "multi-select" && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-1", children: t("cpq.specifications.multiSelectDefaultHint", "Ctrl/Cmd-click to select several, or deselect all to clear the default.") })
|
|
811
|
+
] }) : /* @__PURE__ */ jsx(
|
|
812
|
+
"input",
|
|
813
|
+
{
|
|
814
|
+
type: "text",
|
|
815
|
+
value: editingAttr.defaultValue == null ? "" : String(editingAttr.defaultValue),
|
|
816
|
+
onChange: (e) => setEditingAttr({ ...editingAttr, defaultValue: e.target.value === "" ? null : e.target.value }),
|
|
817
|
+
placeholder: t("cpq.specifications.noDefault", "No default"),
|
|
818
|
+
className: "w-full rounded-md border px-2 py-1.5 text-sm"
|
|
819
|
+
}
|
|
820
|
+
)
|
|
821
|
+
] }),
|
|
768
822
|
editingAttr.attributeType === "reference" && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { children: [
|
|
769
823
|
/* @__PURE__ */ jsx("label", { className: "block text-xs font-medium mb-1", children: "Reference Entity" }),
|
|
770
824
|
/* @__PURE__ */ jsx("input", { type: "text", value: editingAttr.referenceEntity ?? "", onChange: (e) => setEditingAttr({ ...editingAttr, referenceEntity: e.target.value || null }), placeholder: "e.g. CatalogProduct", className: "w-full rounded-md border px-2 py-1.5 text-sm" })
|