@dainamite/cpq 0.4.0 → 0.6.0

package/dist/modules/cpq/backend/cpq/quotes/[id]/_components/PriceAdjustmentDialog.js

@@ -0,0 +1,205 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { Textarea } from "@open-mercato/ui/primitives/textarea";
+import { Alert, AlertDescription } from "@open-mercato/ui/primitives/alert";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "@open-mercato/ui/primitives/dialog";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@open-mercato/ui/primitives/select";
+import {
+  ADJUSTMENT_ERROR_FALLBACKS,
+  adjustmentErrorCode,
+  allowedAdjustmentTypes,
+  buildAdjustmentDraft,
+  formatDepth,
+  discountDepth,
+  toAdjustmentPatch
+} from "../../../../../lib/priceAdjustmentView.js";
+const TYPE_FALLBACKS = {
+  price_override: "Set a new unit price",
+  discount_percent: "Percentage discount",
+  discount_absolute: "Amount off the charge total"
+};
+function money(amount, currency) {
+  return new Intl.NumberFormat("en-US", { style: "currency", currency }).format(amount);
+}
+function PriceAdjustmentDialog(props) {
+  const { open, quoteId, currency, pricingRevision, target, targetLabel, charge, existing, storedAdjustmentIds, reasons, onClose, onSaved, onStale } = props;
+  const t = useT();
+  const types = allowedAdjustmentTypes(target.level, charge);
+  const initialForm = React.useCallback(() => ({
+    adjustmentType: existing?.adjustmentType ?? types[0] ?? "discount_percent",
+    value: existing ? String(existing.value) : "",
+    reasonCode: existing?.reasonCode ?? "",
+    reasonNote: existing?.reasonNote ?? "",
+    chargeTypeFilter: existing?.chargeTypeFilter ?? ""
+  }), [existing, types]);
+  const [form, setForm] = React.useState(initialForm);
+  const [preview, setPreview] = React.useState(null);
+  const [previewing, setPreviewing] = React.useState(false);
+  const [errorCode, setErrorCode] = React.useState(null);
+  const [saving, setSaving] = React.useState(false);
+  React.useEffect(() => {
+    if (open) {
+      setForm(initialForm());
+      setPreview(null);
+      setErrorCode(null);
+    }
+  }, [open]);
+  const draft = buildAdjustmentDraft(form, target, currency, pricingRevision);
+  const draftKey = draft && form.reasonCode ? JSON.stringify(draft) : null;
+  const message = (code) => t(`cpq.priceAdjustments.errors.${code}`, ADJUSTMENT_ERROR_FALLBACKS[code] ?? code);
+  React.useEffect(() => {
+    if (!open || !draftKey) {
+      setPreview(null);
+      return;
+    }
+    let cancelled = false;
+    const timer = window.setTimeout(async () => {
+      setPreviewing(true);
+      const call = await apiCall(
+        `/api/cpq/quotes/${quoteId}/price-adjustments/preview`,
+        { method: "POST", headers: { "content-type": "application/json" }, body: JSON.stringify({ draft: JSON.parse(draftKey), ...existing ? { replaceAdjustmentId: existing.id } : {} }) }
+      );
+      if (cancelled) return;
+      setPreviewing(false);
+      if (call.ok && call.result) {
+        setPreview(call.result);
+        setErrorCode(null);
+      } else {
+        setPreview(null);
+        setErrorCode(adjustmentErrorCode(call.status, call.result));
+      }
+    }, 400);
+    return () => {
+      cancelled = true;
+      window.clearTimeout(timer);
+    };
+  }, [open, draftKey, quoteId, existing]);
+  const previewLine = preview?.quote.lines.find((line) => line.lineId === target.quoteLineId);
+  const previewCharge = target.level === "charge" ? previewLine?.charges.find((entry) => entry.chargeCode === target.chargeCode) : void 0;
+  const previewErrors = preview?.errors.filter((error) => existing ? error.adjustmentId === existing.id : !storedAdjustmentIds.includes(error.adjustmentId)) ?? [];
+  const noteRequired = form.reasonCode === "other" && !form.reasonNote.trim();
+  const canSave = !!draft && !!form.reasonCode && !noteRequired && !saving && previewErrors.length === 0;
+  const save = async () => {
+    if (!draft || !canSave) return;
+    setSaving(true);
+    setErrorCode(null);
+    const call = existing ? await apiCall(`/api/cpq/quotes/${quoteId}/price-adjustments/${existing.id}`, {
+      method: "PATCH",
+      headers: { "content-type": "application/json" },
+      body: JSON.stringify(toAdjustmentPatch(draft))
+    }) : await apiCall(`/api/cpq/quotes/${quoteId}/price-adjustments`, {
+      method: "POST",
+      headers: { "content-type": "application/json" },
+      body: JSON.stringify(draft)
+    });
+    setSaving(false);
+    if (call.ok && call.result?.quote) {
+      onSaved(call.result.quote);
+      onClose();
+      return;
+    }
+    setErrorCode(adjustmentErrorCode(call.status, call.result));
+  };
+  const onKeyDown = (event) => {
+    if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
+      event.preventDefault();
+      void save();
+    }
+  };
+  const standardUnit = charge?.standardUnitPrice ?? charge?.unitPrice;
+  const valueHint = form.adjustmentType === "discount_percent" ? t("cpq.priceAdjustments.dialog.percentHint", "Percent off the standard price (0\u2013100)") : form.adjustmentType === "price_override" ? t("cpq.priceAdjustments.dialog.overrideHint", "New unit price, at most the standard price") : t("cpq.priceAdjustments.dialog.absoluteHint", "Amount taken off this charge\u2019s total");
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (next) => {
+    if (!next) onClose();
+  }, children: /* @__PURE__ */ jsxs(DialogContent, { onKeyDown, "data-testid": "cpq-price-adjustment-dialog", children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: existing ? t("cpq.priceAdjustments.dialog.editTitle", "Edit price adjustment") : target.level === "line" ? t("cpq.priceAdjustments.dialog.lineTitle", "Discount line") : t("cpq.priceAdjustments.dialog.chargeTitle", "Adjust price") }),
+      /* @__PURE__ */ jsxs(DialogDescription, { children: [
+        targetLabel,
+        charge && standardUnit !== void 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+          " \xB7 ",
+          t("cpq.priceAdjustments.dialog.standard", "Standard"),
+          " ",
+          money(standardUnit, currency)
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-3 text-sm", children: [
+      /* @__PURE__ */ jsxs("label", { className: "block space-y-1", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-xs font-medium", children: t("cpq.priceAdjustments.dialog.type", "Adjustment") }),
+        /* @__PURE__ */ jsxs(Select, { value: form.adjustmentType, onValueChange: (value) => setForm({ ...form, adjustmentType: value }), children: [
+          /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+          /* @__PURE__ */ jsx(SelectContent, { children: types.map((type) => /* @__PURE__ */ jsx(SelectItem, { value: type, children: t(`cpq.priceAdjustments.dialog.types.${type}`, TYPE_FALLBACKS[type]) }, type)) })
+        ] })
+      ] }),
+      target.level === "line" && /* @__PURE__ */ jsxs("label", { className: "block space-y-1", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-xs font-medium", children: t("cpq.priceAdjustments.dialog.appliesTo", "Applies to") }),
+        /* @__PURE__ */ jsxs(Select, { value: form.chargeTypeFilter || "all", onValueChange: (value) => setForm({ ...form, chargeTypeFilter: value === "all" ? "" : value }), children: [
+          /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+          /* @__PURE__ */ jsxs(SelectContent, { children: [
+            /* @__PURE__ */ jsx(SelectItem, { value: "all", children: t("cpq.priceAdjustments.dialog.allCharges", "All one-time and recurring charges") }),
+            /* @__PURE__ */ jsx(SelectItem, { value: "mrc", children: t("cpq.priceAdjustments.dialog.mrcOnly", "Recurring charges only") }),
+            /* @__PURE__ */ jsx(SelectItem, { value: "nrc", children: t("cpq.priceAdjustments.dialog.nrcOnly", "One-time charges only") })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("label", { className: "block space-y-1", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-xs font-medium", children: t("cpq.priceAdjustments.dialog.value", "Value") }),
+        /* @__PURE__ */ jsx(Input, { inputMode: "decimal", autoFocus: true, value: form.value, onChange: (event) => setForm({ ...form, value: event.target.value }), "aria-describedby": "cpq-adjustment-value-hint" }),
+        /* @__PURE__ */ jsx("span", { id: "cpq-adjustment-value-hint", className: "block text-xs text-muted-foreground", children: valueHint })
+      ] }),
+      /* @__PURE__ */ jsxs("label", { className: "block space-y-1", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-xs font-medium", children: t("cpq.priceAdjustments.dialog.reason", "Reason") }),
+        /* @__PURE__ */ jsxs(Select, { value: form.reasonCode, onValueChange: (value) => setForm({ ...form, reasonCode: value }), children: [
+          /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("cpq.priceAdjustments.dialog.reasonPlaceholder", "Pick a reason") }) }),
+          /* @__PURE__ */ jsx(SelectContent, { children: reasons.map((reason) => /* @__PURE__ */ jsx(SelectItem, { value: reason.value, children: reason.label }, reason.value)) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("label", { className: "block space-y-1", children: [
+        /* @__PURE__ */ jsxs("span", { className: "text-xs font-medium", children: [
+          t("cpq.priceAdjustments.dialog.note", "Note"),
+          form.reasonCode === "other" ? " *" : ""
+        ] }),
+        /* @__PURE__ */ jsx(Textarea, { rows: 2, maxLength: 500, value: form.reasonNote, onChange: (event) => setForm({ ...form, reasonNote: event.target.value }) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "rounded border bg-muted/20 p-2 text-xs", "aria-live": "polite", "data-testid": "cpq-adjustment-preview", children: [
+        !draftKey && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("cpq.priceAdjustments.dialog.previewEmpty", "Enter a value and reason to preview the new price.") }),
+        draftKey && previewing && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("cpq.priceAdjustments.dialog.previewing", "Calculating\u2026") }),
+        draftKey && !previewing && previewCharge && /* @__PURE__ */ jsxs("span", { children: [
+          t("cpq.priceAdjustments.dialog.previewCharge", "New offer price"),
+          ": ",
+          /* @__PURE__ */ jsx("span", { className: "font-mono font-medium", children: money(previewCharge.unitPrice, currency) }),
+          " ",
+          formatDepth(discountDepth(previewCharge.standardUnitPrice ?? standardUnit, previewCharge.unitPrice)) ?? ""
+        ] }),
+        draftKey && !previewing && !previewCharge && previewLine && /* @__PURE__ */ jsxs("span", { children: [
+          t("cpq.priceAdjustments.dialog.previewLine", "Line totals"),
+          ": MRC ",
+          /* @__PURE__ */ jsx("span", { className: "font-mono font-medium", children: money(previewLine.mrcTotal, currency) }),
+          " \xB7 ",
+          "NRC ",
+          /* @__PURE__ */ jsx("span", { className: "font-mono font-medium", children: money(previewLine.nrcTotal, currency) })
+        ] })
+      ] }),
+      (errorCode || previewErrors.length > 0 || noteRequired) && /* @__PURE__ */ jsx(Alert, { variant: "warning", children: /* @__PURE__ */ jsxs(AlertDescription, { children: [
+        errorCode ? message(errorCode) : previewErrors.length > 0 ? message(previewErrors[0].code) : message("REASON_NOTE_REQUIRED"),
+        errorCode === "STALE_REVISION" && /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", className: "ml-2", onClick: () => {
+          onStale();
+          onClose();
+        }, children: t("cpq.priceAdjustments.dialog.reload", "Reload") })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxs(DialogFooter, { children: [
+      /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: onClose, children: t("cpq.priceAdjustments.dialog.cancel", "Cancel") }),
+      /* @__PURE__ */ jsx(Button, { onClick: () => void save(), disabled: !canSave, title: "Ctrl/Cmd+Enter", children: saving ? t("cpq.priceAdjustments.dialog.saving", "Saving\u2026") : t("cpq.priceAdjustments.dialog.save", "Save") })
+    ] })
+  ] }) });
+}
+export {
+  PriceAdjustmentDialog
+};
+//# sourceMappingURL=PriceAdjustmentDialog.js.map

package/dist/modules/cpq/backend/cpq/quotes/[id]/_components/PriceAdjustmentDialog.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../src/modules/cpq/backend/cpq/quotes/%5Bid%5D/_components/PriceAdjustmentDialog.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Textarea } from '@open-mercato/ui/primitives/textarea'\nimport { Alert, AlertDescription } from '@open-mercato/ui/primitives/alert'\nimport { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from '@open-mercato/ui/primitives/dialog'\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@open-mercato/ui/primitives/select'\nimport {\n  ADJUSTMENT_ERROR_FALLBACKS,\n  adjustmentErrorCode,\n  allowedAdjustmentTypes,\n  buildAdjustmentDraft,\n  formatDepth,\n  discountDepth,\n  toAdjustmentPatch,\n  type AdjustmentForm,\n  type AdjustmentTarget,\n  type AdjustmentType,\n  type WaterfallChargeInput,\n} from '../../../../../lib/priceAdjustmentView'\n\nexport type AdjustmentReason = { value: string; label: string }\n\n/** Minimal view of the quote the dialog needs, kept local so the page owns the full type. */\ntype PreviewQuote = {\n  pricingRevision?: number\n  lines: Array<{ lineId: string; mrcTotal: number; nrcTotal: number; charges: Array<WaterfallChargeInput & { chargeCode: string; adjustmentErrors?: Array<{ adjustmentId: string; code: string }> }> }>\n}\n\nexport type ExistingAdjustment = {\n  id: string\n  adjustmentType: AdjustmentType\n  value: number\n  reasonCode: string\n  reasonNote?: string | null\n  chargeTypeFilter?: 'nrc' | 'mrc' | null\n}\n\nexport type PriceAdjustmentDialogProps<Q extends PreviewQuote> = {\n  open: boolean\n  quoteId: string\n  currency: string\n  pricingRevision: number\n  target: AdjustmentTarget\n  /** Display name of the line / charge being adjusted. */\n  targetLabel: string\n  /** The charge for charge-level targets (drives type options and the current price). */\n  charge?: WaterfallChargeInput & { chargeCode: string; chargeName: string }\n  existing?: ExistingAdjustment | null\n  /** Ids of adjustments already stored on the quote; their errors don't block this draft. */\n  storedAdjustmentIds: string[]\n  reasons: AdjustmentReason[]\n  onClose: () => void\n  onSaved: (quote: Q) => void\n  /** Called when the server reports a stale revision; the page reloads the quote. */\n  onStale: () => void\n}\n\nconst TYPE_FALLBACKS: Record<AdjustmentType, string> = {\n  price_override: 'Set a new unit price',\n  discount_percent: 'Percentage discount',\n  discount_absolute: 'Amount off the charge total',\n}\n\nfunction money(amount: number, currency: string) {\n  return new Intl.NumberFormat('en-US', { style: 'currency', currency }).format(amount)\n}\n\nexport function PriceAdjustmentDialog<Q extends PreviewQuote>(props: PriceAdjustmentDialogProps<Q>) {\n  const { open, quoteId, currency, pricingRevision, target, targetLabel, charge, existing, storedAdjustmentIds, reasons, onClose, onSaved, onStale } = props\n  const t = useT()\n  const types = allowedAdjustmentTypes(target.level, charge)\n  const initialForm = React.useCallback((): AdjustmentForm => ({\n    adjustmentType: existing?.adjustmentType ?? types[0] ?? 'discount_percent',\n    value: existing ? String(existing.value) : '',\n    reasonCode: existing?.reasonCode ?? '',\n    reasonNote: existing?.reasonNote ?? '',\n    chargeTypeFilter: existing?.chargeTypeFilter ?? '',\n  }), [existing, types])\n  const [form, setForm] = React.useState<AdjustmentForm>(initialForm)\n  const [preview, setPreview] = React.useState<{ quote: Q; errors: Array<{ adjustmentId: string; code: string }> } | null>(null)\n  const [previewing, setPreviewing] = React.useState(false)\n  const [errorCode, setErrorCode] = React.useState<string | null>(null)\n  const [saving, setSaving] = React.useState(false)\n\n  React.useEffect(() => {\n    if (open) { setForm(initialForm()); setPreview(null); setErrorCode(null) }\n    // Reset only when the dialog (re)opens.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open])\n\n  const draft = buildAdjustmentDraft(form, target, currency, pricingRevision)\n  const draftKey = draft && form.reasonCode ? JSON.stringify(draft) : null\n  const message = (code: string) => t(`cpq.priceAdjustments.errors.${code}`, ADJUSTMENT_ERROR_FALLBACKS[code] ?? code)\n\n  // Debounced, side-effect-free preview of the draft.\n  React.useEffect(() => {\n    if (!open || !draftKey) { setPreview(null); return }\n    let cancelled = false\n    const timer = window.setTimeout(async () => {\n      setPreviewing(true)\n      const call = await apiCall<{ quote: Q; errors: Array<{ adjustmentId: string; code: string }> }>(\n        `/api/cpq/quotes/${quoteId}/price-adjustments/preview`,\n        { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ draft: JSON.parse(draftKey), ...(existing ? { replaceAdjustmentId: existing.id } : {}) }) },\n      )\n      if (cancelled) return\n      setPreviewing(false)\n      if (call.ok && call.result) { setPreview(call.result); setErrorCode(null) }\n      else { setPreview(null); setErrorCode(adjustmentErrorCode(call.status, call.result)) }\n    }, 400)\n    return () => { cancelled = true; window.clearTimeout(timer) }\n  }, [open, draftKey, quoteId, existing])\n\n  const previewLine = preview?.quote.lines.find((line) => line.lineId === target.quoteLineId)\n  const previewCharge = target.level === 'charge' ? previewLine?.charges.find((entry) => entry.chargeCode === target.chargeCode) : undefined\n  // The draft's id is server-generated on create, so \"not stored\" identifies it; on edit it keeps its id.\n  const previewErrors = preview?.errors.filter((error) => existing ? error.adjustmentId === existing.id : !storedAdjustmentIds.includes(error.adjustmentId)) ?? []\n  const noteRequired = form.reasonCode === 'other' && !form.reasonNote.trim()\n  const canSave = !!draft && !!form.reasonCode && !noteRequired && !saving && previewErrors.length === 0\n\n  const save = async () => {\n    if (!draft || !canSave) return\n    setSaving(true); setErrorCode(null)\n    const call = existing\n      ? await apiCall<{ quote: Q }>(`/api/cpq/quotes/${quoteId}/price-adjustments/${existing.id}`, {\n        method: 'PATCH', headers: { 'content-type': 'application/json' }, body: JSON.stringify(toAdjustmentPatch(draft)),\n      })\n      : await apiCall<{ quote: Q }>(`/api/cpq/quotes/${quoteId}/price-adjustments`, {\n        method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify(draft),\n      })\n    setSaving(false)\n    if (call.ok && call.result?.quote) { onSaved(call.result.quote); onClose(); return }\n    setErrorCode(adjustmentErrorCode(call.status, call.result))\n  }\n\n  const onKeyDown = (event: React.KeyboardEvent) => {\n    if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') { event.preventDefault(); void save() }\n  }\n\n  const standardUnit = charge?.standardUnitPrice ?? charge?.unitPrice\n  const valueHint = form.adjustmentType === 'discount_percent'\n    ? t('cpq.priceAdjustments.dialog.percentHint', 'Percent off the standard price (0\u2013100)')\n    : form.adjustmentType === 'price_override'\n      ? t('cpq.priceAdjustments.dialog.overrideHint', 'New unit price, at most the standard price')\n      : t('cpq.priceAdjustments.dialog.absoluteHint', 'Amount taken off this charge\u2019s total')\n\n  return (\n    <Dialog open={open} onOpenChange={(next) => { if (!next) onClose() }}>\n      <DialogContent onKeyDown={onKeyDown} data-testid=\"cpq-price-adjustment-dialog\">\n        <DialogHeader>\n          <DialogTitle>\n            {existing\n              ? t('cpq.priceAdjustments.dialog.editTitle', 'Edit price adjustment')\n              : target.level === 'line'\n                ? t('cpq.priceAdjustments.dialog.lineTitle', 'Discount line')\n                : t('cpq.priceAdjustments.dialog.chargeTitle', 'Adjust price')}\n          </DialogTitle>\n          <DialogDescription>\n            {targetLabel}\n            {charge && standardUnit !== undefined && (\n              <> \u00B7 {t('cpq.priceAdjustments.dialog.standard', 'Standard')} {money(standardUnit, currency)}</>\n            )}\n          </DialogDescription>\n        </DialogHeader>\n\n        <div className=\"space-y-3 text-sm\">\n          <label className=\"block space-y-1\">\n            <span className=\"text-xs font-medium\">{t('cpq.priceAdjustments.dialog.type', 'Adjustment')}</span>\n            <Select value={form.adjustmentType} onValueChange={(value) => setForm({ ...form, adjustmentType: value as AdjustmentType })}>\n              <SelectTrigger><SelectValue /></SelectTrigger>\n              <SelectContent>\n                {types.map((type) => (\n                  <SelectItem key={type} value={type}>{t(`cpq.priceAdjustments.dialog.types.${type}`, TYPE_FALLBACKS[type])}</SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          </label>\n\n          {target.level === 'line' && (\n            <label className=\"block space-y-1\">\n              <span className=\"text-xs font-medium\">{t('cpq.priceAdjustments.dialog.appliesTo', 'Applies to')}</span>\n              <Select value={form.chargeTypeFilter || 'all'} onValueChange={(value) => setForm({ ...form, chargeTypeFilter: value === 'all' ? '' : value as 'nrc' | 'mrc' })}>\n                <SelectTrigger><SelectValue /></SelectTrigger>\n                <SelectContent>\n                  <SelectItem value=\"all\">{t('cpq.priceAdjustments.dialog.allCharges', 'All one-time and recurring charges')}</SelectItem>\n                  <SelectItem value=\"mrc\">{t('cpq.priceAdjustments.dialog.mrcOnly', 'Recurring charges only')}</SelectItem>\n                  <SelectItem value=\"nrc\">{t('cpq.priceAdjustments.dialog.nrcOnly', 'One-time charges only')}</SelectItem>\n                </SelectContent>\n              </Select>\n            </label>\n          )}\n\n          <label className=\"block space-y-1\">\n            <span className=\"text-xs font-medium\">{t('cpq.priceAdjustments.dialog.value', 'Value')}</span>\n            <Input inputMode=\"decimal\" autoFocus value={form.value} onChange={(event) => setForm({ ...form, value: event.target.value })} aria-describedby=\"cpq-adjustment-value-hint\" />\n            <span id=\"cpq-adjustment-value-hint\" className=\"block text-xs text-muted-foreground\">{valueHint}</span>\n          </label>\n\n          <label className=\"block space-y-1\">\n            <span className=\"text-xs font-medium\">{t('cpq.priceAdjustments.dialog.reason', 'Reason')}</span>\n            <Select value={form.reasonCode} onValueChange={(value) => setForm({ ...form, reasonCode: value })}>\n              <SelectTrigger><SelectValue placeholder={t('cpq.priceAdjustments.dialog.reasonPlaceholder', 'Pick a reason')} /></SelectTrigger>\n              <SelectContent>\n                {reasons.map((reason) => <SelectItem key={reason.value} value={reason.value}>{reason.label}</SelectItem>)}\n              </SelectContent>\n            </Select>\n          </label>\n\n          <label className=\"block space-y-1\">\n            <span className=\"text-xs font-medium\">\n              {t('cpq.priceAdjustments.dialog.note', 'Note')}{form.reasonCode === 'other' ? ' *' : ''}\n            </span>\n            <Textarea rows={2} maxLength={500} value={form.reasonNote} onChange={(event) => setForm({ ...form, reasonNote: event.target.value })} />\n          </label>\n\n          <div className=\"rounded border bg-muted/20 p-2 text-xs\" aria-live=\"polite\" data-testid=\"cpq-adjustment-preview\">\n            {!draftKey && <span className=\"text-muted-foreground\">{t('cpq.priceAdjustments.dialog.previewEmpty', 'Enter a value and reason to preview the new price.')}</span>}\n            {draftKey && previewing && <span className=\"text-muted-foreground\">{t('cpq.priceAdjustments.dialog.previewing', 'Calculating\u2026')}</span>}\n            {draftKey && !previewing && previewCharge && (\n              <span>\n                {t('cpq.priceAdjustments.dialog.previewCharge', 'New offer price')}: <span className=\"font-mono font-medium\">{money(previewCharge.unitPrice, currency)}</span>\n                {' '}{formatDepth(discountDepth(previewCharge.standardUnitPrice ?? standardUnit, previewCharge.unitPrice)) ?? ''}\n              </span>\n            )}\n            {draftKey && !previewing && !previewCharge && previewLine && (\n              <span>\n                {t('cpq.priceAdjustments.dialog.previewLine', 'Line totals')}: MRC <span className=\"font-mono font-medium\">{money(previewLine.mrcTotal, currency)}</span>\n                {' \u00B7 '}NRC <span className=\"font-mono font-medium\">{money(previewLine.nrcTotal, currency)}</span>\n              </span>\n            )}\n          </div>\n\n          {(errorCode || previewErrors.length > 0 || noteRequired) && (\n            <Alert variant=\"warning\">\n              <AlertDescription>\n                {errorCode ? message(errorCode) : previewErrors.length > 0 ? message(previewErrors[0].code) : message('REASON_NOTE_REQUIRED')}\n                {errorCode === 'STALE_REVISION' && (\n                  <Button variant=\"outline\" size=\"sm\" className=\"ml-2\" onClick={() => { onStale(); onClose() }}>\n                    {t('cpq.priceAdjustments.dialog.reload', 'Reload')}\n                  </Button>\n                )}\n              </AlertDescription>\n            </Alert>\n          )}\n        </div>\n\n        <DialogFooter>\n          <Button variant=\"outline\" onClick={onClose}>{t('cpq.priceAdjustments.dialog.cancel', 'Cancel')}</Button>\n          <Button onClick={() => void save()} disabled={!canSave} title=\"Ctrl/Cmd+Enter\">\n            {saving ? t('cpq.priceAdjustments.dialog.saving', 'Saving\u2026') : t('cpq.priceAdjustments.dialog.save', 'Save')}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/cpq/backend/cpq/quotes/[id]/_components/PriceAdjustmentsPanel.js

@@ -0,0 +1,79 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Tag } from "@open-mercato/ui/primitives/tag";
+import { InjectionSpot } from "@open-mercato/ui/backend/injection/InjectionSpot";
+import { ADJUSTMENT_ERROR_FALLBACKS } from "../../../../../lib/priceAdjustmentView.js";
+import { ManualAdjustmentActions, useAccessReasonText, usePriceAdjustmentUi } from "./priceAdjustmentContext.js";
+const PRICE_ADJUSTMENTS_SPOT_ID = "data-table:cpq.quote_price_adjustments";
+const TYPE_FALLBACKS = {
+  price_override: "Price override",
+  discount_percent: "% discount",
+  discount_absolute: "Amount off"
+};
+function money(amount, currency) {
+  return new Intl.NumberFormat("en-US", { style: "currency", currency }).format(amount);
+}
+function PriceAdjustmentsPanel({ quoteId, items, total, lines, currency, errorsById }) {
+  const t = useT();
+  const ui = usePriceAdjustmentUi();
+  const lineById = React.useMemo(() => new Map(lines.map((line) => [line.lineId, line])), [lines]);
+  const accessText = useAccessReasonText();
+  if (!ui || ui.access.reason === "disabled" && items.length === 0) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card", "data-testid": "cpq-price-adjustments-panel", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b px-4 py-3", children: [
+      /* @__PURE__ */ jsxs("h3", { className: "text-sm font-medium", children: [
+        t("cpq.priceAdjustments.panel.title", "Price adjustments"),
+        /* @__PURE__ */ jsx("span", { className: "ml-2 text-xs text-muted-foreground", children: total })
+      ] }),
+      accessText && ui.access.reason !== "loading" && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", "data-testid": "cpq-price-adjustments-locked", children: accessText })
+    ] }),
+    items.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-4 py-3 text-xs text-muted-foreground", children: t("cpq.priceAdjustments.panel.empty", "No negotiated prices yet. Use \u201CAdjust price\u201D on a charge or \u201CDiscount line\u201D on a line.") }) : /* @__PURE__ */ jsxs("table", { className: "w-full text-xs", children: [
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "text-muted-foreground", children: [
+        /* @__PURE__ */ jsx("th", { className: "px-4 py-1.5 text-left font-medium", children: t("cpq.priceAdjustments.panel.target", "Applies to") }),
+        /* @__PURE__ */ jsx("th", { className: "py-1.5 text-left font-medium", children: t("cpq.priceAdjustments.panel.type", "Type") }),
+        /* @__PURE__ */ jsx("th", { className: "py-1.5 text-right font-medium", children: t("cpq.priceAdjustments.panel.value", "Value") }),
+        /* @__PURE__ */ jsx("th", { className: "py-1.5 pl-4 text-left font-medium", children: t("cpq.priceAdjustments.panel.reason", "Reason") }),
+        /* @__PURE__ */ jsx("th", { className: "py-1.5 text-left font-medium", children: t("cpq.priceAdjustments.panel.author", "Author") }),
+        /* @__PURE__ */ jsx("th", { className: "py-1.5 text-left font-medium", children: t("cpq.priceAdjustments.panel.date", "Date") }),
+        /* @__PURE__ */ jsx("th", { className: "w-16" })
+      ] }) }),
+      /* @__PURE__ */ jsx("tbody", { children: items.map((item) => {
+        const line = lineById.get(item.quoteLineId);
+        const chargeName = item.chargeCode ? line?.charges.find((charge) => charge.chargeCode === item.chargeCode)?.chargeName ?? item.chargeCode : null;
+        const scope = item.level === "line" ? item.chargeTypeFilter === "mrc" ? t("cpq.priceAdjustments.panel.lineMrc", "whole line, recurring") : item.chargeTypeFilter === "nrc" ? t("cpq.priceAdjustments.panel.lineNrc", "whole line, one-time") : t("cpq.priceAdjustments.panel.line", "whole line") : chargeName;
+        const error = errorsById.get(item.id);
+        return /* @__PURE__ */ jsxs("tr", { className: "border-t", "data-testid": "cpq-price-adjustment-row", children: [
+          /* @__PURE__ */ jsxs("td", { className: "px-4 py-1.5", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-medium", children: line?.offeringName ?? t("cpq.priceAdjustments.panel.removedLine", "Removed line") }),
+            /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+              " \xB7 ",
+              scope
+            ] }),
+            error && /* @__PURE__ */ jsxs(Tag, { variant: "warning", className: "ml-1.5 px-1.5 text-xs", children: [
+              t("cpq.priceAdjustments.invalid", "Invalid"),
+              ": ",
+              t(`cpq.priceAdjustments.errors.${error}`, ADJUSTMENT_ERROR_FALLBACKS[error] ?? error)
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("td", { className: "py-1.5", children: t(`cpq.priceAdjustments.panel.types.${item.adjustmentType}`, TYPE_FALLBACKS[item.adjustmentType]) }),
+          /* @__PURE__ */ jsx("td", { className: "py-1.5 text-right font-mono", children: item.adjustmentType === "discount_percent" ? `${item.value}%` : money(item.value, item.currencyCode ?? currency) }),
+          /* @__PURE__ */ jsxs("td", { className: "py-1.5 pl-4", children: [
+            ui.reasonLabels[item.reasonCode] ?? item.reasonCode,
+            item.reasonNote && /* @__PURE__ */ jsx("span", { className: "block text-muted-foreground", children: item.reasonNote })
+          ] }),
+          /* @__PURE__ */ jsx("td", { className: "py-1.5 font-mono text-muted-foreground", title: item.createdByUserId, children: item.createdByUserId.slice(0, 8) }),
+          /* @__PURE__ */ jsx("td", { className: "py-1.5 text-muted-foreground", children: new Date(item.createdAt).toLocaleDateString() }),
+          /* @__PURE__ */ jsx("td", { className: "py-1.5 pr-2 text-right", children: /* @__PURE__ */ jsx(ManualAdjustmentActions, { adjustmentId: item.id }) })
+        ] }, item.id);
+      }) })
+    ] }),
+    /* @__PURE__ */ jsx(InjectionSpot, { spotId: PRICE_ADJUSTMENTS_SPOT_ID, context: { quoteId, adjustments: items } })
+  ] });
+}
+export {
+  PRICE_ADJUSTMENTS_SPOT_ID,
+  PriceAdjustmentsPanel
+};
+//# sourceMappingURL=PriceAdjustmentsPanel.js.map

