@flowselections/layout-maker 1.3.3 → 1.6.5

package/README.md

@@ -1,24 +1,24 @@
-# Layout maker (pakbonnen, verzendbrieven, ectra)
-
-blank project start
-
-This project was built with [Lovable](https://lovable.dev).
-
-## Build with Lovable
-
-Continue developing this project in the [Lovable editor](https://lovable.dev/projects/4735fccb-b385-4b48-b4f8-ef135f63f4f7).
-
-- **Ship faster**: describe what you want to build and Lovable handles the code.
-- **Stay in sync**: every change made in Lovable is committed straight to this repository.
-- **Full ownership**: this code is yours. Push to `main` on GitHub and your changes sync back into Lovable, ready for your next prompt.
-
-## Development
-
-Prefer working locally? You need Node.js and npm — [install with nvm](https://github.com/nvm-sh/nvm#installing-and-updating).
-
-```sh
-git clone <this-repository-url>
-cd <repository-name>
-npm i
-npm run dev
-```
+# Layout maker (pakbonnen, verzendbrieven, ectra)
+
+blank project start
+
+This project was built with [Lovable](https://lovable.dev).
+
+## Build with Lovable
+
+Continue developing this project in the [Lovable editor](https://lovable.dev/projects/4735fccb-b385-4b48-b4f8-ef135f63f4f7).
+
+- **Ship faster**: describe what you want to build and Lovable handles the code.
+- **Stay in sync**: every change made in Lovable is committed straight to this repository.
+- **Full ownership**: this code is yours. Push to `main` on GitHub and your changes sync back into Lovable, ready for your next prompt.
+
+## Development
+
+Prefer working locally? You need Node.js and npm — [install with nvm](https://github.com/nvm-sh/nvm#installing-and-updating).
+
+```sh
+git clone <this-repository-url>
+cd <repository-name>
+npm i
+npm run dev
+```

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

@@ -8,6 +8,8 @@ export interface AfdrukKnopProps {
     css?: string;
     documentnaam?: string;
     label?: string;
+    layoutId?: string | null;
+    kopieen?: number;
 }
-export declare function AfdrukKnop({ documenttype, formaatCode, orientatie, getHtml, css, documentnaam, label, }: AfdrukKnopProps): import("react").JSX.Element;
+export declare function AfdrukKnop({ documenttype, formaatCode, orientatie, getHtml, css, documentnaam, label, layoutId, kopieen, }: AfdrukKnopProps): import("react").JSX.Element;
 //# sourceMappingURL=AfdrukKnop.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AfdrukKnop.d.ts","sourceRoot":"","sources":["../../src/components/AfdrukKnop.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAU,KAAK,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAE9D,MAAM,WAAW,eAAe;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,UAAU,EAAE,UAAU,CAAC;IACvB,uEAAuE;IACvE,OAAO,EAAE,MAAM,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,UAAU,CAAC,EACzB,YAAY,EACZ,WAAW,EACX,UAAU,EACV,OAAO,EACP,GAAG,EACH,YAAY,EACZ,KAAmB,GACpB,EAAE,eAAe,+BAgCjB"}
+{"version":3,"file":"AfdrukKnop.d.ts","sourceRoot":"","sources":["../../src/components/AfdrukKnop.tsx"],"names":[],"mappings":"AASA,OAAO,EAAU,KAAK,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAG9D,MAAM,WAAW,eAAe;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,UAAU,EAAE,UAAU,CAAC;IACvB,uEAAuE;IACvE,OAAO,EAAE,MAAM,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,UAAU,CAAC,EACzB,YAAY,EACZ,WAAW,EACX,UAAU,EACV,OAAO,EACP,GAAG,EACH,YAAY,EACZ,KAAmB,EACnB,QAAQ,EACR,OAAO,GACR,EAAE,eAAe,+BAwDjB"}

package/dist-lib/components/AfdrukKnop.js

@@ -1,22 +1,43 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // ============================================================================
 // src/components/AfdrukKnop.tsx — afdrukken met automatisch ingesteld
-// papierformaat, stand en de bedoelde printer.
+// papierformaat, stand en de bedoelde printer. Waar mogelijk gaat het
+// document direct naar de printer; anders opent het printvenster.
 // ============================================================================
 import { useState } from "react";
 import { Button, toast } from "@flowselections/core";
 import { Loader2, Printer } from "lucide-react";
 import { drukAf } from "../lib/browserPrint";
-export function AfdrukKnop({ documenttype, formaatCode, orientatie, getHtml, css, documentnaam, label = "Afdrukken", }) {
+import { printDirect } from "../lib/directPrint";
+export function AfdrukKnop({ documenttype, formaatCode, orientatie, getHtml, css, documentnaam, label = "Afdrukken", layoutId, kopieen, }) {
     const [bezig, setBezig] = useState(false);
     const afdrukken = async () => {
         setBezig(true);
         try {
+            const html = getHtml();
+            const direct = await printDirect({
+                documenttype,
+                formaatCode,
+                orientatie,
+                html,
+                css,
+                documentnaam,
+                layoutId: layoutId ?? null,
+                kopieen,
+            });
+            if (direct.gelukt) {
+                toast.success(direct.printernaam
+                    ? `Verstuurd naar ${direct.printernaam}`
+                    : "Het document is naar de printer verstuurd");
+                return;
+            }
+            if (direct.reden)
+                toast.error(direct.reden);
             const { printer } = await drukAf({
                 documenttype,
                 formaatCode,
                 orientatie,
-                html: getHtml(),
+                html,
                 css,
                 documentnaam,
             });

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

@@ -0,0 +1,23 @@
+export interface ComputerModel {
+    id: string;
+    naam: string;
+    online: boolean;
+    aantalPrinters: number;
+}
+export declare function useComputers(): {
+    computers: ComputerModel[];
+    loading: boolean;
+    fout: string | null;
+    reload: (stil?: boolean) => Promise<void>;
+};
+export declare function ComputersLijst({ computers, loading, fout, onVernieuw, onPrintersToevoegen, toevoegenOpen, onToevoegenOpenChange, alleenDialog, }: {
+    computers: ComputerModel[];
+    loading: boolean;
+    fout?: string | null;
+    onVernieuw: () => void;
+    onPrintersToevoegen: (computer: string) => void;
+    toevoegenOpen: boolean;
+    onToevoegenOpenChange: (v: boolean) => void;
+    alleenDialog?: boolean;
+}): import("react").JSX.Element;
+//# sourceMappingURL=ComputersLijst.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComputersLijst.d.ts","sourceRoot":"","sources":["../../src/components/ComputersLijst.tsx"],"names":[],"mappings":"AAoBA,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,OAAO,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,YAAY;;;;;EA6C3B;AAED,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,OAAO,EACP,IAAI,EACJ,UAAU,EACV,mBAAmB,EACnB,aAAa,EACb,qBAAqB,EACrB,YAAoB,GACrB,EAAE;IACD,SAAS,EAAE,aAAa,EAAE,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,mBAAmB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,aAAa,EAAE,OAAO,CAAC;IACvB,qBAAqB,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,+BAuHA"}

package/dist-lib/components/ComputersLijst.js

@@ -0,0 +1,75 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ============================================================================
+// src/components/ComputersLijst.tsx — overzicht van computers die het
+// printprogramma draaien, plus een korte stroom om er een toe te voegen.
+// ============================================================================
+import { useCallback, useEffect, useState } from "react";
+import { Button, Card, CardContent, Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "@flowselections/core";
+import { Loader2, Monitor, Plus, RefreshCw } from "lucide-react";
+import { netwerkComputers, netwerkPrinters } from "../lib/printService.functions";
+import { PrintProgrammaUitleg, WerktHetNiet } from "./PrintProgrammaUitleg";
+export function useComputers() {
+    const [computers, setComputers] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [fout, setFout] = useState(null);
+    const load = useCallback(async (stil = false) => {
+        if (!stil)
+            setLoading(true);
+        setFout(null);
+        try {
+            const [c, p] = await Promise.all([
+                netwerkComputers({ data: undefined }),
+                netwerkPrinters({ data: undefined }),
+            ]);
+            const printers = p.ok && Array.isArray(p.printers) ? p.printers : [];
+            const lijst = c.ok && Array.isArray(c.computers) ? c.computers : [];
+            if (!c.ok)
+                setFout(c.fout);
+            setComputers(lijst.map((comp) => ({
+                id: String(comp.id),
+                naam: comp.naam,
+                online: !!comp.online,
+                aantalPrinters: printers.filter((pr) => pr.computer === comp.naam).length,
+            })));
+        }
+        catch (e) {
+            const melding = e instanceof Error ? e.message : "";
+            setFout(/401|unauthorized|authorization/i.test(melding)
+                ? "Je sessie is verlopen. Log opnieuw in en probeer het nog eens."
+                : "Er kon geen verbinding worden gemaakt met de printdienst.");
+            if (!stil)
+                setComputers([]);
+        }
+        finally {
+            setLoading(false);
+        }
+    }, []);
+    useEffect(() => {
+        void load();
+    }, [load]);
+    return { computers, loading, fout, reload: load };
+}
+export function ComputersLijst({ computers, loading, fout, onVernieuw, onPrintersToevoegen, toevoegenOpen, onToevoegenOpenChange, alleenDialog = false, }) {
+    const [wachtOp, setWachtOp] = useState([]);
+    const [nieuw, setNieuw] = useState(null);
+    useEffect(() => {
+        if (!toevoegenOpen) {
+            setNieuw(null);
+            return;
+        }
+        setWachtOp(computers.map((c) => c.id));
+        const timer = setInterval(() => onVernieuw(), 5000);
+        return () => clearInterval(timer);
+    }, [toevoegenOpen]); // eslint-disable-line react-hooks/exhaustive-deps
+    useEffect(() => {
+        if (!toevoegenOpen || nieuw)
+            return;
+        const gevonden = computers.find((c) => !wachtOp.includes(c.id));
+        if (gevonden)
+            setNieuw(gevonden);
+    }, [computers, toevoegenOpen, wachtOp, nieuw]);
+    return (_jsxs("div", { className: alleenDialog ? "" : "space-y-3", children: [!alleenDialog && loading && _jsx("p", { className: "text-muted-foreground text-sm", children: "Laden\u2026" }), !alleenDialog && !loading && fout && (_jsx(Card, { children: _jsxs(CardContent, { className: "space-y-3 py-6", children: [_jsx("p", { className: "font-medium", children: "Geen verbinding" }), _jsx("p", { className: "text-muted-foreground text-sm", children: fout }), _jsxs(Button, { variant: "outline", onClick: onVernieuw, children: [_jsx(RefreshCw, { className: "mr-2 h-4 w-4" }), " Opnieuw proberen"] })] }) })), !alleenDialog && !loading && !fout && computers.length === 0 && (_jsx(Card, { children: _jsxs(CardContent, { className: "space-y-4 py-8", children: [_jsx(PrintProgrammaUitleg, {}), _jsxs(Button, { onClick: () => onToevoegenOpenChange(true), children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), " Computer toevoegen"] })] }) })), !alleenDialog && computers.map((c) => (_jsxs("div", { className: "bg-card flex items-center gap-4 rounded-xl border p-4", children: [_jsx("div", { className: "bg-muted rounded-lg p-2.5", children: _jsx(Monitor, { className: "text-muted-foreground h-5 w-5" }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "truncate font-medium", children: c.naam }), _jsxs("p", { className: "text-muted-foreground text-sm", children: [c.aantalPrinters, " ", c.aantalPrinters === 1 ? "printer" : "printers"] })] }), _jsx("span", { className: `rounded-full px-2.5 py-1 text-xs font-medium ${c.online ? "bg-primary/10 text-primary" : "bg-muted text-muted-foreground"}`, children: c.online ? "Aan" : "Uit" }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => onPrintersToevoegen(c.naam), children: "Printers toevoegen" })] }, c.id))), !alleenDialog && computers.length > 0 && _jsx(WerktHetNiet, {}), _jsx(Dialog, { open: toevoegenOpen, onOpenChange: onToevoegenOpenChange, children: _jsxs(DialogContent, { className: "sm:max-w-lg", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Computer toevoegen" }), _jsx(DialogDescription, { children: "Zet het printprogramma klaar op de computer waar de printers aan hangen." })] }), _jsx(PrintProgrammaUitleg, { compact: true }), _jsx("div", { className: "rounded-lg border p-4 text-sm", children: nieuw ? (_jsxs("div", { className: "space-y-3", children: [_jsxs("p", { className: "font-medium", children: ["Computer gevonden: ", nieuw.naam] }), _jsx(Button, { onClick: () => {
+                                            onToevoegenOpenChange(false);
+                                            onPrintersToevoegen(nieuw.naam);
+                                        }, children: "Printers van deze computer toevoegen" })] })) : (_jsxs("p", { className: "text-muted-foreground flex items-center gap-2", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), " We wachten tot de computer zich meldt\u2026"] })) }), _jsx("div", { className: "flex justify-end", children: _jsx(Button, { variant: "outline", onClick: () => onToevoegenOpenChange(false), children: "Sluiten" }) }), _jsx(WerktHetNiet, {})] }) })] }));
+}

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

