@flowselections/floriday-afhandeling-module 1.0.15 → 1.0.17

package/dist-lib/components/afhandeling/LeveringenPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LeveringenPage.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/LeveringenPage.tsx"],"names":[],"mappings":"AAwBA,wBAAgB,cAAc,gCA2G7B"}
+{"version":3,"file":"LeveringenPage.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/LeveringenPage.tsx"],"names":[],"mappings":"AAmBA,wBAAgB,cAAc,gCA2F7B"}

package/dist-lib/components/afhandeling/LeveringenPage.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
 import { useQueryClient } from "@tanstack/react-query";
-import { Button, Input, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Tabs, TabsContent, TabsList, TabsTrigger, toast, } from "@flowselections/core";
+import { Button, Input, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, toast, } from "@flowselections/core";
 import { RefreshCw } from "lucide-react";
 import { WeekAgendaView } from "./WeekAgendaView";
 import { useOrderPlanning } from "../../hooks/useOrderPlanning";
@@ -33,5 +33,5 @@ export function LeveringenPage() {
             return true;
         });
     }, [planned, customer, deliveryType, dateFrom, dateTo]);
-    return (_jsx("main", { className: "p-6 space-y-6", children: _jsxs(Tabs, { defaultValue: "overzicht", className: "space-y-6", children: [_jsxs(TabsList, { children: [_jsx(TabsTrigger, { value: "overzicht", children: "Overzicht" }), _jsx(TabsTrigger, { value: "veilbrieven", children: "Veilbrieven" })] }), _jsxs("div", { className: "flex flex-wrap items-end justify-between gap-3", children: [_jsxs("div", { className: "flex flex-wrap items-end gap-3", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Datum vanaf" }), _jsx(Input, { type: "date", value: dateFrom, onChange: (e) => setDateFrom(e.target.value), className: "w-40" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Datum t/m" }), _jsx(Input, { type: "date", value: dateTo, onChange: (e) => setDateTo(e.target.value), className: "w-40" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Klant" }), _jsxs(Select, { value: customer, onValueChange: setCustomer, children: [_jsx(SelectTrigger, { className: "w-56", children: _jsx(SelectValue, { placeholder: "Alle klanten" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: ALL, children: "Alle klanten" }), customers.map((c) => _jsx(SelectItem, { value: c, children: c }, c))] })] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Type levering" }), _jsxs(Select, { value: deliveryType, onValueChange: setDeliveryType, children: [_jsx(SelectTrigger, { className: "w-56", children: _jsx(SelectValue, { placeholder: "Alle types" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: ALL, children: "Alle types" }), deliveryTypes.map((t) => _jsx(SelectItem, { value: t, children: t }, t))] })] })] })] }), _jsx("div", { className: "flex items-end gap-2", children: _jsxs(Button, { variant: "outline", onClick: handleRecalc, children: [_jsx(RefreshCw, { className: "mr-2 h-4 w-4" }), "Herbereken planning"] }) })] }), _jsxs(TabsContent, { value: "overzicht", className: "space-y-3", children: [warning && !error && (_jsxs("div", { className: "rounded-md border border-amber-300 bg-amber-50 p-4 text-sm text-amber-900", children: [warning, " De beschikbare orders blijven zichtbaar."] })), error ? (_jsxs("div", { className: "rounded-md border border-destructive/30 bg-destructive/5 p-4 text-sm text-destructive", children: [error, _jsx(Button, { size: "sm", variant: "outline", className: "ml-3", onClick: () => refetch(), children: "Opnieuw proberen" })] })) : (_jsx(WeekAgendaView, { planned: filtered, mode: "delivery", isLoading: isLoading, showPrintButtons: true }))] }), _jsx(TabsContent, { value: "veilbrieven", children: _jsx("div", { className: "rounded-md border border-dashed p-10 text-center text-sm text-muted-foreground", children: "Veilbrieven volgen in een volgende iteratie." }) })] }) }));
+    return (_jsxs("main", { className: "p-6 space-y-6", children: [_jsxs("div", { className: "flex flex-wrap items-end justify-between gap-3", children: [_jsxs("div", { className: "flex flex-wrap items-end gap-3", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Datum vanaf" }), _jsx(Input, { type: "date", value: dateFrom, onChange: (e) => setDateFrom(e.target.value), className: "w-40" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Datum t/m" }), _jsx(Input, { type: "date", value: dateTo, onChange: (e) => setDateTo(e.target.value), className: "w-40" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Klant" }), _jsxs(Select, { value: customer, onValueChange: setCustomer, children: [_jsx(SelectTrigger, { className: "w-56", children: _jsx(SelectValue, { placeholder: "Alle klanten" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: ALL, children: "Alle klanten" }), customers.map((c) => _jsx(SelectItem, { value: c, children: c }, c))] })] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Type levering" }), _jsxs(Select, { value: deliveryType, onValueChange: setDeliveryType, children: [_jsx(SelectTrigger, { className: "w-56", children: _jsx(SelectValue, { placeholder: "Alle types" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: ALL, children: "Alle types" }), deliveryTypes.map((t) => _jsx(SelectItem, { value: t, children: t }, t))] })] })] })] }), _jsx("div", { className: "flex items-end gap-2", children: _jsxs(Button, { variant: "outline", onClick: handleRecalc, children: [_jsx(RefreshCw, { className: "mr-2 h-4 w-4" }), "Herbereken planning"] }) })] }), warning && !error && (_jsxs("div", { className: "rounded-md border border-amber-300 bg-amber-50 p-4 text-sm text-amber-900", children: [warning, " De beschikbare orders blijven zichtbaar."] })), error ? (_jsxs("div", { className: "rounded-md border border-destructive/30 bg-destructive/5 p-4 text-sm text-destructive", children: [error, _jsx(Button, { size: "sm", variant: "outline", className: "ml-3", onClick: () => refetch(), children: "Opnieuw proberen" })] })) : (_jsx(WeekAgendaView, { planned: filtered, mode: "delivery", isLoading: isLoading, showPrintButtons: true }))] }));
 }

