@flowselections/pick-schermen-kwekers 1.0.2 → 1.0.4

package/dist-lib/hooks/usePickQueue.js

@@ -19,10 +19,36 @@ export function usePickQueue(args) {
     const queryClient = useQueryClient();
     const { stationId, screenId, filters } = args;
     const enabled = args.enabled !== false;
-    const key = useMemo(() => ["pick", "queue", stationId ?? "-", screenId ?? "-", filters], [stationId, screenId, filters]);
+    const syncQuery = useQuery({
+        queryKey: ["pick", "sync"],
+        enabled,
+        queryFn: async () => {
+            await pickApi.syncQueue();
+            return Date.now();
+        },
+        staleTime: 60000,
+        refetchInterval: 60000,
+        retry: false,
+    });
+    const pickDayQuery = useQuery({
+        queryKey: ["pick", "pickDay"],
+        enabled: enabled && !syncQuery.isLoading,
+        queryFn: () => pickApi.currentPickDay(),
+        staleTime: 30000,
+    });
+    const pickDay = pickDayQuery.data ?? null;
+    // Na een geslaagde synchronisatie opnieuw pickdag, wachtrij en tellers laden.
+    useEffect(() => {
+        if (syncQuery.data === undefined)
+            return;
+        queryClient.invalidateQueries({ queryKey: ["pick", "pickDay"] });
+        queryClient.invalidateQueries({ queryKey: ["pick", "queue"] });
+        queryClient.invalidateQueries({ queryKey: ["pick", "dayCounts"] });
+    }, [syncQuery.data, queryClient]);
+    const key = useMemo(() => ["pick", "queue", stationId ?? "-", screenId ?? "-", pickDay ?? "-", filters], [stationId, screenId, pickDay, filters]);
     const queueQuery = useQuery({
         queryKey: key,
-        enabled,
+        enabled: enabled && !pickDayQuery.isLoading,
         queryFn: () => pickApi.queue({
             stationId,
             screenId,
@@ -30,11 +56,18 @@ export function usePickQueue(args) {
             search: filters.search.trim() || undefined,
             documentTypeId: filters.documentTypeId,
             urgentOnly: filters.urgentOnly,
+            includeDone: true,
+            pickDay,
             sortRules: filters.sortRules,
             page: filters.page,
             pageSize: filters.pageSize,
         }),
     });
+    const countsQuery = useQuery({
+        queryKey: ["pick", "dayCounts", stationId ?? "-", screenId ?? "-", pickDay ?? "-"],
+        enabled: enabled && !pickDayQuery.isLoading,
+        queryFn: () => pickApi.dayCounts({ stationId, screenId, pickDay }),
+    });
     const locksQuery = useQuery({
         queryKey: ["pick", "locks", stationId ?? "-"],
         enabled,
@@ -44,6 +77,7 @@ export function usePickQueue(args) {
     const invalidate = useCallback(() => {
         queryClient.invalidateQueries({ queryKey: ["pick", "queue"] });
         queryClient.invalidateQueries({ queryKey: ["pick", "locks"] });
+        queryClient.invalidateQueries({ queryKey: ["pick", "dayCounts"] });
         queryClient.invalidateQueries({ queryKey: ["pick", "countryCounts"] });
         queryClient.invalidateQueries({ queryKey: ["pick", "dashboard"] });
     }, [queryClient]);
@@ -63,6 +97,9 @@ export function usePickQueue(args) {
     return {
         items: safeArray(queueQuery.data?.items),
         total: queueQuery.data?.total ?? 0,
+        pickDay,
+        pendingCount: countsQuery.data?.pending ?? 0,
+        printedCount: countsQuery.data?.printed ?? 0,
         loading: queueQuery.isLoading,
         error: queueQuery.error instanceof Error ? queueQuery.error.message : null,
         lockedIds,
@@ -95,11 +132,11 @@ export function usePickHeartbeat(stationId, screenId, sessionId) {
     }, [stationId, screenId, sessionId]);
     return { online };
 }
-export function usePickCountryCounts(screenId) {
+export function usePickCountryCounts(args) {
     return useQuery({
-        queryKey: ["pick", "countryCounts", screenId ?? "-"],
-        enabled: !!screenId,
-        queryFn: () => pickApi.countryCounts(screenId),
+        queryKey: ["pick", "countryCounts", args.stationId ?? "-", args.screenId ?? "-"],
+        enabled: !!(args.stationId || args.screenId),
+        queryFn: () => pickApi.countryCounts(args),
         refetchInterval: 20000,
     });
 }

package/dist-lib/index.d.ts

@@ -5,16 +5,16 @@ export * from './components/TemplateModulePage';
 export { TemplateModuleLogo } from './components/TemplateModuleLogo';
 export * from './lib/pickTypes';
 export * from './lib/pickApi';
+export * from './lib/logisticsTypes';
+export * from './lib/logisticsApi';
 export * from './hooks/usePickConfig';
 export * from './hooks/usePickQueue';
-export { CountryTiles } from './components/pick/CountryTiles';
+export { LanguageTiles } from './components/pick/LanguageTiles';
+export * from './lib/pickI18n';
 export { QueueTable } from './components/pick/QueueTable';
 export { PickScherm } from './components/pick/PickScherm';
-export { ConfigCrud } from './components/pick/ConfigCrud';
 export { PickstationsPage } from './components/PickstationsPage';
-export { PickstationDetailPage } from './components/PickstationDetailPage';
-export { PickDashboardPage } from './components/PickDashboardPage';
-export { PickBeheerPage } from './components/PickBeheerPage';
-export { PickKioskPage } from './components/PickKioskPage';
+export { PickPublicPage } from './components/PickPublicPage';
+export { PublicPickRoute } from './components/pick/PublicPickRoute';
 export declare const pickSchermenModule: FlowModule;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,cAAc,kBAAkB,CAAC;AACjC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iCAAiC,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAErE,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAO3D,eAAO,MAAM,kBAAkB,EAAE,UAiBhC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,cAAc,kBAAkB,CAAC;AACjC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iCAAiC,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAErE,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAChE,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAOpE,eAAO,MAAM,kBAAkB,EAAE,UAYhC,CAAC"}

package/dist-lib/index.js

@@ -13,24 +13,24 @@
 //   3. Add your nav item — use `children` if you need a dropdown
 //   4. Done! You don't need to touch any other file for registration.
 // ============================================================================
-import { Boxes, LayoutDashboard, Settings2, Warehouse } from "lucide-react";
+import { Warehouse } from "lucide-react";
 export * from './_core-safelist';
 export * from './components/TemplatePage';
 export * from './components/TemplateModulePage';
 export { TemplateModuleLogo } from './components/TemplateModuleLogo';
 export * from './lib/pickTypes';
 export * from './lib/pickApi';
+export * from './lib/logisticsTypes';
+export * from './lib/logisticsApi';
 export * from './hooks/usePickConfig';
 export * from './hooks/usePickQueue';
-export { CountryTiles } from './components/pick/CountryTiles';
+export { LanguageTiles } from './components/pick/LanguageTiles';
+export * from './lib/pickI18n';
 export { QueueTable } from './components/pick/QueueTable';
 export { PickScherm } from './components/pick/PickScherm';
-export { ConfigCrud } from './components/pick/ConfigCrud';
 export { PickstationsPage } from './components/PickstationsPage';
-export { PickstationDetailPage } from './components/PickstationDetailPage';
-export { PickDashboardPage } from './components/PickDashboardPage';
-export { PickBeheerPage } from './components/PickBeheerPage';
-export { PickKioskPage } from './components/PickKioskPage';
+export { PickPublicPage } from './components/PickPublicPage';
+export { PublicPickRoute } from './components/pick/PublicPickRoute';
 // Import your settings cards here (delete if you have none)
 // import { MySettingsCard } from "./components/settings/MySettingsCard";
 // ⚠️ HERNOEM naar een unieke naam, bijv. floridayVerkoopModule
@@ -43,11 +43,6 @@ export const pickSchermenModule = {
         label: "Pickstations",
         href: "/pickstations",
         icon: Warehouse,
-        children: [
-            { label: "Pickstations", href: "/pickstations", icon: Boxes },
-            { label: "Live dashboard", href: "/pickstations/dashboard", icon: LayoutDashboard },
-            { label: "Beheer", href: "/pickstations/beheer", icon: Settings2 },
-        ],
     },
     settingsCards: [],
 };