@contractspec/example.saas-boilerplate 1.57.0 → 1.58.0

package/dist/ui/modals/ProjectActionsModal.js

@@ -1,292 +1,336 @@
-'use client';
-
+// @bun
+// src/ui/modals/ProjectActionsModal.tsx
 import { useEffect, useState } from "react";
 import { Button, Input } from "@contractspec/lib.design-system";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/ui/modals/ProjectActionsModal.tsx
-/**
-* ProjectActionsModal - Actions for a specific project
-*
-* Wires to UpdateProjectContract, DeleteProjectContract
-* via useProjectMutations hook.
-*/
-function ProjectActionsModal({ isOpen, project, onClose, onUpdate, onArchive, onActivate, onDelete, isLoading = false }) {
-	const [mode, setMode] = useState("menu");
-	const [name, setName] = useState("");
-	const [description, setDescription] = useState("");
-	const [error, setError] = useState(null);
-	const resetForm = () => {
-		setMode("menu");
-		setError(null);
-		if (project) {
-			setName(project.name);
-			setDescription(project.description ?? "");
-		}
-	};
-	const handleClose = () => {
-		resetForm();
-		onClose();
-	};
-	useEffect(() => {
-		if (project) {
-			setName(project.name);
-			setDescription(project.description ?? "");
-		}
-	}, [project]);
-	const handleEdit = async () => {
-		if (!project) return;
-		setError(null);
-		if (!name.trim()) {
-			setError("Project name is required");
-			return;
-		}
-		try {
-			await onUpdate({
-				id: project.id,
-				name: name.trim(),
-				description: description.trim() || void 0
-			});
-			handleClose();
-		} catch (err) {
-			setError(err instanceof Error ? err.message : "Failed to update project");
-		}
-	};
-	const handleArchive = async () => {
-		if (!project) return;
-		setError(null);
-		try {
-			await onArchive(project.id);
-			handleClose();
-		} catch (err) {
-			setError(err instanceof Error ? err.message : "Failed to archive project");
-		}
-	};
-	const handleActivate = async () => {
-		if (!project) return;
-		setError(null);
-		try {
-			await onActivate(project.id);
-			handleClose();
-		} catch (err) {
-			setError(err instanceof Error ? err.message : "Failed to activate project");
-		}
-	};
-	const handleDelete = async () => {
-		if (!project) return;
-		setError(null);
-		try {
-			await onDelete(project.id);
-			handleClose();
-		} catch (err) {
-			setError(err instanceof Error ? err.message : "Failed to delete project");
-		}
-	};
-	if (!isOpen || !project) 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: project.name
-					}), /* @__PURE__ */ jsxs("p", {
-						className: "text-muted-foreground text-sm",
-						children: [
-							project.tier,
-							" · ",
-							project.status
-						]
-					})]
-				}),
-				mode === "menu" && /* @__PURE__ */ jsxs("div", {
-					className: "space-y-3",
-					children: [
-						/* @__PURE__ */ jsxs(Button, {
-							className: "w-full justify-start",
-							variant: "ghost",
-							onPress: () => setMode("edit"),
-							children: [/* @__PURE__ */ jsx("span", {
-								className: "mr-2",
-								children: "✏️"
-							}), " Edit Project"]
-						}),
-						project.status === "ACTIVE" || project.status === "DRAFT" ? /* @__PURE__ */ jsxs(Button, {
-							className: "w-full justify-start",
-							variant: "ghost",
-							onPress: () => setMode("archive"),
-							children: [/* @__PURE__ */ jsx("span", {
-								className: "mr-2",
-								children: "📦"
-							}), " Archive Project"]
-						}) : project.status === "ARCHIVED" ? /* @__PURE__ */ jsxs(Button, {
-							className: "w-full justify-start",
-							variant: "ghost",
-							onPress: handleActivate,
-							disabled: isLoading,
-							children: [/* @__PURE__ */ jsx("span", {
-								className: "mr-2",
-								children: "🔄"
-							}), " Restore Project"]
-						}) : null,
-						/* @__PURE__ */ jsxs(Button, {
-							className: "w-full justify-start text-red-500 hover:text-red-600",
-							variant: "ghost",
-							onPress: () => setMode("delete"),
-							children: [/* @__PURE__ */ jsx("span", {
-								className: "mr-2",
-								children: "🗑️"
-							}), " Delete Project"]
-						}),
-						/* @__PURE__ */ jsx("div", {
-							className: "border-border border-t pt-3",
-							children: /* @__PURE__ */ jsx(Button, {
-								className: "w-full",
-								variant: "outline",
-								onPress: handleClose,
-								children: "Close"
-							})
-						})
-					]
-				}),
-				mode === "edit" && /* @__PURE__ */ jsxs("div", {
-					className: "space-y-4",
-					children: [
-						/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("label", {
-							htmlFor: "edit-name",
-							className: "text-muted-foreground mb-1 block text-sm font-medium",
-							children: "Project Name *"
-						}), /* @__PURE__ */ jsx(Input, {
-							id: "edit-name",
-							value: name,
-							onChange: (e) => setName(e.target.value),
-							disabled: isLoading
-						})] }),
-						/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("label", {
-							htmlFor: "edit-description",
-							className: "text-muted-foreground mb-1 block text-sm font-medium",
-							children: "Description"
-						}), /* @__PURE__ */ jsx("textarea", {
-							id: "edit-description",
-							value: description,
-							onChange: (e) => setDescription(e.target.value),
-							rows: 3,
-							disabled: isLoading,
-							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 disabled:opacity-50"
-						})] }),
-						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: handleEdit,
-								disabled: isLoading,
-								children: isLoading ? "Saving..." : "Save Changes"
-							})]
-						})
-					]
-				}),
-				mode === "archive" && /* @__PURE__ */ jsxs("div", {
-					className: "space-y-4",
-					children: [
-						/* @__PURE__ */ jsxs("p", {
-							className: "text-muted-foreground",
-							children: [
-								"Are you sure you want to archive",
-								" ",
-								/* @__PURE__ */ jsx("span", {
-									className: "text-foreground font-medium",
-									children: project.name
-								}),
-								"?"
-							]
-						}),
-						/* @__PURE__ */ jsx("p", {
-							className: "text-muted-foreground text-sm",
-							children: "Archived projects can be restored later."
-						}),
-						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: "Cancel"
-							}), /* @__PURE__ */ jsx(Button, {
-								onPress: handleArchive,
-								disabled: isLoading,
-								children: isLoading ? "Archiving..." : "📦 Archive"
-							})]
-						})
-					]
-				}),
-				mode === "delete" && /* @__PURE__ */ jsxs("div", {
-					className: "space-y-4",
-					children: [
-						/* @__PURE__ */ jsxs("p", {
-							className: "text-muted-foreground",
-							children: [
-								"Are you sure you want to delete",
-								" ",
-								/* @__PURE__ */ jsx("span", {
-									className: "text-foreground font-medium",
-									children: project.name
-								}),
-								"?"
-							]
-						}),
-						/* @__PURE__ */ jsx("p", {
-							className: "text-destructive text-sm",
-							children: "This action cannot be undone."
-						}),
-						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: "Cancel"
-							}), /* @__PURE__ */ jsx(Button, {
-								variant: "destructive",
-								onPress: handleDelete,
-								disabled: isLoading,
-								children: isLoading ? "Deleting..." : "🗑️ Delete"
-							})]
-						})
-					]
-				})
-			]
-		})]
-	});
+import { jsxDEV } from "react/jsx-dev-runtime";
+"use client";
+function ProjectActionsModal({
+  isOpen,
+  project,
+  onClose,
+  onUpdate,
+  onArchive,
+  onActivate,
+  onDelete,
+  isLoading = false
+}) {
+  const [mode, setMode] = useState("menu");
+  const [name, setName] = useState("");
+  const [description, setDescription] = useState("");
+  const [error, setError] = useState(null);
+  const resetForm = () => {
+    setMode("menu");
+    setError(null);
+    if (project) {
+      setName(project.name);
+      setDescription(project.description ?? "");
+    }
+  };
+  const handleClose = () => {
+    resetForm();
+    onClose();
+  };
+  useEffect(() => {
+    if (project) {
+      setName(project.name);
+      setDescription(project.description ?? "");
+    }
+  }, [project]);
+  const handleEdit = async () => {
+    if (!project)
+      return;
+    setError(null);
+    if (!name.trim()) {
+      setError("Project name is required");
+      return;
+    }
+    try {
+      await onUpdate({
+        id: project.id,
+        name: name.trim(),
+        description: description.trim() || undefined
+      });
+      handleClose();
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to update project");
+    }
+  };
+  const handleArchive = async () => {
+    if (!project)
+      return;
+    setError(null);
+    try {
+      await onArchive(project.id);
+      handleClose();
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to archive project");
+    }
+  };
+  const handleActivate = async () => {
+    if (!project)
+      return;
+    setError(null);
+    try {
+      await onActivate(project.id);
+      handleClose();
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to activate project");
+    }
+  };
+  const handleDelete = async () => {
+    if (!project)
+      return;
+    setError(null);
+    try {
+      await onDelete(project.id);
+      handleClose();
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to delete project");
+    }
+  };
+  if (!isOpen || !project)
+    return null;
+  return /* @__PURE__ */ jsxDEV("div", {
+    className: "fixed inset-0 z-50 flex items-center justify-center",
+    children: [
+      /* @__PURE__ */ jsxDEV("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"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV("div", {
+        className: "bg-card border-border relative z-10 w-full max-w-md rounded-xl border p-6 shadow-xl",
+        children: [
+          /* @__PURE__ */ jsxDEV("div", {
+            className: "border-border mb-4 border-b pb-4",
+            children: [
+              /* @__PURE__ */ jsxDEV("h2", {
+                className: "text-xl font-semibold",
+                children: project.name
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV("p", {
+                className: "text-muted-foreground text-sm",
+                children: [
+                  project.tier,
+                  " \xB7 ",
+                  project.status
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          mode === "menu" && /* @__PURE__ */ jsxDEV("div", {
+            className: "space-y-3",
+            children: [
+              /* @__PURE__ */ jsxDEV(Button, {
+                className: "w-full justify-start",
+                variant: "ghost",
+                onPress: () => setMode("edit"),
+                children: [
+                  /* @__PURE__ */ jsxDEV("span", {
+                    className: "mr-2",
+                    children: "\u270F\uFE0F"
+                  }, undefined, false, undefined, this),
+                  " Edit Project"
+                ]
+              }, undefined, true, undefined, this),
+              project.status === "ACTIVE" || project.status === "DRAFT" ? /* @__PURE__ */ jsxDEV(Button, {
+                className: "w-full justify-start",
+                variant: "ghost",
+                onPress: () => setMode("archive"),
+                children: [
+                  /* @__PURE__ */ jsxDEV("span", {
+                    className: "mr-2",
+                    children: "\uD83D\uDCE6"
+                  }, undefined, false, undefined, this),
+                  " Archive Project"
+                ]
+              }, undefined, true, undefined, this) : project.status === "ARCHIVED" ? /* @__PURE__ */ jsxDEV(Button, {
+                className: "w-full justify-start",
+                variant: "ghost",
+                onPress: handleActivate,
+                disabled: isLoading,
+                children: [
+                  /* @__PURE__ */ jsxDEV("span", {
+                    className: "mr-2",
+                    children: "\uD83D\uDD04"
+                  }, undefined, false, undefined, this),
+                  " Restore Project"
+                ]
+              }, undefined, true, undefined, this) : null,
+              /* @__PURE__ */ jsxDEV(Button, {
+                className: "w-full justify-start text-red-500 hover:text-red-600",
+                variant: "ghost",
+                onPress: () => setMode("delete"),
+                children: [
+                  /* @__PURE__ */ jsxDEV("span", {
+                    className: "mr-2",
+                    children: "\uD83D\uDDD1\uFE0F"
+                  }, undefined, false, undefined, this),
+                  " Delete Project"
+                ]
+              }, 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 === "edit" && /* @__PURE__ */ jsxDEV("div", {
+            className: "space-y-4",
+            children: [
+              /* @__PURE__ */ jsxDEV("div", {
+                children: [
+                  /* @__PURE__ */ jsxDEV("label", {
+                    htmlFor: "edit-name",
+                    className: "text-muted-foreground mb-1 block text-sm font-medium",
+                    children: "Project Name *"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV(Input, {
+                    id: "edit-name",
+                    value: name,
+                    onChange: (e) => setName(e.target.value),
+                    disabled: isLoading
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV("div", {
+                children: [
+                  /* @__PURE__ */ jsxDEV("label", {
+                    htmlFor: "edit-description",
+                    className: "text-muted-foreground mb-1 block text-sm font-medium",
+                    children: "Description"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV("textarea", {
+                    id: "edit-description",
+                    value: description,
+                    onChange: (e) => setDescription(e.target.value),
+                    rows: 3,
+                    disabled: isLoading,
+                    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 disabled:opacity-50"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              error && /* @__PURE__ */ jsxDEV("div", {
+                className: "bg-destructive/10 text-destructive rounded-md p-3 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: handleEdit,
+                    disabled: isLoading,
+                    children: isLoading ? "Saving..." : "Save Changes"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          mode === "archive" && /* @__PURE__ */ jsxDEV("div", {
+            className: "space-y-4",
+            children: [
+              /* @__PURE__ */ jsxDEV("p", {
+                className: "text-muted-foreground",
+                children: [
+                  "Are you sure you want to archive",
+                  " ",
+                  /* @__PURE__ */ jsxDEV("span", {
+                    className: "text-foreground font-medium",
+                    children: project.name
+                  }, undefined, false, undefined, this),
+                  "?"
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV("p", {
+                className: "text-muted-foreground text-sm",
+                children: "Archived projects can be restored later."
+              }, undefined, false, undefined, this),
+              error && /* @__PURE__ */ jsxDEV("div", {
+                className: "bg-destructive/10 text-destructive rounded-md p-3 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: "Cancel"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV(Button, {
+                    onPress: handleArchive,
+                    disabled: isLoading,
+                    children: isLoading ? "Archiving..." : "\uD83D\uDCE6 Archive"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          mode === "delete" && /* @__PURE__ */ jsxDEV("div", {
+            className: "space-y-4",
+            children: [
+              /* @__PURE__ */ jsxDEV("p", {
+                className: "text-muted-foreground",
+                children: [
+                  "Are you sure you want to delete",
+                  " ",
+                  /* @__PURE__ */ jsxDEV("span", {
+                    className: "text-foreground font-medium",
+                    children: project.name
+                  }, undefined, false, undefined, this),
+                  "?"
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV("p", {
+                className: "text-destructive text-sm",
+                children: "This action cannot be undone."
+              }, undefined, false, undefined, this),
+              error && /* @__PURE__ */ jsxDEV("div", {
+                className: "bg-destructive/10 text-destructive rounded-md p-3 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: "Cancel"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV(Button, {
+                    variant: "destructive",
+                    onPress: handleDelete,
+                    disabled: isLoading,
+                    children: isLoading ? "Deleting..." : "\uD83D\uDDD1\uFE0F Delete"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
 }
-
-//#endregion
-export { ProjectActionsModal };
-//# sourceMappingURL=ProjectActionsModal.js.map
+export {
+  ProjectActionsModal
+};