package/dist-lib/components/afhandeling/PickAgendaView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PickAgendaView.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/PickAgendaView.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAIlE,MAAM,WAAW,mBAAmB;IAClC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CAC/C;AAED,wBAAgB,cAAc,CAAC,EAAE,YAAY,EAAE,EAAE,mBAAmB,+BAkHnE"}
+{"version":3,"file":"PickAgendaView.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/PickAgendaView.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAIlE,MAAM,WAAW,mBAAmB;IAClC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CAC/C;AAED,wBAAgB,cAAc,CAAC,EAAE,YAAY,EAAE,EAAE,mBAAmB,+BAmGnE"}

package/dist-lib/components/afhandeling/PickAgendaView.js

@@ -1,9 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
 import { useQueryClient } from "@tanstack/react-query";
-import { Button, Input, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Tabs, TabsContent, TabsList, TabsTrigger, } from "@flowselections/core";
+import { Button, Input, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, toast, } from "@flowselections/core";
 import { RefreshCw } from "lucide-react";
-import { toast } from "@flowselections/core";
 import { WeekAgendaView } from "./WeekAgendaView";
 import { DagDetailDialog } from "./DagDetailDialog";
 import { useOrderPlanning } from "../../hooks/useOrderPlanning";
@@ -36,5 +35,5 @@ export function PickAgendaView({ onOrderClick }) {
             return true;
         });
     }, [planned, customer, deliveryType, dateFrom, dateTo]);
-    return (_jsxs(Tabs, { defaultValue: "overzicht", className: "space-y-6", children: [_jsxs(TabsList, { children: [_jsx(TabsTrigger, { value: "overzicht", children: "Overzicht" }), _jsx(TabsTrigger, { value: "veilbrieven", children: "Veilbrieven" })] }), _jsxs("div", { className: "flex flex-wrap items-end justify-between gap-3", children: [_jsxs("div", { className: "flex flex-wrap items-end gap-3", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Datum vanaf" }), _jsx(Input, { type: "date", value: dateFrom, onChange: (e) => setDateFrom(e.target.value), className: "w-40" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Datum t/m" }), _jsx(Input, { type: "date", value: dateTo, onChange: (e) => setDateTo(e.target.value), className: "w-40" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Klant" }), _jsxs(Select, { value: customer, onValueChange: setCustomer, children: [_jsx(SelectTrigger, { className: "w-56", children: _jsx(SelectValue, { placeholder: "Alle klanten" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: ALL, children: "Alle klanten" }), customers.map((c) => _jsx(SelectItem, { value: c, children: c }, c))] })] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Type levering" }), _jsxs(Select, { value: deliveryType, onValueChange: setDeliveryType, children: [_jsx(SelectTrigger, { className: "w-56", children: _jsx(SelectValue, { placeholder: "Alle types" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: ALL, children: "Alle types" }), deliveryTypes.map((t) => _jsx(SelectItem, { value: t, children: t }, t))] })] })] })] }), _jsx("div", { className: "flex items-end gap-2", children: _jsxs(Button, { variant: "outline", onClick: handleRecalc, children: [_jsx(RefreshCw, { className: "mr-2 h-4 w-4" }), "Herbereken planning"] }) })] }), _jsxs(TabsContent, { value: "overzicht", className: "space-y-3", children: [warning && !error && (_jsxs("div", { className: "rounded-md border border-amber-300 bg-amber-50 p-4 text-sm text-amber-900", children: [warning, " De beschikbare orders blijven zichtbaar."] })), error ? (_jsxs("div", { className: "rounded-md border border-destructive/30 bg-destructive/5 p-4 text-sm text-destructive", children: [error, _jsx(Button, { size: "sm", variant: "outline", className: "ml-3", onClick: () => refetch(), children: "Opnieuw proberen" })] })) : (_jsx(WeekAgendaView, { planned: filtered, mode: "pick", isLoading: isLoading, onOrderClick: onOrderClick, onDayClick: setDayDetailDate }))] }), _jsx(TabsContent, { value: "veilbrieven", children: _jsx("div", { className: "rounded-md border border-dashed p-10 text-center text-sm text-muted-foreground", children: "Veilbrieven volgen in een volgende iteratie." }) }), _jsx(DagDetailDialog, { open: !!dayDetailDate, date: dayDetailDate, planned: filtered, onOpenChange: (o) => !o && setDayDetailDate(null) })] }));
+    return (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "flex flex-wrap items-end justify-between gap-3", children: [_jsxs("div", { className: "flex flex-wrap items-end gap-3", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Datum vanaf" }), _jsx(Input, { type: "date", value: dateFrom, onChange: (e) => setDateFrom(e.target.value), className: "w-40" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Datum t/m" }), _jsx(Input, { type: "date", value: dateTo, onChange: (e) => setDateTo(e.target.value), className: "w-40" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Klant" }), _jsxs(Select, { value: customer, onValueChange: setCustomer, children: [_jsx(SelectTrigger, { className: "w-56", children: _jsx(SelectValue, { placeholder: "Alle klanten" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: ALL, children: "Alle klanten" }), customers.map((c) => _jsx(SelectItem, { value: c, children: c }, c))] })] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Type levering" }), _jsxs(Select, { value: deliveryType, onValueChange: setDeliveryType, children: [_jsx(SelectTrigger, { className: "w-56", children: _jsx(SelectValue, { placeholder: "Alle types" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: ALL, children: "Alle types" }), deliveryTypes.map((t) => _jsx(SelectItem, { value: t, children: t }, t))] })] })] })] }), _jsx("div", { className: "flex items-end gap-2", children: _jsxs(Button, { variant: "outline", onClick: handleRecalc, children: [_jsx(RefreshCw, { className: "mr-2 h-4 w-4" }), "Herbereken planning"] }) })] }), warning && !error && (_jsxs("div", { className: "rounded-md border border-amber-300 bg-amber-50 p-4 text-sm text-amber-900", children: [warning, " De beschikbare orders blijven zichtbaar."] })), error ? (_jsxs("div", { className: "rounded-md border border-destructive/30 bg-destructive/5 p-4 text-sm text-destructive", children: [error, _jsx(Button, { size: "sm", variant: "outline", className: "ml-3", onClick: () => refetch(), children: "Opnieuw proberen" })] })) : (_jsx(WeekAgendaView, { planned: filtered, mode: "pick", isLoading: isLoading, onOrderClick: onOrderClick, onDayClick: setDayDetailDate })), _jsx(DagDetailDialog, { open: !!dayDetailDate, date: dayDetailDate, planned: filtered, onOpenChange: (o) => !o && setDayDetailDate(null) })] }));
 }

