"use client" import { useEffect, useMemo, useState } from "react" import { Button } from "@/components/ui/button" import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from "@/components/ui/dialog" import { Input } from "@/components/ui/input" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { FieldGroup, Field, FieldLabel } from "@/components/ui/field" import { Spinner } from "@/components/ui/spinner" import { toast } from "sonner" import type { LocationRow } from "@/lib/locations/tree" interface LocationDialogProps { open: boolean onOpenChange: (open: boolean) => void location: LocationRow | null allLocations: LocationRow[] onSaved: () => void } export function LocationDialog({ open, onOpenChange, location, allLocations, onSaved }: LocationDialogProps) { const [loading, setLoading] = useState(false) const [value, setValue] = useState("") const [parentId, setParentId] = useState("root") const sortedLocations = useMemo( () => [...allLocations] .filter((l) => l.id !== location?.id) .sort((a, b) => a.path.join(" > ").localeCompare(b.path.join(" > "), "es")), [allLocations, location], ) useEffect(() => { if (!open) return if (location) { setValue(location.value) setParentId(location.parent_id ?? "root") } else { setValue("") setParentId("root") } }, [open, location]) const handleSubmit = async (e: React.FormEvent) => { e.preventDefault() const trimmed = value.trim() if (!trimmed) { toast.error("Ingresa un nombre de ubicación") return } setLoading(true) if (location) { const response = await fetch(`/api/locations/${location.id}`, { method: "PATCH", credentials: "include", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ value: trimmed, parentId: parentId === "root" ? null : parentId, }), }) const payload = (await response.json().catch(() => null)) as { error?: string } | null if (!response.ok) { toast.error(payload?.error ?? "No se pudo editar ubicación") setLoading(false) return } toast.success("Ubicación editada") } else { const response = await fetch("/api/locations", { method: "POST", credentials: "include", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ value: trimmed, parentId: parentId === "root" ? null : parentId, }), }) const payload = (await response.json().catch(() => null)) as { error?: string } | null if (!response.ok) { toast.error(payload?.error ?? "No se pudo crear ubicación") setLoading(false) return } toast.success("Ubicación creada") } setLoading(false) onOpenChange(false) onSaved() } return ( ) }