package/dist/modules/cpq/backend/cpq/quotes/[id]/_components/PriceAdjustmentsPanel.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../src/modules/cpq/backend/cpq/quotes/%5Bid%5D/_components/PriceAdjustmentsPanel.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Tag } from '@open-mercato/ui/primitives/tag'\nimport { InjectionSpot } from '@open-mercato/ui/backend/injection/InjectionSpot'\nimport { ADJUSTMENT_ERROR_FALLBACKS } from '../../../../../lib/priceAdjustmentView'\nimport { ManualAdjustmentActions, useAccessReasonText, usePriceAdjustmentUi } from './priceAdjustmentContext'\n\nexport const PRICE_ADJUSTMENTS_SPOT_ID = 'data-table:cpq.quote_price_adjustments'\n\nexport type StoredAdjustment = {\n  id: string\n  level: 'charge' | 'line'\n  quoteLineId: string\n  chargeCode?: string | null\n  chargeTypeFilter?: 'nrc' | 'mrc' | null\n  adjustmentType: 'discount_percent' | 'discount_absolute' | 'price_override'\n  value: number\n  currencyCode?: string | null\n  reasonCode: string\n  reasonNote?: string | null\n  createdByUserId: string\n  createdAt: string\n}\n\ntype LineRef = { lineId: string; offeringName: string; offeringId: string | null; configuration?: Record<string, unknown> | null; charges: Array<{ chargeCode: string; chargeName: string }> }\n\nconst TYPE_FALLBACKS: Record<StoredAdjustment['adjustmentType'], string> = {\n  price_override: 'Price override',\n  discount_percent: '% discount',\n  discount_absolute: 'Amount off',\n}\n\nfunction money(amount: number, currency: string) {\n  return new Intl.NumberFormat('en-US', { style: 'currency', currency }).format(amount)\n}\n\nexport function PriceAdjustmentsPanel({ quoteId, items, total, lines, currency, errorsById }: {\n  quoteId: string\n  items: StoredAdjustment[]\n  total: number\n  lines: LineRef[]\n  currency: string\n  /** adjustmentId \u2192 first error code reported by the latest pricing. */\n  errorsById: Map<string, string>\n}) {\n  const t = useT()\n  const ui = usePriceAdjustmentUi()\n  const lineById = React.useMemo(() => new Map(lines.map((line) => [line.lineId, line])), [lines])\n  const accessText = useAccessReasonText()\n  // Toggle off: stored adjustments still price the quote, so keep them visible (read-only).\n  if (!ui || (ui.access.reason === 'disabled' && items.length === 0)) return null\n\n  return (\n    <div className=\"rounded-lg border bg-card\" data-testid=\"cpq-price-adjustments-panel\">\n      <div className=\"flex items-center justify-between border-b px-4 py-3\">\n        <h3 className=\"text-sm font-medium\">\n          {t('cpq.priceAdjustments.panel.title', 'Price adjustments')}\n          <span className=\"ml-2 text-xs text-muted-foreground\">{total}</span>\n        </h3>\n        {accessText && ui.access.reason !== 'loading' && (\n          <span className=\"text-xs text-muted-foreground\" data-testid=\"cpq-price-adjustments-locked\">{accessText}</span>\n        )}\n      </div>\n      {items.length === 0 ? (\n        <p className=\"px-4 py-3 text-xs text-muted-foreground\">\n          {t('cpq.priceAdjustments.panel.empty', 'No negotiated prices yet. Use \u201CAdjust price\u201D on a charge or \u201CDiscount line\u201D on a line.')}\n        </p>\n      ) : (\n        <table className=\"w-full text-xs\">\n          <thead>\n            <tr className=\"text-muted-foreground\">\n              <th className=\"px-4 py-1.5 text-left font-medium\">{t('cpq.priceAdjustments.panel.target', 'Applies to')}</th>\n              <th className=\"py-1.5 text-left font-medium\">{t('cpq.priceAdjustments.panel.type', 'Type')}</th>\n              <th className=\"py-1.5 text-right font-medium\">{t('cpq.priceAdjustments.panel.value', 'Value')}</th>\n              <th className=\"py-1.5 pl-4 text-left font-medium\">{t('cpq.priceAdjustments.panel.reason', 'Reason')}</th>\n              <th className=\"py-1.5 text-left font-medium\">{t('cpq.priceAdjustments.panel.author', 'Author')}</th>\n              <th className=\"py-1.5 text-left font-medium\">{t('cpq.priceAdjustments.panel.date', 'Date')}</th>\n              <th className=\"w-16\" />\n            </tr>\n          </thead>\n          <tbody>\n            {items.map((item) => {\n              const line = lineById.get(item.quoteLineId)\n              const chargeName = item.chargeCode ? line?.charges.find((charge) => charge.chargeCode === item.chargeCode)?.chargeName ?? item.chargeCode : null\n              const scope = item.level === 'line'\n                ? item.chargeTypeFilter === 'mrc' ? t('cpq.priceAdjustments.panel.lineMrc', 'whole line, recurring')\n                  : item.chargeTypeFilter === 'nrc' ? t('cpq.priceAdjustments.panel.lineNrc', 'whole line, one-time')\n                    : t('cpq.priceAdjustments.panel.line', 'whole line')\n                : chargeName\n              const error = errorsById.get(item.id)\n              return (\n                <tr key={item.id} className=\"border-t\" data-testid=\"cpq-price-adjustment-row\">\n                  <td className=\"px-4 py-1.5\">\n                    <span className=\"font-medium\">{line?.offeringName ?? t('cpq.priceAdjustments.panel.removedLine', 'Removed line')}</span>\n                    <span className=\"text-muted-foreground\"> \u00B7 {scope}</span>\n                    {error && (\n                      <Tag variant=\"warning\" className=\"ml-1.5 px-1.5 text-xs\">\n                        {t('cpq.priceAdjustments.invalid', 'Invalid')}: {t(`cpq.priceAdjustments.errors.${error}`, ADJUSTMENT_ERROR_FALLBACKS[error] ?? error)}\n                      </Tag>\n                    )}\n                  </td>\n                  <td className=\"py-1.5\">{t(`cpq.priceAdjustments.panel.types.${item.adjustmentType}`, TYPE_FALLBACKS[item.adjustmentType])}</td>\n                  <td className=\"py-1.5 text-right font-mono\">\n                    {item.adjustmentType === 'discount_percent' ? `${item.value}%` : money(item.value, item.currencyCode ?? currency)}\n                  </td>\n                  <td className=\"py-1.5 pl-4\">\n                    {ui.reasonLabels[item.reasonCode] ?? item.reasonCode}\n                    {item.reasonNote && <span className=\"block text-muted-foreground\">{item.reasonNote}</span>}\n                  </td>\n                  <td className=\"py-1.5 font-mono text-muted-foreground\" title={item.createdByUserId}>{item.createdByUserId.slice(0, 8)}</td>\n                  <td className=\"py-1.5 text-muted-foreground\">{new Date(item.createdAt).toLocaleDateString()}</td>\n                  <td className=\"py-1.5 pr-2 text-right\"><ManualAdjustmentActions adjustmentId={item.id} /></td>\n                </tr>\n              )\n            })}\n          </tbody>\n        </table>\n      )}\n      <InjectionSpot spotId={PRICE_ADJUSTMENTS_SPOT_ID} context={{ quoteId, adjustments: items }} />\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/cpq/backend/cpq/quotes/[id]/_components/arcLineRemoval.js

@@ -0,0 +1,53 @@
+"use client";
+import * as React from "react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { useConfirmDialog } from "@open-mercato/ui/backend/confirm-dialog";
+import { isArcCancelledLine, removalCancelsItem } from "../../../../../services/arcLineRemoval.js";
+const ArcLineRemovalContext = React.createContext(null);
+const ArcLineRemovalProvider = ArcLineRemovalContext.Provider;
+function useArcLineRemovalUi() {
+  return React.useContext(ArcLineRemovalContext);
+}
+function useArcLineRemoval({ quote, quoteType, onQuote, onError }) {
+  const t = useT();
+  const { confirm, ConfirmDialogElement } = useConfirmDialog();
+  const send = React.useCallback(async (url, method) => {
+    onError(null);
+    const call = await apiCall(url, { method });
+    if (call.ok && call.result) onQuote(call.result);
+    else onError(call.result?.error ?? t("cpq.quotes.lineUpdateFailed", "Could not update the line"));
+  }, [onError, onQuote, t]);
+  const remove = React.useCallback(async (lineId) => {
+    if (!quote) return;
+    const line = quote.lines.find((candidate) => candidate.lineId === lineId);
+    if (line && removalCancelsItem(line, quoteType)) {
+      const ok = await confirm({
+        title: t("cpq.quotes.arc.removeConfirm.title", "Remove {name} from the subscription?").replace("{name}", line.offeringName),
+        text: t(
+          "cpq.quotes.arc.removeConfirm.text",
+          'This item already exists on the subscription. Removing it here does not delete it from the quote \u2014 it stays as a "remove" line, and when the order is activated the item (and its components) is cancelled on the subscription and its recurring charge stops. You can restore it until then.'
+        ),
+        confirmText: t("cpq.quotes.arc.removeConfirm.confirm", "Remove item"),
+        variant: "destructive"
+      });
+      if (!ok) return;
+    }
+    await send(`/api/cpq/quotes/${quote.id}/items/${lineId}`, "DELETE");
+  }, [confirm, quote, quoteType, send, t]);
+  const restore = React.useCallback((lineId) => {
+    if (!quote) return;
+    void send(`/api/cpq/quotes/${quote.id}/items/${lineId}/restore`, "POST");
+  }, [quote, send]);
+  const ui = React.useMemo(() => ({
+    isRemoved: (line) => isArcCancelledLine(line, quoteType),
+    restore
+  }), [quoteType, restore]);
+  return { remove, ui, ConfirmDialogElement };
+}
+export {
+  ArcLineRemovalProvider,
+  useArcLineRemoval,
+  useArcLineRemovalUi
+};
+//# sourceMappingURL=arcLineRemoval.js.map

package/dist/modules/cpq/backend/cpq/quotes/[id]/_components/arcLineRemoval.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../src/modules/cpq/backend/cpq/quotes/%5Bid%5D/_components/arcLineRemoval.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { isArcCancelledLine, removalCancelsItem, type ArcRemovalLine } from '../../../../../services/arcLineRemoval'\n\ntype RemovableLine = Pick<ArcRemovalLine, 'action' | 'configuration'> & { lineId: string; offeringName: string }\n\nexport type ArcLineRemovalUi = {\n  /** The line is an existing subscription item marked for removal. */\n  isRemoved: (line: Pick<RemovableLine, 'action'>) => boolean\n  restore: (lineId: string) => void\n}\n\nconst ArcLineRemovalContext = React.createContext<ArcLineRemovalUi | null>(null)\n\nexport const ArcLineRemovalProvider = ArcLineRemovalContext.Provider\n\nexport function useArcLineRemovalUi(): ArcLineRemovalUi | null {\n  return React.useContext(ArcLineRemovalContext)\n}\n\n/**\n * Line removal on the quote page. On an Amend / Renew quote, removing a line\n * that mirrors a live subscription item asks for confirmation and marks the\n * item for removal (server turns it into a `cancel` line); it can be restored.\n * Other lines are deleted as before.\n */\nexport function useArcLineRemoval<Q extends { id: string; lines: RemovableLine[] }>({ quote, quoteType, onQuote, onError }: {\n  quote: Q | null\n  quoteType: string\n  onQuote: (quote: Q) => void\n  onError: (message: string | null) => void\n}) {\n  const t = useT()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n\n  const send = React.useCallback(async (url: string, method: 'DELETE' | 'POST') => {\n    onError(null)\n    const call = await apiCall<Q & { error?: string }>(url, { method })\n    if (call.ok && call.result) onQuote(call.result)\n    else onError(call.result?.error ?? t('cpq.quotes.lineUpdateFailed', 'Could not update the line'))\n  }, [onError, onQuote, t])\n\n  const remove = React.useCallback(async (lineId: string) => {\n    if (!quote) return\n    const line = quote.lines.find((candidate) => candidate.lineId === lineId)\n    if (line && removalCancelsItem(line, quoteType)) {\n      const ok = await confirm({\n        title: t('cpq.quotes.arc.removeConfirm.title', 'Remove {name} from the subscription?').replace('{name}', line.offeringName),\n        text: t(\n          'cpq.quotes.arc.removeConfirm.text',\n          'This item already exists on the subscription. Removing it here does not delete it from the quote \u2014 it stays as a \"remove\" line, and when the order is activated the item (and its components) is cancelled on the subscription and its recurring charge stops. You can restore it until then.',\n        ),\n        confirmText: t('cpq.quotes.arc.removeConfirm.confirm', 'Remove item'),\n        variant: 'destructive',\n      })\n      if (!ok) return\n    }\n    await send(`/api/cpq/quotes/${quote.id}/items/${lineId}`, 'DELETE')\n  }, [confirm, quote, quoteType, send, t])\n\n  const restore = React.useCallback((lineId: string) => {\n    if (!quote) return\n    void send(`/api/cpq/quotes/${quote.id}/items/${lineId}/restore`, 'POST')\n  }, [quote, send])\n\n  const ui = React.useMemo<ArcLineRemovalUi>(() => ({\n    isRemoved: (line) => isArcCancelledLine(line, quoteType),\n    restore,\n  }), [quoteType, restore])\n\n  return { remove, ui, ConfirmDialogElement }\n}\n"],
+  "mappings": ";AAEA,YAAY,WAAW;AACvB,SAAS,YAAY;AACrB,SAAS,eAAe;AACxB,SAAS,wBAAwB;AACjC,SAAS,oBAAoB,0BAA+C;AAU5E,MAAM,wBAAwB,MAAM,cAAuC,IAAI;AAExE,MAAM,yBAAyB,sBAAsB;AAErD,SAAS,sBAA+C;AAC7D,SAAO,MAAM,WAAW,qBAAqB;AAC/C;AAQO,SAAS,kBAAoE,EAAE,OAAO,WAAW,SAAS,QAAQ,GAKtH;AACD,QAAM,IAAI,KAAK;AACf,QAAM,EAAE,SAAS,qBAAqB,IAAI,iBAAiB;AAE3D,QAAM,OAAO,MAAM,YAAY,OAAO,KAAa,WAA8B;AAC/E,YAAQ,IAAI;AACZ,UAAM,OAAO,MAAM,QAAgC,KAAK,EAAE,OAAO,CAAC;AAClE,QAAI,KAAK,MAAM,KAAK,OAAQ,SAAQ,KAAK,MAAM;AAAA,QAC1C,SAAQ,KAAK,QAAQ,SAAS,EAAE,+BAA+B,2BAA2B,CAAC;AAAA,EAClG,GAAG,CAAC,SAAS,SAAS,CAAC,CAAC;AAExB,QAAM,SAAS,MAAM,YAAY,OAAO,WAAmB;AACzD,QAAI,CAAC,MAAO;AACZ,UAAM,OAAO,MAAM,MAAM,KAAK,CAAC,cAAc,UAAU,WAAW,MAAM;AACxE,QAAI,QAAQ,mBAAmB,MAAM,SAAS,GAAG;AAC/C,YAAM,KAAK,MAAM,QAAQ;AAAA,QACvB,OAAO,EAAE,sCAAsC,sCAAsC,EAAE,QAAQ,UAAU,KAAK,YAAY;AAAA,QAC1H,MAAM;AAAA,UACJ;AAAA,UACA;AAAA,QACF;AAAA,QACA,aAAa,EAAE,wCAAwC,aAAa;AAAA,QACpE,SAAS;AAAA,MACX,CAAC;AACD,UAAI,CAAC,GAAI;AAAA,IACX;AACA,UAAM,KAAK,mBAAmB,MAAM,EAAE,UAAU,MAAM,IAAI,QAAQ;AAAA,EACpE,GAAG,CAAC,SAAS,OAAO,WAAW,MAAM,CAAC,CAAC;AAEvC,QAAM,UAAU,MAAM,YAAY,CAAC,WAAmB;AACpD,QAAI,CAAC,MAAO;AACZ,SAAK,KAAK,mBAAmB,MAAM,EAAE,UAAU,MAAM,YAAY,MAAM;AAAA,EACzE,GAAG,CAAC,OAAO,IAAI,CAAC;AAEhB,QAAM,KAAK,MAAM,QAA0B,OAAO;AAAA,IAChD,WAAW,CAAC,SAAS,mBAAmB,MAAM,SAAS;AAAA,IACvD;AAAA,EACF,IAAI,CAAC,WAAW,OAAO,CAAC;AAExB,SAAO,EAAE,QAAQ,IAAI,qBAAqB;AAC5C;",
+  "names": []
+}