@@ -1 +1 @@
-{"version":3,"file":"LayoutsPage.d.ts","sourceRoot":"","sources":["../../src/components/LayoutsPage.tsx"],"names":[],"mappings":"AAyDA,wBAAgB,WAAW,gCAijB1B"}
+{"version":3,"file":"LayoutsPage.d.ts","sourceRoot":"","sources":["../../src/components/LayoutsPage.tsx"],"names":[],"mappings":"AA0DA,wBAAgB,WAAW,gCAkjB1B"}

package/dist-lib/components/LayoutsPage.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
+import { useAutoRefresh } from "../lib/useAutoRefresh";
 import { useNavigate } from "@tanstack/react-router";
 import { Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Separator, Switch, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Textarea, toast, } from "@flowselections/core";
 import { Copy, FileText, Images, Pencil, Plus, Search, Settings2, Trash2 } from "lucide-react";
@@ -14,6 +15,7 @@ function klantOntwerpLayout(l) {
 }
 export function LayoutsPage() {
     const { layouts, loading, reload } = useLayouts();
+    useAutoRefresh(() => reload(true), 30000);
     const navigate = useNavigate();
     const [zoek, setZoek] = useState("");
     const [typeFilter, setTypeFilter] = useState("alle");

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

@@ -1 +1 @@
-{"version":3,"file":"LogosPage.d.ts","sourceRoot":"","sources":["../../src/components/LogosPage.tsx"],"names":[],"mappings":"AAiCA,OAAO,EAWL,KAAK,SAAS,EACf,MAAM,oBAAoB,CAAC;AAE5B,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,SAAc,EAAE,EAAE;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAY9F;AASD,wBAAgB,SAAS,gCA4KxB"}
+{"version":3,"file":"LogosPage.d.ts","sourceRoot":"","sources":["../../src/components/LogosPage.tsx"],"names":[],"mappings":"AAkCA,OAAO,EAWL,KAAK,SAAS,EACf,MAAM,oBAAoB,CAAC;AAE5B,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,SAAc,EAAE,EAAE;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAY9F;AASD,wBAAgB,SAAS,gCA6KxB"}

package/dist-lib/components/LogosPage.js

@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
 import { Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Switch, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Textarea, toast, } from "@flowselections/core";
 import { Download, ImagePlus, Pencil, RefreshCw, Trash2, Upload } from "lucide-react";
+import { useAutoRefresh } from "../lib/useAutoRefresh";
 import { LOGO_CATEGORIEEN, TOEGESTANE_LOGO_TYPES, downloadLogo, formatteerBytes, logoCategorieLabel, maakLogo, useLogos, vervangLogoBestand, verwijderLogo, werkLogoBij, } from "../lib/logoLibrary";
 export function LogoThumbnail({ logo, className = "" }) {
     return (_jsx("div", { className: `flex h-12 w-16 items-center justify-center overflow-hidden rounded border bg-[repeating-conic-gradient(#e5e7eb_0%_25%,#fff_0%_50%)] bg-[length:10px_10px] ${className}`, children: logo.viewUrl ? (_jsx("img", { src: logo.viewUrl, alt: logo.naam, className: "max-h-full max-w-full object-contain" })) : (_jsx(ImagePlus, { className: "h-4 w-4 text-muted-foreground" })) }));
@@ -12,6 +13,7 @@ export function LogosPage() {
     const [categorie, setCategorie] = useState("alle");
     const [uploadOpen, setUploadOpen] = useState(false);
     const [bewerk, setBewerk] = useState(null);
+    useAutoRefresh(() => reload(true), 30000, uploadOpen || !!bewerk);
     const zichtbaar = useMemo(() => {
         const q = zoek.trim().toLowerCase();
         return logos.filter((l) => (categorie === "alle" || l.categorie === categorie) &&

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

@@ -0,0 +1,8 @@
+export declare function NetwerkPrintersDialog({ open, onOpenChange, huidigePrinterId, huidigePrinterNaam, onKlaar, }: {
+    open: boolean;
+    onOpenChange: (v: boolean) => void;
+    huidigePrinterId?: string | null;
+    huidigePrinterNaam?: string | null;
+    onKlaar?: () => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=NetwerkPrintersDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NetwerkPrintersDialog.d.ts","sourceRoot":"","sources":["../../src/components/NetwerkPrintersDialog.tsx"],"names":[],"mappings":"AA2BA,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,YAAY,EACZ,gBAAgB,EAChB,kBAAkB,EAClB,OAAO,GACR,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,+BAkHA"}

package/dist-lib/components/NetwerkPrintersDialog.js

@@ -0,0 +1,79 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ============================================================================
+// src/components/NetwerkPrintersDialog.tsx — printers uit het netwerk zoeken,
+// toevoegen of koppelen aan een bestaande printer.
+// ============================================================================
+import { useCallback, useEffect, useState } from "react";
+import { Button, Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, toast, } from "@flowselections/core";
+import { Loader2, Printer, RefreshCw } from "lucide-react";
+import { supabase } from "../lib/supabaseClient";
+import { netwerkPrinters } from "../lib/printService.functions";
+export function NetwerkPrintersDialog({ open, onOpenChange, huidigePrinterId, huidigePrinterNaam, onKlaar, }) {
+    const [bezig, setBezig] = useState(false);
+    const [fout, setFout] = useState(null);
+    const [lijst, setLijst] = useState([]);
+    const zoeken = useCallback(async () => {
+        setBezig(true);
+        setFout(null);
+        try {
+            const res = await netwerkPrinters({ data: undefined });
+            if (!res.ok) {
+                setFout(res.fout);
+                setLijst([]);
+            }
+            else {
+                setLijst(Array.isArray(res.printers) ? res.printers : []);
+            }
+        }
+        catch {
+            setFout("Er kon niet in het netwerk worden gezocht. Probeer het zo opnieuw.");
+        }
+        finally {
+            setBezig(false);
+        }
+    }, []);
+    useEffect(() => {
+        if (open)
+            void zoeken();
+    }, [open, zoeken]);
+    const toevoegen = async (p) => {
+        try {
+            const { error } = await supabase.from("printers").insert({
+                naam: p.naam,
+                systeemnaam: p.naam,
+                locatie: p.computer,
+                omschrijving: p.omschrijving,
+                online: p.online,
+                actief: true,
+                extern_printer_id: p.id,
+            });
+            if (error)
+                throw error;
+            toast.success(`${p.naam} is toegevoegd`);
+            onKlaar?.();
+            onOpenChange(false);
+        }
+        catch {
+            toast.error("Toevoegen mislukt");
+        }
+    };
+    const koppelen = async (p) => {
+        if (!huidigePrinterId)
+            return;
+        try {
+            const { error } = await supabase
+                .from("printers")
+                .update({ extern_printer_id: p.id, systeemnaam: p.naam, locatie: p.computer })
+                .eq("id", huidigePrinterId);
+            if (error)
+                throw error;
+            toast.success("Printer gekoppeld");
+            onKlaar?.();
+            onOpenChange(false);
+        }
+        catch {
+            toast.error("Koppelen mislukt");
+        }
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "max-w-lg", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Printers in het netwerk" }), _jsx(DialogDescription, { children: "Kies een printer om toe te voegen. Staat een printer er niet bij? Zet dan de computer aan waar de printer op is aangesloten." })] }), _jsxs("div", { className: "space-y-2", children: [bezig && (_jsxs("p", { className: "text-muted-foreground flex items-center gap-2 text-sm", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), " Zoeken\u2026"] })), !bezig && fout && _jsx("p", { className: "text-destructive text-sm", children: fout }), !bezig && !fout && lijst.length === 0 && (_jsx("p", { className: "text-muted-foreground text-sm", children: "Er zijn geen printers gevonden." })), lijst.map((p) => (_jsxs("div", { className: "flex items-center gap-3 rounded-lg border p-3", children: [_jsx(Printer, { className: "text-muted-foreground h-5 w-5" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "truncate text-sm font-medium", children: p.naam }), _jsxs("p", { className: "text-muted-foreground truncate text-xs", children: [p.computer || "Onbekende computer", " \u00B7 ", p.online ? "online" : "offline"] })] }), huidigePrinterId && (_jsxs(Button, { variant: "outline", size: "sm", onClick: () => void koppelen(p), children: ["Koppelen aan ", huidigePrinterNaam ?? "printer"] })), _jsx(Button, { size: "sm", onClick: () => void toevoegen(p), children: "Toevoegen" })] }, p.id)))] }), _jsx("div", { className: "flex justify-end", children: _jsxs(Button, { variant: "ghost", onClick: () => void zoeken(), disabled: bezig, children: [_jsx(RefreshCw, { className: "mr-2 h-4 w-4" }), " Opnieuw zoeken"] }) })] }) }));
+}

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

@@ -0,0 +1,5 @@
+export declare function PrintProgrammaUitleg({ compact }: {
+    compact?: boolean;
+}): import("react").JSX.Element;
+export declare function WerktHetNiet(): import("react").JSX.Element;
+//# sourceMappingURL=PrintProgrammaUitleg.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrintProgrammaUitleg.d.ts","sourceRoot":"","sources":["../../src/components/PrintProgrammaUitleg.tsx"],"names":[],"mappings":"AAgBA,wBAAgB,oBAAoB,CAAC,EAAE,OAAe,EAAE,EAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,+BAmC9E;AAED,wBAAgB,YAAY,gCAa3B"}

package/dist-lib/components/PrintProgrammaUitleg.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ============================================================================
+// src/components/PrintProgrammaUitleg.tsx — uitleg over het printprogramma dat
+// op de computer moet draaien voordat printers zichtbaar worden.
+// ============================================================================
+import { Button } from "@flowselections/core";
+import { Download, HelpCircle, MonitorSmartphone } from "lucide-react";
+const DOWNLOAD_URL = "https://www.printnode.com/en/download";
+const STAPPEN = [
+    "Download het printprogramma op de computer waar de printer aan hangt.",
+    "Installeer het en log in met de gegevens die u van uw beheerder krijgt.",
+    "Laat die computer aan staan; de printers verschijnen dan vanzelf in de lijst.",
+];
+export function PrintProgrammaUitleg({ compact = false }) {
+    return (_jsxs("div", { className: "bg-muted/40 space-y-4 rounded-xl border p-5", children: [!compact && (_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "bg-background rounded-lg border p-2", children: _jsx(MonitorSmartphone, { className: "text-muted-foreground h-5 w-5" }) }), _jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium", children: "We zien nog geen printers" }), _jsx("p", { className: "text-muted-foreground text-sm", children: "Zet de computer klaar in drie korte stappen." })] })] })), _jsx("ol", { className: "space-y-3", children: STAPPEN.map((tekst, i) => (_jsxs("li", { className: "flex gap-3", children: [_jsx("span", { className: "bg-background text-foreground flex h-6 w-6 shrink-0 items-center justify-center rounded-full border text-xs font-medium", children: i + 1 }), _jsx("span", { className: "text-sm", children: tekst })] }, tekst))) }), _jsx(Button, { asChild: true, variant: "outline", children: _jsxs("a", { href: DOWNLOAD_URL, target: "_blank", rel: "noreferrer", children: [_jsx(Download, { className: "mr-2 h-4 w-4" }), " Printprogramma downloaden"] }) })] }));
+}
+export function WerktHetNiet() {
+    return (_jsxs("details", { className: "group rounded-lg border p-3", children: [_jsxs("summary", { className: "flex cursor-pointer items-center gap-2 text-sm font-medium", children: [_jsx(HelpCircle, { className: "text-muted-foreground h-4 w-4" }), " Werkt het niet?"] }), _jsxs("ul", { className: "text-muted-foreground mt-3 space-y-2 text-sm", children: [_jsx("li", { children: "De computer staat uit of is in slaapstand." }), _jsx("li", { children: "Het printprogramma is nog niet gestart op die computer." }), _jsx("li", { children: "Er is ingelogd met andere gegevens dan die u van uw beheerder kreeg." })] })] }));
+}

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

@@ -1 +1 @@
-{"version":3,"file":"PrintQueuePage.d.ts","sourceRoot":"","sources":["../../src/components/PrintQueuePage.tsx"],"names":[],"mappings":"AAmCA,wBAAgB,cAAc,gCA8K7B"}
+{"version":3,"file":"PrintQueuePage.d.ts","sourceRoot":"","sources":["../../src/components/PrintQueuePage.tsx"],"names":[],"mappings":"AAsCA,wBAAgB,cAAc,gCAuN7B"}

package/dist-lib/components/PrintQueuePage.js

@@ -1,8 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo, useState } from "react";
+import { useMemo, useRef, useState } from "react";
 import { Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Input, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, toast, } from "@flowselections/core";
-import { RefreshCw, RotateCcw, Search, XCircle } from "lucide-react";
+import { RotateCcw, Search, XCircle } from "lucide-react";
+import { bijgewerktTekst, useAutoRefresh } from "../lib/useAutoRefresh";
 import { maakPrintJob, updateJobStatus, useLayouts, usePrinters, usePrintJobs } from "../lib/useDocumentData";
+import { printStatus, wachtrijTick } from "../lib/printService.functions";
 import { documentTypeLabel } from "../lib/documentTypes";
 const STATUS_VARIANT = {
     wachtend: "outline",
@@ -17,6 +19,7 @@ export function PrintQueuePage() {
     const { layouts } = useLayouts();
     const [zoek, setZoek] = useState("");
     const [status, setStatus] = useState("alle");
+    const [tickFout, setTickFout] = useState(null);
     const printerNaam = useMemo(() => new Map(printers.map((p) => [p.id, p.naam])), [printers]);
     const layoutNaam = useMemo(() => new Map(layouts.map((l) => [l.id, l.naam])), [layouts]);
     const gefilterd = jobs.filter((j) => {
@@ -33,7 +36,38 @@ export function PrintQueuePage() {
             t[j.status] = (t[j.status] ?? 0) + 1;
         return t;
     }, [jobs]);
-    return (_jsxs("main", { className: "space-y-6 p-6", children: [_jsxs("div", { className: "flex flex-wrap items-end justify-between gap-4", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-xl font-semibold", children: "Printwachtrij" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Volg printopdrachten, herstart mislukte prints en print documenten opnieuw." })] }), _jsxs(Button, { variant: "outline", onClick: () => reload(), children: [_jsx(RefreshCw, { className: "mr-2 h-4 w-4" }), " Vernieuwen"] })] }), _jsx("div", { className: "grid gap-4 md:grid-cols-4", children: ["wachtend", "bezig", "voltooid", "mislukt"].map((s) => (_jsx(Card, { children: _jsxs(CardHeader, { className: "pb-2", children: [_jsx(CardDescription, { className: "capitalize", children: s }), _jsx(CardTitle, { className: "text-2xl", children: tellingen[s] ?? 0 })] }) }, s))) }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsx(CardTitle, { className: "text-base", children: "Opdrachten" }), _jsx(CardDescription, { children: loading ? "Laden…" : `${gefilterd.length} opdrachten` })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "grid gap-3 md:grid-cols-4", children: [_jsxs("div", { className: "relative md:col-span-2", children: [_jsx(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { className: "pl-9", placeholder: "Zoek op document of gebruiker", value: zoek, onChange: (e) => setZoek(e.target.value) })] }), _jsxs(Select, { value: status, onValueChange: setStatus, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "alle", children: "Alle statussen" }), ["wachtend", "bezig", "voltooid", "mislukt", "geannuleerd"].map((s) => (_jsx(SelectItem, { value: s, children: s }, s)))] })] })] }), _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Document" }), _jsx(TableHead, { children: "Layout" }), _jsx(TableHead, { children: "Printer" }), _jsx(TableHead, { children: "Status" }), _jsx(TableHead, { children: "Tijdstip" }), _jsx(TableHead, { className: "text-right", children: "Acties" })] }) }), _jsxs(TableBody, { children: [gefilterd.length === 0 && (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 6, className: "py-10 text-center text-sm text-muted-foreground", children: "Geen printopdrachten." }) })), gefilterd.map((j) => (_jsxs(TableRow, { children: [_jsxs(TableCell, { children: [_jsx("span", { className: "font-medium", children: j.documentnaam ?? documentTypeLabel(j.documenttype) }), j.is_herprint && (_jsx(Badge, { variant: "outline", className: "ml-2", children: "herprint" })), j.foutmelding && (_jsx("span", { className: "block text-xs text-destructive", children: j.foutmelding }))] }), _jsx(TableCell, { className: "text-sm text-muted-foreground", children: j.layout_id ? layoutNaam.get(j.layout_id) ?? "—" : "—" }), _jsx(TableCell, { className: "text-sm text-muted-foreground", children: j.printer_id ? printerNaam.get(j.printer_id) ?? "—" : "—" }), _jsx(TableCell, { children: _jsx(Badge, { variant: STATUS_VARIANT[j.status] ?? "outline", children: j.status }) }), _jsx(TableCell, { className: "text-sm text-muted-foreground", children: new Date(j.created_at).toLocaleString("nl-NL") }), _jsx(TableCell, { className: "text-right", children: _jsxs("div", { className: "flex justify-end gap-1", children: [_jsxs(Button, { variant: "ghost", size: "sm", onClick: async () => {
+    const jobsRef = useRef(jobs);
+    jobsRef.current = jobs;
+    const lopende = jobs.some((j) => j.status === "wachtend" || j.status === "bezig");
+    const ronde = async () => {
+        // Vangnet: laat wachtende opdrachten meteen verwerken, ook als de
+        // achtergrondtaak nog niet is langsgekomen in een verse installatie.
+        if (jobsRef.current.some((j) => j.status === "wachtend")) {
+            try {
+                const res = (await wachtrijTick({ data: undefined }));
+                setTickFout(res?.ok === false ? res.fout ?? "Verwerken mislukt" : null);
+            }
+            catch (e) {
+                setTickFout(e instanceof Error ? e.message : "Achtergrondprinten werkt nu niet.");
+            }
+        }
+        const open = jobsRef.current.filter((j) => j.extern_job_id && (j.status === "bezig" || j.status === "wachtend"));
+        for (const j of open) {
+            try {
+                const res = await printStatus({ data: { externJobId: String(j.extern_job_id) } });
+                if (!res.ok)
+                    break;
+                if (res.status !== j.status)
+                    await updateJobStatus(j.id, res.status);
+            }
+            catch {
+                break;
+            }
+        }
+        await reload(true);
+    };
+    const bijgewerkt = useAutoRefresh(ronde, lopende ? 5000 : 20000);
+    return (_jsxs("main", { className: "space-y-6 p-6", children: [_jsxs("div", { className: "flex flex-wrap items-end justify-between gap-4", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-xl font-semibold", children: "Printwachtrij" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Volg printopdrachten, herstart mislukte prints en print documenten opnieuw." })] }), _jsx("span", { className: "text-muted-foreground text-xs", children: bijgewerktTekst(bijgewerkt) })] }), tickFout && (_jsx("div", { className: "rounded-md border border-destructive/40 bg-destructive/10 p-3 text-sm text-destructive", children: tickFout })), _jsx("div", { className: "grid gap-4 md:grid-cols-4", children: ["wachtend", "bezig", "voltooid", "mislukt"].map((s) => (_jsx(Card, { children: _jsxs(CardHeader, { className: "pb-2", children: [_jsx(CardDescription, { className: "capitalize", children: s }), _jsx(CardTitle, { className: "text-2xl", children: tellingen[s] ?? 0 })] }) }, s))) }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsx(CardTitle, { className: "text-base", children: "Opdrachten" }), _jsx(CardDescription, { children: loading ? "Laden…" : `${gefilterd.length} opdrachten` })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "grid gap-3 md:grid-cols-4", children: [_jsxs("div", { className: "relative md:col-span-2", children: [_jsx(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { className: "pl-9", placeholder: "Zoek op document of gebruiker", value: zoek, onChange: (e) => setZoek(e.target.value) })] }), _jsxs(Select, { value: status, onValueChange: setStatus, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "alle", children: "Alle statussen" }), ["wachtend", "bezig", "voltooid", "mislukt", "geannuleerd"].map((s) => (_jsx(SelectItem, { value: s, children: s }, s)))] })] })] }), _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Document" }), _jsx(TableHead, { children: "Layout" }), _jsx(TableHead, { children: "Printer" }), _jsx(TableHead, { children: "Status" }), _jsx(TableHead, { children: "Tijdstip" }), _jsx(TableHead, { className: "text-right", children: "Acties" })] }) }), _jsxs(TableBody, { children: [gefilterd.length === 0 && (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 6, className: "py-10 text-center text-sm text-muted-foreground", children: "Geen printopdrachten." }) })), gefilterd.map((j) => (_jsxs(TableRow, { children: [_jsxs(TableCell, { children: [_jsx("span", { className: "font-medium", children: j.documentnaam ?? documentTypeLabel(j.documenttype) }), j.is_herprint && (_jsx(Badge, { variant: "outline", className: "ml-2", children: "herprint" })), j.foutmelding && (_jsx("span", { className: "block text-xs text-destructive", children: j.foutmelding }))] }), _jsx(TableCell, { className: "text-sm text-muted-foreground", children: j.layout_id ? layoutNaam.get(j.layout_id) ?? "—" : "—" }), _jsx(TableCell, { className: "text-sm text-muted-foreground", children: j.printer_id ? printerNaam.get(j.printer_id) ?? "—" : "—" }), _jsx(TableCell, { children: _jsx(Badge, { variant: STATUS_VARIANT[j.status] ?? "outline", children: j.status }) }), _jsx(TableCell, { className: "text-sm text-muted-foreground", children: new Date(j.created_at).toLocaleString("nl-NL") }), _jsx(TableCell, { className: "text-right", children: _jsxs("div", { className: "flex justify-end gap-1", children: [_jsxs(Button, { variant: "ghost", size: "sm", onClick: async () => {
                                                                         if (!j.layout_id)
                                                                             return;
                                                                         try {

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

@@ -0,0 +1,17 @@
+export interface PrinterKaartData {
+    id: string;
+    naam: string;
+    locatie: string | null;
+    systeemnaam?: string | null;
+}
+export declare function PrinterKaart({ printer, computer, beschikbaar, gekozen, onKies, onTest, onBewerk, onVerwijder, }: {
+    printer: PrinterKaartData;
+    computer?: string | null;
+    beschikbaar: boolean | null;
+    gekozen: boolean;
+    onKies: () => void;
+    onTest: () => void;
+    onBewerk: () => void;
+    onVerwijder: () => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=PrinterKaart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrinterKaart.d.ts","sourceRoot":"","sources":["../../src/components/PrinterKaart.tsx"],"names":[],"mappings":"AAaA,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B;AAED,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,QAAQ,EACR,WAAW,EACX,OAAO,EACP,MAAM,EACN,MAAM,EACN,QAAQ,EACR,WAAW,GACZ,EAAE;IACD,OAAO,EAAE,gBAAgB,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,WAAW,EAAE,OAAO,GAAG,IAAI,CAAC;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,+BAsDA"}

package/dist-lib/components/PrinterKaart.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ============================================================================
+// src/components/PrinterKaart.tsx — één printer in de lijst, met status en acties
+// ============================================================================
+import { Button, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "@flowselections/core";
+import { MoreHorizontal, Pencil, Printer, Trash2 } from "lucide-react";
+export function PrinterKaart({ printer, computer, beschikbaar, gekozen, onKies, onTest, onBewerk, onVerwijder, }) {
+    return (_jsxs("div", { role: "button", tabIndex: 0, onClick: onKies, onKeyDown: (e) => {
+            if (e.key === "Enter" || e.key === " ")
+                onKies();
+        }, className: `bg-card hover:border-primary/40 flex cursor-pointer items-center gap-4 rounded-xl border p-4 transition ${gekozen ? "border-primary ring-primary/20 ring-2" : ""}`, children: [_jsx("div", { className: "bg-muted rounded-lg p-2.5", children: _jsx(Printer, { className: "text-muted-foreground h-5 w-5" }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "truncate font-medium", children: printer.naam }), _jsx("p", { className: "text-muted-foreground truncate text-sm", children: [printer.locatie, computer].filter(Boolean).join(" · ") || "Geen locatie ingevuld" })] }), _jsx("span", { className: `hidden shrink-0 rounded-full px-2.5 py-1 text-xs font-medium sm:inline ${beschikbaar
+                    ? "bg-primary/10 text-primary"
+                    : "bg-muted text-muted-foreground"}`, children: beschikbaar === null ? "Controleren…" : beschikbaar ? "Beschikbaar" : "Niet bereikbaar" }), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, onClick: (e) => e.stopPropagation(), children: _jsx(Button, { variant: "ghost", size: "sm", "aria-label": "Meer", children: _jsx(MoreHorizontal, { className: "h-4 w-4" }) }) }), _jsxs(DropdownMenuContent, { align: "end", onClick: (e) => e.stopPropagation(), children: [_jsxs(DropdownMenuItem, { onSelect: () => onTest(), children: [_jsx(Printer, { className: "mr-2 h-4 w-4" }), " Testpagina afdrukken"] }), _jsxs(DropdownMenuItem, { onSelect: () => onBewerk(), children: [_jsx(Pencil, { className: "mr-2 h-4 w-4" }), " Naam en locatie wijzigen"] }), _jsxs(DropdownMenuItem, { onSelect: () => onVerwijder(), children: [_jsx(Trash2, { className: "mr-2 h-4 w-4" }), " Verwijderen"] })] })] })] }));
+}

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

