@flowselections/google-maps-api-installatie-techniek 1.0.2

package/dist-lib/_core-safelist.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=_core-safelist.d.ts.map

package/dist-lib/_core-safelist.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_core-safelist.d.ts","sourceRoot":"","sources":["../src/_core-safelist.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAE,CAAC"}

package/dist-lib/_core-safelist.js

@@ -0,0 +1,15 @@
+// Forceert Tailwind classes die uit @flowselections/core komen maar niet
+// voorkomen in de eigen broncode van deze module.
+// Zonder dit bestand worden deze classes weggeoptimaliseerd op de
+// Lovable productie build.
+const _safelist = [
+    // Layout — Sidebar en shell structuur
+    'h-full', 'flex-col', 'flex-1', 'min-h-screen', 'ml-64', 'pt-16',
+    'items-start', 'items-center', 'justify-between', 'border-t',
+    'w-64', 'h-screen', 'h-20', 'overflow-y-auto',
+    // Grid — InstellingenPage
+    'grid', 'lg:grid-cols-2', 'gap-6', 'p-6', 'space-y-6',
+    // Toggle/Switch — aan/uit zichtbaarheid
+    'data-[state=checked]:bg-primary', 'data-[state=unchecked]:bg-input',
+];
+export {};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MapsBeheerPage.d.ts","sourceRoot":"","sources":["../../src/components/MapsBeheerPage.tsx"],"names":[],"mappings":"AAyCA,wBAAgB,cAAc,gCAgN7B"}