package/dist-lib/components/afhandeling/WeekAgendaView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WeekAgendaView.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/WeekAgendaView.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAElE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAOjE,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,QAAQ,GAAG,oBAAoB,GAAG,MAAM,CAAC;AAEnF,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,IAAI,EAAE,cAAc,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+DAA+D;IAC/D,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AA8DD,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,UAAU,EACV,KAAK,EACL,gBAAgB,GACjB,EAAE,mBAAmB,+BAoIrB"}
+{"version":3,"file":"WeekAgendaView.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/WeekAgendaView.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAElE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAOjE,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,QAAQ,GAAG,oBAAoB,GAAG,MAAM,CAAC;AAEnF,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,IAAI,EAAE,cAAc,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+DAA+D;IAC/D,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AA8DD,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,UAAU,EACV,KAAK,EACL,gBAAgB,GACjB,EAAE,mBAAmB,+BA8JrB"}

package/dist-lib/components/afhandeling/WeekAgendaView.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo, useState } from "react";
+import { useEffect, useMemo, useRef, useState } from "react";
 import { Button, Badge, toast } from "@flowselections/core";
 import { ChevronLeft, ChevronRight, Package, Truck, Sprout, Clock, CheckCircle2, Scale, Printer } from "lucide-react";
 import { isSameDay, startOfWeek, addDays } from "../../lib/pickDate";
@@ -44,6 +44,35 @@ export function WeekAgendaView({ planned, mode, isLoading, onOrderClick, onDayCl
         d.setHours(0, 0, 0, 0);
         return startOfWeek(d);
     });
+    // Als er in de huidige week niks staat maar er zijn wél orders in de
+    // toekomst, spring dan éénmalig naar de eerstvolgende week met data zodat
+    // gebruikers hun orders direct zien in plaats van een lege week.
+    const autoJumpedRef = useRef(false);
+    useEffect(() => {
+        if (autoJumpedRef.current)
+            return;
+        if (!planned.length)
+            return;
+        const today = new Date();
+        today.setHours(0, 0, 0, 0);
+        const currentWeekStart = startOfWeek(today);
+        const currentWeekEnd = addDays(currentWeekStart, 6);
+        const dates = planned
+            .map((p) => dateForPlanned(p, mode))
+            .filter((d) => !!d);
+        const hasCurrent = dates.some((d) => d >= currentWeekStart && d <= new Date(currentWeekEnd.getTime() + 86399999));
+        if (hasCurrent) {
+            autoJumpedRef.current = true;
+            return;
+        }
+        const future = dates
+            .filter((d) => d > currentWeekEnd)
+            .sort((a, b) => a.getTime() - b.getTime());
+        if (future.length > 0) {
+            setCursor(startOfWeek(future[0]));
+            autoJumpedRef.current = true;
+        }
+    }, [planned, mode]);
     const weekStart = useMemo(() => startOfWeek(cursor), [cursor]);
     const weekEnd = useMemo(() => addDays(weekStart, 6), [weekStart]);
     const weekNumber = useMemo(() => getISOWeek(weekStart), [weekStart]);
@@ -171,22 +200,7 @@ function DayRow({ day, onOrderClick, onDayClick, showPrintButtons, }) {
             setPrintingOrderId(null);
         }
     };
