@contractspec/example.crm-pipeline 1.46.1 → 1.47.0

package/dist/ui/modals/CreateDealModal.js

@@ -0,0 +1,183 @@
+'use client';
+
+import { useState } from "react";
+import { Button, Input } from "@contractspec/lib.design-system";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/ui/modals/CreateDealModal.tsx
+/**
+* CreateDealModal - Form for creating a new deal
+*
+* Wires to CreateDealContract via useDealMutations hook.
+*/
+const CURRENCIES = [
+	"USD",
+	"EUR",
+	"GBP",
+	"CAD"
+];
+const 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) : void 0
+			});
+			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__ */ jsxs("div", {
+		className: "fixed inset-0 z-50 flex items-center justify-center",
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "bg-background/80 absolute inset-0 backdrop-blur-sm",
+			onClick: onClose,
+			role: "button",
+			tabIndex: 0,
+			onKeyDown: (e) => {
+				if (e.key === "Enter" || e.key === " ") onClose();
+			},
+			"aria-label": "Close modal"
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "bg-card border-border relative z-10 w-full max-w-md rounded-xl border p-6 shadow-xl",
+			children: [/* @__PURE__ */ jsx("h2", {
+				className: "mb-4 text-xl font-semibold",
+				children: "Create New Deal"
+			}), /* @__PURE__ */ jsxs("form", {
+				onSubmit: handleSubmit,
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("label", {
+						htmlFor: "deal-name",
+						className: "text-muted-foreground mb-1 block text-sm font-medium",
+						children: "Deal Name *"
+					}), /* @__PURE__ */ jsx(Input, {
+						id: "deal-name",
+						value: name,
+						onChange: (e) => setName(e.target.value),
+						placeholder: "e.g., Enterprise License - Acme Corp",
+						disabled: isLoading
+					})] }),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex gap-3",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "flex-1",
+							children: [/* @__PURE__ */ jsx("label", {
+								htmlFor: "deal-value",
+								className: "text-muted-foreground mb-1 block text-sm font-medium",
+								children: "Value *"
+							}), /* @__PURE__ */ jsx(Input, {
+								id: "deal-value",
+								type: "number",
+								min: "0",
+								step: "0.01",
+								value,
+								onChange: (e) => setValue(e.target.value),
+								placeholder: "50000",
+								disabled: isLoading
+							})]
+						}), /* @__PURE__ */ jsxs("div", {
+							className: "w-24",
+							children: [/* @__PURE__ */ jsx("label", {
+								htmlFor: "deal-currency",
+								className: "text-muted-foreground mb-1 block text-sm font-medium",
+								children: "Currency"
+							}), /* @__PURE__ */ jsx("select", {
+								id: "deal-currency",
+								value: currency,
+								onChange: (e) => setCurrency(e.target.value),
+								disabled: isLoading,
+								className: "border-input bg-background focus:ring-ring h-10 w-full rounded-md border px-3 py-2 text-sm focus:ring-2 focus:outline-none disabled:opacity-50",
+								children: CURRENCIES.map((c) => /* @__PURE__ */ jsx("option", {
+									value: c,
+									children: c
+								}, c))
+							})]
+						})]
+					}),
+					/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("label", {
+						htmlFor: "deal-stage",
+						className: "text-muted-foreground mb-1 block text-sm font-medium",
+						children: "Pipeline Stage *"
+					}), /* @__PURE__ */ jsx("select", {
+						id: "deal-stage",
+						value: stageId,
+						onChange: (e) => setStageId(e.target.value),
+						disabled: isLoading,
+						className: "border-input bg-background focus:ring-ring h-10 w-full rounded-md border px-3 py-2 text-sm focus:ring-2 focus:outline-none disabled:opacity-50",
+						children: stages.map((stage) => /* @__PURE__ */ jsx("option", {
+							value: stage.id,
+							children: stage.name
+						}, stage.id))
+					})] }),
+					/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("label", {
+						htmlFor: "deal-close-date",
+						className: "text-muted-foreground mb-1 block text-sm font-medium",
+						children: "Expected Close Date"
+					}), /* @__PURE__ */ jsx(Input, {
+						id: "deal-close-date",
+						type: "date",
+						value: expectedCloseDate,
+						onChange: (e) => setExpectedCloseDate(e.target.value),
+						disabled: isLoading
+					})] }),
+					error && /* @__PURE__ */ jsx("div", {
+						className: "bg-destructive/10 text-destructive rounded-md p-3 text-sm",
+						children: error
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex justify-end gap-3 pt-2",
+						children: [/* @__PURE__ */ jsx(Button, {
+							type: "button",
+							variant: "ghost",
+							onPress: onClose,
+							disabled: isLoading,
+							children: "Cancel"
+						}), /* @__PURE__ */ jsx(Button, {
+							type: "submit",
+							disabled: isLoading,
+							children: isLoading ? "Creating..." : "Create Deal"
+						})]
+					})
+				]
+			})]
+		})]
+	});
+}
+
+//#endregion
+export { CreateDealModal };
+//# sourceMappingURL=CreateDealModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CreateDealModal.js","names":[],"sources":["../../../src/ui/modals/CreateDealModal.tsx"],"sourcesContent":["'use client';\n\n/**\n * CreateDealModal - Form for creating a new deal\n *\n * Wires to CreateDealContract via useDealMutations hook.\n */\nimport { useState } from 'react';\nimport { Button, Input } from '@contractspec/lib.design-system';\n\n// Local type definition for modal props\nexport interface CreateDealInput {\n  name: string;\n  value: number;\n  currency: string;\n  pipelineId: string;\n  stageId: string;\n  expectedCloseDate?: Date;\n  contactId?: string;\n  companyId?: string;\n}\n\ninterface CreateDealModalProps {\n  isOpen: boolean;\n  onClose: () => void;\n  onSubmit: (input: CreateDealInput) => Promise<void>;\n  stages: { id: string; name: string }[];\n  isLoading?: boolean;\n}\n\nconst CURRENCIES = ['USD', 'EUR', 'GBP', 'CAD'];\nconst DEFAULT_PIPELINE_ID = 'pipeline-1';\n\nexport function CreateDealModal({\n  isOpen,\n  onClose,\n  onSubmit,\n  stages,\n  isLoading = false,\n}: CreateDealModalProps) {\n  const [name, setName] = useState('');\n  const [value, setValue] = useState('');\n  const [currency, setCurrency] = useState('USD');\n  const [stageId, setStageId] = useState(stages[0]?.id ?? '');\n  const [expectedCloseDate, setExpectedCloseDate] = useState('');\n  const [error, setError] = useState<string | null>(null);\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setError(null);\n\n    // Validation\n    if (!name.trim()) {\n      setError('Deal name is required');\n      return;\n    }\n\n    const numericValue = parseFloat(value);\n    if (isNaN(numericValue) || numericValue <= 0) {\n      setError('Value must be a positive number');\n      return;\n    }\n\n    if (!stageId) {\n      setError('Please select a pipeline stage');\n      return;\n    }\n\n    try {\n      await onSubmit({\n        name: name.trim(),\n        value: numericValue,\n        currency,\n        pipelineId: DEFAULT_PIPELINE_ID,\n        stageId,\n        expectedCloseDate: expectedCloseDate\n          ? new Date(expectedCloseDate)\n          : undefined,\n      });\n\n      // Reset form\n      setName('');\n      setValue('');\n      setCurrency('USD');\n      setStageId(stages[0]?.id ?? '');\n      setExpectedCloseDate('');\n      onClose();\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to create deal');\n    }\n  };\n\n  if (!isOpen) return null;\n\n  return (\n    <div className=\"fixed inset-0 z-50 flex items-center justify-center\">\n      {/* Backdrop */}\n      <div\n        className=\"bg-background/80 absolute inset-0 backdrop-blur-sm\"\n        onClick={onClose}\n        role=\"button\"\n        tabIndex={0}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter' || e.key === ' ') onClose();\n        }}\n        aria-label=\"Close modal\"\n      />\n\n      {/* Modal */}\n      <div className=\"bg-card border-border relative z-10 w-full max-w-md rounded-xl border p-6 shadow-xl\">\n        <h2 className=\"mb-4 text-xl font-semibold\">Create New Deal</h2>\n\n        <form onSubmit={handleSubmit} className=\"space-y-4\">\n          {/* Deal Name */}\n          <div>\n            <label\n              htmlFor=\"deal-name\"\n              className=\"text-muted-foreground mb-1 block text-sm font-medium\"\n            >\n              Deal Name *\n            </label>\n            <Input\n              id=\"deal-name\"\n              value={name}\n              onChange={(e) => setName(e.target.value)}\n              placeholder=\"e.g., Enterprise License - Acme Corp\"\n              disabled={isLoading}\n            />\n          </div>\n\n          {/* Value & Currency */}\n          <div className=\"flex gap-3\">\n            <div className=\"flex-1\">\n              <label\n                htmlFor=\"deal-value\"\n                className=\"text-muted-foreground mb-1 block text-sm font-medium\"\n              >\n                Value *\n              </label>\n              <Input\n                id=\"deal-value\"\n                type=\"number\"\n                min=\"0\"\n                step=\"0.01\"\n                value={value}\n                onChange={(e) => setValue(e.target.value)}\n                placeholder=\"50000\"\n                disabled={isLoading}\n              />\n            </div>\n            <div className=\"w-24\">\n              <label\n                htmlFor=\"deal-currency\"\n                className=\"text-muted-foreground mb-1 block text-sm font-medium\"\n              >\n                Currency\n              </label>\n              <select\n                id=\"deal-currency\"\n                value={currency}\n                onChange={(e) => setCurrency(e.target.value)}\n                disabled={isLoading}\n                className=\"border-input bg-background focus:ring-ring h-10 w-full rounded-md border px-3 py-2 text-sm focus:ring-2 focus:outline-none disabled:opacity-50\"\n              >\n                {CURRENCIES.map((c) => (\n                  <option key={c} value={c}>\n                    {c}\n                  </option>\n                ))}\n              </select>\n            </div>\n          </div>\n\n          {/* Stage */}\n          <div>\n            <label\n              htmlFor=\"deal-stage\"\n              className=\"text-muted-foreground mb-1 block text-sm font-medium\"\n            >\n              Pipeline Stage *\n            </label>\n            <select\n              id=\"deal-stage\"\n              value={stageId}\n              onChange={(e) => setStageId(e.target.value)}\n              disabled={isLoading}\n              className=\"border-input bg-background focus:ring-ring h-10 w-full rounded-md border px-3 py-2 text-sm focus:ring-2 focus:outline-none disabled:opacity-50\"\n            >\n              {stages.map((stage) => (\n                <option key={stage.id} value={stage.id}>\n                  {stage.name}\n                </option>\n              ))}\n            </select>\n          </div>\n\n          {/* Expected Close Date */}\n          <div>\n            <label\n              htmlFor=\"deal-close-date\"\n              className=\"text-muted-foreground mb-1 block text-sm font-medium\"\n            >\n              Expected Close Date\n            </label>\n            <Input\n              id=\"deal-close-date\"\n              type=\"date\"\n              value={expectedCloseDate}\n              onChange={(e) => setExpectedCloseDate(e.target.value)}\n              disabled={isLoading}\n            />\n          </div>\n\n          {/* Error Message */}\n          {error && (\n            <div className=\"bg-destructive/10 text-destructive rounded-md p-3 text-sm\">\n              {error}\n            </div>\n          )}\n\n          {/* Actions */}\n          <div className=\"flex justify-end gap-3 pt-2\">\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              onPress={onClose}\n              disabled={isLoading}\n            >\n              Cancel\n            </Button>\n            <Button type=\"submit\" disabled={isLoading}>\n              {isLoading ? 'Creating...' : 'Create Deal'}\n            </Button>\n          </div>\n        </form>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/ui/modals/DealActionsModal.d.ts

