@flowselections/mailbox-orders 1.0.8 → 1.0.10

package/dist-lib/components/SearchableSelect.d.ts

@@ -2,6 +2,7 @@ export interface SearchableOption {
     value: string;
     label: string;
     hint?: string | null;
+    disabled?: boolean;
 }
 interface SearchableSelectProps {
     value: string | null;

package/dist-lib/components/SearchableSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchableSelect.d.ts","sourceRoot":"","sources":["../../src/components/SearchableSelect.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB;AAED,UAAU,qBAAqB;IAC7B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EAAE,OAAO,EAAE,WAAuB,EAAE,UAA6B,EACtE,UAAiB,EAAE,UAAiC,EACpD,QAAQ,EAAE,SAAS,EAAE,QAAgB,GACtC,EAAE,qBAAqB,+BAuFvB"}
+{"version":3,"file":"SearchableSelect.d.ts","sourceRoot":"","sources":["../../src/components/SearchableSelect.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,qBAAqB;IAC7B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EAAE,OAAO,EAAE,WAAuB,EAAE,UAA6B,EACtE,UAAiB,EAAE,UAAiC,EACpD,QAAQ,EAAE,SAAS,EAAE,QAAgB,GACtC,EAAE,qBAAqB,+BA2FvB"}

package/dist-lib/components/SearchableSelect.js

@@ -17,5 +17,6 @@ export function SearchableSelect({ value, options, placeholder = "Kies...", empt
     }, [options, q]);
     return (_jsxs(Popover, { open: open, onOpenChange: (o) => { if (disabled)
             return; setOpen(o); if (!o)
-            setQ(""); }, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { type: "button", variant: "outline", role: "combobox", "aria-expanded": open, disabled: disabled, className: `w-full justify-between font-normal ${className ?? ""}`, children: [_jsx("span", { className: `truncate ${selected ? "" : "text-muted-foreground"}`, children: selected?.label ?? placeholder }), _jsx(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })] }) }), _jsxs(PopoverContent, { className: "w-[--radix-popover-trigger-width] p-0", align: "start", children: [_jsx("div", { className: "p-2 border-b", children: _jsxs("div", { className: "relative", children: [_jsx(Search, { className: "absolute left-2 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), _jsx(Input, { autoFocus: true, value: q, onChange: (e) => setQ(e.target.value), placeholder: `Zoek in ${options.length} items...`, className: "pl-8 h-9" })] }) }), _jsxs("div", { className: "max-h-64 overflow-y-auto py-1", children: [allowClear && (_jsxs("button", { type: "button", className: "w-full text-left text-sm px-3 py-2 hover:bg-accent flex items-center gap-2", onClick: () => { onChange(null); setOpen(false); }, children: [value === null && _jsx(Check, { className: "h-3 w-3" }), _jsx("span", { className: "text-muted-foreground italic", children: clearLabel })] })), filtered.length === 0 ? (_jsx("div", { className: "px-3 py-6 text-sm text-muted-foreground text-center", children: emptyLabel })) : (filtered.map((o) => (_jsxs("button", { type: "button", className: "w-full text-left text-sm px-3 py-2 hover:bg-accent flex items-start gap-2", onClick: () => { onChange(o.value); setOpen(false); }, children: [_jsx(Check, { className: `h-3 w-3 mt-1 shrink-0 ${value === o.value ? "" : "invisible"}` }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("div", { className: "truncate", children: o.label }), o.hint && _jsx("div", { className: "text-xs text-muted-foreground truncate", children: o.hint })] })] }, o.value)))), filtered.length === 200 && (_jsx("div", { className: "px-3 py-2 text-xs text-muted-foreground text-center border-t", children: "Toon eerste 200 resultaten \u2014 verfijn je zoekopdracht" }))] })] })] }));
+            setQ(""); }, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { type: "button", variant: "outline", role: "combobox", "aria-expanded": open, disabled: disabled, className: `w-full justify-between font-normal ${className ?? ""}`, children: [_jsx("span", { className: `truncate ${selected ? "" : "text-muted-foreground"}`, children: selected?.label ?? placeholder }), _jsx(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })] }) }), _jsxs(PopoverContent, { className: "w-[--radix-popover-trigger-width] p-0", align: "start", children: [_jsx("div", { className: "p-2 border-b", children: _jsxs("div", { className: "relative", children: [_jsx(Search, { className: "absolute left-2 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), _jsx(Input, { autoFocus: true, value: q, onChange: (e) => setQ(e.target.value), placeholder: `Zoek in ${options.length} items...`, className: "pl-8 h-9" })] }) }), _jsxs("div", { className: "max-h-64 overflow-y-auto py-1", children: [allowClear && (_jsxs("button", { type: "button", className: "w-full text-left text-sm px-3 py-2 hover:bg-accent flex items-center gap-2", onClick: () => { onChange(null); setOpen(false); }, children: [value === null && _jsx(Check, { className: "h-3 w-3" }), _jsx("span", { className: "text-muted-foreground italic", children: clearLabel })] })), filtered.length === 0 ? (_jsx("div", { className: "px-3 py-6 text-sm text-muted-foreground text-center", children: emptyLabel })) : (filtered.map((o) => (_jsxs("button", { type: "button", disabled: o.disabled, title: o.disabled ? "Niet op voorraad — selectie geblokkeerd door de Rule Engine" : undefined, className: `w-full text-left text-sm px-3 py-2 flex items-start gap-2 ${o.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-accent"}`, onClick: () => { if (o.disabled)
+                                    return; onChange(o.value); setOpen(false); }, children: [_jsx(Check, { className: `h-3 w-3 mt-1 shrink-0 ${value === o.value ? "" : "invisible"}` }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("div", { className: "truncate", children: o.label }), o.hint && _jsx("div", { className: "text-xs text-muted-foreground truncate", children: o.hint })] })] }, o.value)))), filtered.length === 200 && (_jsx("div", { className: "px-3 py-2 text-xs text-muted-foreground text-center border-t", children: "Toon eerste 200 resultaten \u2014 verfijn je zoekopdracht" }))] })] })] }));
 }

package/dist-lib/components/settings/MailboxAiPromptCard.d.ts

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

package/dist-lib/components/settings/MailboxAiPromptCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MailboxAiPromptCard.d.ts","sourceRoot":"","sources":["../../../src/components/settings/MailboxAiPromptCard.tsx"],"names":[],"mappings":"AAUA,wBAAgB,mBAAmB,gCA2FlC"}

package/dist-lib/components/settings/MailboxAiPromptCard.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { useServerFn } from "@tanstack/react-start";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle, Button, Label, Textarea, Badge, toast, } from "@flowselections/core";
+import { getMailboxAiSettings, saveMailboxAiSettings } from "../../lib/mailbox-ai-settings.functions";
+import { REQUIRED_FIELD_CHOICES, DEFAULT_REQUIRED_FIELDS } from "../../lib/mailbox-ai-prompt";
+export function MailboxAiPromptCard() {
+    const qc = useQueryClient();
+    const fetchSettings = useServerFn(getMailboxAiSettings);
+    const save = useServerFn(saveMailboxAiSettings);
+    const { data } = useQuery({
+        queryKey: ["mailbox-ai-settings"],
+        queryFn: () => fetchSettings(),
+    });
+    const [prompt, setPrompt] = useState("");
+    const [required, setRequired] = useState(DEFAULT_REQUIRED_FIELDS);
+    const [loaded, setLoaded] = useState(false);
+    useEffect(() => {
+        if (!data || loaded)
+            return;
+        setPrompt(data.system_prompt ?? data.default_prompt ?? "");
+        setRequired(Array.isArray(data.required_fields) ? data.required_fields : DEFAULT_REQUIRED_FIELDS);
+        setLoaded(true);
+    }, [data, loaded]);
+    const mut = useMutation({
+        mutationFn: () => save({ data: { system_prompt: prompt, required_fields: required } }),
+        onSuccess: () => {
+            toast.success("AI-instructie opgeslagen");
+            void qc.invalidateQueries({ queryKey: ["mailbox-ai-settings"] });
+        },
+        onError: (e) => toast.error(e?.message ?? "Opslaan mislukt"),
+    });
+    const toggle = (key) => setRequired((cur) => (cur.includes(key) ? cur.filter((k) => k !== key) : [...cur, key]));
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "AI-instructie bestelmails" }), _jsx(CardDescription, { children: "Bepaalt hoe de AI bestelmails analyseert en welke gegevens altijd opgehaald moeten worden. Aanpassen kan hier, zonder codewijziging." })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Systeemprompt" }), _jsx(Textarea, { value: prompt, onChange: (e) => setPrompt(e.target.value), rows: 14, className: "font-mono text-xs", placeholder: "Instructie voor de AI..." })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Verplichte velden" }), _jsx("div", { className: "flex flex-wrap gap-1", children: REQUIRED_FIELD_CHOICES.map((c) => (_jsx(Badge, { variant: required.includes(c.key) ? "default" : "outline", className: "cursor-pointer", onClick: () => toggle(c.key), children: c.label }, c.key))) }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Ontbreekt een verplicht veld na de analyse, dan meldt de AI dit expliciet bij het voorstel in plaats van te gokken." })] }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { onClick: () => mut.mutate(), disabled: mut.isPending, children: mut.isPending ? "Opslaan..." : "Opslaan" }), _jsx(Button, { variant: "outline", onClick: () => {
+                                    setPrompt(data?.default_prompt ?? "");
+                                    setRequired(DEFAULT_REQUIRED_FIELDS);
+                                }, children: "Standaard herstellen" })] })] })] }));
+}

package/dist-lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAGvD,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAEzE,eAAO,MAAM,mBAAmB,EAAE,UAkBjC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAIvD,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAEzE,eAAO,MAAM,mBAAmB,EAAE,UAmBjC,CAAC"}

package/dist-lib/index.js

@@ -3,6 +3,7 @@
 // ============================================================================
 import { Mail, ClipboardCheck, CheckCircle2 } from "lucide-react";
 import { MailboxOrderTemplateCard } from "./components/settings/MailboxOrderTemplateCard";
+import { MailboxAiPromptCard } from "./components/settings/MailboxAiPromptCard";
 export * from "./_core-safelist";
 export { MailboxProposalsPage } from "./components/MailboxProposalsPage";
 export { SearchableSelect } from "./components/SearchableSelect";
@@ -22,5 +23,6 @@ export const mailboxOrdersModule = {
     },
     settingsCards: [
         { component: MailboxOrderTemplateCard, order: 20 },
+        { component: MailboxAiPromptCard, order: 25 },
     ],
 };

package/dist-lib/integrations/supabase/auth-attacher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"auth-attacher.d.ts","sourceRoot":"","sources":["../../../src/integrations/supabase/auth-attacher.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,kBAAkB,mHA+D9B,CAAA"}
+{"version":3,"file":"auth-attacher.d.ts","sourceRoot":"","sources":["../../../src/integrations/supabase/auth-attacher.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,kBAAkB,mHAmE9B,CAAA"}

package/dist-lib/integrations/supabase/auth-attacher.js

@@ -6,7 +6,11 @@ export const attachSupabaseAuth = createMiddleware({ type: 'function' }).client(
     if (typeof window === 'undefined') {
         return next();
     }
-    const { supabase } = await import('./client');
+    // Auth leeft in de FlowSelections shell/core Supabase-client. De lokale
+    // module-client wijst naar de mailbox/e-mail-auth database en heeft geen
+    // ingelogde shell-sessie, waardoor protected serverFns zonder bearer-token
+    // werden aangeroepen.
+    const { supabase } = await import('@flowselections/core');
     const { data } = await supabase.auth.getSession();
     const token = data.session?.access_token;
     const redirectToLogin = async () => {