package/dist-lib/components/MapsBeheerPage.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { useServerFn } from "@tanstack/react-start";
+import { Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Input, Label, Switch, Tabs, TabsContent, TabsList, TabsTrigger, toast, } from "@flowselections/core";
+import { MapPin, RefreshCw, Trash2, Timer } from "lucide-react";
+import { clearMapsCache, getMapsOverview, getMapsStatus, processMapsQueue, purgeExpiredTravelTimes, updateMapsSettings, } from "../lib/maps.functions";
+import { MapsStatusPanel } from "./maps/MapsStatusPanel";
+import { MapsDiagnosticsPanel } from "./maps/MapsDiagnosticsPanel";
+function Stat({ label, value }) {
+    return (_jsxs("div", { className: "rounded-lg border border-border bg-card p-4", children: [_jsx("p", { className: "text-sm text-muted-foreground", children: label }), _jsx("p", { className: "mt-1 text-2xl font-semibold text-foreground", children: value })] }));
+}
+export function MapsBeheerPage() {
+    const queryClient = useQueryClient();
+    const fetchOverview = useServerFn(getMapsOverview);
+    const fetchStatus = useServerFn(getMapsStatus);
+    const runQueue = useServerFn(processMapsQueue);
+    const saveSettings = useServerFn(updateMapsSettings);
+    const clearCache = useServerFn(clearMapsCache);
+    const purgeExpired = useServerFn(purgeExpiredTravelTimes);
+    const { data, isLoading } = useQuery({
+        queryKey: ["maps-overview"],
+        queryFn: () => fetchOverview(),
+    });
+    const { data: status } = useQuery({
+        queryKey: ["maps-status"],
+        queryFn: () => fetchStatus(),
+    });
+    const [ttl, setTtl] = useState("");
+    const [limit, setLimit] = useState("");
+    const [fallback, setFallback] = useState(null);
+    const [provider, setProvider] = useState(null);
+    const settings = data?.settings ?? null;
+    const ttlValue = ttl !== "" ? ttl : String(settings?.cacheTtlDays ?? 30);
+    const limitValue = limit !== "" ? limit : String(settings?.dailyCallLimit ?? 2000);
+    const fallbackValue = fallback ?? settings?.allowEstimateFallback ?? true;
+    const providerValue = provider ?? settings?.provider ?? "free";
+    const invalidate = () => {
+        queryClient.invalidateQueries({ queryKey: ["maps-overview"] });
+        queryClient.invalidateQueries({ queryKey: ["maps-status"] });
+    };
+    const mutation = useMutation({
+        mutationFn: async (action) => {
+            if (action === "queue")
+                return runQueue();
+            if (action === "clear")
+                return clearCache();
+            if (action === "purge")
+                return purgeExpired();
+            return saveSettings({
+                data: {
+                    cacheTtlDays: Number(ttlValue),
+                    dailyCallLimit: Number(limitValue),
+                    allowEstimateFallback: fallbackValue,
+                    provider: providerValue,
+                },
+            });
+        },
+        onSuccess: () => {
+            toast.success("Actie uitgevoerd");
+            invalidate();
+        },
+        onError: (error) => {
+            toast.error(error instanceof Error ? error.message : "Er ging iets mis");
+        },
+    });
+    return (_jsx("main", { className: "flex-1 p-6", children: _jsxs(Tabs, { defaultValue: "status", className: "w-full", children: [_jsxs(TabsList, { children: [_jsx(TabsTrigger, { value: "status", children: "Status & diagnose" }), _jsx(TabsTrigger, { value: "beheer", children: "Beheer" })] }), _jsxs(TabsContent, { value: "status", className: "space-y-4", children: [_jsx(MapsStatusPanel, { status: status ?? null }), _jsx(MapsDiagnosticsPanel, {})] }), _jsxs(TabsContent, { value: "beheer", className: "space-y-6", children: [_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(MapPin, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { children: "Google-koppeling" })] }), data ? (_jsx(Badge, { variant: data.connected ? "default" : "destructive", children: data.connected ? "Verbonden" : "Niet beschikbaar" })) : null] }), _jsx(CardDescription, { children: "Route- en adresgegevens worden opgehaald via de centrale auth-module." })] }), _jsxs(CardContent, { className: "space-y-2 text-sm text-muted-foreground", children: [isLoading ? _jsx("p", { children: "Laden..." }) : null, data && !data.connected ? _jsx("p", { children: data.connectionReason }) : null, settings?.lastSuccessAt ? (_jsxs("p", { children: ["Laatste geslaagde aanroep: ", new Date(settings.lastSuccessAt).toLocaleString("nl-NL")] })) : null, settings?.lastError ? (_jsxs("p", { className: "text-destructive", children: ["Laatste fout: ", settings.lastError] })) : null] })] }), _jsxs("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-4", children: [_jsx(Stat, { label: "Aanroepen vandaag", value: data?.elementsToday ?? 0 }), _jsx(Stat, { label: "Aanroepen deze maand", value: data?.elementsMonth ?? 0 }), data?.estimatedCostMonth != null ? (_jsx(Stat, { label: "Geschatte kosten (USD)", value: data.estimatedCostMonth })) : null, _jsx(Stat, { label: "Mislukte aanroepen", value: data?.errorsMonth ?? 0 }), _jsx(Stat, { label: "Terugvallen deze maand", value: data?.fallbacksMonth ?? 0 }), _jsx(Stat, { label: "Adressen in cache", value: data?.addressCount ?? 0 }), _jsx(Stat, { label: "Reistijden in cache", value: data?.travelTimeCount ?? 0 }), _jsx(Stat, { label: "Verlopen reistijden", value: data?.expiredCount ?? 0 }), _jsx(Stat, { label: "Wachtrij (open / mislukt)", value: `${data?.queuePending ?? 0} / ${data?.queueFailed ?? 0}` })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Instellingen" }), _jsx(CardDescription, { children: "Aanbieder, houdbaarheid, daglimiet en terugval op schatting." })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "ttl", children: "Houdbaarheid cache (dagen)" }), _jsx(Input, { id: "ttl", type: "number", min: 1, value: ttlValue, onChange: (event) => setTtl(event.target.value) })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "limit", children: "Daglimiet (elementen)" }), _jsx(Input, { id: "limit", type: "number", min: 0, value: limitValue, onChange: (event) => setLimit(event.target.value) })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "provider", children: "Aanbieder" }), _jsxs("select", { id: "provider", className: "h-10 w-full rounded-md border border-input bg-background px-3 text-sm sm:w-64", value: providerValue, onChange: (event) => setProvider(event.target.value === "google" ? "google" : "free"), children: [_jsx("option", { value: "free", children: "Gratis (geen kosten)" }), _jsx("option", { value: "google", children: "Google (met billing)" })] }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Kostenschatting wordt alleen getoond bij Google." })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Switch, { id: "fallback", checked: fallbackValue, onCheckedChange: (checked) => setFallback(checked) }), _jsx(Label, { htmlFor: "fallback", children: "Terugvallen op postcodeschatting toestaan" })] }), _jsx(Button, { onClick: () => mutation.mutate("save"), disabled: mutation.isPending, children: "Instellingen opslaan" })] })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Acties" }), _jsx(CardDescription, { children: "Onderhoud van de wachtrij en de cache." })] }), _jsxs(CardContent, { className: "flex flex-wrap gap-3", children: [_jsxs(Button, { onClick: () => mutation.mutate("queue"), disabled: mutation.isPending, children: [_jsx(RefreshCw, { className: "mr-2 h-4 w-4" }), " Wachtrij nu verwerken"] }), _jsxs(Button, { variant: "outline", onClick: () => mutation.mutate("purge"), disabled: mutation.isPending, children: [_jsx(Timer, { className: "mr-2 h-4 w-4" }), " Verlopen rijen opruimen"] }), _jsxs(Button, { variant: "destructive", onClick: () => mutation.mutate("clear"), disabled: mutation.isPending, children: [_jsx(Trash2, { className: "mr-2 h-4 w-4" }), " Cache legen"] })] })] })] })] }) }));
+}

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

