@flowselections/floriday-verkoop-module 1.0.17 → 1.0.18

package/dist-lib/components/verkoop/VerkoopOrdersPage.js

@@ -7,6 +7,7 @@ import { useNavigate } from "@tanstack/react-router";
 import { useQueryClient } from "@tanstack/react-query";
 import { supabase } from "../../integrations/supabase/client";
 import { runSalesOrdersSync } from "../../lib/salesorders.functions";
+import { deleteLocalOrder } from "../../lib/create-order.functions";
 import { runTradeItemsSync } from "../../lib/tradeitems.functions";
 import { applyFilters, computeTotals, ordersToCsv, } from "../../lib/salesorders-mapping";
 import { useSalesOrdersQuery } from "../../lib/useSalesOrdersQuery";
@@ -14,6 +15,7 @@ import { AnalyticsCards } from "./AnalyticsCards";
 import { SalesOrdersFilters } from "./SalesOrdersFilters";
 import { SalesOrdersFilterPanel, countActiveFilters, } from "./SalesOrdersFilterPanel";
 import { SalesOrdersTable } from "./SalesOrdersTable";
+import { EditLocalOrderDialog } from "./EditLocalOrderDialog";
 const STATUS_TABS = [
     { id: "all", label: "Alle" },
     { id: "open", label: "Open" },
@@ -57,6 +59,30 @@ export function VerkoopOrdersPage() {
     const queryClient = useQueryClient();
     const triggerSync = useServerFn(runSalesOrdersSync);
     const triggerTradeItemsSync = useServerFn(runTradeItemsSync);
+    const triggerDeleteOrder = useServerFn(deleteLocalOrder);
+    const [orderPendingDelete, setOrderPendingDelete] = useState(null);
+    const [deleting, setDeleting] = useState(false);
+    const [editOrderId, setEditOrderId] = useState(null);
+    const handleDeleteOrder = async () => {
+        if (!orderPendingDelete)
+            return;
+        const rawId = orderPendingDelete.id.startsWith("local:")
+            ? orderPendingDelete.id.slice("local:".length)
+            : orderPendingDelete.id;
+        try {
+            setDeleting(true);
+            const res = await triggerDeleteOrder({ data: { orderId: rawId } });
+            toast.success(`Bestelling verwijderd — ${res.reversalEntries} voorraadmutatie(s) teruggedraaid`);
+            setOrderPendingDelete(null);
+            await refetch();
+        }
+        catch (e) {
+            toast.error(e?.message ?? "Verwijderen mislukt");
+        }
+        finally {
+            setDeleting(false);
+        }
+    };
     const { data, isLoading, error, refetch, isFetching } = useSalesOrdersQuery();
     const orders = data?.orders ?? [];
     const activeEnvironment = data?.environment ?? "staging";
@@ -177,7 +203,23 @@ export function VerkoopOrdersPage() {
                     }) }) }), _jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [_jsx(SalesOrdersFilters, { value: filters, onChange: setFilters }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Button, { variant: "outline", size: "sm", onClick: () => setFilterPanelOpen(true), "aria-label": "Filters", children: [_jsx(Filter, { className: "mr-2 h-4 w-4" }), "Filters", activeFilterCount > 0 && (_jsx("span", { className: "ml-2 inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-primary px-1.5 text-[11px] font-semibold text-primary-foreground", children: activeFilterCount }))] }), _jsx(Button, { variant: "outline", size: "icon", onClick: handleSync, disabled: syncing, "aria-label": "Synchroniseren", title: "Synchroniseren", children: _jsx(RefreshCw, { className: "h-4 w-4 " + (syncing ? "animate-spin" : "") }) }), _jsxs(Button, { variant: "outline", size: "sm", onClick: handleExport, children: [_jsx(Download, { className: "mr-2 h-4 w-4" }), " Exporteren"] }), _jsxs(Button, { size: "sm", onClick: () => navigate({ to: "/floriday-verkoop/verkooporders/nieuw" }), children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), " Bestelling aanmaken"] })] })] }), _jsx(AnalyticsCards, { totals: totals, loading: isLoading }), error && (_jsxs("div", { className: "flex items-start gap-3 rounded-lg border border-destructive/30 bg-destructive/5 p-4 text-sm", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-5 w-5 shrink-0 text-destructive" }), _jsxs("div", { className: "flex-1", children: [_jsx("div", { className: "font-medium text-destructive", children: "Floriday gegevens konden niet geladen worden" }), _jsx("div", { className: "mt-1 text-muted-foreground", children: error.message })] }), _jsx(Button, { size: "sm", variant: "outline", onClick: () => refetch(), disabled: isFetching, children: "Opnieuw proberen" })] })), _jsx(SalesOrdersTable, { orders: paged, loading: isLoading, onSelectOrder: (o) => navigate({
                     to: "/floriday-verkoop/verkooporders/$salesOrderId",
                     params: { salesOrderId: o.id },
-                }) }), _jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 text-sm text-muted-foreground", children: [_jsx("div", { children: totalCount === 0
+                }), onDeleteOrder: (o) => {
+                    if (!o.isLocal) {
+                        toast.error("FO-orders kunnen niet verwijderd worden.");
+                        return;
+                    }
+                    setOrderPendingDelete(o);
+                }, onEditOrder: (o) => {
+                    if (!o.isLocal) {
+                        toast.error("FO-orders kunnen niet bewerkt worden.");
+                        return;
+                    }
+                    const rawId = o.id.startsWith("local:") ? o.id.slice("local:".length) : o.id;
+                    setEditOrderId(rawId);
+                }, onConfirmOrder: (o) => navigate({
+                    to: "/floriday-verkoop/verkooporders/$salesOrderId",
+                    params: { salesOrderId: o.id },
+                }) }), orderPendingDelete && (_jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4", onClick: () => !deleting && setOrderPendingDelete(null), children: _jsxs("div", { className: "w-full max-w-md rounded-lg border border-border bg-card p-6 shadow-lg", onClick: (e) => e.stopPropagation(), children: [_jsx("h2", { className: "text-lg font-semibold text-foreground", children: "Bestelling verwijderen?" }), _jsxs("p", { className: "mt-2 text-sm text-muted-foreground", children: ["Weet je zeker dat je bestelling", " ", _jsx("span", { className: "font-medium text-foreground", children: orderPendingDelete.orderNumber || orderPendingDelete.id }), " ", "wilt verwijderen? Alle voorraadmutaties van deze bestelling worden automatisch teruggedraaid."] }), _jsxs("div", { className: "mt-5 flex justify-end gap-2", children: [_jsx(Button, { variant: "outline", size: "sm", onClick: () => setOrderPendingDelete(null), disabled: deleting, children: "Annuleren" }), _jsx(Button, { size: "sm", onClick: handleDeleteOrder, disabled: deleting, className: "bg-destructive text-destructive-foreground hover:bg-destructive/90", children: deleting ? "Bezig…" : "Verwijderen" })] })] }) })), editOrderId && (_jsx(EditLocalOrderDialog, { orderId: editOrderId, open: !!editOrderId, onOpenChange: (o) => !o && setEditOrderId(null) })), _jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 text-sm text-muted-foreground", children: [_jsx("div", { children: totalCount === 0
                             ? "Geen resultaten"
                             : totalCount === 1
                                 ? "1 resultaat"