@@ -0,0 +1,51 @@
+import * as react_jsx_runtime3 from "react/jsx-runtime";
+
+//#region src/ui/modals/DealActionsModal.d.ts
+interface Deal {
+  id: string;
+  name: string;
+  value: number;
+  currency: string;
+  stageId: string;
+  status: 'OPEN' | 'WON' | 'LOST' | 'STALE';
+}
+interface WinDealInput {
+  dealId: string;
+  wonSource?: string;
+  notes?: string;
+}
+interface LoseDealInput {
+  dealId: string;
+  lostReason: string;
+  notes?: string;
+}
+interface MoveDealInput {
+  dealId: string;
+  stageId: string;
+}
+interface DealActionsModalProps {
+  isOpen: boolean;
+  deal: Deal | null;
+  stages: {
+    id: string;
+    name: string;
+  }[];
+  onClose: () => void;
+  onWin: (input: WinDealInput) => Promise<void>;
+  onLose: (input: LoseDealInput) => Promise<void>;
+  onMove: (input: MoveDealInput) => Promise<void>;
+  isLoading?: boolean;
+}
+declare function DealActionsModal({
+  isOpen,
+  deal,
+  stages,
+  onClose,
+  onWin,
+  onLose,
+  onMove,
+  isLoading
+}: DealActionsModalProps): react_jsx_runtime3.JSX.Element | null;
+//#endregion
+export { Deal, DealActionsModal, LoseDealInput, MoveDealInput, WinDealInput };
+//# sourceMappingURL=DealActionsModal.d.ts.map

