@flowselections/floriday-verkoop-module 1.0.20 → 1.0.21

package/dist-lib/lib/useSalesOrdersQuery.js

@@ -1,11 +1,67 @@
-import { useEffect } from "react";
+import { useEffect, useMemo } from "react";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { useServerFn } from "@tanstack/react-start";
 import { supabase } from "../integrations/supabase/client";
 import { getActiveFloridayEnvironment, getFlorydayCachedList } from "./floriday-public.functions";
 import { expandOrderItemsForPlanner } from "./expand-group-order-items";
 import { planCarts } from "./cart-planner";
-import { centralOrderNumber, mapJsonbToSalesOrderDTO, } from "./salesorders-mapping";
+import { centralOrderNumber, isoWeekRange, mapJsonbToSalesOrderDTO, monthRange, } from "./salesorders-mapping";
+// Bepaal het serverside periode-venster op basis van de UI-filters.
+// Retourneert `since`/`until` als ISO-strings + het gekozen dateField.
+// Bij ontbrekende/onvolledige filters geen venster → server past geen
+// periode-filter toe (client-side applyFilters filtert dan alsnog).
+function derivePeriodWindow(filters) {
+    const dateField = filters?.dateField ?? "ordered";
+    if (!filters)
+        return { dateField };
+    const ymdToUtc = (ymd) => {
+        const [y, m, d] = ymd.split("-").map(Number);
+        return new Date(Date.UTC(y, (m ?? 1) - 1, d ?? 1));
+    };
+    const startOfTodayUtc = () => {
+        const now = new Date();
+        return new Date(Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate()));
+    };
+    let start = null;
+    let end = null;
+    if (filters.period === "month" && filters.month !== undefined && filters.monthYear !== undefined) {
+        const r = monthRange(filters.month, filters.monthYear);
+        start = r.start;
+        end = r.end;
+    }
+    else if (filters.period === "day" && filters.day) {
+        start = ymdToUtc(filters.day);
+        end = new Date(start);
+        end.setUTCDate(start.getUTCDate() + 1);
+    }
+    else if (filters.period === "last7" || filters.period === "last30") {
+        const days = filters.period === "last7" ? 7 : 30;
+        end = startOfTodayUtc();
+        end.setUTCDate(end.getUTCDate() + 1);
+        start = new Date(end);
+        start.setUTCDate(end.getUTCDate() - days);
+    }
+    else if (filters.period === "custom" && filters.customFrom && filters.customTo) {
+        start = ymdToUtc(filters.customFrom);
+        end = ymdToUtc(filters.customTo);
+        end.setUTCDate(end.getUTCDate() + 1);
+    }
+    else if (filters.week && filters.year) {
+        const r = isoWeekRange(filters.week, filters.year);
+        start = r.start;
+        end = r.end;
+    }
+    // Buffer van 1 dag rond het venster: order/delivery-tijden kunnen net buiten
+    // de weekgrens vallen; de client filtert alsnog exact via applyFilters.
+    if (start && end) {
+        const s = new Date(start);
+        s.setUTCDate(s.getUTCDate() - 1);
+        const e = new Date(end);
+        e.setUTCDate(e.getUTCDate() + 1);
+        return { since: s.toISOString(), until: e.toISOString(), dateField };
+    }
+    return { dateField };
+}
 function pickString(v) {
     if (v == null)
         return null;
@@ -69,6 +125,8 @@ function statusFlags(statusValue) {
             status === "approved" ||
             status === "open" ||
             status === "concept",
+        isControlled: false,
+        controlledAt: null,
     };
 }
 async function fetchAllLocalOrders() {
@@ -91,18 +149,25 @@ async function fetchAllLocalOrders() {
     }
     return rows;
 }
