@flowselections/pick-schermen-kwekers 1.0.22 → 1.0.24

package/dist-lib/components/pick/PickScherm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PickScherm.d.ts","sourceRoot":"","sources":["../../../src/components/pick/PickScherm.tsx"],"names":[],"mappings":"AAqCA,OAAO,EAUL,KAAK,WAAW,EACjB,MAAM,qBAAqB,CAAC;AA0B7B,UAAU,KAAK;IACb,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAeD;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,KAAK,+BAqsDpD"}
+{"version":3,"file":"PickScherm.d.ts","sourceRoot":"","sources":["../../../src/components/pick/PickScherm.tsx"],"names":[],"mappings":"AAqCA,OAAO,EAUL,KAAK,WAAW,EACjB,MAAM,qBAAqB,CAAC;AA2B7B,UAAU,KAAK;IACb,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAeD;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,KAAK,+BAotDpD"}

package/dist-lib/components/pick/PickScherm.js

@@ -11,6 +11,7 @@ import { getSessionId, pickApi } from "../../lib/pickApi";
 import { sendLogisticsEvent } from "../../lib/logisticsApi";
 import { completeLogisticsTaskForItem } from "../../lib/pickPrint";
 import { isPdfOnlyFailure, pickReadiness, printedCartIdsOf, pdfSaveWarning, unitRefOf, unitTitleOf, } from "../../lib/pickTypes";
+import { rowFingerprint, rowsToVerify } from "../../lib/pickVerify";
 import { getPickTranslator } from "../../lib/pickI18n";
 import { friendlyPickError, getPickUiTexts } from "../../lib/pickUiText";
 import { getPrintJobTexts, printJobStatusLabel } from "../../lib/pickPrintJobText";