package/dist/ui/modals/DealActionsModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DealActionsModal.d.ts","names":[],"sources":["../../../src/ui/modals/DealActionsModal.tsx"],"sourcesContent":[],"mappings":";;;UAYiB,IAAA;;;EAAA,KAAA,EAAI,MAAA;EASJ,QAAA,EAAA,MAAY;EAMZ,OAAA,EAAA,MAAA;EAMA,MAAA,EAAA,MAAA,GAAa,KAAA,GAAA,MAAA,GAAA,OAAA;AAG7B;AAMO,UArBS,YAAA,CAqBT;EAGS,MAAA,EAAA,MAAA;EAAiB,SAAA,CAAA,EAAA,MAAA;EAChB,KAAA,CAAA,EAAA,MAAA;;AACA,UApBD,aAAA,CAoBC;EAAkB,MAAA,EAAA,MAAA;EAAO,UAAA,EAAA,MAAA;EAa3B,KAAA,CAAA,EAAA,MAAA;;AAEd,UA7Be,aAAA,CA6Bf;EACA,MAAA,EAAA,MAAA;EACA,OAAA,EAAA,MAAA;;UAxBQ,qBAAA,CA0BR;EACA,MAAA,EAAA,OAAA;EACA,IAAA,EA1BM,IA0BN,GAAA,IAAA;EACC,MAAA,EAAA;IAAqB,EAAA,EAAA,MAAA;IAAA,IAAA,EAAA,MAAA;;;iBAxBP,iBAAiB;kBAChB,kBAAkB;kBAClB,kBAAkB;;;iBAapB,gBAAA;;;;;;;;;GASb,wBAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/modals/DealActionsModal.js

