@flowselections/floriday-afhandeling-module 1.0.27 → 1.0.28

package/package.json

@@ -1,132 +1,118 @@
-{
-  "name": "@flowselections/floriday-afhandeling-module",
-  "version": "1.0.27",
-  "private": false,
-  "sideEffects": false,
-  "type": "module",
-  "main": "./dist-lib/index.js",
-  "types": "./dist-lib/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist-lib/index.d.ts",
-      "default": "./dist-lib/index.js"
-    },
-    "./server-routes": {
-      "types": "./dist-lib/lib/serverRoutes/index.d.ts",
-      "default": "./dist-lib/lib/serverRoutes/index.js"
-    },
-    "./styles": "./dist-lib/styles.css"
-  },
-  "files": [
-    "dist-lib"
-  ],
-  "publishConfig": {
-    "access": "public"
-  },
-  "scripts": {
-    "dev": "vite dev",
-    "build": "vite build",
-    "build:lib": "tsc -p tsconfig.build.json && tsc-alias -p tsconfig.build.json && node -e \"require('fs').writeFileSync('dist-lib/styles.css', '@source \\\"./\\\";\\n')\"",
-    "build:lib:watch": "tsc -p tsconfig.build.json --watch",
-    "build:dev": "vite build --mode development",
-    "preview": "vite preview",
-    "lint": "eslint ."
-  },
-  "peerDependencies": {
-    "@flowselections/core": "*",
-    "@tanstack/react-query": "^5",
-    "react": "^18 || ^19",
-    "react-dom": "^18 || ^19"
-  },
-  "dependencies": {
-    "@ai-sdk/openai-compatible": "^3.0.9",
-    "@supabase/supabase-js": "^2.110.8",
-    "ai": "^7.0.26"
-  },
-  "devDependencies": {
-    "@cloudflare/vite-plugin": "^1.25.5",
-    "@eslint/js": "^9.32.0",
-    "@flowselections/core": "1.0.16",
-    "@lovable.dev/vite-tanstack-config": "2.9.0",
-    "@rsbuild/core": "^1.0.0",
-    "@tailwindcss/vite": "^4.2.1",
-    "@tanstack/react-query": "^5.83.0",
-    "@tanstack/router-plugin": "^1.167.10",
-    "@types/node": "^22.16.5",
-    "@types/react": "^19.2.0",
-    "@types/react-dom": "^19.2.0",
-    "@vitejs/plugin-react": "^5.0.4",
-    "eslint": "^9.32.0",
-    "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-react-refresh": "^0.4.20",
-    "globals": "^15.15.0",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
-    "tailwindcss": "^4.2.1",
-    "tw-animate-css": "^1.3.4",
-    "typescript": "^5.8.3",
-    "tsc-alias": "^1.8.0",
-    "typescript-eslint": "^8.56.1",
-    "vite": "^7.3.1",
-    "vite-tsconfig-paths": "^6.0.2",
-    "nitro": "3.0.260603-beta"
-  },
-  "flowselections": {
-    "moduleId": "Afhandeling",
-    "pages": [
-      {
-        "export": "LeveringenPage",
-        "route": "afhandeling/leveringen",
-        "title": "Planning en Leveringen"
-      },
-      {
-        "export": "NieuweLeveringPage",
-        "route": "afhandeling/leveringen/nieuw",
-        "title": "Levering aanmaken",
-        "nav": false
-      },
-      {
-        "export": "PickingPage",
-        "route": "afhandeling/picking",
-        "title": "Pick Agenda"
-      },
-      {
-        "export": "ControlePage",
-        "route": "afhandeling/controle",
-        "title": "Controle Karren"
-      },
-      {
-        "export": "PickstationPage",
-        "route": "pickstation",
-        "title": "Pickstation",
-        "nav": false,
-        "public": true
-      },
-      {
-        "export": "KioskControle",
-        "route": "controle",
-        "title": "KioskControle",
-        "nav": false,
-        "public": true
-      },
-      {
-        "export": "VervoerdersPage",
-        "route": "afhandeling/vervoerders",
-        "title": "Vervoerders",
-        "nav": false
-      },
-      {
-        "export": "NieuweVervoerderPage",
-        "route": "afhandeling/vervoerders/nieuw",
-        "title": "Nieuwe vervoerder",
-        "nav": false
-      },
-      {
-        "export": "VervoerderBewerkenPage",
-        "route": "afhandeling/vervoerders/$carrierId/bewerken",
-        "title": "Vervoerder bewerken",
-        "nav": false
-      }
-    ]
-  }
-}
+{
+  "name": "@flowselections/floriday-afhandeling-module",
+  "version": "1.0.28",
+  "private": false,
+  "sideEffects": false,
+  "type": "module",
+  "main": "./dist-lib/index.js",
+  "types": "./dist-lib/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist-lib/index.d.ts",
+      "default": "./dist-lib/index.js"
+    },
+    "./server-routes": {
+      "types": "./dist-lib/lib/serverRoutes/index.d.ts",
+      "default": "./dist-lib/lib/serverRoutes/index.js"
+    },
+    "./styles": "./dist-lib/styles.css"
+  },
+  "files": [
+    "dist-lib"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "dev": "vite dev",
+    "build": "vite build",
+    "build:lib": "tsc -p tsconfig.build.json && tsc-alias -p tsconfig.build.json && node -e \"require('fs').writeFileSync('dist-lib/styles.css', '@source \\\"./\\\";\\n')\"",
+    "build:lib:watch": "tsc -p tsconfig.build.json --watch",
+    "build:dev": "vite build --mode development",
+    "preview": "vite preview",
+    "lint": "eslint ."
+  },
+  "peerDependencies": {
+    "@flowselections/core": "*",
+    "@tanstack/react-query": "^5",
+    "react": "^18 || ^19",
+    "react-dom": "^18 || ^19"
+  },
+  "dependencies": {
+    "@ai-sdk/openai-compatible": "^3.0.9",
+    "@supabase/supabase-js": "^2.110.8",
+    "ai": "^7.0.26"
+  },
+  "devDependencies": {
+    "@cloudflare/vite-plugin": "^1.25.5",
+    "@eslint/js": "^9.32.0",
+    "@flowselections/core": "1.0.16",
+    "@lovable.dev/vite-tanstack-config": "2.9.1",
+    "@rsbuild/core": "^1.0.0",
+    "@tailwindcss/vite": "^4.2.1",
+    "@tanstack/react-query": "^5.83.0",
+    "@tanstack/router-plugin": "^1.167.10",
+    "@types/node": "^22.16.5",
+    "@types/react": "^19.2.0",
+    "@types/react-dom": "^19.2.0",
+    "@vitejs/plugin-react": "^5.0.4",
+    "eslint": "^9.32.0",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.20",
+    "globals": "^15.15.0",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "tailwindcss": "^4.2.1",
+    "tw-animate-css": "^1.3.4",
+    "typescript": "^5.8.3",
+    "tsc-alias": "^1.8.0",
+    "typescript-eslint": "^8.56.1",
+    "vite": "^7.3.1",
+    "vite-tsconfig-paths": "^6.0.2",
+    "nitro": "3.0.260603-beta"
+  },
+  "flowselections": {
+    "moduleId": "Afhandeling",
+    "pages": [
+      {
+        "export": "LeveringenPage",
+        "route": "afhandeling/leveringen",
+        "title": "Planning en Leveringen"
+      },
+      {
+        "export": "NieuweLeveringPage",
+        "route": "afhandeling/leveringen/nieuw",
+        "title": "Levering aanmaken",
+        "nav": false
+      },
+      {
+        "export": "PickingPage",
+        "route": "afhandeling/picking",
+        "title": "Pick Agenda"
+      },
+      {
+        "export": "ControlePage",
+        "route": "afhandeling/controle",
+        "title": "Controle Karren"
+      },
+      {
+        "export": "VervoerdersPage",
+        "route": "afhandeling/vervoerders",
+        "title": "Vervoerders",
+        "nav": false
+      },
+      {
+        "export": "NieuweVervoerderPage",
+        "route": "afhandeling/vervoerders/nieuw",
+        "title": "Nieuwe vervoerder",
+        "nav": false
+      },
+      {
+        "export": "VervoerderBewerkenPage",
+        "route": "afhandeling/vervoerders/$carrierId/bewerken",
+        "title": "Vervoerder bewerken",
+        "nav": false
+      }
+    ]
+  }
+}