@@ -0,0 +1,6 @@
+interface MapsInstallatieLogoProps {
+    className?: string;
+}
+export declare function MapsInstallatieLogo({ className }: MapsInstallatieLogoProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=MapsInstallatieLogo.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MapsInstallatieLogo.d.ts","sourceRoot":"","sources":["../../src/components/MapsInstallatieLogo.tsx"],"names":[],"mappings":"AAAA,UAAU,wBAAwB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,SAAS,EAAE,EAAE,wBAAwB,+BAgB1E"}

package/dist-lib/components/MapsInstallatieLogo.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function MapsInstallatieLogo({ className }) {
+    return (_jsxs("svg", { viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, "aria-hidden": "true", children: [_jsx("rect", { width: "40", height: "40", rx: "8", fill: "currentColor", opacity: "0.1" }), _jsx("path", { d: "M20 9c-4 0-7.2 3.2-7.2 7.2 0 5.4 7.2 14.3 7.2 14.3s7.2-8.9 7.2-14.3C27.2 12.2 24 9 20 9Zm0 9.8a2.6 2.6 0 1 1 0-5.2 2.6 2.6 0 0 1 0 5.2Z", fill: "currentColor" })] }));
+}

package/dist-lib/components/maps/MapsDiagnosticsPanel.d.ts

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

package/dist-lib/components/maps/MapsDiagnosticsPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapsDiagnosticsPanel.d.ts","sourceRoot":"","sources":["../../../src/components/maps/MapsDiagnosticsPanel.tsx"],"names":[],"mappings":"AA6DA,wBAAgB,oBAAoB,gCAmJnC"}

package/dist-lib/components/maps/MapsDiagnosticsPanel.js

@@ -0,0 +1,81 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// Diagnosekaart voor de statustab van de Kaarten-module.
+// Toont stap-voor-stap diagnose met kopieerknop.
+import { useState } from "react";
+import { useServerFn } from "@tanstack/react-start";
+import { Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, } from "@flowselections/core";
+import { AlertTriangle, CheckCircle2, ClipboardCopy, Loader2, XCircle, } from "lucide-react";
+import { getMapsDiagnostics } from "../../lib/maps.functions";
+function formatDateTime(value) {
+    const parsed = Date.parse(value);
+    if (Number.isNaN(parsed))
+        return value;
+    return new Date(parsed).toLocaleString("nl-NL");
+}
+function reportToText(report) {
+    const lines = [];
+    lines.push(`# Kaarten diagnose`);
+    lines.push(`Gemeten op: ${formatDateTime(report.measuredAt)}`);
+    lines.push(`Central host: ${report.centralHost ?? "—"}`);
+    lines.push(`Secret aanwezig: ${report.secretPresent ? "ja" : "nee"}`);
+    lines.push("");
+    lines.push("## Stappen");
+    for (const step of report.steps) {
+        lines.push(`### ${step.name}`);
+        lines.push(`- ok: ${step.ok ? "ja" : "nee"}`);
+        lines.push(`- target: ${step.target}`);
+        if (step.httpStatus)
+            lines.push(`- status: ${step.httpStatus}`);
+        lines.push(`- summary: ${step.summary}`);
+        if (step.code)
+            lines.push(`- code: ${step.code}`);
+        if (step.hint)
+            lines.push(`- hint: ${step.hint}`);
+        if (step.body)
+            lines.push(`- body: ${step.body}`);
+        lines.push("");
+    }
+    if (report.hints.length > 0) {
+        lines.push("## Hints");
+        for (const h of report.hints)
+            lines.push(`- ${h}`);
+        lines.push("");
+    }
+    if (report.checklist.length > 0) {
+        lines.push("## Checklist");
+        for (const c of report.checklist)
+            lines.push(`- [ ] ${c}`);
+    }
+    return lines.join("\n");
+}
+export function MapsDiagnosticsPanel() {
+    const fetchDiagnostics = useServerFn(getMapsDiagnostics);
+    const [report, setReport] = useState(null);
+    const [loading, setLoading] = useState(false);
+    const [copied, setCopied] = useState(false);
+    const runDiagnostics = async () => {
+        setLoading(true);
+        try {
+            const result = await fetchDiagnostics();
+            setReport(result);
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    const handleCopy = async () => {
+        if (!report)
+            return;
+        try {
+            await navigator.clipboard.writeText(reportToText(report));
+            setCopied(true);
+            setTimeout(() => setCopied(false), 2000);
+        }
+        catch {
+            // ignore
+        }
+    };
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(AlertTriangle, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { children: "Diagnose" })] }), _jsx(CardDescription, { children: "Stap-voor-stap controle van Central Auth, Google-API's en Supabase." })] }), _jsxs(CardContent, { className: "space-y-4", children: [!report && (_jsxs("div", { className: "flex flex-col items-center gap-3 py-8 text-center", children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "Er is nog geen diagnose uitgevoerd." }), _jsx(Button, { onClick: runDiagnostics, disabled: loading, children: loading ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Diagnose draait..."] })) : ("Diagnose uitvoeren") })] })), report && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsxs("div", { className: "text-sm text-muted-foreground", children: ["Gemeten op ", formatDateTime(report.measuredAt)] }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { variant: "outline", size: "sm", onClick: runDiagnostics, disabled: loading, children: loading ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Bezig..."] })) : ("Opnieuw uitvoeren") }), _jsxs(Button, { variant: "outline", size: "sm", onClick: handleCopy, children: [_jsx(ClipboardCopy, { className: "mr-2 h-4 w-4" }), copied ? "Gekopieerd" : "Kopieer diagnose"] })] })] }), report.hints.length > 0 && (_jsx("div", { className: "rounded-md bg-amber-500/10 p-3 text-sm text-amber-700", children: _jsxs("div", { className: "flex items-start gap-2", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0" }), _jsxs("div", { children: [_jsx("div", { className: "font-medium", children: "Actiepunten" }), _jsx("ul", { className: "mt-1 list-inside list-disc space-y-0.5", children: report.hints.map((hint, i) => (_jsx("li", { children: hint }, i))) })] })] }) })), _jsx("ol", { className: "space-y-2", children: report.steps.map((step, i) => (_jsxs("li", { className: "flex flex-col gap-1 rounded-md border p-3 sm:flex-row sm:items-start sm:gap-3", children: [_jsx("div", { className: "shrink-0", children: step.ok ? (_jsx(CheckCircle2, { className: "h-4 w-4 text-emerald-600" })) : (_jsx(XCircle, { className: "h-4 w-4 text-red-600" })) }), _jsxs("div", { className: "min-w-0 flex-1 space-y-1", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("span", { className: "font-medium", children: step.name }), _jsx(Badge, { className: step.ok
+                                                                ? "bg-emerald-500/10 text-emerald-700"
+                                                                : "bg-red-500/10 text-red-700", children: step.ok ? "ok" : step.code ?? "fout" }), step.httpStatus && (_jsxs("span", { className: "text-xs text-muted-foreground", children: ["HTTP ", step.httpStatus] }))] }), _jsx("div", { className: "text-sm text-muted-foreground", children: step.summary }), _jsx("div", { className: "break-all text-xs text-muted-foreground", children: step.target }), step.hint && (_jsxs("div", { className: "text-xs text-amber-700", children: ["\u21B3 ", step.hint] })), step.body && (_jsx("pre", { className: "mt-1 max-h-40 overflow-auto rounded bg-muted p-2 text-xs", children: step.body }))] })] }, i))) })] }))] })] }));
+}

