@dainamite/cpq 0.2.2

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

@@ -0,0 +1,652 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Alert } from "@open-mercato/ui/primitives/alert";
+import { NumberInput as BaseNumberInput } from "../../../../../components/NumberInput.js";
+const REASON_CODES = [
+  { value: "upgrade", label: "Upgrade" },
+  { value: "downgrade", label: "Downgrade" },
+  { value: "config-change", label: "Configuration change" },
+  { value: "price-adjustment", label: "Price adjustment" },
+  { value: "term-extension", label: "Term extension" },
+  { value: "term-reduction", label: "Term reduction" },
+  { value: "consolidation", label: "Consolidation" },
+  { value: "customer-request", label: "Customer request" },
+  { value: "non-payment", label: "Non-payment" },
+  { value: "contract-breach", label: "Contract breach" },
+  { value: "other", label: "Other" }
+];
+function ArcQuoteConfigurator(props) {
+  const {
+    quoteId,
+    customerId,
+    customerName,
+    currencyCode,
+    initialType,
+    initialTargets,
+    editable,
+    onClose,
+    onChanged
+  } = props;
+  const [step, setStep] = React.useState(
+    initialType === "new" ? "pick-action" : "pick-targets"
+  );
+  const [type, setType] = React.useState(
+    initialType === "new" ? null : initialType
+  );
+  const [eligible, setEligible] = React.useState([]);
+  const [eligibleLoading, setEligibleLoading] = React.useState(false);
+  const [picked, setPicked] = React.useState(() => {
+    const seed = {};
+    for (const t of initialTargets) {
+      if (t.subscription) {
+        seed[t.subscriptionId] = {
+          id: t.subscriptionId,
+          code: t.subscription.code,
+          name: t.subscription.name,
+          status: "active",
+          currencyCode: t.subscription.currencyCode,
+          billingCycle: t.subscription.billingCycle,
+          currentTermEnd: null,
+          mrcAmount: t.subscription.mrcAmount
+        };
+      }
+    }
+    return seed;
+  });
+  const [singleTerm, setSingleTerm] = React.useState(() => ({
+    start: initialTargets[0]?.newTermStart?.slice(0, 10) ?? "",
+    end: initialTargets[0]?.newTermEnd?.slice(0, 10) ?? "",
+    months: initialTargets[0]?.newTermMonths != null ? String(initialTargets[0].newTermMonths) : ""
+  }));
+  const [mergeTerm, setMergeTerm] = React.useState({
+    start: "",
+    end: "",
+    months: "",
+    code: "",
+    name: ""
+  });
+  const [cancelMeta, setCancelMeta] = React.useState({
+    reasonCode: "",
+    reasonText: "",
+    etfAmount: "",
+    etfCurrency: currencyCode
+  });
+  const [submitError, setSubmitError] = React.useState(null);
+  React.useEffect(() => {
+    function onKey(e) {
+      if (e.key === "Escape") onClose();
+    }
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, [onClose]);
+  React.useEffect(() => {
+    if (step !== "pick-targets") return;
+    setEligibleLoading(true);
+    fetch(`/api/cpq/inventory/subscriptions?customerId=${customerId}&pageSize=100`).then((r) => r.json()).then((data) => {
+      const items = (data.items ?? []).map((s) => ({
+        ...s,
+        mrcAmount: Number(s.mrcAmount ?? 0)
+      }));
+      setEligible(items);
+    }).catch(() => setEligible([])).finally(() => setEligibleLoading(false));
+  }, [step, customerId]);
+  const pickedList = Object.values(picked);
+  const isMergeRenew = type === "renew" && pickedList.length >= 2;
+  const billingCycles = new Set(pickedList.map((s) => s.billingCycle));
+  const cyclesMatch = billingCycles.size <= 1;
+  const currenciesMatch = pickedList.every((s) => s.currencyCode === currencyCode);
+  const canProceedFromTargets = pickedList.length > 0 && currenciesMatch;
+  const canProceedFromRenew = isMergeRenew ? !!mergeTerm.start && !!mergeTerm.end && mergeTerm.start < mergeTerm.end && cyclesMatch : !!singleTerm.start && !!singleTerm.end && singleTerm.start < singleTerm.end;
+  const canProceedFromCancel = !!cancelMeta.reasonCode;
+  const submit = React.useCallback(async () => {
+    setStep("submitting");
+    setSubmitError(null);
+    try {
+      if (initialType === "new" && type) {
+        const r = await fetch(`/api/cpq/quotes/${quoteId}`, {
+          method: "PATCH",
+          headers: { "content-type": "application/json" },
+          body: JSON.stringify({ quoteType: type })
+        });
+        if (!r.ok) {
+          const body = await r.json().catch(() => ({}));
+          throw new Error(body.error ?? `PATCH /quotes/${quoteId} failed`);
+        }
+      }
+      const initialTargetIds = new Set(initialTargets.map((t) => t.subscriptionId));
+      const pickedIds = new Set(pickedList.map((s) => s.id));
+      for (const t of initialTargets) {
+        if (!pickedIds.has(t.subscriptionId)) {
+          await fetch(`/api/cpq/quotes/${quoteId}/target-subscriptions/${t.id}`, { method: "DELETE" });
+        }
+      }
+      for (const s of pickedList) {
+        if (!initialTargetIds.has(s.id) && type) {
+          const body = {
+            subscriptionId: s.id,
+            quoteType: type
+          };
+          if (type === "renew" && !isMergeRenew) {
+            body.mergeAction = "standalone";
+            body.newTermStart = singleTerm.start;
+            body.newTermEnd = singleTerm.end;
+            if (singleTerm.months) body.newTermMonths = Number(singleTerm.months);
+          } else if (type === "renew" && isMergeRenew) {
+            body.mergeAction = "absorb";
+          }
+          const r = await fetch(`/api/cpq/quotes/${quoteId}/target-subscriptions`, {
+            method: "POST",
+            headers: { "content-type": "application/json" },
+            body: JSON.stringify(body)
+          });
+          if (!r.ok) {
+            const errBody = await r.json().catch(() => ({}));
+            throw new Error(errBody.error ?? `POST /target-subscriptions failed`);
+          }
+        }
+      }
+      if (type === "renew" && isMergeRenew) {
+        const body = {
+          newTermStart: mergeTerm.start,
+          newTermEnd: mergeTerm.end
+        };
+        if (mergeTerm.months) body.newTermMonths = Number(mergeTerm.months);
+        if (mergeTerm.code) body.newSubCode = mergeTerm.code;
+        if (mergeTerm.name) body.newSubName = mergeTerm.name;
+        const r = await fetch(`/api/cpq/quotes/${quoteId}/merge-meta`, {
+          method: "POST",
+          headers: { "content-type": "application/json" },
+          body: JSON.stringify(body)
+        });
+        if (!r.ok) {
+          const errBody = await r.json().catch(() => ({}));
+          throw new Error(errBody.error ?? `POST /merge-meta failed`);
+        }
+      }
+      if (type === "cancel") {
+        const body = { reasonCode: cancelMeta.reasonCode };
+        if (cancelMeta.reasonText) body.reasonText = cancelMeta.reasonText;
+        if (cancelMeta.etfAmount) body.etfAmount = cancelMeta.etfAmount;
+        if (cancelMeta.etfCurrency) body.etfCurrency = cancelMeta.etfCurrency;
+        const r = await fetch(`/api/cpq/quotes/${quoteId}/cancel-meta`, {
+          method: "POST",
+          headers: { "content-type": "application/json" },
+          body: JSON.stringify(body)
+        });
+        if (!r.ok) {
+          const errBody = await r.json().catch(() => ({}));
+          throw new Error(errBody.error ?? `POST /cancel-meta failed`);
+        }
+      }
+      await onChanged();
+      setStep("done");
+    } catch (err) {
+      setSubmitError(err instanceof Error ? err.message : String(err));
+      setStep("review");
+    }
+  }, [
+    quoteId,
+    type,
+    initialType,
+    initialTargets,
+    pickedList,
+    isMergeRenew,
+    singleTerm,
+    mergeTerm,
+    cancelMeta,
+    onChanged
+  ]);
+  return /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-50 flex", role: "dialog", "aria-modal": "true", children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        "aria-label": "Close drawer",
+        className: "absolute inset-0 bg-black/40",
+        onClick: onClose
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "ml-auto h-full w-full max-w-2xl bg-card shadow-xl border-l overflow-y-auto relative flex flex-col", children: [
+      /* @__PURE__ */ jsxs("header", { className: "border-b px-5 py-4 flex items-start justify-between", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: "Modify subscription" }),
+          /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground mt-0.5", children: [
+            customerName ?? customerId.slice(0, 12) + "\u2026",
+            " \u2022 ",
+            currencyCode
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: onClose,
+            className: "text-sm text-muted-foreground hover:text-foreground",
+            children: "\u2715"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 px-5 py-4 space-y-4", children: [
+        /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+          "Step: ",
+          /* @__PURE__ */ jsx("span", { className: "font-mono", children: step }),
+          type && /* @__PURE__ */ jsxs("span", { children: [
+            " \u2022 ",
+            type
+          ] }),
+          pickedList.length > 0 && /* @__PURE__ */ jsxs("span", { children: [
+            " \u2022 ",
+            pickedList.length,
+            " target(s)"
+          ] })
+        ] }),
+        step === "pick-action" && /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-sm", children: "Pick the kind of change you want to make:" }),
+          ["amend", "renew", "cancel"].map((opt) => /* @__PURE__ */ jsxs(
+            "button",
+            {
+              onClick: () => {
+                setType(opt);
+                setStep("pick-targets");
+              },
+              className: "block w-full text-left rounded-md border border-input px-4 py-3 hover:bg-muted",
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "font-medium capitalize", children: opt }),
+                /* @__PURE__ */ jsxs("span", { className: "block text-xs text-muted-foreground mt-0.5", children: [
+                  opt === "amend" && "Add or remove items on existing subscriptions. Term untouched.",
+                  opt === "renew" && "Extend term. With 2+ targets, merges them into a new contract.",
+                  opt === "cancel" && "Terminate one or more subscriptions."
+                ] })
+              ]
+            },
+            opt
+          ))
+        ] }),
+        step === "pick-targets" && type && /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+          eligibleLoading ? /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "Loading subscriptions\u2026" }) : eligible.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "No subscriptions for this customer." }) : /* @__PURE__ */ jsx("div", { className: "space-y-1", children: eligible.map((s) => {
+            const currencyMismatch = s.currencyCode !== currencyCode;
+            const isPicked = !!picked[s.id];
+            return /* @__PURE__ */ jsxs(
+              "label",
+              {
+                className: `flex items-start gap-2 rounded-md border px-3 py-2 ${currencyMismatch ? "opacity-50 border-dashed" : isPicked ? "border-primary bg-primary/5" : "border-input hover:bg-muted"}`,
+                children: [
+                  /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      type: "checkbox",
+                      disabled: currencyMismatch,
+                      checked: isPicked,
+                      onChange: (e) => {
+                        setPicked((prev) => {
+                          const next = { ...prev };
+                          if (e.target.checked) next[s.id] = s;
+                          else delete next[s.id];
+                          return next;
+                        });
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+                    /* @__PURE__ */ jsxs("div", { className: "text-sm font-medium", children: [
+                      s.name,
+                      " ",
+                      /* @__PURE__ */ jsx("span", { className: "text-xs font-mono text-muted-foreground", children: s.code })
+                    ] }),
+                    /* @__PURE__ */ jsxs("div", { className: "text-xs text-muted-foreground", children: [
+                      s.status,
+                      " \u2022 ",
+                      s.billingCycle,
+                      " \u2022 MRC ",
+                      s.mrcAmount.toFixed(2),
+                      " ",
+                      s.currencyCode,
+                      s.currentTermEnd ? ` \u2022 Term ends ${new Date(s.currentTermEnd).toLocaleDateString()}` : ""
+                    ] }),
+                    currencyMismatch && /* @__PURE__ */ jsxs("div", { className: "text-xs text-status-warning-text mt-1", children: [
+                      "Currency mismatch (",
+                      s.currencyCode,
+                      " vs ",
+                      currencyCode,
+                      ") \u2014 cannot include"
+                    ] })
+                  ] })
+                ]
+              },
+              s.id
+            );
+          }) }),
+          !cyclesMatch && /* @__PURE__ */ jsx(Alert, { variant: "warning", className: "text-xs", children: "Picked targets have different billing cycles \u2014 merge requires matching cycles." }),
+          isMergeRenew && /* @__PURE__ */ jsxs(Alert, { variant: "warning", className: "text-xs", children: [
+            "Merging ",
+            pickedList.length,
+            " contracts into a new one \u2014 sources will be marked Merged at activation."
+          ] })
+        ] }),
+        step === "config-renew" && type === "renew" && !isMergeRenew && /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ jsxs("p", { className: "text-sm", children: [
+            "New contract term for ",
+            pickedList[0]?.name,
+            ":"
+          ] }),
+          /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+            "Pre-filled with same length as the current term, starting at the current term end. Type a new value in ",
+            /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Months" }),
+            " to auto-shift the end date, or edit start/end directly."
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-3", children: [
+            /* @__PURE__ */ jsx(
+              DateInput,
+              {
+                label: "Start",
+                value: singleTerm.start,
+                onChange: (v) => {
+                  const months = singleTerm.months ? Number(singleTerm.months) : null;
+                  const end = months && v ? addMonthsToIso(v, months) : singleTerm.end;
+                  setSingleTerm({ ...singleTerm, start: v, end });
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              DateInput,
+              {
+                label: "End",
+                value: singleTerm.end,
+                onChange: (v) => setSingleTerm({ ...singleTerm, end: v })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              NumberInput,
+              {
+                label: "Months",
+                value: singleTerm.months,
+                onChange: (v) => {
+                  const months = v ? Number(v) : null;
+                  const end = months && singleTerm.start ? addMonthsToIso(singleTerm.start, months) : singleTerm.end;
+                  setSingleTerm({ ...singleTerm, months: v, end });
+                }
+              }
+            )
+          ] })
+        ] }),
+        step === "config-renew" && type === "renew" && isMergeRenew && /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ jsxs("p", { className: "text-sm", children: [
+            "New contract details (merge of ",
+            pickedList.length,
+            " subscriptions):"
+          ] }),
+          /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+            "Type a value into ",
+            /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Months" }),
+            " to auto-fill both dates \u2014 start defaults to today, end is start + months."
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-3", children: [
+            /* @__PURE__ */ jsx(
+              DateInput,
+              {
+                label: "Start",
+                value: mergeTerm.start,
+                onChange: (v) => {
+                  const months = mergeTerm.months ? Number(mergeTerm.months) : null;
+                  const end = months && v ? addMonthsToIso(v, months) : mergeTerm.end;
+                  setMergeTerm({ ...mergeTerm, start: v, end });
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              DateInput,
+              {
+                label: "End",
+                value: mergeTerm.end,
+                onChange: (v) => setMergeTerm({ ...mergeTerm, end: v })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              NumberInput,
+              {
+                label: "Months",
+                value: mergeTerm.months,
+                onChange: (v) => {
+                  const months = v ? Number(v) : null;
+                  const start = mergeTerm.start || todayIso();
+                  const end = months ? addMonthsToIso(start, months) : mergeTerm.end;
+                  setMergeTerm({ ...mergeTerm, months: v, start, end });
+                }
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+            /* @__PURE__ */ jsx(
+              TextInput,
+              {
+                label: "New contract code (optional \u2014 auto-generated if blank)",
+                value: mergeTerm.code,
+                onChange: (v) => setMergeTerm({ ...mergeTerm, code: v })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              TextInput,
+              {
+                label: "New contract name (optional)",
+                value: mergeTerm.name,
+                onChange: (v) => setMergeTerm({ ...mergeTerm, name: v })
+              }
+            )
+          ] })
+        ] }),
+        step === "config-cancel" && type === "cancel" && /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-sm", children: "Reason for cancellation:" }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx("label", { className: "block text-xs text-muted-foreground", children: "Reason code" }),
+            /* @__PURE__ */ jsxs(
+              "select",
+              {
+                value: cancelMeta.reasonCode,
+                onChange: (e) => setCancelMeta({ ...cancelMeta, reasonCode: e.target.value }),
+                className: "w-full rounded-md border border-input bg-background px-2 py-1.5 text-sm",
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "", children: "\u2014 pick one \u2014" }),
+                  REASON_CODES.map((r) => /* @__PURE__ */ jsx("option", { value: r.value, children: r.label }, r.value))
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(
+            TextInput,
+            {
+              label: "Free text (optional)",
+              value: cancelMeta.reasonText,
+              onChange: (v) => setCancelMeta({ ...cancelMeta, reasonText: v })
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+            /* @__PURE__ */ jsx(
+              TextInput,
+              {
+                label: "ETF amount (optional)",
+                value: cancelMeta.etfAmount,
+                onChange: (v) => setCancelMeta({ ...cancelMeta, etfAmount: v })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              TextInput,
+              {
+                label: "ETF currency",
+                value: cancelMeta.etfCurrency,
+                onChange: (v) => setCancelMeta({ ...cancelMeta, etfCurrency: v })
+              }
+            )
+          ] })
+        ] }),
+        step === "review" && /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-sm", children: "Review and submit:" }),
+          /* @__PURE__ */ jsxs("ul", { className: "text-sm space-y-1 list-disc pl-5", children: [
+            /* @__PURE__ */ jsxs("li", { children: [
+              "Action: ",
+              type
+            ] }),
+            /* @__PURE__ */ jsxs("li", { children: [
+              "Targets: ",
+              pickedList.length
+            ] }),
+            pickedList.map((s) => /* @__PURE__ */ jsxs("li", { className: "text-muted-foreground", children: [
+              s.code,
+              " \u2014 ",
+              s.name
+            ] }, s.id)),
+            type === "renew" && !isMergeRenew && /* @__PURE__ */ jsxs("li", { children: [
+              "Term: ",
+              singleTerm.start,
+              " \u2192 ",
+              singleTerm.end,
+              singleTerm.months ? ` (${singleTerm.months}m)` : ""
+            ] }),
+            type === "renew" && isMergeRenew && /* @__PURE__ */ jsxs("li", { children: [
+              "Merge term: ",
+              mergeTerm.start,
+              " \u2192 ",
+              mergeTerm.end,
+              mergeTerm.code ? ` \u2022 code=${mergeTerm.code}` : "",
+              mergeTerm.name ? ` \u2022 name=${mergeTerm.name}` : ""
+            ] }),
+            type === "cancel" && /* @__PURE__ */ jsxs("li", { children: [
+              "Reason: ",
+              cancelMeta.reasonCode,
+              cancelMeta.etfAmount ? ` \u2022 ETF ${cancelMeta.etfAmount} ${cancelMeta.etfCurrency}` : ""
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(Alert, { variant: "warning", className: "text-xs", children: "Submitting locks the quote type. Lines will be edited on the host page after this completes." }),
+          submitError && /* @__PURE__ */ jsx(Alert, { variant: "destructive", className: "text-xs", children: submitError })
+        ] }),
+        step === "submitting" && /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "Submitting\u2026" }),
+        step === "done" && /* @__PURE__ */ jsx("div", { className: "text-sm text-status-success-text", children: "Done \u2014 close to return to the quote." })
+      ] }),
+      /* @__PURE__ */ jsxs("footer", { className: "border-t px-5 pt-3 pb-20 flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => {
+              if (step === "pick-action") return;
+              if (step === "pick-targets") {
+                setStep(initialType === "new" ? "pick-action" : "pick-targets");
+              } else if (step === "config-renew" || step === "config-cancel") {
+                setStep("pick-targets");
+              } else if (step === "review") {
+                if (type === "renew") setStep("config-renew");
+                else if (type === "cancel") setStep("config-cancel");
+                else setStep("pick-targets");
+              }
+            },
+            disabled: step === "pick-action" || step === "submitting" || step === "done" || step === "pick-targets" && initialType !== "new",
+            className: "text-sm text-muted-foreground hover:text-foreground disabled:opacity-30",
+            children: "\u2190 Back"
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: onClose,
+              className: "rounded-md border border-input px-3 py-1.5 text-sm hover:bg-muted",
+              children: "Cancel"
+            }
+          ),
+          step === "pick-targets" && /* @__PURE__ */ jsx(
+            "button",
+            {
+              disabled: !canProceedFromTargets || !editable,
+              onClick: () => {
+                if (type === "renew") setStep("config-renew");
+                else if (type === "cancel") setStep("config-cancel");
+                else setStep("review");
+              },
+              className: "rounded-md bg-primary px-3 py-1.5 text-sm text-primary-foreground hover:bg-primary/90 disabled:opacity-50",
+              children: "Next"
+            }
+          ),
+          (step === "config-renew" || step === "config-cancel") && /* @__PURE__ */ jsx(
+            "button",
+            {
+              disabled: step === "config-renew" && !canProceedFromRenew || step === "config-cancel" && !canProceedFromCancel,
+              onClick: () => setStep("review"),
+              className: "rounded-md bg-primary px-3 py-1.5 text-sm text-primary-foreground hover:bg-primary/90 disabled:opacity-50",
+              children: "Next"
+            }
+          ),
+          step === "review" && /* @__PURE__ */ jsx(
+            "button",
+            {
+              disabled: !editable,
+              onClick: submit,
+              className: "rounded-md bg-primary px-3 py-1.5 text-sm text-primary-foreground hover:bg-primary/90 disabled:opacity-50",
+              children: "Submit"
+            }
+          ),
+          step === "done" && /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: onClose,
+              className: "rounded-md bg-primary px-3 py-1.5 text-sm text-primary-foreground hover:bg-primary/90",
+              children: "Close"
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function DateInput(props) {
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("label", { className: "block text-xs text-muted-foreground mb-1", children: props.label }),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "date",
+        value: props.value,
+        onChange: (e) => props.onChange(e.target.value),
+        className: "w-full rounded-md border border-input bg-background px-2 py-1.5 text-sm"
+      }
+    )
+  ] });
+}
+function NumberInput(props) {
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("label", { className: "block text-xs text-muted-foreground mb-1", children: props.label }),
+    /* @__PURE__ */ jsx(
+      BaseNumberInput,
+      {
+        integer: true,
+        min: 1,
+        value: props.value === "" ? null : Number(props.value),
+        onChange: (n) => props.onChange(n == null ? "" : String(n))
+      }
+    )
+  ] });
+}
+function TextInput(props) {
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("label", { className: "block text-xs text-muted-foreground mb-1", children: props.label }),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "text",
+        value: props.value,
+        onChange: (e) => props.onChange(e.target.value),
+        className: "w-full rounded-md border border-input bg-background px-2 py-1.5 text-sm"
+      }
+    )
+  ] });
+}
+function addMonthsToIso(iso, months) {
+  if (!iso) return iso;
+  const d = new Date(iso);
+  if (Number.isNaN(d.getTime())) return iso;
+  d.setMonth(d.getMonth() + months);
+  return d.toISOString().split("T")[0];
+}
+function todayIso() {
+  return (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
+}
+export {
+  ArcQuoteConfigurator as default
+};
+//# sourceMappingURL=ArcQuoteConfigurator.js.map