-    return (_jsxs("div", { className: `rounded-lg border bg-card ${isToday ? "ring-1 ring-primary" : ""}`, children: [_jsxs("div", { className: "flex flex-wrap items-center gap-6 px-4 py-4 sm:px-6", children: [_jsxs("div", { className: "w-20 shrink-0", children: [_jsx("div", { className: "text-xs font-medium tracking-wider text-muted-foreground", children: WEEKDAY_LABELS[weekdayIdx] }), _jsx("div", { className: "mt-1 text-3xl font-bold leading-none", children: day.date.getDate() }), _jsxs("div", { className: "text-sm text-muted-foreground", children: [MONTHS_NL_SHORT[day.date.getMonth()], "."] })] }), _jsxs("div", { className: "flex flex-1 flex-wrap items-center gap-6", children: [_jsx(Stat, { icon: _jsx(Package, { className: "h-4 w-4 text-slate-500" }), bg: "bg-slate-100", value: day.bestellingen, label: "bestellingen" }), _jsx(Stat, { icon: _jsx(Truck, { className: "h-4 w-4 text-amber-600" }), bg: "bg-amber-100", value: day.karren, label: "karren" }), _jsx(Stat, { icon: _jsx(Sprout, { className: "h-4 w-4 text-green-600" }), bg: "bg-green-100", value: day.planten, label: "planten" })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [day.movedEarlierOrderIds.size > 0 && (_jsxs(Badge, { className: "bg-purple-500/10 text-purple-700 hover:bg-purple-500/10", variant: "secondary", title: "Aantal orders dat vervroegd is ingepland door Pickverdeling.", children: [_jsx(Scale, { className: "mr-1 h-3.5 w-3.5" }), day.movedEarlierOrderIds.size, " vervroegd"] })), day.verzendklaar > 0 && (_jsxs(Badge, { className: "bg-green-500/15 text-green-700 hover:bg-green-500/15", variant: "secondary", children: [_jsx(CheckCircle2, { className: "mr-1 h-3.5 w-3.5" }), day.verzendklaar, " verzendklaar"] })), day.voorbereiding > 0 && (_jsxs(Badge, { className: "bg-blue-500/10 text-blue-700 hover:bg-blue-500/10", variant: "secondary", children: [_jsx(Clock, { className: "mr-1 h-3.5 w-3.5" }), day.voorbereiding, " in voorbereiding"] })), showPrintButtons && printableItems.length > 0 && (_jsxs(Button, { size: "sm", variant: "outline", onClick: handlePrintDay, disabled: printingDay, children: [_jsx(Printer, { className: "mr-1 h-4 w-4" }), printingDay ? "Printen…" : `Print afleverbrieven (${printableItems.length})`] })), onDayClick && day.bestellingen > 0 && (_jsx(Button, { size: "sm", variant: "outline", onClick: () => onDayClick(day.date), children: "Dagdetails" }))] })] }), (onOrderClick || showPrintButtons) && day.entries.length > 0 && (_jsx("div", { className: "border-t px-4 py-2 sm:px-6", children: _jsx("div", { className: "flex flex-wrap gap-2", children: day.entries.map((e, idx) => {
-                        const moved = e.movedEarlier;
-                        const split = e.splitPart;
-                        const canPrint = showPrintButtons && e.order.source === "floriday" && !!e.order.salesOrderId;
-                        return (_jsxs("div", { className: `flex items-center gap-1 rounded border px-2 py-1 text-xs ${moved || split ? "border-purple-300 bg-purple-50" : ""}`, children: [_jsxs("button", { type: "button", onClick: () => onOrderClick?.(e.order), disabled: !onOrderClick, title: [
-                                        split
-                                            ? `Deel ${split.index}/${split.total} — ${e.cartCount} karren deze dag (verdeeld picken).`
-                                            : moved
-                                                ? "Deze order is eerder ingepland vanwege Pickverdeling."
-                                                : null,
-                                        e.carrierName ? `Vervoerder: ${e.carrierName}` : null,
-                                        e.reason ? `Planning: ${e.reason}` : null,
-                                    ]
-                                        .filter(Boolean)
-                                        .join("\n") || undefined, className: `flex items-center gap-1 ${onOrderClick ? "hover:underline" : "cursor-default"}`, children: [(moved || split) && _jsx(Scale, { className: "h-3 w-3 text-purple-600" }), _jsx("span", { className: "font-medium", children: e.order.orderNumber }), _jsxs("span", { className: "ml-1 text-muted-foreground", children: ["\u00B7 ", e.order.customerName] }), _jsxs("span", { className: "ml-1 text-purple-700", children: ["\u00B7 ", e.cartCount, " karren", split ? ` (deel ${split.index}/${split.total})` : ""] })] }), canPrint && (_jsx("button", { type: "button", onClick: () => handlePrintOrder(e.order), disabled: printingOrderId === e.order.id, title: "Afleverbrief printen", className: "ml-1 rounded p-0.5 hover:bg-muted disabled:opacity-50", children: _jsx(Printer, { className: "h-3.5 w-3.5" }) }))] }, `${e.order.id}-${idx}`));
-                    }) }) }))] }));
+    return (_jsx("div", { className: `rounded-lg border bg-card ${isToday ? "ring-1 ring-primary" : ""}`, children: _jsxs("div", { className: "flex flex-wrap items-center gap-6 px-4 py-4 sm:px-6", children: [_jsxs("div", { className: "w-20 shrink-0", children: [_jsx("div", { className: "text-xs font-medium tracking-wider text-muted-foreground", children: WEEKDAY_LABELS[weekdayIdx] }), _jsx("div", { className: "mt-1 text-3xl font-bold leading-none", children: day.date.getDate() }), _jsxs("div", { className: "text-sm text-muted-foreground", children: [MONTHS_NL_SHORT[day.date.getMonth()], "."] })] }), _jsxs("div", { className: "flex flex-1 flex-wrap items-center gap-6", children: [_jsx(Stat, { icon: _jsx(Package, { className: "h-4 w-4 text-slate-500" }), bg: "bg-slate-100", value: day.bestellingen, label: "bestellingen" }), _jsx(Stat, { icon: _jsx(Truck, { className: "h-4 w-4 text-amber-600" }), bg: "bg-amber-100", value: day.karren, label: "karren" }), _jsx(Stat, { icon: _jsx(Sprout, { className: "h-4 w-4 text-green-600" }), bg: "bg-green-100", value: day.planten, label: "planten" })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [day.movedEarlierOrderIds.size > 0 && (_jsxs(Badge, { className: "bg-purple-500/10 text-purple-700 hover:bg-purple-500/10", variant: "secondary", title: "Aantal orders dat vervroegd is ingepland door Pickverdeling.", children: [_jsx(Scale, { className: "mr-1 h-3.5 w-3.5" }), day.movedEarlierOrderIds.size, " vervroegd"] })), day.verzendklaar > 0 && (_jsxs(Badge, { className: "bg-green-500/15 text-green-700 hover:bg-green-500/15", variant: "secondary", children: [_jsx(CheckCircle2, { className: "mr-1 h-3.5 w-3.5" }), day.verzendklaar, " verzendklaar"] })), day.voorbereiding > 0 && (_jsxs(Badge, { className: "bg-blue-500/10 text-blue-700 hover:bg-blue-500/10", variant: "secondary", children: [_jsx(Clock, { className: "mr-1 h-3.5 w-3.5" }), day.voorbereiding, " in voorbereiding"] })), showPrintButtons && printableItems.length > 0 && (_jsxs(Button, { size: "sm", variant: "outline", onClick: handlePrintDay, disabled: printingDay, children: [_jsx(Printer, { className: "mr-1 h-4 w-4" }), printingDay ? "Printen…" : `Print afleverbrieven (${printableItems.length})`] })), onDayClick && day.bestellingen > 0 && (_jsx(Button, { size: "sm", variant: "outline", onClick: () => onDayClick(day.date), children: "Dagdetails" }))] })] }) }));
 }
 function Stat({ icon, bg, value, label, }) {
     return (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: `grid h-8 w-8 place-items-center rounded-full ${bg}`, children: icon }), _jsxs("div", { children: [_jsx("div", { className: "text-lg font-bold leading-none", children: value }), _jsx("div", { className: "text-xs text-muted-foreground", children: label })] })] }));