-export function useSalesOrdersQuery() {
+export function useSalesOrdersQuery(filters) {
     const fetchCachedList = useServerFn(getFlorydayCachedList);
     const fetchActiveEnv = useServerFn(getActiveFloridayEnvironment);
     const queryClient = useQueryClient();
-    const queryKey = ["floriday", "salesorders-cache"];
+    const periodWindow = useMemo(() => derivePeriodWindow(filters), [filters]);
+    const queryKey = useMemo(() => [
+        "floriday",
+        "salesorders-cache",
+        periodWindow.dateField,
+        periodWindow.since ?? null,
+        periodWindow.until ?? null,
+    ], [periodWindow.dateField, periodWindow.since, periodWindow.until]);
     useEffect(() => {
         let timer = null;
         const invalidate = () => {
             if (timer)
                 clearTimeout(timer);
             timer = setTimeout(() => {
-                queryClient.invalidateQueries({ queryKey });
+                queryClient.invalidateQueries({ queryKey: ["floriday", "salesorders-cache"] });
             }, 250);
         };
         const channel = supabase
@@ -125,9 +190,17 @@ export function useSalesOrdersQuery() {
             const { environment } = await fetchActiveEnv();
             const dbEnv = environment === "live" ? "live" : "staging";
             // Floriday-data via de centrale gateway (geen directe floriday_*_cache reads).
-            const [ordersList, customersList, tradeItemsList, connectionsRes, localOrderRows, localCustomersRes, mailboxProposalsRes,] = await Promise.all([
-                fetchCachedList({ data: { environment, entity: "sales-orders", limit: 5000 } }),
-                fetchCachedList({ data: { environment, entity: "customer-organizations", limit: 2000 } }),
+            const [ordersList, tradeItemsList, connectionsRes, localOrderRows, localCustomersRes, mailboxProposalsRes,] = await Promise.all([
+                fetchCachedList({
+                    data: {
+                        environment,
+                        entity: "sales-orders",
+                        limit: 20000,
+                        since: periodWindow.since,
+                        until: periodWindow.until,
+                        dateField: periodWindow.dateField,
+                    },
+                }),
                 fetchCachedList({ data: { environment, entity: "trade-items", limit: 5000 } }),
                 supabase
                     .from("floriday_connections")
@@ -151,6 +224,27 @@ export function useSalesOrdersQuery() {
                 throw localCustomersRes.error;
             if (mailboxProposalsRes.error)
                 throw mailboxProposalsRes.error;
+            // Targeted customer-cache fetch: alleen orgIds die daadwerkelijk in de
+            // orders voorkomen. Voorkomt dat we vastlopen op limit 2000 terwijl er
+            // tienduizenden klanten in floriday_customers_cache staan.
+            const neededOrgIds = Array.from(new Set((ordersList.rows ?? [])
+                .map((r) => String(r?.data?.customerOrganizationId ?? ""))
+                .filter((id) => id.length > 0)));
+            const customerCacheRows = [];
+            const orgChunkSize = 500;
+            for (let i = 0; i < neededOrgIds.length; i += orgChunkSize) {
+                const chunk = neededOrgIds.slice(i, i + orgChunkSize);
+                const { data, error } = await supabase
+                    .from("floriday_customers_cache")
+                    .select("organization_id, data")
+                    .in("organization_id", chunk);
+                if (error) {
+                    console.warn("[useSalesOrdersQuery] floriday_customers_cache chunk faalde:", error.message);
+                    continue;
+                }
+                customerCacheRows.push(...(data ?? []));
+            }
+            const customersList = { rows: customerCacheRows };
             const lookup = new Map();
             // Primair: gekoppelde klanten uit de Klanten Module (customers-tabel).
             for (const c of localCustomersRes.data ?? []) {
@@ -203,7 +297,7 @@ export function useSalesOrdersQuery() {
                     pickString(d.articleCode);
                 tradeItemLookup.set(id, { name, imageUrl: firstPhoto, sku, raw: d });
             }
-            const floridayOrders = (ordersList.rows ?? []).map((r) => mapJsonbToSalesOrderDTO(r.data, lookup, tradeItemLookup));
+            const floridayOrders = (ordersList.rows ?? []).map((r) => mapJsonbToSalesOrderDTO({ ...r.data, __controlledAt: r.controlled_at ?? null }, lookup, tradeItemLookup));
             const localCustomerLookup = new Map();
             for (const c of localCustomersRes.data ?? []) {
                 localCustomerLookup.set(String(c.id), {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flowselections/floriday-verkoop-module",
-  "version": "1.0.20",
+  "version": "1.0.21",
   "private": false,
   "sideEffects": false,
   "type": "module",