@@ -260,37 +261,57 @@ export function PickScherm({ station, onBack }) {
     const visibleIdsKey = useMemo(() => (Array.isArray(items) ? items.map((item) => item.id).join(",") : ""), [items]);
     const itemsRef = useRef([]);
     itemsRef.current = Array.isArray(items) ? items : [];
+    const verifyMemo = useRef(new Map());
     useEffect(() => {
         let cancelled = false;
+        let running = false;
         const verifyVisibleRows = async () => {
+            if (running)
+                return;
             const visibleItems = itemsRef.current;
-            setCheckProgress({ done: 0, total: visibleItems.length });
-            if (visibleItems.length === 0)
+            const todo = rowsToVerify(visibleItems, verifyMemo.current, Date.now());
+            if (todo.length === 0)
                 return;
-            let done = 0;
-            await Promise.all(visibleItems.map(async (item) => {
-                let entry = {
-                    checking: false,
-                    ready: false,
-                    reason: "De bron kon de pakbon nog niet bevestigen.",
-                };
-                try {
-                    const [plan, status] = await Promise.all([
-                        pickApi.queueCartPlan(item.id),
-                        pickApi.cartPlanStatus(unitRefOf(item)),
-                    ]);
-                    const state = pickReadiness(plan, status, item);
-                    entry = { checking: false, ready: state.ready, reason: state.reason };
-                }
-                catch {
-                    // fail closed: de regel blijft "Pakbon ophalen"
+            // Laadbalk alleen voor regels die nog nooit gecontroleerd zijn.
+            const fresh = todo.filter((item) => !verifyMemo.current.has(item.id)).length;
+            if (fresh > 0)
+                setCheckProgress({ done: 0, total: fresh });
+            running = true;
+            const next = {};
+            try {
+                const results = await pickApi.verifyRows(todo.map((item) => ({ id: item.id, ref: unitRefOf(item) || null })));
+                const byId = new Map(results.map((r) => [r.id, r]));
+                const now = Date.now();
+                for (const item of todo) {
+                    const r = byId.get(item.id);
+                    let entry = {
+                        checking: false,
+                        ready: false,
+                        reason: "De bron kon de pakbon nog niet bevestigen.",
+                    };
+                    if (r && !r.error) {
+                        const state = pickReadiness(r.plan, r.status, item);
+                        entry = { checking: false, ready: state.ready, reason: state.reason };
+                    }
+                    next[item.id] = entry;
+                    verifyMemo.current.set(item.id, {
+                        fingerprint: rowFingerprint(item),
+                        ready: entry.ready,
+                        checkedAt: now,
+                    });
                 }
-                if (cancelled)
-                    return;
-                done += 1;
-                setReadinessById((prev) => ({ ...prev, [item.id]: entry }));
-                setCheckProgress({ done, total: visibleItems.length });
-            }));
+            }
+            catch {
+                // fail closed: bestaande uitkomst blijft staan; nooit bevestigde regels blijven "Pakbon ophalen"
+            }
+            finally {
+                running = false;
+            }
+            if (cancelled)
+                return;
+            if (Object.keys(next).length > 0)
+                setReadinessById((prev) => ({ ...prev, ...next }));
+            setCheckProgress({ done: 0, total: 0 });
         };
         void verifyVisibleRows();
         const timer = window.setInterval(() => void verifyVisibleRows(), 15000);

package/dist-lib/hooks/usePickQueue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePickQueue.d.ts","sourceRoot":"","sources":["../../src/hooks/usePickQueue.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAY,aAAa,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAG9E,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,UAAU,EAAE,OAAO,CAAC;IACpB,mDAAmD;IACnD,WAAW,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,YAAY,EAAE,CAAC;CAC3B;AAED,eAAO,MAAM,cAAc,EAAE,YAS5B,CAAC;AAEF;;;GAGG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,YAAY,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2EAA2E;IAC3E,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACjC;;;;;;;;;;;IAuLG,gEAAgE;;IAEhE,6EAA6E;;;EAIhF;AAED,qEAAqE;AACrE,wBAAgB,gBAAgB,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,EAAE,SAAS,CAAC,EAAE,MAAM;;EAuBhG;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,iFAOnF;AACD,iEAAiE;AACjE,wBAAgB,WAAW,CAAC,OAAO,UAAO;;;YAQzC"}
+{"version":3,"file":"usePickQueue.d.ts","sourceRoot":"","sources":["../../src/hooks/usePickQueue.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAY,aAAa,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAG9E,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,UAAU,EAAE,OAAO,CAAC;IACpB,mDAAmD;IACnD,WAAW,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,YAAY,EAAE,CAAC;CAC3B;AAED,eAAO,MAAM,cAAc,EAAE,YAS5B,CAAC;AAEF;;;GAGG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,YAAY,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2EAA2E;IAC3E,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACjC;;;;;;;;;;;IA0LG,gEAAgE;;IAEhE,6EAA6E;;;EAIhF;AAED,qEAAqE;AACrE,wBAAgB,gBAAgB,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,EAAE,SAAS,CAAC,EAAE,MAAM;;EAuBhG;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,iFAOnF;AACD,iEAAiE;AACjE,wBAAgB,WAAW,CAAC,OAAO,UAAO;;;YAQzC"}

package/dist-lib/hooks/usePickQueue.js

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { useQuery, useQueryClient } from "@tanstack/react-query";
+import { keepPreviousData, useQuery, useQueryClient } from "@tanstack/react-query";
 import { pickApi, pickDb } from "../lib/pickApi";
 import { safeArray } from "../lib/pickTypes";
 export const defaultFilters = {
@@ -83,7 +83,8 @@ export function usePickQueue(args) {
     useEffect(() => {
         if (rebuildCount <= 0)
             return;
-        queryClient.removeQueries({ queryKey: ["pick", "queue"] });
+        // Verouderd markeren en vers ophalen; de oude lijst blijft staan tot de nieuwe binnen is.
+        queryClient.invalidateQueries({ queryKey: ["pick", "queue"], refetchType: "all" });
         queryClient.invalidateQueries({ queryKey: ["pick", "pickDay"] });
         queryClient.invalidateQueries({ queryKey: ["pick", "pickDays"] });
         queryClient.invalidateQueries({ queryKey: ["pick", "dayCounts"] });
@@ -107,11 +108,13 @@ export function usePickQueue(args) {
             page: filters.page,
             pageSize: filters.pageSize,
         }),
+        placeholderData: keepPreviousData,
     });
     const countsQuery = useQuery({
         queryKey: ["pick", "dayCounts", stationId ?? "-", screenId ?? "-", pickDay ?? "-"],
         enabled: enabled && !pickDayQuery.isLoading,
         queryFn: () => pickApi.dayCounts({ stationId, screenId, pickDay }),
+        placeholderData: keepPreviousData,
     });
     // Locks komen primair via realtime binnen; deze poll is alleen terugval.
     const locksQuery = useQuery({