package/dist-lib/components/pickstation/KioskControle.d.ts

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

package/dist-lib/components/pickstation/KioskControle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"KioskControle.d.ts","sourceRoot":"","sources":["../../../src/components/pickstation/KioskControle.tsx"],"names":[],"mappings":"AAGA,wBAAgB,aAAa,gCAoB5B"}

package/dist-lib/components/pickstation/KioskControle.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useNavigate } from "@tanstack/react-router";
-import { ControlePage } from "../afhandeling/ControlePage";
-export function KioskControle() {
-    const navigate = useNavigate();
-    return (_jsxs("div", { className: "min-h-screen bg-slate-50 text-slate-900 flex flex-col", children: [_jsx("header", { className: "bg-white border-b sticky top-0 z-20", children: _jsxs("div", { className: "max-w-6xl mx-auto px-4 py-3 flex items-center gap-3", children: [_jsx("button", { onClick: () => navigate({ to: "/pickstation" }), className: "h-12 px-4 rounded-xl bg-white border-2 border-slate-300 hover:bg-slate-100 font-semibold", children: "\u2190 Terug naar Picking" }), _jsx("h1", { className: "text-xl font-semibold", children: "Picking-modus" })] }) }), _jsx("main", { className: "flex-1", children: _jsx(ControlePage, { onExit: () => navigate({ to: "/pickstation" }) }) })] }));
-}