package/dist/modules/cpq/backend/cpq/quotes/[id]/_components/priceAdjustmentContext.js

@@ -0,0 +1,107 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Percent, Pencil, Trash2 } from "lucide-react";
+import { IconButton } from "@open-mercato/ui/primitives/icon-button";
+import { SimpleTooltip } from "@open-mercato/ui/primitives/tooltip";
+import { lineAdjustmentBlock } from "../../../../../lib/priceAdjustmentView.js";
+const Context = React.createContext(null);
+const PriceAdjustmentProvider = Context.Provider;
+const usePriceAdjustmentUi = () => React.useContext(Context);
+function useAccessReasonText() {
+  const t = useT();
+  const ui = usePriceAdjustmentUi();
+  if (!ui) return null;
+  switch (ui.access.reason) {
+    case null:
+      return null;
+    case "locked":
+      return t("cpq.priceAdjustments.blocked.locked", "Adjustments are locked in status {status} \u2014 move the quote back to Ready to change them").replace("{status}", ui.cpqStatus);
+    case "converted":
+      return t("cpq.priceAdjustments.blocked.converted", "This quote has been converted to an order");
+    case "no_permission":
+      return t("cpq.priceAdjustments.blocked.permission", "You do not have permission to adjust prices");
+    case "disabled":
+      return t("cpq.priceAdjustments.blocked.disabled", "Manual price adjustments are turned off");
+    default:
+      return t("cpq.priceAdjustments.blocked.loading", "Loading\u2026");
+  }
+}
+function useAdjustmentBlockReason(line) {
+  const t = useT();
+  const ui = usePriceAdjustmentUi();
+  const accessText = useAccessReasonText();
+  if (!ui) return null;
+  const block = lineAdjustmentBlock(line, ui.quoteType);
+  if (block === "mirror") return t("cpq.priceAdjustments.blocked.mirror", "Price changes on existing subscription items arrive with a later release");
+  if (block === "free_form") return t("cpq.priceAdjustments.blocked.freeForm", "Free-form lines cannot be adjusted");
+  return accessText;
+}
+function BlockedReason({ reason, children }) {
+  if (!reason) return /* @__PURE__ */ jsx(Fragment, { children });
+  return /* @__PURE__ */ jsx(SimpleTooltip, { content: reason, size: "sm", children: /* @__PURE__ */ jsx("span", { className: "inline-flex cursor-not-allowed", tabIndex: 0, "aria-label": reason, children }) });
+}
+function AdjustChargeAction({ line, charge }) {
+  const t = useT();
+  const ui = usePriceAdjustmentUi();
+  const reason = useAdjustmentBlockReason(line);
+  if (!ui || charge.chargeType === "usage") return null;
+  if (ui.access.reason === "disabled" || ui.access.reason === "no_permission" || ui.access.reason === "loading") return null;
+  const label = t("cpq.priceAdjustments.adjustPrice", "Adjust price");
+  return /* @__PURE__ */ jsx(BlockedReason, { reason, children: /* @__PURE__ */ jsx(
+    IconButton,
+    {
+      variant: "ghost",
+      size: "xs",
+      "aria-label": label,
+      title: reason ? void 0 : label,
+      disabled: !!reason,
+      onClick: () => ui.openCharge(line, charge),
+      "data-testid": "cpq-adjust-charge",
+      children: /* @__PURE__ */ jsx(Pencil, { className: "h-3.5 w-3.5" })
+    }
+  ) });
+}
+function DiscountLineAction({ line }) {
+  const t = useT();
+  const ui = usePriceAdjustmentUi();
+  const reason = useAdjustmentBlockReason(line);
+  if (!ui || ui.access.reason === "disabled" || ui.access.reason === "no_permission" || ui.access.reason === "loading") return null;
+  const label = t("cpq.priceAdjustments.discountLine", "Discount line");
+  return /* @__PURE__ */ jsx(BlockedReason, { reason, children: /* @__PURE__ */ jsx(
+    IconButton,
+    {
+      variant: "ghost",
+      size: "sm",
+      "aria-label": label,
+      title: reason ? void 0 : label,
+      disabled: !!reason,
+      onClick: () => ui.openLine(line),
+      "data-testid": "cpq-discount-line",
+      children: /* @__PURE__ */ jsx(Percent, { className: "h-4 w-4" })
+    }
+  ) });
+}
+function ManualAdjustmentActions({ adjustmentId }) {
+  const t = useT();
+  const ui = usePriceAdjustmentUi();
+  if (!ui) return null;
+  const editable = ui.access.editable;
+  const deletable = editable || ui.canDeleteInvalid && ui.invalidIds.has(adjustmentId);
+  if (!editable && !deletable) return null;
+  return /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-0.5", children: [
+    editable && /* @__PURE__ */ jsx(IconButton, { variant: "ghost", size: "xs", "aria-label": t("cpq.priceAdjustments.edit", "Edit adjustment"), onClick: () => ui.edit(adjustmentId), children: /* @__PURE__ */ jsx(Pencil, { className: "h-3.5 w-3.5" }) }),
+    /* @__PURE__ */ jsx(IconButton, { variant: "ghost", size: "xs", "aria-label": t("cpq.priceAdjustments.delete", "Delete adjustment"), onClick: () => ui.remove(adjustmentId), children: /* @__PURE__ */ jsx(Trash2, { className: "h-3.5 w-3.5" }) })
+  ] });
+}
+export {
+  AdjustChargeAction,
+  DiscountLineAction,
+  ManualAdjustmentActions,
+  PriceAdjustmentProvider,
+  useAccessReasonText,
+  useAdjustmentBlockReason,
+  usePriceAdjustmentUi
+};
+//# sourceMappingURL=priceAdjustmentContext.js.map