package/dist-lib/components/maps/MapsStatusPanel.d.ts

@@ -0,0 +1,5 @@
+import type { MapsConnectionStatus } from "../../lib/central-auth.server";
+export declare function MapsStatusPanel({ status, }: {
+    status: MapsConnectionStatus | null;
+}): import("react").JSX.Element;
+//# sourceMappingURL=MapsStatusPanel.d.ts.map

package/dist-lib/components/maps/MapsStatusPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapsStatusPanel.d.ts","sourceRoot":"","sources":["../../../src/components/maps/MapsStatusPanel.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAwBtE,wBAAgB,eAAe,CAAC,EAC9B,MAAM,GACP,EAAE;IACD,MAAM,EAAE,oBAAoB,GAAG,IAAI,CAAC;CACrC,+BAwIA"}

package/dist-lib/components/maps/MapsStatusPanel.js

@@ -0,0 +1,74 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// Statuskaart voor de statustab van de Kaarten-module.
+// Toont koppelingsstatus met Central Auth en Google, met een testknop.
+import { useState } from "react";
+import { useServerFn } from "@tanstack/react-start";
+import { useQuery } from "@tanstack/react-query";
+import { Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, toast, } from "@flowselections/core";
+import { AlertTriangle, CheckCircle2, RefreshCw, ShieldCheck, XCircle, } from "lucide-react";
+import { getMapsOverview, testMapsConnection } from "../../lib/maps.functions";
+function formatDateTime(value) {
+    if (!value)
+        return "onbekend";
+    const parsed = Date.parse(value);
+    if (Number.isNaN(parsed))
+        return value;
+    return new Date(parsed).toLocaleString("nl-NL");
+}
+function remaining(value) {
+    if (!value)
+        return "";
+    const parsed = Date.parse(value);
+    if (Number.isNaN(parsed))
+        return "";
+    const diff = parsed - Date.now();
+    if (diff <= 0)
+        return "verlopen";
+    const minutes = Math.round(diff / 60000);
+    if (minutes < 60)
+        return `over ${minutes} min`;
+    const hours = Math.round(minutes / 60);
+    if (hours < 48)
+        return `over ${hours} uur`;
+    return `over ${Math.round(hours / 24)} dagen`;
+}
+export function MapsStatusPanel({ status, }) {
+    const fetchOverview = useServerFn(getMapsOverview);
+    const runTest = useServerFn(testMapsConnection);
+    const [testing, setTesting] = useState(false);
+    const [lastTest, setLastTest] = useState(null);
+    const { refetch, isFetching } = useQuery({
+        queryKey: ["maps-overview"],
+        queryFn: () => fetchOverview(),
+    });
+    const handleTest = async () => {
+        setTesting(true);
+        try {
+            const result = await runTest();
+            setLastTest(result);
+            if (result.ok)
+                toast.success(result.message);
+            else
+                toast.error(result.message);
+        }
+        catch {
+            setLastTest({ ok: false, message: "Verbinding testen is niet gelukt.", detail: null });
+            toast.error("Verbinding testen is niet gelukt.");
+        }
+        finally {
+            setTesting(false);
+            refetch();
+        }
+    };
+    const connected = status?.connected === true;
+    const accountPresent = status?.accountPresent === true;
+    const testedOk = connected && lastTest?.ok === true;
+    const statusLabel = testedOk
+        ? "Koppeling actief en getest"
+        : connected
+            ? "Koppeling aanwezig, verbinding nog niet getest"
+            : accountPresent
+                ? "Koppeling aanwezig, verbinding faalt"
+                : "Nog geen koppeling";
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(ShieldCheck, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { children: "Google Maps-koppeling (provider google_maps)" })] }), _jsx(CardDescription, { children: "De Maps API-key wordt centraal beheerd in Central Auth. Deze module bewaart geen Google-credentials." })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsx("div", { className: "flex items-center gap-2", children: testedOk ? (_jsxs(_Fragment, { children: [_jsx(CheckCircle2, { className: "h-4 w-4 text-emerald-600" }), _jsx(Badge, { className: "bg-emerald-500/10 text-emerald-700", children: statusLabel })] })) : accountPresent ? (_jsxs(_Fragment, { children: [_jsx(AlertTriangle, { className: "h-4 w-4 text-amber-600" }), _jsx(Badge, { className: "bg-amber-500/10 text-amber-700", children: statusLabel })] })) : (_jsxs(_Fragment, { children: [_jsx(XCircle, { className: "h-4 w-4 text-red-600" }), _jsx(Badge, { className: "bg-red-500/10 text-red-700", children: statusLabel })] })) }), _jsxs("dl", { className: "grid gap-3 text-sm sm:grid-cols-2", children: [_jsxs("div", { children: [_jsx("dt", { className: "text-muted-foreground", children: "Central host" }), _jsx("dd", { className: "font-medium", children: status?.centralHost ?? "—" })] }), _jsxs("div", { children: [_jsx("dt", { className: "text-muted-foreground", children: "Central secret" }), _jsx("dd", { className: "font-medium", children: status?.secretPresent ? "aanwezig" : "ontbreekt" })] }), _jsxs("div", { children: [_jsx("dt", { className: "text-muted-foreground", children: "Account" }), _jsx("dd", { className: "font-medium", children: status?.account ?? "—" })] }), _jsxs("div", { children: [_jsx("dt", { className: "text-muted-foreground", children: "Accountstatus" }), _jsx("dd", { className: "font-medium", children: status?.accountStatus ?? "—" })] }), _jsxs("div", { children: [_jsx("dt", { className: "text-muted-foreground", children: "Token geldig tot" }), _jsx("dd", { className: "font-medium", children: formatDateTime(status?.expiresAt ?? null) })] }), _jsxs("div", { children: [_jsx("dt", { className: "text-muted-foreground", children: "Resterend" }), _jsx("dd", { className: "font-medium", children: remaining(status?.expiresAt ?? null) || "—" })] })] }), status?.reason && !connected && (_jsx("div", { className: "rounded-md bg-amber-500/10 p-3 text-sm text-amber-700", children: _jsxs("div", { className: "flex items-start gap-2", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0" }), _jsx("span", { children: status.reason })] }) })), lastTest && !lastTest.ok && (_jsxs("div", { className: "rounded-md bg-amber-500/10 p-3 text-sm text-amber-700", children: [_jsxs("div", { className: "flex items-start gap-2", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0" }), _jsx("span", { children: lastTest.message })] }), lastTest.detail && (_jsxs("p", { className: "mt-1 break-all pl-6 text-xs text-muted-foreground", children: ["Technisch: ", lastTest.detail] }))] })), _jsx("p", { className: "text-xs text-muted-foreground", children: "De test doet een kleine Google Geocoding-aanroep met een vast testadres." }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { onClick: handleTest, disabled: testing, children: testing ? "Testen..." : "Verbinding testen" }), _jsxs(Button, { variant: "outline", onClick: () => refetch(), disabled: isFetching, children: [_jsx(RefreshCw, { className: "mr-2 h-4 w-4" }), "Vernieuwen"] })] })] })] }));
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MapsSettingsCard.d.ts","sourceRoot":"","sources":["../../../src/components/settings/MapsSettingsCard.tsx"],"names":[],"mappings":"AAeA,wBAAgB,gBAAgB,gCAiC/B"}

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

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useQuery } from "@tanstack/react-query";
+import { useServerFn } from "@tanstack/react-start";
+import { Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, } from "@flowselections/core";
+import { Link } from "@tanstack/react-router";
+import { MapPin } from "lucide-react";
+import { getMapsOverview } from "../../lib/maps.functions";
+export function MapsSettingsCard() {
+    const fetchOverview = useServerFn(getMapsOverview);
+    const { data } = useQuery({
+        queryKey: ["maps-overview"],
+        queryFn: () => fetchOverview(),
+    });
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(MapPin, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { children: "Kaarten" })] }), data ? (_jsx(Badge, { variant: data.connected ? "default" : "destructive", children: data.connected ? "Verbonden" : "Niet beschikbaar" })) : null] }), _jsx(CardDescription, { children: "Google-adressen en reistijden voor de planning." })] }), _jsxs(CardContent, { className: "space-y-3 text-sm text-muted-foreground", children: [_jsxs("p", { children: [data?.elementsMonth ?? 0, " elementen deze maand \u00B7 ", data?.queuePending ?? 0, " in de wachtrij"] }), _jsx(Button, { asChild: true, variant: "outline", size: "sm", children: _jsx(Link, { to: "/maps-installatie", children: "Naar beheerscherm" }) })] })] }));
+}