package/dist-lib/components/pickstation/LanguagePicker.d.ts

@@ -1,5 +0,0 @@
-import { type PickstationLang } from "../../lib/pickstationI18n";
-export declare function LanguagePicker({ onPick }: {
-    onPick: (lang: PickstationLang) => void;
-}): import("react").JSX.Element;
-//# sourceMappingURL=LanguagePicker.d.ts.map

package/dist-lib/components/pickstation/LanguagePicker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LanguagePicker.d.ts","sourceRoot":"","sources":["../../../src/components/pickstation/LanguagePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAExF,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAA;CAAE,+BAuBrF"}

package/dist-lib/components/pickstation/LanguagePicker.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { PICKSTATION_LANGUAGES } from "../../lib/pickstationI18n";
-export function LanguagePicker({ onPick }) {
-    return (_jsx("div", { className: "fixed inset-0 z-50 bg-slate-900 text-white flex items-center justify-center p-6", children: _jsxs("div", { className: "w-full max-w-3xl", children: [_jsx("h1", { className: "text-4xl font-semibold mb-2 text-center", children: "Pickstation" }), _jsx("p", { className: "text-slate-400 text-center mb-10 text-lg", children: "Kies uw taal \u00B7 Wybierz j\u0119zyk \u00B7 Alege\u021Bi limba \u00B7 \u0418\u0437\u0431\u0435\u0440\u0435\u0442\u0435 \u0435\u0437\u0438\u043A \u00B7 \u041E\u0431\u0435\u0440\u0456\u0442\u044C \u043C\u043E\u0432\u0443 \u00B7 Choose your language" }), _jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: PICKSTATION_LANGUAGES.map((lang) => (_jsxs("button", { onClick: () => onPick(lang.code), className: "bg-white text-slate-900 hover:bg-emerald-500 hover:text-white transition rounded-2xl py-6 px-6 text-left text-2xl font-semibold flex items-center gap-4 shadow-lg", children: [_jsx("span", { className: "text-4xl", children: lang.flag }), _jsx("span", { children: lang.label })] }, lang.code))) })] }) }));
-}