package/dist/modules/cpq/backend/cpq/quotes/[id]/_components/priceAdjustmentContext.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../src/modules/cpq/backend/cpq/quotes/%5Bid%5D/_components/priceAdjustmentContext.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Percent, Pencil, Trash2 } from 'lucide-react'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { SimpleTooltip } from '@open-mercato/ui/primitives/tooltip'\nimport type { AdjustmentAccess, LineEligibilityInput, WaterfallChargeInput } from '../../../../../lib/priceAdjustmentView'\nimport { lineAdjustmentBlock } from '../../../../../lib/priceAdjustmentView'\n\nexport type AdjustableLine = LineEligibilityInput & { lineId: string; offeringName: string }\nexport type AdjustableCharge = WaterfallChargeInput & { chargeCode: string; chargeName: string }\n\nexport type PriceAdjustmentUi = {\n  access: AdjustmentAccess\n  quoteType: string\n  cpqStatus: string\n  reasonLabels: Record<string, string>\n  /** Ids of adjustments currently flagged invalid (they keep Delete while locked). */\n  invalidIds: Set<string>\n  canDeleteInvalid: boolean\n  openCharge: (line: AdjustableLine, charge: AdjustableCharge) => void\n  openLine: (line: AdjustableLine) => void\n  edit: (adjustmentId: string) => void\n  remove: (adjustmentId: string) => void\n}\n\nconst Context = React.createContext<PriceAdjustmentUi | null>(null)\nexport const PriceAdjustmentProvider = Context.Provider\nexport const usePriceAdjustmentUi = () => React.useContext(Context)\n\n/** Quote-wide explanation for why adjustments are unavailable; null when editable. */\nexport function useAccessReasonText(): string | null {\n  const t = useT()\n  const ui = usePriceAdjustmentUi()\n  if (!ui) return null\n  switch (ui.access.reason) {\n    case null: return null\n    case 'locked':\n      return t('cpq.priceAdjustments.blocked.locked', 'Adjustments are locked in status {status} \u2014 move the quote back to Ready to change them')\n        .replace('{status}', ui.cpqStatus)\n    case 'converted': return t('cpq.priceAdjustments.blocked.converted', 'This quote has been converted to an order')\n    case 'no_permission': return t('cpq.priceAdjustments.blocked.permission', 'You do not have permission to adjust prices')\n    case 'disabled': return t('cpq.priceAdjustments.blocked.disabled', 'Manual price adjustments are turned off')\n    default: return t('cpq.priceAdjustments.blocked.loading', 'Loading\u2026')\n  }\n}\n\n/** Disabled-state explanation for one line; null when the action is available. */\nexport function useAdjustmentBlockReason(line: AdjustableLine): string | null {\n  const t = useT()\n  const ui = usePriceAdjustmentUi()\n  const accessText = useAccessReasonText()\n  if (!ui) return null\n  const block = lineAdjustmentBlock(line, ui.quoteType)\n  if (block === 'mirror') return t('cpq.priceAdjustments.blocked.mirror', 'Price changes on existing subscription items arrive with a later release')\n  if (block === 'free_form') return t('cpq.priceAdjustments.blocked.freeForm', 'Free-form lines cannot be adjusted')\n  return accessText\n}\n\n/**\n * Disabled buttons swallow no pointer events, so a native `title` never shows.\n * Wrap a blocked action in a focusable span that carries the explanation.\n */\nfunction BlockedReason({ reason, children }: { reason: string | null; children: React.ReactNode }) {\n  if (!reason) return <>{children}</>\n  return (\n    <SimpleTooltip content={reason} size=\"sm\">\n      <span className=\"inline-flex cursor-not-allowed\" tabIndex={0} aria-label={reason}>{children}</span>\n    </SimpleTooltip>\n  )\n}\n\n/** Per-charge \"Adjust price\" action. Hidden entirely when the feature is off or not permitted. */\nexport function AdjustChargeAction({ line, charge }: { line: AdjustableLine; charge: AdjustableCharge }) {\n  const t = useT()\n  const ui = usePriceAdjustmentUi()\n  const reason = useAdjustmentBlockReason(line)\n  if (!ui || charge.chargeType === 'usage') return null\n  if (ui.access.reason === 'disabled' || ui.access.reason === 'no_permission' || ui.access.reason === 'loading') return null\n  const label = t('cpq.priceAdjustments.adjustPrice', 'Adjust price')\n  return (\n    <BlockedReason reason={reason}>\n      <IconButton\n        variant=\"ghost\" size=\"xs\" aria-label={label} title={reason ? undefined : label} disabled={!!reason}\n        onClick={() => ui.openCharge(line, charge)} data-testid=\"cpq-adjust-charge\"\n      >\n        <Pencil className=\"h-3.5 w-3.5\" />\n      </IconButton>\n    </BlockedReason>\n  )\n}\n\n/** Line-level \"Discount line\" action. */\nexport function DiscountLineAction({ line }: { line: AdjustableLine }) {\n  const t = useT()\n  const ui = usePriceAdjustmentUi()\n  const reason = useAdjustmentBlockReason(line)\n  if (!ui || ui.access.reason === 'disabled' || ui.access.reason === 'no_permission' || ui.access.reason === 'loading') return null\n  const label = t('cpq.priceAdjustments.discountLine', 'Discount line')\n  return (\n    <BlockedReason reason={reason}>\n      <IconButton\n        variant=\"ghost\" size=\"sm\" aria-label={label} title={reason ? undefined : label} disabled={!!reason}\n        onClick={() => ui.openLine(line)} data-testid=\"cpq-discount-line\"\n      >\n        <Percent className=\"h-4 w-4\" />\n      </IconButton>\n    </BlockedReason>\n  )\n}\n\n/** Edit / delete actions on a manual waterfall row or panel row. */\nexport function ManualAdjustmentActions({ adjustmentId }: { adjustmentId: string }) {\n  const t = useT()\n  const ui = usePriceAdjustmentUi()\n  if (!ui) return null\n  const editable = ui.access.editable\n  const deletable = editable || (ui.canDeleteInvalid && ui.invalidIds.has(adjustmentId))\n  if (!editable && !deletable) return null\n  return (\n    <span className=\"inline-flex items-center gap-0.5\">\n      {editable && (\n        <IconButton variant=\"ghost\" size=\"xs\" aria-label={t('cpq.priceAdjustments.edit', 'Edit adjustment')} onClick={() => ui.edit(adjustmentId)}>\n          <Pencil className=\"h-3.5 w-3.5\" />\n        </IconButton>\n      )}\n      <IconButton variant=\"ghost\" size=\"xs\" aria-label={t('cpq.priceAdjustments.delete', 'Delete adjustment')} onClick={() => ui.remove(adjustmentId)}>\n        <Trash2 className=\"h-3.5 w-3.5\" />\n      </IconButton>\n    </span>\n  )\n}\n"],
+  "mappings": ";AAiEsB,wBAwDlB,YAxDkB;AA/DtB,YAAY,WAAW;AACvB,SAAS,YAAY;AACrB,SAAS,SAAS,QAAQ,cAAc;AACxC,SAAS,kBAAkB;AAC3B,SAAS,qBAAqB;AAE9B,SAAS,2BAA2B;AAmBpC,MAAM,UAAU,MAAM,cAAwC,IAAI;AAC3D,MAAM,0BAA0B,QAAQ;AACxC,MAAM,uBAAuB,MAAM,MAAM,WAAW,OAAO;AAG3D,SAAS,sBAAqC;AACnD,QAAM,IAAI,KAAK;AACf,QAAM,KAAK,qBAAqB;AAChC,MAAI,CAAC,GAAI,QAAO;AAChB,UAAQ,GAAG,OAAO,QAAQ;AAAA,IACxB,KAAK;AAAM,aAAO;AAAA,IAClB,KAAK;AACH,aAAO,EAAE,uCAAuC,8FAAyF,EACtI,QAAQ,YAAY,GAAG,SAAS;AAAA,IACrC,KAAK;AAAa,aAAO,EAAE,0CAA0C,2CAA2C;AAAA,IAChH,KAAK;AAAiB,aAAO,EAAE,2CAA2C,6CAA6C;AAAA,IACvH,KAAK;AAAY,aAAO,EAAE,yCAAyC,yCAAyC;AAAA,IAC5G;AAAS,aAAO,EAAE,wCAAwC,eAAU;AAAA,EACtE;AACF;AAGO,SAAS,yBAAyB,MAAqC;AAC5E,QAAM,IAAI,KAAK;AACf,QAAM,KAAK,qBAAqB;AAChC,QAAM,aAAa,oBAAoB;AACvC,MAAI,CAAC,GAAI,QAAO;AAChB,QAAM,QAAQ,oBAAoB,MAAM,GAAG,SAAS;AACpD,MAAI,UAAU,SAAU,QAAO,EAAE,uCAAuC,0EAA0E;AAClJ,MAAI,UAAU,YAAa,QAAO,EAAE,yCAAyC,oCAAoC;AACjH,SAAO;AACT;AAMA,SAAS,cAAc,EAAE,QAAQ,SAAS,GAAyD;AACjG,MAAI,CAAC,OAAQ,QAAO,gCAAG,UAAS;AAChC,SACE,oBAAC,iBAAc,SAAS,QAAQ,MAAK,MACnC,8BAAC,UAAK,WAAU,kCAAiC,UAAU,GAAG,cAAY,QAAS,UAAS,GAC9F;AAEJ;AAGO,SAAS,mBAAmB,EAAE,MAAM,OAAO,GAAuD;AACvG,QAAM,IAAI,KAAK;AACf,QAAM,KAAK,qBAAqB;AAChC,QAAM,SAAS,yBAAyB,IAAI;AAC5C,MAAI,CAAC,MAAM,OAAO,eAAe,QAAS,QAAO;AACjD,MAAI,GAAG,OAAO,WAAW,cAAc,GAAG,OAAO,WAAW,mBAAmB,GAAG,OAAO,WAAW,UAAW,QAAO;AACtH,QAAM,QAAQ,EAAE,oCAAoC,cAAc;AAClE,SACE,oBAAC,iBAAc,QACb;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MAAQ,MAAK;AAAA,MAAK,cAAY;AAAA,MAAO,OAAO,SAAS,SAAY;AAAA,MAAO,UAAU,CAAC,CAAC;AAAA,MAC5F,SAAS,MAAM,GAAG,WAAW,MAAM,MAAM;AAAA,MAAG,eAAY;AAAA,MAExD,8BAAC,UAAO,WAAU,eAAc;AAAA;AAAA,EAClC,GACF;AAEJ;AAGO,SAAS,mBAAmB,EAAE,KAAK,GAA6B;AACrE,QAAM,IAAI,KAAK;AACf,QAAM,KAAK,qBAAqB;AAChC,QAAM,SAAS,yBAAyB,IAAI;AAC5C,MAAI,CAAC,MAAM,GAAG,OAAO,WAAW,cAAc,GAAG,OAAO,WAAW,mBAAmB,GAAG,OAAO,WAAW,UAAW,QAAO;AAC7H,QAAM,QAAQ,EAAE,qCAAqC,eAAe;AACpE,SACE,oBAAC,iBAAc,QACb;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MAAQ,MAAK;AAAA,MAAK,cAAY;AAAA,MAAO,OAAO,SAAS,SAAY;AAAA,MAAO,UAAU,CAAC,CAAC;AAAA,MAC5F,SAAS,MAAM,GAAG,SAAS,IAAI;AAAA,MAAG,eAAY;AAAA,MAE9C,8BAAC,WAAQ,WAAU,WAAU;AAAA;AAAA,EAC/B,GACF;AAEJ;AAGO,SAAS,wBAAwB,EAAE,aAAa,GAA6B;AAClF,QAAM,IAAI,KAAK;AACf,QAAM,KAAK,qBAAqB;AAChC,MAAI,CAAC,GAAI,QAAO;AAChB,QAAM,WAAW,GAAG,OAAO;AAC3B,QAAM,YAAY,YAAa,GAAG,oBAAoB,GAAG,WAAW,IAAI,YAAY;AACpF,MAAI,CAAC,YAAY,CAAC,UAAW,QAAO;AACpC,SACE,qBAAC,UAAK,WAAU,oCACb;AAAA,gBACC,oBAAC,cAAW,SAAQ,SAAQ,MAAK,MAAK,cAAY,EAAE,6BAA6B,iBAAiB,GAAG,SAAS,MAAM,GAAG,KAAK,YAAY,GACtI,8BAAC,UAAO,WAAU,eAAc,GAClC;AAAA,IAEF,oBAAC,cAAW,SAAQ,SAAQ,MAAK,MAAK,cAAY,EAAE,+BAA+B,mBAAmB,GAAG,SAAS,MAAM,GAAG,OAAO,YAAY,GAC5I,8BAAC,UAAO,WAAU,eAAc,GAClC;AAAA,KACF;AAEJ;",
+  "names": []
+}