@@ -1,6 +1,16 @@
-export declare function PrinterSetupWizard({ open, onOpenChange, onKlaar, }: {
+export interface BewerkPrinter {
+    id: string;
+    naam: string;
+    locatie: string | null;
+    papierformaat: string | null;
+}
+export declare function PrinterSetupWizard({ open, onOpenChange, onKlaar, computerFilter, bekendeExterneIds, bekendeLocaties, bewerken, }: {
     open: boolean;
     onOpenChange: (v: boolean) => void;
     onKlaar?: () => void;
+    computerFilter?: string | null;
+    bekendeExterneIds?: string[];
+    bekendeLocaties?: string[];
+    bewerken?: BewerkPrinter | null;
 }): import("react").JSX.Element;
 //# sourceMappingURL=PrinterSetupWizard.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PrinterSetupWizard.d.ts","sourceRoot":"","sources":["../../src/components/PrinterSetupWizard.tsx"],"names":[],"mappings":"AA6DA,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,YAAY,EACZ,OAAO,GACR,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,+BAuNA"}
+{"version":3,"file":"PrinterSetupWizard.d.ts","sourceRoot":"","sources":["../../src/components/PrinterSetupWizard.tsx"],"names":[],"mappings":"AA6CA,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAoCD,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,cAAc,EACd,iBAAsB,EACtB,eAAoB,EACpB,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;CACjC,+BAiXA"}