@@ -0,0 +1,372 @@
+'use client';
+
+import { useState } from "react";
+import { Button } from "@contractspec/lib.design-system";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/ui/modals/DealActionsModal.tsx
+/**
+* DealActionsModal - Actions for a specific deal (Win, Lose, Move)
+*
+* Wires to WinDealContract, LoseDealContract, MoveDealContract
+* via useDealMutations hook.
+*/
+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() || void 0,
+				notes: notes.trim() || void 0
+			});
+			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() || void 0
+			});
+			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__ */ jsxs("div", {
+		className: "fixed inset-0 z-50 flex items-center justify-center",
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "bg-background/80 absolute inset-0 backdrop-blur-sm",
+			onClick: handleClose,
+			role: "button",
+			tabIndex: 0,
+			onKeyDown: (e) => {
+				if (e.key === "Enter" || e.key === " ") handleClose();
+			},
+			"aria-label": "Close modal"
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "bg-card border-border relative z-10 w-full max-w-md rounded-xl border p-6 shadow-xl",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "border-border mb-4 border-b pb-4",
+					children: [
+						/* @__PURE__ */ jsx("h2", {
+							className: "text-xl font-semibold",
+							children: deal.name
+						}),
+						/* @__PURE__ */ jsx("p", {
+							className: "text-primary text-lg font-medium",
+							children: formatCurrency(deal.value, deal.currency)
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: `mt-2 inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${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
+						})
+					]
+				}),
+				mode === "menu" && /* @__PURE__ */ jsxs("div", {
+					className: "space-y-3",
+					children: [
+						deal.status === "OPEN" && /* @__PURE__ */ jsxs(Fragment, { children: [
+							/* @__PURE__ */ jsxs(Button, {
+								className: "w-full justify-start",
+								variant: "ghost",
+								onPress: () => setMode("win"),
+								children: [/* @__PURE__ */ jsx("span", {
+									className: "mr-2",
+									children: "🏆"
+								}), " Mark as Won"]
+							}),
+							/* @__PURE__ */ jsxs(Button, {
+								className: "w-full justify-start",
+								variant: "ghost",
+								onPress: () => setMode("lose"),
+								children: [/* @__PURE__ */ jsx("span", {
+									className: "mr-2",
+									children: "❌"
+								}), " Mark as Lost"]
+							}),
+							/* @__PURE__ */ jsxs(Button, {
+								className: "w-full justify-start",
+								variant: "ghost",
+								onPress: () => {
+									setSelectedStageId(deal.stageId);
+									setMode("move");
+								},
+								children: [/* @__PURE__ */ jsx("span", {
+									className: "mr-2",
+									children: "➡️"
+								}), " Move to Stage"]
+							})
+						] }),
+						deal.status !== "OPEN" && /* @__PURE__ */ jsxs("p", {
+							className: "text-muted-foreground py-4 text-center",
+							children: [
+								"This deal is already ",
+								deal.status.toLowerCase(),
+								". No actions available."
+							]
+						}),
+						/* @__PURE__ */ jsx("div", {
+							className: "border-border border-t pt-3",
+							children: /* @__PURE__ */ jsx(Button, {
+								className: "w-full",
+								variant: "outline",
+								onPress: handleClose,
+								children: "Close"
+							})
+						})
+					]
+				}),
+				mode === "win" && /* @__PURE__ */ jsxs("div", {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("label", {
+							htmlFor: "won-source",
+							className: "text-muted-foreground mb-1 block text-sm font-medium",
+							children: "How did you win this deal?"
+						}), /* @__PURE__ */ jsxs("select", {
+							id: "won-source",
+							value: wonSource,
+							onChange: (e) => setWonSource(e.target.value),
+							className: "border-input bg-background focus:ring-ring h-10 w-full rounded-md border px-3 py-2 text-sm focus:ring-2 focus:outline-none",
+							children: [
+								/* @__PURE__ */ jsx("option", {
+									value: "",
+									children: "Select a source..."
+								}),
+								/* @__PURE__ */ jsx("option", {
+									value: "referral",
+									children: "Referral"
+								}),
+								/* @__PURE__ */ jsx("option", {
+									value: "cold_outreach",
+									children: "Cold Outreach"
+								}),
+								/* @__PURE__ */ jsx("option", {
+									value: "inbound",
+									children: "Inbound Lead"
+								}),
+								/* @__PURE__ */ jsx("option", {
+									value: "upsell",
+									children: "Upsell"
+								}),
+								/* @__PURE__ */ jsx("option", {
+									value: "other",
+									children: "Other"
+								})
+							]
+						})] }),
+						/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("label", {
+							htmlFor: "win-notes",
+							className: "text-muted-foreground mb-1 block text-sm font-medium",
+							children: "Notes (optional)"
+						}), /* @__PURE__ */ jsx("textarea", {
+							id: "win-notes",
+							value: notes,
+							onChange: (e) => setNotes(e.target.value),
+							placeholder: "Any additional notes about the win...",
+							rows: 3,
+							className: "border-input bg-background focus:ring-ring w-full rounded-md border px-3 py-2 text-sm focus:ring-2 focus:outline-none"
+						})] }),
+						error && /* @__PURE__ */ jsx("div", {
+							className: "bg-destructive/10 text-destructive rounded-md p-3 text-sm",
+							children: error
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex justify-end gap-3 pt-2",
+							children: [/* @__PURE__ */ jsx(Button, {
+								variant: "ghost",
+								onPress: () => setMode("menu"),
+								disabled: isLoading,
+								children: "Back"
+							}), /* @__PURE__ */ jsx(Button, {
+								onPress: handleWin,
+								disabled: isLoading,
+								children: isLoading ? "Processing..." : "🏆 Confirm Win"
+							})]
+						})
+					]
+				}),
+				mode === "lose" && /* @__PURE__ */ jsxs("div", {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("label", {
+							htmlFor: "lost-reason",
+							className: "text-muted-foreground mb-1 block text-sm font-medium",
+							children: "Why was this deal lost? *"
+						}), /* @__PURE__ */ jsxs("select", {
+							id: "lost-reason",
+							value: lostReason,
+							onChange: (e) => setLostReason(e.target.value),
+							className: "border-input bg-background focus:ring-ring h-10 w-full rounded-md border px-3 py-2 text-sm focus:ring-2 focus:outline-none",
+							children: [
+								/* @__PURE__ */ jsx("option", {
+									value: "",
+									children: "Select a reason..."
+								}),
+								/* @__PURE__ */ jsx("option", {
+									value: "price",
+									children: "Price too high"
+								}),
+								/* @__PURE__ */ jsx("option", {
+									value: "competitor",
+									children: "Lost to competitor"
+								}),
+								/* @__PURE__ */ jsx("option", {
+									value: "no_budget",
+									children: "No budget"
+								}),
+								/* @__PURE__ */ jsx("option", {
+									value: "no_decision",
+									children: "No decision made"
+								}),
+								/* @__PURE__ */ jsx("option", {
+									value: "timing",
+									children: "Bad timing"
+								}),
+								/* @__PURE__ */ jsx("option", {
+									value: "product_fit",
+									children: "Product not a fit"
+								}),
+								/* @__PURE__ */ jsx("option", {
+									value: "other",
+									children: "Other"
+								})
+							]
+						})] }),
+						/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("label", {
+							htmlFor: "lose-notes",
+							className: "text-muted-foreground mb-1 block text-sm font-medium",
+							children: "Notes (optional)"
+						}), /* @__PURE__ */ jsx("textarea", {
+							id: "lose-notes",
+							value: notes,
+							onChange: (e) => setNotes(e.target.value),
+							placeholder: "Any additional details...",
+							rows: 3,
+							className: "border-input bg-background focus:ring-ring w-full rounded-md border px-3 py-2 text-sm focus:ring-2 focus:outline-none"
+						})] }),
+						error && /* @__PURE__ */ jsx("div", {
+							className: "bg-destructive/10 text-destructive rounded-md p-3 text-sm",
+							children: error
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex justify-end gap-3 pt-2",
+							children: [/* @__PURE__ */ jsx(Button, {
+								variant: "ghost",
+								onPress: () => setMode("menu"),
+								disabled: isLoading,
+								children: "Back"
+							}), /* @__PURE__ */ jsx(Button, {
+								variant: "destructive",
+								onPress: handleLose,
+								disabled: isLoading,
+								children: isLoading ? "Processing..." : "❌ Confirm Loss"
+							})]
+						})
+					]
+				}),
+				mode === "move" && /* @__PURE__ */ jsxs("div", {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("label", {
+							htmlFor: "move-stage",
+							className: "text-muted-foreground mb-1 block text-sm font-medium",
+							children: "Move to Stage"
+						}), /* @__PURE__ */ jsx("select", {
+							id: "move-stage",
+							value: selectedStageId,
+							onChange: (e) => setSelectedStageId(e.target.value),
+							className: "border-input bg-background focus:ring-ring h-10 w-full rounded-md border px-3 py-2 text-sm focus:ring-2 focus:outline-none",
+							children: stages.map((stage) => /* @__PURE__ */ jsxs("option", {
+								value: stage.id,
+								children: [stage.name, stage.id === deal.stageId ? " (current)" : ""]
+							}, stage.id))
+						})] }),
+						error && /* @__PURE__ */ jsx("div", {
+							className: "bg-destructive/10 text-destructive rounded-md p-3 text-sm",
+							children: error
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex justify-end gap-3 pt-2",
+							children: [/* @__PURE__ */ jsx(Button, {
+								variant: "ghost",
+								onPress: () => setMode("menu"),
+								disabled: isLoading,
+								children: "Back"
+							}), /* @__PURE__ */ jsx(Button, {
+								onPress: handleMove,
+								disabled: isLoading,
+								children: isLoading ? "Moving..." : "➡️ Move Deal"
+							})]
+						})
+					]
+				})
+			]
+		})]
+	});
+}
+
+//#endregion
+export { DealActionsModal };
+//# sourceMappingURL=DealActionsModal.js.map