package/dist-lib/index.d.ts

@@ -0,0 +1,7 @@
+import type { FlowModule } from "@flowselections/core";
+export * from "./_core-safelist";
+export { MapsBeheerPage } from "./components/MapsBeheerPage";
+export { MapsSettingsCard } from "./components/settings/MapsSettingsCard";
+export { MapsInstallatieLogo } from "./components/MapsInstallatieLogo";
+export declare const mapsInstallatieModule: FlowModule;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAIvD,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAEvE,eAAO,MAAM,qBAAqB,EAAE,UAUnC,CAAC"}

package/dist-lib/index.js

@@ -0,0 +1,20 @@
+// ============================================================================
+// src/index.ts — MODULE CONTRACT (kaarten / maps-installatie)
+// ============================================================================
+import { Map } from "lucide-react";
+import { MapsSettingsCard } from "./components/settings/MapsSettingsCard";
+export * from "./_core-safelist";
+export { MapsBeheerPage } from "./components/MapsBeheerPage";
+export { MapsSettingsCard } from "./components/settings/MapsSettingsCard";
+export { MapsInstallatieLogo } from "./components/MapsInstallatieLogo";
+export const mapsInstallatieModule = {
+    id: "maps_installatie",
+    name: "Kaarten",
+    version: "1.0.0",
+    nav: {
+        label: "Kaarten",
+        href: "/maps-installatie",
+        icon: Map,
+    },
+    settingsCards: [{ component: MapsSettingsCard, order: 10 }],
+};

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

@@ -0,0 +1,2 @@
+export declare const attachSupabaseAuth: import("@tanstack/start-client-core").FunctionMiddlewareAfterClient<{}, unknown, undefined, undefined, undefined>;
+//# sourceMappingURL=auth-attacher.d.ts.map

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

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

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

@@ -0,0 +1,12 @@
+// This file is automatically generated. Do not edit it directly.
+import { createMiddleware } from '@tanstack/react-start';
+import { supabase } from './client';
+// Must be registered as a global `functionMiddleware` in `src/start.ts`; otherwise
+// the browser never attaches the bearer token to serverFn RPCs.
+export const attachSupabaseAuth = createMiddleware({ type: 'function' }).client(async ({ next }) => {
+    const { data } = await supabase.auth.getSession();
+    const token = data.session?.access_token;
+    return next({
+        headers: token ? { Authorization: `Bearer ${token}` } : {},
+    });
+});