package/dist-lib/components/engine/CapaciteitsmaatregelenPage.d.ts

@@ -0,0 +1,2 @@
+export declare function CapaciteitsmaatregelenPage(): import("react").JSX.Element;
+//# sourceMappingURL=CapaciteitsmaatregelenPage.d.ts.map

package/dist-lib/components/engine/CapaciteitsmaatregelenPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CapaciteitsmaatregelenPage.d.ts","sourceRoot":"","sources":["../../../src/components/engine/CapaciteitsmaatregelenPage.tsx"],"names":[],"mappings":"AAiBA,wBAAgB,0BAA0B,gCAyIzC"}

package/dist-lib/components/engine/CapaciteitsmaatregelenPage.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useMutation, useQueryClient, useSuspenseQuery } from "@tanstack/react-query";
+import { useServerFn } from "@tanstack/react-start";
+import { Card, CardContent, CardHeader, CardTitle, CardDescription, Button, Input, Label, Switch, Separator, toast, } from "@flowselections/core";
+import { ChevronDown, ChevronUp, Save, ShieldCheck } from "lucide-react";
+import { DEFAULT_CAPACITY_SETTINGS, MEASURE_LABELS, MEASURE_UNITS, } from "../../lib/logisticsEngine/safetyLayer";
+import { getCapacitySettings, saveCapacitySettings } from "../../lib/logisticsEngine/capacity.functions";
+export function CapaciteitsmaatregelenPage() {
+    const getFn = useServerFn(getCapacitySettings);
+    const saveFn = useServerFn(saveCapacitySettings);
+    const qc = useQueryClient();
+    const { data } = useSuspenseQuery({
+        queryKey: ["capacity-settings"],
+        queryFn: () => getFn(),
+    });
+    const [settings, setSettings] = useState(data.settings ?? DEFAULT_CAPACITY_SETTINGS);
+    useEffect(() => { setSettings(data.settings ?? DEFAULT_CAPACITY_SETTINGS); }, [data.settings]);
+    const save = useMutation({
+        mutationFn: () => saveFn({ data: { settings } }),
+        onSuccess: () => {
+            toast.success("Instellingen opgeslagen");
+            qc.invalidateQueries({ queryKey: ["capacity-settings"] });
+        },
+        onError: (e) => toast.error(e instanceof Error ? e.message : "Opslaan mislukt"),
+    });
+    const move = (idx, dir) => {
+        const next = [...settings.measures];
+        const j = idx + dir;
+        if (j < 0 || j >= next.length)
+            return;
+        [next[idx], next[j]] = [next[j], next[idx]];
+        setSettings({ ...settings, measures: next });
+    };
+    const patch = (idx, p) => {
+        const next = settings.measures.map((m, i) => (i === idx ? { ...m, ...p } : m));
+        setSettings({ ...settings, measures: next });
+    };
+    return (_jsxs("main", { className: "p-6 space-y-6 max-w-4xl", children: [_jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { children: [_jsxs("h1", { className: "text-2xl font-semibold flex items-center gap-2", children: [_jsx(ShieldCheck, { className: "w-6 h-6" }), " Capaciteitsmaatregelen"] }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Bepaal welke maatregelen de engine mag inzetten wanneer de planning niet meer haalbaar is, en in welke volgorde." })] }), _jsxs(Button, { onClick: () => save.mutate(), disabled: save.isPending, children: [_jsx(Save, { className: "w-4 h-4 mr-2" }), " Opslaan"] })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { className: "text-base", children: "Drempels en modus" }), _jsx(CardDescription, { children: "Wanneer wordt de planning oranje of rood en mag de engine zelf ingrijpen?" })] }), _jsxs(CardContent, { className: "grid gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { children: "Oranje drempel (min reserve)" }), _jsx(Input, { type: "number", value: settings.amberThresholdMinutes, onChange: (e) => setSettings({ ...settings, amberThresholdMinutes: Number(e.target.value) || 0 }) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { children: "Rood drempel (min reserve)" }), _jsx(Input, { type: "number", value: settings.redThresholdMinutes, onChange: (e) => setSettings({ ...settings, redThresholdMinutes: Number(e.target.value) || 0 }) })] }), _jsxs("div", { className: "flex items-center justify-between rounded-md border p-3", children: [_jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium", children: "Automatisch toepassen" }), _jsx("div", { className: "text-xs text-muted-foreground", children: "Voer maatregelen automatisch uit zodra ze nodig zijn." })] }), _jsx(Switch, { checked: settings.autoApply, onCheckedChange: (v) => setSettings({ ...settings, autoApply: Boolean(v), warningOnly: v ? false : settings.warningOnly }) })] }), _jsxs("div", { className: "flex items-center justify-between rounded-md border p-3", children: [_jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium", children: "Nooit automatisch ingrijpen" }), _jsx("div", { className: "text-xs text-muted-foreground", children: "Alleen waarschuwingen tonen, geen maatregelen voorstellen." })] }), _jsx(Switch, { checked: settings.warningOnly, onCheckedChange: (v) => setSettings({ ...settings, warningOnly: Boolean(v), autoApply: v ? false : settings.autoApply }) })] })] })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { className: "text-base", children: "Maatregelen op volgorde" }), _jsx(CardDescription, { children: "De engine probeert maatregelen van boven naar beneden totdat het tekort is opgelost." })] }), _jsx(CardContent, { className: "space-y-3", children: settings.measures.map((m, idx) => (_jsxs("div", { className: "rounded-md border p-3", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("div", { className: "flex flex-col", children: [_jsx("button", { className: "p-1 text-muted-foreground hover:text-foreground disabled:opacity-30", disabled: idx === 0, onClick: () => move(idx, -1), "aria-label": "Omhoog", children: _jsx(ChevronUp, { className: "w-4 h-4" }) }), _jsx("button", { className: "p-1 text-muted-foreground hover:text-foreground disabled:opacity-30", disabled: idx === settings.measures.length - 1, onClick: () => move(idx, 1), "aria-label": "Omlaag", children: _jsx(ChevronDown, { className: "w-4 h-4" }) })] }), _jsxs("div", { className: "flex-1", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsxs("div", { className: "font-medium", children: [idx + 1, ". ", MEASURE_LABELS[m.kind]] }), _jsxs("div", { className: "text-xs text-muted-foreground", children: ["Prioriteit ", idx + 1] })] }), _jsx(Switch, { checked: m.enabled, onCheckedChange: (v) => patch(idx, { enabled: Boolean(v) }) })] }), m.enabled && (_jsxs("div", { className: "mt-3 grid gap-3 sm:grid-cols-2", children: [_jsxs("div", { children: [_jsxs(Label, { children: ["Maximum (", MEASURE_UNITS[m.kind], ")"] }), _jsx(Input, { type: "number", value: m.max, onChange: (e) => patch(idx, { max: Number(e.target.value) || 0 }) })] }), m.kind === "extra-pickers" && (_jsxs("div", { children: [_jsx(Label, { children: "Karren/uur per picker" }), _jsx(Input, { type: "number", value: m.perUnit ?? 10, onChange: (e) => patch(idx, { perUnit: Number(e.target.value) || 0 }) })] }))] }))] })] }), idx < settings.measures.length - 1 && _jsx(Separator, { className: "mt-3" })] }, m.kind))) })] })] }));
+}