package/dist-lib/components/pickstation/PickstationPage.d.ts

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

package/dist-lib/components/pickstation/PickstationPage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PickstationPage.d.ts","sourceRoot":"","sources":["../../../src/components/pickstation/PickstationPage.tsx"],"names":[],"mappings":"AA2EA,wBAAgB,eAAe,gCA6Z9B"}

package/dist-lib/components/pickstation/PickstationPage.js

@@ -1,279 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useMemo, useState } from "react";
-import { useNavigate } from "@tanstack/react-router";
-import { useQuery } from "@tanstack/react-query";
-import { LanguagePicker } from "./LanguagePicker";
-import { renderPakbonHtml } from "./PakbonTemplate";
-import { printHtml, printPdfBase64 } from "./printDocuments";
-import { ControleLijstPrint } from "../afhandeling/ControleLijstPrint";
-import { countryCode } from "../../lib/countries";
-import { PICKSTATION_DICT, PICKSTATION_LANGUAGES, } from "../../lib/pickstationI18n";
-const LANG_KEY = "pickstation.lang";
-const LAST_GOOD_ORDERS_KEY = "pickstation.lastGoodOrders";
-function statusBadge(status, t, printedCount) {
-    switch (status) {
-        case "not_printed":
-            return { label: t.notPrinted, className: "bg-slate-200 text-slate-700" };
-        case "printed":
-            return {
-                label: `✓ ${t.printed(printedCount || 1)}`,
-                className: "bg-emerald-100 text-emerald-800",
-            };
-        case "checked":
-            return { label: `✓ ${t.statusChecked}`, className: "bg-sky-100 text-sky-800" };
-        case "ready":
-            return { label: t.statusReady, className: "bg-indigo-100 text-indigo-800" };
-        case "shipped":
-            return { label: t.statusShipped, className: "bg-amber-100 text-amber-900" };
-        case "delivered":
-            return { label: `✓ ${t.statusDelivered}`, className: "bg-emerald-600 text-white" };
-    }
-}
-const DAY_ABBR_BY_LANG = {
-    nl: ["ZO", "MA", "DI", "WO", "DO", "VR", "ZA"],
-    en: ["SU", "MO", "TU", "WE", "TH", "FR", "SA"],
-    pl: ["ND", "PN", "WT", "ŚR", "CZ", "PT", "SB"],
-    ro: ["DU", "LU", "MA", "MI", "JO", "VI", "SÂ"],
-    bg: ["НД", "ПН", "ВТ", "СР", "ЧТ", "ПТ", "СБ"],
-    uk: ["НД", "ПН", "ВТ", "СР", "ЧТ", "ПТ", "СБ"],
-};
-function computeKlaarzet(o, lang) {
-    if (!o.pickupDate || !o.pickupTime) {
-        return { label: "—", sortKey: Number.MAX_SAFE_INTEGER };
-    }
-    const [hh, mm] = o.pickupTime.split(":").map((n) => parseInt(n, 10));
-    const d = new Date(o.pickupDate);
-    if (Number.isNaN(d.getTime()) || Number.isNaN(hh) || Number.isNaN(mm)) {
-        return { label: "—", sortKey: Number.MAX_SAFE_INTEGER };
-    }
-    d.setHours(hh, mm, 0, 0);
-    // Klaarzet = ophaaltijd minus 1 uur.
-    d.setHours(d.getHours() - 1);
-    const day = (DAY_ABBR_BY_LANG[lang] ?? DAY_ABBR_BY_LANG.nl)[d.getDay()];
-    const time = `${String(d.getHours()).padStart(2, "0")}:${String(d.getMinutes()).padStart(2, "0")}`;
-    return { label: `${day} - ${time}`, sortKey: d.getTime() };
-}
-export function PickstationPage() {
-    const navigate = useNavigate();
-    const [lang, setLang] = useState(null);
-    const [printingId, setPrintingId] = useState(null);
-    const [pickerOpen, setPickerOpen] = useState(false);
-    const [lastGoodOrders, setLastGoodOrders] = useState([]);
-    const [pendingConfirm, setPendingConfirm] = useState(null);
-    const [confirming, setConfirming] = useState(false);
-    const [printWarning, setPrintWarning] = useState(null);
-    const [showChecklist, setShowChecklist] = useState(false);
-    useEffect(() => {
-        const stored = (typeof localStorage !== "undefined"
-            ? localStorage.getItem(LANG_KEY)
-            : null);
-        const storedOrders = typeof localStorage !== "undefined"
-            ? localStorage.getItem(LAST_GOOD_ORDERS_KEY)
-            : null;
-        if (storedOrders) {
-            try {
-                const parsed = JSON.parse(storedOrders);
-                if (Array.isArray(parsed))
-                    setLastGoodOrders(parsed);
-            }
-            catch {
-                localStorage.removeItem(LAST_GOOD_ORDERS_KEY);
-            }
-        }
-        if (stored && PICKSTATION_LANGUAGES.some((l) => l.code === stored)) {
-            setLang(stored);
-        }
-        else {
-            setPickerOpen(true);
-        }
-    }, []);
-    const pickLang = useCallback((l) => {
-        setLang(l);
-        setPickerOpen(false);
-        try {
-            localStorage.setItem(LANG_KEY, l);
-        }
-        catch {
-            /* ignore */
-        }
-    }, []);
-    const ordersQuery = useQuery({
-        queryKey: ["pickstation", "orders"],
-        queryFn: async () => {
-            const res = await fetch("/api/public/pickstation/orders", { cache: "no-store" });
-            if (!res.ok)
-                throw new Error(`HTTP ${res.status}`);
-            return res.json();
-        },
-        refetchInterval: 30000,
-        refetchOnWindowFocus: true,
-        enabled: lang !== null,
-    });
-    const t = useMemo(() => PICKSTATION_DICT[lang ?? "nl"], [lang]);
-    useEffect(() => {
-        if (ordersQuery.data && !ordersQuery.data.error) {
-            const next = ordersQuery.data.orders ?? [];
-            setLastGoodOrders(next);
-            try {
-                localStorage.setItem(LAST_GOOD_ORDERS_KEY, JSON.stringify(next));
-            }
-            catch {
-                /* ignore */
-            }
-        }
-    }, [ordersQuery.data]);
-    const queryError = ordersQuery.data?.error ??
-        (ordersQuery.error instanceof Error ? ordersQuery.error.message : undefined);
-    const freshOrders = ordersQuery.data?.orders ?? [];
-    const unsortedOrders = queryError ? lastGoodOrders : freshOrders;
-    const orders = useMemo(() => {
-        return unsortedOrders
-            .map((o) => ({ o, k: computeKlaarzet(o, lang ?? "nl") }))
-            .sort((a, b) => {
-            if (a.k.sortKey !== b.k.sortKey)
-                return a.k.sortKey - b.k.sortKey;
-            const ac = a.o.country ?? "\uFFFF";
-            const bc = b.o.country ?? "\uFFFF";
-            if (ac !== bc)
-                return ac.localeCompare(bc);
-            const an = a.o.cartNumber ?? "\uFFFF";
-            const bn = b.o.cartNumber ?? "\uFFFF";
-            return an.localeCompare(bn);
-        })
-            .map((x) => x.o);
-    }, [unsortedOrders]);
-    const printedCount = orders.filter((o) => o.printedCount > 0).length;
-    const handlePrint = useCallback(async (order) => {
-        if (printingId || pendingConfirm)
-            return;
-        setPrintingId(order.id);
-        setPrintWarning(null);
-        try {
-            const documents = ["packing-slip", "auction-letter"];
-            if (order.deliveryNoteAvailable)
-                documents.push("delivery-note");
-            let auctionLetter = null;
-            let deliveryNote = null;
-            try {
-                const res = await fetch("/api/public/pickstation/print", {
-                    method: "POST",
-                    headers: { "Content-Type": "application/json" },
-                    body: JSON.stringify({
-                        orderId: order.id,
-                        sourceOrderId: order.orderId,
-                        orderNumber: `${order.orderNumber} (kar ${order.cartIndex}/${order.cartTotal})`,
-                        customerName: order.customerName,
-                        documents,
-                        confirmed: false,
-                    }),
-                });
-                if (res.ok) {
-                    const body = (await res.json());
-                    auctionLetter = body.auctionLetter ?? null;
-                    deliveryNote = body.deliveryNote ?? null;
-                }
-            }
-            catch {
-                /* network error – continue with pakbon only */
-            }
-            const html = renderPakbonHtml(order, lang ?? "nl");
-            await printHtml(html);
-            if (auctionLetter) {
-                await printPdfBase64(auctionLetter.base64, auctionLetter.mime);
-            }
-            if (deliveryNote) {
-                await printPdfBase64(deliveryNote.base64, deliveryNote.mime);
-            }
-            setPendingConfirm(order);
-        }
-        finally {
-            setPrintingId(null);
-        }
-    }, [printingId, pendingConfirm, lang]);
-    const confirmPrinted = useCallback(async (yes) => {
-        const order = pendingConfirm;
-        if (!order)
-            return;
-        if (!yes) {
-            setPendingConfirm(null);
-            return;
-        }
-        setConfirming(true);
-        setPrintWarning(null);
-        try {
-            const documents = ["packing-slip", "auction-letter"];
-            if (order.deliveryNoteAvailable)
-                documents.push("delivery-note");
-            const res = await fetch("/api/public/pickstation/print", {
-                method: "POST",
-                headers: { "Content-Type": "application/json" },
-                body: JSON.stringify({
-                    orderId: order.id,
-                    sourceOrderId: order.orderId,
-                    orderNumber: `${order.orderNumber} (kar ${order.cartIndex}/${order.cartTotal})`,
-                    customerName: order.customerName,
-                    documents,
-                    confirmed: true,
-                }),
-            });
-            if (res.ok) {
-                const body = (await res.json());
-                if (body.warning)
-                    setPrintWarning(body.warning);
-                setLang(null);
-                setPickerOpen(true);
-                try {
-                    localStorage.removeItem(LANG_KEY);
-                }
-                catch {
-                    /* ignore */
-                }
-            }
-            else {
-                setPrintWarning(`Bevestigen mislukt (HTTP ${res.status}).`);
-            }
-        }
-        catch (e) {
-            setPrintWarning(e instanceof Error ? e.message : "Bevestigen mislukt.");
-        }
-        finally {
-            setConfirming(false);
-            setPendingConfirm(null);
-            void ordersQuery.refetch();
-        }
-    }, [pendingConfirm, ordersQuery]);
-    const printNext = useCallback(() => {
-        const next = orders.find((o) => o.status === "not_printed" && o.printedCount === 0) ??
-            orders.find((o) => o.printedCount === 0);
-        if (next)
-            void handlePrint(next);
-    }, [orders, handlePrint]);
-    if (!lang || pickerOpen) {
-        return _jsx(LanguagePicker, { onPick: pickLang });
-    }
-    return (_jsxs("div", { className: "min-h-screen bg-slate-50 text-slate-900", children: [_jsx("header", { className: "bg-white border-b sticky top-0 z-10", children: _jsxs("div", { className: "max-w-6xl mx-auto px-4 py-4 flex items-center gap-3 flex-wrap", children: [_jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("h1", { className: "text-2xl font-semibold leading-tight", children: t.title }), _jsxs("p", { className: "text-sm text-slate-500", children: [t.subtitle, " \u00B7 ", t.ofTotal(printedCount, orders.length)] })] }), _jsxs("button", { onClick: () => setPickerOpen(true), className: "h-14 px-5 rounded-xl bg-white border-2 border-slate-300 hover:bg-slate-100 font-semibold text-lg", children: ["\uD83C\uDF10 ", t.changeLang] }), _jsxs("button", { onClick: () => setShowChecklist(true), className: "h-14 px-5 rounded-xl bg-white border-2 border-slate-300 hover:bg-slate-100 font-semibold text-lg", children: ["\uD83D\uDCCB ", t.printChecklist] }), _jsxs("button", { onClick: () => navigate({ to: "/controle" }), className: "h-14 px-5 rounded-xl bg-sky-600 hover:bg-sky-700 text-white font-semibold text-lg shadow", children: ["\u2713 ", t.runControl] }), _jsxs("button", { onClick: printNext, disabled: printingId !== null || orders.length === 0, className: "h-14 px-6 rounded-xl bg-emerald-600 hover:bg-emerald-700 disabled:bg-slate-300 text-white font-bold text-lg shadow", children: ["\uD83D\uDDA8 ", t.printNext] })] }) }), _jsxs("main", { className: "max-w-6xl mx-auto px-4 py-6", children: [ordersQuery.isLoading && _jsx("p", { className: "text-xl text-center py-12", children: t.loading }), queryError && orders.length > 0 && (_jsxs("div", { className: "bg-amber-50 border-2 border-amber-300 text-amber-900 rounded-xl p-4 mb-4", children: [_jsx("strong", { children: "Let op:" }), " verversen is niet gelukt, daarom blijven de laatst bekende pakbonnen zichtbaar. ", queryError] })), printWarning && (_jsxs("div", { className: "bg-amber-50 border-2 border-amber-300 text-amber-900 rounded-xl p-4 mb-4", children: [_jsx("strong", { children: "Let op:" }), " ", printWarning] })), queryError && orders.length === 0 && (_jsxs("div", { className: "bg-rose-50 border-2 border-rose-300 text-rose-900 rounded-xl p-4 mb-4", children: [_jsx("strong", { children: "Picklijst niet bijgewerkt:" }), " ", queryError, " De orders zijn hierdoor niet verwijderd; controleer de Pickagenda of probeer opnieuw."] })), !ordersQuery.isLoading && orders.length === 0 && !queryError && (_jsx("p", { className: "text-2xl text-center py-16 text-slate-500", children: t.empty })), orders.length > 0 && (_jsx("div", { className: "bg-white rounded-2xl border border-slate-200 overflow-hidden shadow-sm", children: _jsxs("table", { className: "w-full text-lg", children: [_jsx("thead", { className: "bg-slate-100 text-slate-600 text-sm uppercase tracking-wide", children: _jsxs("tr", { children: [_jsx("th", { className: "text-left px-5 py-3", children: "Karnr" }), _jsx("th", { className: "text-left px-5 py-3", children: t.orderNumber }), _jsx("th", { className: "text-right px-5 py-3", children: "Fusten" }), _jsx("th", { className: "text-left px-5 py-3", children: "Land" }), _jsx("th", { className: "text-left px-5 py-3", children: "Klaarzetten" }), _jsx("th", { className: "text-left px-5 py-3", children: t.status })] }) }), _jsx("tbody", { children: orders.map((o) => {
-                                        const isPrinting = printingId === o.id;
-                                        const badge = statusBadge(o.status, t, o.printedCount);
-                                        const klaarzet = computeKlaarzet(o, lang ?? "nl");
-                                        return (_jsxs("tr", { className: `border-t border-slate-100 transition select-none ${isPrinting ? "bg-emerald-50" : "hover:bg-slate-50"}`, style: { minHeight: 64 }, children: [_jsx("td", { className: "px-5 py-4 whitespace-nowrap cursor-pointer", onClick: () => void handlePrint(o), children: _jsx("span", { className: "inline-block px-3 py-1.5 rounded-md bg-black text-white font-black text-xl tracking-widest font-mono whitespace-nowrap", children: o.cartNumber ?? "—" }) }), _jsx("td", { className: "px-5 py-4 font-semibold whitespace-nowrap cursor-pointer", onClick: () => void handlePrint(o), children: _jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [_jsx("span", { children: o.orderNumber ?? "—" }), o.orderSource === "floriday" &&
-                                                                (o.deliveryNoteAvailable ? (_jsxs("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-emerald-100 text-emerald-800 text-xs font-semibold", title: t.deliveryNoteReady, children: ["\uD83D\uDCC4 ", t.deliveryNoteReady] })) : (_jsxs("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-slate-100 text-slate-500 text-xs font-medium", title: t.deliveryNotePending, children: ["\u23F3 ", t.deliveryNotePending] })))] }) }), _jsx("td", { className: "px-5 py-4 text-right font-semibold", children: o.cratesOnCart != null ? o.cratesOnCart : "—" }), _jsx("td", { className: "px-5 py-4 font-semibold whitespace-nowrap", children: countryCode(o.country) ?? o.country ?? "—" }), _jsx("td", { className: "px-5 py-4 font-semibold whitespace-nowrap", children: klaarzet.label }), _jsx("td", { className: "px-5 py-4", children: isPrinting ? (_jsx("span", { className: "inline-flex items-center gap-2 px-3 py-1 rounded-full bg-emerald-600 text-white font-semibold", children: t.printingNow })) : (_jsx("span", { className: `inline-flex items-center gap-2 px-3 py-1 rounded-full font-semibold ${badge.className}`, children: badge.label })) })] }, o.id));
-                                    }) })] }) })), _jsx("p", { className: "text-xs text-slate-400 mt-6 text-center", children: t.printDialogHint })] }), pendingConfirm && (_jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4", children: _jsxs("div", { className: "bg-white rounded-2xl shadow-2xl max-w-md w-full p-6", children: [_jsx("h2", { className: "text-2xl font-bold mb-2", children: t.confirmPrintedTitle }), _jsx("p", { className: "text-slate-600 mb-2", children: t.confirmPrintedBody }), _jsx("div", { className: "mb-4 inline-block px-4 py-2 rounded-md bg-black text-white font-black text-3xl tracking-widest font-mono", children: pendingConfirm.cartNumber ?? "—" }), _jsxs("p", { className: "text-slate-800 font-semibold mb-6", children: [pendingConfirm.orderNumber, " \u00B7 kar ", pendingConfirm.cartIndex, "/", pendingConfirm.cartTotal] }), _jsxs("div", { className: "flex flex-col gap-3", children: [_jsxs("button", { onClick: () => void confirmPrinted(true), disabled: confirming, className: "h-14 rounded-xl bg-emerald-600 hover:bg-emerald-700 disabled:bg-slate-300 text-white font-bold text-lg shadow", children: ["\u2713 ", t.confirmYes] }), _jsxs("button", { onClick: () => void confirmPrinted(false), disabled: confirming, className: "h-14 rounded-xl bg-white border-2 border-slate-300 hover:bg-slate-100 disabled:opacity-60 font-semibold text-lg", children: ["\u2715 ", t.confirmNo] })] })] }) })), showChecklist && (_jsx(ControleLijstPrint, { lang: lang ?? "nl", carts: orders.map((o) => ({
-                    cartNumberId: null,
-                    cartNumber: o.cartNumber,
-                    orderId: o.orderId,
-                    orderSource: o.orderSource,
-                    cartIndex: o.cartIndex - 1,
-                    orderNumber: o.orderNumber,
-                    orderNumbers: [o.orderNumber].filter(Boolean),
-                    customerName: o.customerName,
-                    carrierName: o.carrierName,
-                    deliveryDate: o.deliveryDate,
-                    pickupDate: o.pickupDate,
-                    pickupTime: o.pickupTime,
-                    country: o.country,
-                    cratesOnCart: o.cratesOnCart,
-                    pickDate: o.deliveryDate ?? "",
-                    printedCount: o.printedCount,
-                    status: o.status,
-                })), onClose: () => setShowChecklist(false) }))] }));
-}