@contractspec/example.crm-pipeline 3.7.16 → 3.7.18

package/dist/browser/ui/modals/CreateDealModal.js

@@ -1,211 +1 @@
-// src/ui/modals/CreateDealModal.tsx
-import { Button, Input } from "@contractspec/lib.design-system";
-import { useState } from "react";
-import { jsxDEV } from "react/jsx-dev-runtime";
-"use client";
-var CURRENCIES = ["USD", "EUR", "GBP", "CAD"];
-var DEFAULT_PIPELINE_ID = "pipeline-1";
-function CreateDealModal({
-  isOpen,
-  onClose,
-  onSubmit,
-  stages,
-  isLoading = false
-}) {
-  const [name, setName] = useState("");
-  const [value, setValue] = useState("");
-  const [currency, setCurrency] = useState("USD");
-  const [stageId, setStageId] = useState(stages[0]?.id ?? "");
-  const [expectedCloseDate, setExpectedCloseDate] = useState("");
-  const [error, setError] = useState(null);
-  const handleSubmit = async (e) => {
-    e.preventDefault();
-    setError(null);
-    if (!name.trim()) {
-      setError("Deal name is required");
-      return;
-    }
-    const numericValue = parseFloat(value);
-    if (isNaN(numericValue) || numericValue <= 0) {
-      setError("Value must be a positive number");
-      return;
-    }
-    if (!stageId) {
-      setError("Please select a pipeline stage");
-      return;
-    }
-    try {
-      await onSubmit({
-        name: name.trim(),
-        value: numericValue,
-        currency,
-        pipelineId: DEFAULT_PIPELINE_ID,
-        stageId,
-        expectedCloseDate: expectedCloseDate ? new Date(expectedCloseDate) : undefined
-      });
-      setName("");
-      setValue("");
-      setCurrency("USD");
-      setStageId(stages[0]?.id ?? "");
-      setExpectedCloseDate("");
-      onClose();
-    } catch (err) {
-      setError(err instanceof Error ? err.message : "Failed to create deal");
-    }
-  };
-  if (!isOpen)
-    return null;
-  return /* @__PURE__ */ jsxDEV("div", {
-    className: "fixed inset-0 z-50 flex items-center justify-center",
-    children: [
-      /* @__PURE__ */ jsxDEV("div", {
-        className: "absolute inset-0 bg-background/80 backdrop-blur-sm",
-        onClick: onClose,
-        role: "button",
-        tabIndex: 0,
-        onKeyDown: (e) => {
-          if (e.key === "Enter" || e.key === " ")
-            onClose();
-        },
-        "aria-label": "Close modal"
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
-        className: "relative z-10 w-full max-w-md rounded-xl border border-border bg-card p-6 shadow-xl",
-        children: [
-          /* @__PURE__ */ jsxDEV("h2", {
-            className: "mb-4 font-semibold text-xl",
-            children: "Create New Deal"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("form", {
-            onSubmit: handleSubmit,
-            className: "space-y-4",
-            children: [
-              /* @__PURE__ */ jsxDEV("div", {
-                children: [
-                  /* @__PURE__ */ jsxDEV("label", {
-                    htmlFor: "deal-name",
-                    className: "mb-1 block font-medium text-muted-foreground text-sm",
-                    children: "Deal Name *"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV(Input, {
-                    id: "deal-name",
-                    value: name,
-                    onChange: (e) => setName(e.target.value),
-                    placeholder: "e.g., Enterprise License - Acme Corp",
-                    disabled: isLoading
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV("div", {
-                className: "flex gap-3",
-                children: [
-                  /* @__PURE__ */ jsxDEV("div", {
-                    className: "flex-1",
-                    children: [
-                      /* @__PURE__ */ jsxDEV("label", {
-                        htmlFor: "deal-value",
-                        className: "mb-1 block font-medium text-muted-foreground text-sm",
-                        children: "Value *"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV(Input, {
-                        id: "deal-value",
-                        type: "number",
-                        min: "0",
-                        step: "0.01",
-                        value,
-                        onChange: (e) => setValue(e.target.value),
-                        placeholder: "50000",
-                        disabled: isLoading
-                      }, undefined, false, undefined, this)
-                    ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV("div", {
-                    className: "w-24",
-                    children: [
-                      /* @__PURE__ */ jsxDEV("label", {
-                        htmlFor: "deal-currency",
-                        className: "mb-1 block font-medium text-muted-foreground text-sm",
-                        children: "Currency"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV("select", {
-                        id: "deal-currency",
-                        value: currency,
-                        onChange: (e) => setCurrency(e.target.value),
-                        disabled: isLoading,
-                        className: "h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring disabled:opacity-50",
-                        children: CURRENCIES.map((c) => /* @__PURE__ */ jsxDEV("option", {
-                          value: c,
-                          children: c
-                        }, c, false, undefined, this))
-                      }, undefined, false, undefined, this)
-                    ]
-                  }, undefined, true, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV("div", {
-                children: [
-                  /* @__PURE__ */ jsxDEV("label", {
-                    htmlFor: "deal-stage",
-                    className: "mb-1 block font-medium text-muted-foreground text-sm",
-                    children: "Pipeline Stage *"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV("select", {
-                    id: "deal-stage",
-                    value: stageId,
-                    onChange: (e) => setStageId(e.target.value),
-                    disabled: isLoading,
-                    className: "h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring disabled:opacity-50",
-                    children: stages.map((stage) => /* @__PURE__ */ jsxDEV("option", {
-                      value: stage.id,
-                      children: stage.name
-                    }, stage.id, false, undefined, this))
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV("div", {
-                children: [
-                  /* @__PURE__ */ jsxDEV("label", {
-                    htmlFor: "deal-close-date",
-                    className: "mb-1 block font-medium text-muted-foreground text-sm",
-                    children: "Expected Close Date"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV(Input, {
-                    id: "deal-close-date",
-                    type: "date",
-                    value: expectedCloseDate,
-                    onChange: (e) => setExpectedCloseDate(e.target.value),
-                    disabled: isLoading
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              error && /* @__PURE__ */ jsxDEV("div", {
-                className: "rounded-md bg-destructive/10 p-3 text-destructive text-sm",
-                children: error
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV("div", {
-                className: "flex justify-end gap-3 pt-2",
-                children: [
-                  /* @__PURE__ */ jsxDEV(Button, {
-                    type: "button",
-                    variant: "ghost",
-                    onPress: onClose,
-                    disabled: isLoading,
-                    children: "Cancel"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV(Button, {
-                    type: "submit",
-                    disabled: isLoading,
-                    children: isLoading ? "Creating..." : "Create Deal"
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this)
-            ]
-          }, undefined, true, undefined, this)
-        ]
-      }, undefined, true, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-export {
-  CreateDealModal
-};
+import{Button as U,Input as $}from"@contractspec/lib.design-system";import{useState as H}from"react";import{jsx as w,jsxs as z}from"react/jsx-runtime";var R=["USD","EUR","GBP","CAD"],b="pipeline-1";function V({isOpen:_,onClose:K,onSubmit:f,stages:Q,isLoading:G=!1}){let[W,h]=H(""),[k,F]=H(""),[T,v]=H("USD"),[X,A]=H(Q[0]?.id??""),[Y,M]=H(""),[O,J]=H(null),B=async(q)=>{if(q.preventDefault(),J(null),!W.trim()){J("Deal name is required");return}let Z=parseFloat(k);if(isNaN(Z)||Z<=0){J("Value must be a positive number");return}if(!X){J("Please select a pipeline stage");return}try{await f({name:W.trim(),value:Z,currency:T,pipelineId:b,stageId:X,expectedCloseDate:Y?new Date(Y):void 0}),h(""),F(""),v("USD"),A(Q[0]?.id??""),M(""),K()}catch(P){J(P instanceof Error?P.message:"Failed to create deal")}};if(!_)return null;return z("div",{className:"fixed inset-0 z-50 flex items-center justify-center",children:[w("div",{className:"absolute inset-0 bg-background/80 backdrop-blur-sm",onClick:K,role:"button",tabIndex:0,onKeyDown:(q)=>{if(q.key==="Enter"||q.key===" ")K()},"aria-label":"Close modal"}),z("div",{className:"relative z-10 w-full max-w-md rounded-xl border border-border bg-card p-6 shadow-xl",children:[w("h2",{className:"mb-4 font-semibold text-xl",children:"Create New Deal"}),z("form",{onSubmit:B,className:"space-y-4",children:[z("div",{children:[w("label",{htmlFor:"deal-name",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Deal Name *"}),w($,{id:"deal-name",value:W,onChange:(q)=>h(q.target.value),placeholder:"e.g., Enterprise License - Acme Corp",disabled:G})]}),z("div",{className:"flex gap-3",children:[z("div",{className:"flex-1",children:[w("label",{htmlFor:"deal-value",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Value *"}),w($,{id:"deal-value",type:"number",min:"0",step:"0.01",value:k,onChange:(q)=>F(q.target.value),placeholder:"50000",disabled:G})]}),z("div",{className:"w-24",children:[w("label",{htmlFor:"deal-currency",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Currency"}),w("select",{id:"deal-currency",value:T,onChange:(q)=>v(q.target.value),disabled:G,className:"h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring disabled:opacity-50",children:R.map((q)=>w("option",{value:q,children:q},q))})]})]}),z("div",{children:[w("label",{htmlFor:"deal-stage",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Pipeline Stage *"}),w("select",{id:"deal-stage",value:X,onChange:(q)=>A(q.target.value),disabled:G,className:"h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring disabled:opacity-50",children:Q.map((q)=>w("option",{value:q.id,children:q.name},q.id))})]}),z("div",{children:[w("label",{htmlFor:"deal-close-date",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Expected Close Date"}),w($,{id:"deal-close-date",type:"date",value:Y,onChange:(q)=>M(q.target.value),disabled:G})]}),O&&w("div",{className:"rounded-md bg-destructive/10 p-3 text-destructive text-sm",children:O}),z("div",{className:"flex justify-end gap-3 pt-2",children:[w(U,{type:"button",variant:"ghost",onPress:K,disabled:G,children:"Cancel"}),w(U,{type:"submit",disabled:G,children:G?"Creating...":"Create Deal"})]})]})]})]})}export{V as CreateDealModal};

package/dist/browser/ui/modals/DealActionsModal.js

@@ -1,428 +1 @@
-// src/ui/modals/DealActionsModal.tsx
-import { Button } from "@contractspec/lib.design-system";
-import { useState } from "react";
-import { jsxDEV, Fragment } from "react/jsx-dev-runtime";
-"use client";
-function formatCurrency(value, currency) {
-  return new Intl.NumberFormat("en-US", {
-    style: "currency",
-    currency,
-    minimumFractionDigits: 0,
-    maximumFractionDigits: 0
-  }).format(value);
-}
-function DealActionsModal({
-  isOpen,
-  deal,
-  stages,
-  onClose,
-  onWin,
-  onLose,
-  onMove,
-  isLoading = false
-}) {
-  const [mode, setMode] = useState("menu");
-  const [wonSource, setWonSource] = useState("");
-  const [lostReason, setLostReason] = useState("");
-  const [notes, setNotes] = useState("");
-  const [selectedStageId, setSelectedStageId] = useState("");
-  const [error, setError] = useState(null);
-  const resetForm = () => {
-    setMode("menu");
-    setWonSource("");
-    setLostReason("");
-    setNotes("");
-    setSelectedStageId("");
-    setError(null);
-  };
-  const handleClose = () => {
-    resetForm();
-    onClose();
-  };
-  const handleWin = async () => {
-    if (!deal)
-      return;
-    setError(null);
-    try {
-      await onWin({
-        dealId: deal.id,
-        wonSource: wonSource.trim() || undefined,
-        notes: notes.trim() || undefined
-      });
-      handleClose();
-    } catch (err) {
-      setError(err instanceof Error ? err.message : "Failed to mark deal as won");
-    }
-  };
-  const handleLose = async () => {
-    if (!deal)
-      return;
-    setError(null);
-    if (!lostReason.trim()) {
-      setError("Please provide a reason for losing the deal");
-      return;
-    }
-    try {
-      await onLose({
-        dealId: deal.id,
-        lostReason: lostReason.trim(),
-        notes: notes.trim() || undefined
-      });
-      handleClose();
-    } catch (err) {
-      setError(err instanceof Error ? err.message : "Failed to mark deal as lost");
-    }
-  };
-  const handleMove = async () => {
-    if (!deal)
-      return;
-    setError(null);
-    if (!selectedStageId) {
-      setError("Please select a stage");
-      return;
-    }
-    if (selectedStageId === deal.stageId) {
-      setError("Deal is already in this stage");
-      return;
-    }
-    try {
-      await onMove({
-        dealId: deal.id,
-        stageId: selectedStageId
-      });
-      handleClose();
-    } catch (err) {
-      setError(err instanceof Error ? err.message : "Failed to move deal");
-    }
-  };
-  if (!isOpen || !deal)
-    return null;
-  return /* @__PURE__ */ jsxDEV("div", {
-    className: "fixed inset-0 z-50 flex items-center justify-center",
-    children: [
-      /* @__PURE__ */ jsxDEV("div", {
-        className: "absolute inset-0 bg-background/80 backdrop-blur-sm",
-        onClick: handleClose,
-        role: "button",
-        tabIndex: 0,
-        onKeyDown: (e) => {
-          if (e.key === "Enter" || e.key === " ")
-            handleClose();
-        },
-        "aria-label": "Close modal"
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
-        className: "relative z-10 w-full max-w-md rounded-xl border border-border bg-card p-6 shadow-xl",
-        children: [
-          /* @__PURE__ */ jsxDEV("div", {
-            className: "mb-4 border-border border-b pb-4",
-            children: [
-              /* @__PURE__ */ jsxDEV("h2", {
-                className: "font-semibold text-xl",
-                children: deal.name
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV("p", {
-                className: "font-medium text-lg text-primary",
-                children: formatCurrency(deal.value, deal.currency)
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV("span", {
-                className: `mt-2 inline-flex rounded-full px-2 py-0.5 font-medium text-xs ${deal.status === "WON" ? "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400" : deal.status === "LOST" ? "bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400" : "bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400"}`,
-                children: deal.status
-              }, undefined, false, undefined, this)
-            ]
-          }, undefined, true, undefined, this),
-          mode === "menu" && /* @__PURE__ */ jsxDEV("div", {
-            className: "space-y-3",
-            children: [
-              deal.status === "OPEN" && /* @__PURE__ */ jsxDEV(Fragment, {
-                children: [
-                  /* @__PURE__ */ jsxDEV(Button, {
-                    className: "w-full justify-start",
-                    variant: "ghost",
-                    onPress: () => setMode("win"),
-                    children: [
-                      /* @__PURE__ */ jsxDEV("span", {
-                        className: "mr-2",
-                        children: "\uD83C\uDFC6"
-                      }, undefined, false, undefined, this),
-                      " Mark as Won"
-                    ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV(Button, {
-                    className: "w-full justify-start",
-                    variant: "ghost",
-                    onPress: () => setMode("lose"),
-                    children: [
-                      /* @__PURE__ */ jsxDEV("span", {
-                        className: "mr-2",
-                        children: "❌"
-                      }, undefined, false, undefined, this),
-                      " Mark as Lost"
-                    ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV(Button, {
-                    className: "w-full justify-start",
-                    variant: "ghost",
-                    onPress: () => {
-                      setSelectedStageId(deal.stageId);
-                      setMode("move");
-                    },
-                    children: [
-                      /* @__PURE__ */ jsxDEV("span", {
-                        className: "mr-2",
-                        children: "➡️"
-                      }, undefined, false, undefined, this),
-                      " Move to Stage"
-                    ]
-                  }, undefined, true, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              deal.status !== "OPEN" && /* @__PURE__ */ jsxDEV("p", {
-                className: "py-4 text-center text-muted-foreground",
-                children: [
-                  "This deal is already ",
-                  deal.status.toLowerCase(),
-                  ". No actions available."
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV("div", {
-                className: "border-border border-t pt-3",
-                children: /* @__PURE__ */ jsxDEV(Button, {
-                  className: "w-full",
-                  variant: "outline",
-                  onPress: handleClose,
-                  children: "Close"
-                }, undefined, false, undefined, this)
-              }, undefined, false, undefined, this)
-            ]
-          }, undefined, true, undefined, this),
-          mode === "win" && /* @__PURE__ */ jsxDEV("div", {
-            className: "space-y-4",
-            children: [
-              /* @__PURE__ */ jsxDEV("div", {
-                children: [
-                  /* @__PURE__ */ jsxDEV("label", {
-                    htmlFor: "won-source",
-                    className: "mb-1 block font-medium text-muted-foreground text-sm",
-                    children: "How did you win this deal?"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV("select", {
-                    id: "won-source",
-                    value: wonSource,
-                    onChange: (e) => setWonSource(e.target.value),
-                    className: "h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring",
-                    children: [
-                      /* @__PURE__ */ jsxDEV("option", {
-                        value: "",
-                        children: "Select a source..."
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV("option", {
-                        value: "referral",
-                        children: "Referral"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV("option", {
-                        value: "cold_outreach",
-                        children: "Cold Outreach"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV("option", {
-                        value: "inbound",
-                        children: "Inbound Lead"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV("option", {
-                        value: "upsell",
-                        children: "Upsell"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV("option", {
-                        value: "other",
-                        children: "Other"
-                      }, undefined, false, undefined, this)
-                    ]
-                  }, undefined, true, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV("div", {
-                children: [
-                  /* @__PURE__ */ jsxDEV("label", {
-                    htmlFor: "win-notes",
-                    className: "mb-1 block font-medium text-muted-foreground text-sm",
-                    children: "Notes (optional)"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV("textarea", {
-                    id: "win-notes",
-                    value: notes,
-                    onChange: (e) => setNotes(e.target.value),
-                    placeholder: "Any additional notes about the win...",
-                    rows: 3,
-                    className: "w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring"
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              error && /* @__PURE__ */ jsxDEV("div", {
-                className: "rounded-md bg-destructive/10 p-3 text-destructive text-sm",
-                children: error
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV("div", {
-                className: "flex justify-end gap-3 pt-2",
-                children: [
-                  /* @__PURE__ */ jsxDEV(Button, {
-                    variant: "ghost",
-                    onPress: () => setMode("menu"),
-                    disabled: isLoading,
-                    children: "Back"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV(Button, {
-                    onPress: handleWin,
-                    disabled: isLoading,
-                    children: isLoading ? "Processing..." : "\uD83C\uDFC6 Confirm Win"
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this)
-            ]
-          }, undefined, true, undefined, this),
-          mode === "lose" && /* @__PURE__ */ jsxDEV("div", {
-            className: "space-y-4",
-            children: [
-              /* @__PURE__ */ jsxDEV("div", {
-                children: [
-                  /* @__PURE__ */ jsxDEV("label", {
-                    htmlFor: "lost-reason",
-                    className: "mb-1 block font-medium text-muted-foreground text-sm",
-                    children: "Why was this deal lost? *"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV("select", {
-                    id: "lost-reason",
-                    value: lostReason,
-                    onChange: (e) => setLostReason(e.target.value),
-                    className: "h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring",
-                    children: [
-                      /* @__PURE__ */ jsxDEV("option", {
-                        value: "",
-                        children: "Select a reason..."
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV("option", {
-                        value: "price",
-                        children: "Price too high"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV("option", {
-                        value: "competitor",
-                        children: "Lost to competitor"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV("option", {
-                        value: "no_budget",
-                        children: "No budget"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV("option", {
-                        value: "no_decision",
-                        children: "No decision made"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV("option", {
-                        value: "timing",
-                        children: "Bad timing"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV("option", {
-                        value: "product_fit",
-                        children: "Product not a fit"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV("option", {
-                        value: "other",
-                        children: "Other"
-                      }, undefined, false, undefined, this)
-                    ]
-                  }, undefined, true, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV("div", {
-                children: [
-                  /* @__PURE__ */ jsxDEV("label", {
-                    htmlFor: "lose-notes",
-                    className: "mb-1 block font-medium text-muted-foreground text-sm",
-                    children: "Notes (optional)"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV("textarea", {
-                    id: "lose-notes",
-                    value: notes,
-                    onChange: (e) => setNotes(e.target.value),
-                    placeholder: "Any additional details...",
-                    rows: 3,
-                    className: "w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring"
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              error && /* @__PURE__ */ jsxDEV("div", {
-                className: "rounded-md bg-destructive/10 p-3 text-destructive text-sm",
-                children: error
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV("div", {
-                className: "flex justify-end gap-3 pt-2",
-                children: [
-                  /* @__PURE__ */ jsxDEV(Button, {
-                    variant: "ghost",
-                    onPress: () => setMode("menu"),
-                    disabled: isLoading,
-                    children: "Back"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV(Button, {
-                    variant: "destructive",
-                    onPress: handleLose,
-                    disabled: isLoading,
-                    children: isLoading ? "Processing..." : "❌ Confirm Loss"
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this)
-            ]
-          }, undefined, true, undefined, this),
-          mode === "move" && /* @__PURE__ */ jsxDEV("div", {
-            className: "space-y-4",
-            children: [
-              /* @__PURE__ */ jsxDEV("div", {
-                children: [
-                  /* @__PURE__ */ jsxDEV("label", {
-                    htmlFor: "move-stage",
-                    className: "mb-1 block font-medium text-muted-foreground text-sm",
-                    children: "Move to Stage"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV("select", {
-                    id: "move-stage",
-                    value: selectedStageId,
-                    onChange: (e) => setSelectedStageId(e.target.value),
-                    className: "h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring",
-                    children: stages.map((stage) => /* @__PURE__ */ jsxDEV("option", {
-                      value: stage.id,
-                      children: [
-                        stage.name,
-                        stage.id === deal.stageId ? " (current)" : ""
-                      ]
-                    }, stage.id, true, undefined, this))
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              error && /* @__PURE__ */ jsxDEV("div", {
-                className: "rounded-md bg-destructive/10 p-3 text-destructive text-sm",
-                children: error
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV("div", {
-                className: "flex justify-end gap-3 pt-2",
-                children: [
-                  /* @__PURE__ */ jsxDEV(Button, {
-                    variant: "ghost",
-                    onPress: () => setMode("menu"),
-                    disabled: isLoading,
-                    children: "Back"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV(Button, {
-                    onPress: handleMove,
-                    disabled: isLoading,
-                    children: isLoading ? "Moving..." : "➡️ Move Deal"
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this)
-            ]
-          }, undefined, true, undefined, this)
-        ]
-      }, undefined, true, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-export {
-  DealActionsModal
-};
+import{Button as K}from"@contractspec/lib.design-system";import{useState as V}from"react";import{jsx as q,jsxs as A,Fragment as h}from"react/jsx-runtime";function I(_,G){return new Intl.NumberFormat("en-US",{style:"currency",currency:G,minimumFractionDigits:0,maximumFractionDigits:0}).format(_)}function B({isOpen:_,deal:G,stages:O,onClose:f,onWin:N,onLose:y,onMove:F,isLoading:P=!1}){let[X,Q]=V("menu"),[D,H]=V(""),[$,w]=V(""),[Y,b]=V(""),[Z,k]=V(""),[T,J]=V(null),R=()=>{Q("menu"),H(""),w(""),b(""),k(""),J(null)},U=()=>{R(),f()},v=async()=>{if(!G)return;J(null);try{await N({dealId:G.id,wonSource:D.trim()||void 0,notes:Y.trim()||void 0}),U()}catch(z){J(z instanceof Error?z.message:"Failed to mark deal as won")}},W=async()=>{if(!G)return;if(J(null),!$.trim()){J("Please provide a reason for losing the deal");return}try{await y({dealId:G.id,lostReason:$.trim(),notes:Y.trim()||void 0}),U()}catch(z){J(z instanceof Error?z.message:"Failed to mark deal as lost")}},p=async()=>{if(!G)return;if(J(null),!Z){J("Please select a stage");return}if(Z===G.stageId){J("Deal is already in this stage");return}try{await F({dealId:G.id,stageId:Z}),U()}catch(z){J(z instanceof Error?z.message:"Failed to move deal")}};if(!_||!G)return null;return A("div",{className:"fixed inset-0 z-50 flex items-center justify-center",children:[q("div",{className:"absolute inset-0 bg-background/80 backdrop-blur-sm",onClick:U,role:"button",tabIndex:0,onKeyDown:(z)=>{if(z.key==="Enter"||z.key===" ")U()},"aria-label":"Close modal"}),A("div",{className:"relative z-10 w-full max-w-md rounded-xl border border-border bg-card p-6 shadow-xl",children:[A("div",{className:"mb-4 border-border border-b pb-4",children:[q("h2",{className:"font-semibold text-xl",children:G.name}),q("p",{className:"font-medium text-lg text-primary",children:I(G.value,G.currency)}),q("span",{className:`mt-2 inline-flex rounded-full px-2 py-0.5 font-medium text-xs ${G.status==="WON"?"bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400":G.status==="LOST"?"bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400":"bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400"}`,children:G.status})]}),X==="menu"&&A("div",{className:"space-y-3",children:[G.status==="OPEN"&&A(h,{children:[A(K,{className:"w-full justify-start",variant:"ghost",onPress:()=>Q("win"),children:[q("span",{className:"mr-2",children:"\uD83C\uDFC6"})," Mark as Won"]}),A(K,{className:"w-full justify-start",variant:"ghost",onPress:()=>Q("lose"),children:[q("span",{className:"mr-2",children:"❌"})," Mark as Lost"]}),A(K,{className:"w-full justify-start",variant:"ghost",onPress:()=>{k(G.stageId),Q("move")},children:[q("span",{className:"mr-2",children:"➡️"})," Move to Stage"]})]}),G.status!=="OPEN"&&A("p",{className:"py-4 text-center text-muted-foreground",children:["This deal is already ",G.status.toLowerCase(),". No actions available."]}),q("div",{className:"border-border border-t pt-3",children:q(K,{className:"w-full",variant:"outline",onPress:U,children:"Close"})})]}),X==="win"&&A("div",{className:"space-y-4",children:[A("div",{children:[q("label",{htmlFor:"won-source",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"How did you win this deal?"}),A("select",{id:"won-source",value:D,onChange:(z)=>H(z.target.value),className:"h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring",children:[q("option",{value:"",children:"Select a source..."}),q("option",{value:"referral",children:"Referral"}),q("option",{value:"cold_outreach",children:"Cold Outreach"}),q("option",{value:"inbound",children:"Inbound Lead"}),q("option",{value:"upsell",children:"Upsell"}),q("option",{value:"other",children:"Other"})]})]}),A("div",{children:[q("label",{htmlFor:"win-notes",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Notes (optional)"}),q("textarea",{id:"win-notes",value:Y,onChange:(z)=>b(z.target.value),placeholder:"Any additional notes about the win...",rows:3,className:"w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring"})]}),T&&q("div",{className:"rounded-md bg-destructive/10 p-3 text-destructive text-sm",children:T}),A("div",{className:"flex justify-end gap-3 pt-2",children:[q(K,{variant:"ghost",onPress:()=>Q("menu"),disabled:P,children:"Back"}),q(K,{onPress:v,disabled:P,children:P?"Processing...":"\uD83C\uDFC6 Confirm Win"})]})]}),X==="lose"&&A("div",{className:"space-y-4",children:[A("div",{children:[q("label",{htmlFor:"lost-reason",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Why was this deal lost? *"}),A("select",{id:"lost-reason",value:$,onChange:(z)=>w(z.target.value),className:"h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring",children:[q("option",{value:"",children:"Select a reason..."}),q("option",{value:"price",children:"Price too high"}),q("option",{value:"competitor",children:"Lost to competitor"}),q("option",{value:"no_budget",children:"No budget"}),q("option",{value:"no_decision",children:"No decision made"}),q("option",{value:"timing",children:"Bad timing"}),q("option",{value:"product_fit",children:"Product not a fit"}),q("option",{value:"other",children:"Other"})]})]}),A("div",{children:[q("label",{htmlFor:"lose-notes",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Notes (optional)"}),q("textarea",{id:"lose-notes",value:Y,onChange:(z)=>b(z.target.value),placeholder:"Any additional details...",rows:3,className:"w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring"})]}),T&&q("div",{className:"rounded-md bg-destructive/10 p-3 text-destructive text-sm",children:T}),A("div",{className:"flex justify-end gap-3 pt-2",children:[q(K,{variant:"ghost",onPress:()=>Q("menu"),disabled:P,children:"Back"}),q(K,{variant:"destructive",onPress:W,disabled:P,children:P?"Processing...":"❌ Confirm Loss"})]})]}),X==="move"&&A("div",{className:"space-y-4",children:[A("div",{children:[q("label",{htmlFor:"move-stage",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Move to Stage"}),q("select",{id:"move-stage",value:Z,onChange:(z)=>k(z.target.value),className:"h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring",children:O.map((z)=>A("option",{value:z.id,children:[z.name,z.id===G.stageId?" (current)":""]},z.id))})]}),T&&q("div",{className:"rounded-md bg-destructive/10 p-3 text-destructive text-sm",children:T}),A("div",{className:"flex justify-end gap-3 pt-2",children:[q(K,{variant:"ghost",onPress:()=>Q("menu"),disabled:P,children:"Back"}),q(K,{onPress:p,disabled:P,children:P?"Moving...":"➡️ Move Deal"})]})]})]})]})}export{B as DealActionsModal};