package/dist-lib/components/engine/CapaciteitsmonitorPage.d.ts

@@ -0,0 +1,2 @@
+export declare function CapaciteitsmonitorPage(): import("react").JSX.Element;
+//# sourceMappingURL=CapaciteitsmonitorPage.d.ts.map

package/dist-lib/components/engine/CapaciteitsmonitorPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CapaciteitsmonitorPage.d.ts","sourceRoot":"","sources":["../../../src/components/engine/CapaciteitsmonitorPage.tsx"],"names":[],"mappings":"AAuBA,wBAAgB,sBAAsB,gCAiLrC"}

package/dist-lib/components/engine/CapaciteitsmonitorPage.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { useQuery } from "@tanstack/react-query";
+import { useServerFn } from "@tanstack/react-start";
+import { Card, CardContent, CardHeader, CardTitle, CardDescription, Input, Label, Badge, Separator, } from "@flowselections/core";
+import { Activity, AlertTriangle, CheckCircle2, PlayCircle, TimerReset } from "lucide-react";
+import { DEFAULT_CAPACITY_SETTINGS, evaluateCapacity, } from "../../lib/logisticsEngine/safetyLayer";
+import { getCapacitySettings, listCapacityEvents } from "../../lib/logisticsEngine/capacity.functions";
+function statusMeta(s) {
+    if (s === "green")
+        return { color: "bg-emerald-500", label: "Groen — planning haalbaar", icon: CheckCircle2 };
+    if (s === "amber")
+        return { color: "bg-amber-500", label: "Oranje — planning wordt kritisch", icon: AlertTriangle };
+    return { color: "bg-red-500", label: "Rood — planning niet meer haalbaar", icon: AlertTriangle };
+}
+export function CapaciteitsmonitorPage() {
+    const getSettingsFn = useServerFn(getCapacitySettings);
+    const listEventsFn = useServerFn(listCapacityEvents);
+    const settingsQ = useQuery({ queryKey: ["capacity-settings"], queryFn: () => getSettingsFn() });
+    const eventsQ = useQuery({ queryKey: ["capacity-events"], queryFn: () => listEventsFn(), refetchInterval: 30000 });
+    const settings = settingsQ.data?.settings ?? DEFAULT_CAPACITY_SETTINGS;
+    const [input, setInput] = useState({
+        remainingWorkHours: 4,
+        cartsPerHour: 10,
+        pickers: 1,
+        requiredCarts: 40,
+        remainingBreakMinutes: 30,
+        earlierStartRoom: 1,
+    });
+    const [extraSim, setExtraSim] = useState(10);
+    const evalNow = useMemo(() => evaluateCapacity(input, settings), [input, settings]);
+    const evalSim = useMemo(() => evaluateCapacity({ ...input, requiredCarts: input.requiredCarts + extraSim }, settings), [input, extraSim, settings]);
+    const meta = statusMeta(evalNow.status);
+    const Icon = meta.icon;
+    return (_jsxs("main", { className: "p-6 space-y-6 max-w-6xl", children: [_jsxs("div", { children: [_jsxs("h1", { className: "text-2xl font-semibold flex items-center gap-2", children: [_jsx(Activity, { className: "w-6 h-6" }), " Capaciteitsmonitor"] }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Live gezondheid van de logistieke planning. Simuleer extra orders en bekijk welke maatregelen ingezet zouden worden." })] }), _jsxs("div", { className: "grid gap-4 lg:grid-cols-3", children: [_jsxs(Card, { className: "lg:col-span-2", children: [_jsx(CardHeader, { className: "pb-2", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("span", { className: `inline-flex h-8 w-8 items-center justify-center rounded-full ${meta.color}`, children: _jsx(Icon, { className: "w-4 h-4 text-white" }) }), _jsxs("div", { children: [_jsx(CardTitle, { className: "text-base", children: meta.label }), _jsx(CardDescription, { children: evalNow.reason })] })] }) }), _jsxs(CardContent, { className: "grid gap-4 sm:grid-cols-4", children: [_jsx(Stat, { label: "Beschikbaar", value: `${evalNow.availableCarts} karren` }), _jsx(Stat, { label: "Benodigd", value: `${evalNow.requiredCarts} karren` }), _jsx(Stat, { label: "Reserve", value: `${evalNow.reserveMinutes} min` }), _jsx(Stat, { label: "Verwachte eindtijd", value: `+${evalNow.expectedFinishMinutes} min` })] }), _jsxs(CardContent, { children: [_jsx("div", { className: "text-sm font-medium mb-2", children: "Actievoorstellen" }), evalNow.measures.length === 0 ? (_jsx("div", { className: "text-xs text-muted-foreground", children: "Geen maatregelen nodig \u2014 planning past binnen de capaciteit." })) : (_jsx("ul", { className: "space-y-2", children: evalNow.measures.map((m, i) => (_jsxs("li", { className: "flex items-center justify-between rounded-md border p-2 text-sm", children: [_jsxs("div", { children: [_jsxs("div", { className: "font-medium", children: ["\u2714 ", m.label] }), _jsxs("div", { className: "text-xs text-muted-foreground", children: [m.amount, " ", m.unit, m.addsCarts > 0 ? ` → +${m.addsCarts} karren capaciteit` : ""] })] }), _jsxs(Badge, { variant: "secondary", children: ["stap ", i + 1] })] }, i))) })), evalNow.stillShortAfterMeasures > 0 && (_jsxs("div", { className: "mt-2 text-xs text-red-600", children: ["Zelfs met alle maatregelen blijft er een tekort van ", evalNow.stillShortAfterMeasures, " karren."] }))] })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-2", children: [_jsxs(CardTitle, { className: "text-base flex items-center gap-2", children: [_jsx(TimerReset, { className: "w-4 h-4" }), " Huidige situatie"] }), _jsx(CardDescription, { children: "Pas aan om de monitor door te rekenen." })] }), _jsx(CardContent, { className: "space-y-2", children: [
+                                    ["remainingWorkHours", "Resterende werkuren"],
+                                    ["cartsPerHour", "Karren/uur (per picker)"],
+                                    ["pickers", "Aantal pickers"],
+                                    ["requiredCarts", "Benodigde karren"],
+                                    ["remainingBreakMinutes", "Resterende pauze (min)"],
+                                    ["earlierStartRoom", "Ruimte om eerder te starten (uur)"],
+                                ].map(([key, label]) => (_jsxs("div", { className: "grid grid-cols-2 items-center gap-2", children: [_jsx(Label, { className: "text-xs", children: label }), _jsx(Input, { type: "number", value: input[key], onChange: (e) => setInput({ ...input, [key]: Number(e.target.value) || 0 }) })] }, key))) })] })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-2", children: [_jsxs(CardTitle, { className: "text-base flex items-center gap-2", children: [_jsx(PlayCircle, { className: "w-4 h-4" }), " Simulatie"] }), _jsx(CardDescription, { children: "Test wat er gebeurt bij een plotselinge extra order." })] }), _jsxs(CardContent, { className: "space-y-3", children: [_jsxs("div", { className: "flex items-end gap-3", children: [_jsxs("div", { className: "w-40", children: [_jsx(Label, { className: "text-xs", children: "Extra karren" }), _jsx(Input, { type: "number", value: extraSim, onChange: (e) => setExtraSim(Number(e.target.value) || 0) })] }), _jsxs("div", { className: "text-sm", children: [_jsx("span", { className: "font-medium", children: "Resultaat: " }), _jsx(Badge, { variant: evalSim.status === "green" ? "secondary" : "destructive", children: evalSim.status === "green" ? "Haalbaar" : evalSim.status === "amber" ? "Kritisch" : "Niet haalbaar" })] })] }), _jsx("div", { className: "text-sm text-muted-foreground", children: evalSim.reason }), evalSim.measures.length > 0 && (_jsx("ul", { className: "text-sm list-disc list-inside", children: evalSim.measures.map((m, i) => (_jsxs("li", { children: [m.label, " \u2014 ", m.amount, " ", m.unit, m.addsCarts > 0 ? ` (+${m.addsCarts} karren)` : ""] }, i))) }))] })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-2", children: [_jsx(CardTitle, { className: "text-base", children: "Auditlog" }), _jsx(CardDescription, { children: "Laatste 50 capaciteitsberekeningen." })] }), _jsx(CardContent, { children: eventsQ.isLoading ? (_jsx("div", { className: "text-xs text-muted-foreground", children: "Laden\u2026" })) : (eventsQ.data?.events ?? []).length === 0 ? (_jsx("div", { className: "text-xs text-muted-foreground", children: "Nog geen evaluaties gelogd." })) : (_jsx("ul", { className: "divide-y", children: (eventsQ.data?.events ?? []).map((ev) => {
+                                const m = statusMeta(ev.status);
+                                return (_jsxs("li", { className: "py-2 flex items-center gap-3 text-sm", children: [_jsx("span", { className: `h-2 w-2 rounded-full ${m.color}` }), _jsx("span", { className: "w-40 text-muted-foreground text-xs", children: new Date(ev.created_at).toLocaleString("nl-NL") }), _jsxs("span", { className: "flex-1", children: ["Benodigd ", ev.required_carts, ", beschikbaar ", ev.available_carts, ", reserve ", ev.reserve_minutes, " min", ev.shortage_carts > 0 ? ` — tekort ${ev.shortage_carts}` : ""] }), _jsx(Badge, { variant: "outline", children: ev.outcome })] }, ev.id));
+                            }) })) })] }), _jsx(Separator, {}), _jsxs("p", { className: "text-xs text-muted-foreground", children: ["Instellingen aanpassen? Ga naar ", _jsx("a", { className: "underline", href: "/afhandeling/engine/capaciteit", children: "Capaciteitsmaatregelen" }), "."] })] }));
+}
+function Stat({ label, value }) {
+    return (_jsxs("div", { className: "rounded-md border p-3", children: [_jsx("div", { className: "text-xs text-muted-foreground", children: label }), _jsx("div", { className: "text-lg font-semibold", children: value })] }));
+}

package/dist-lib/components/engine/FormulesPage.d.ts

@@ -0,0 +1,2 @@
+export declare function FormulesPage(): import("react").JSX.Element;
+//# sourceMappingURL=FormulesPage.d.ts.map

package/dist-lib/components/engine/FormulesPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormulesPage.d.ts","sourceRoot":"","sources":["../../../src/components/engine/FormulesPage.tsx"],"names":[],"mappings":"AA8DA,wBAAgB,YAAY,gCA2L3B"}