@flowselections/floriday-verkoop-module 1.0.8 → 1.0.9

package/dist-lib/components/floriday/FlorydaySyncHealthBanner.d.ts

@@ -0,0 +1,9 @@
+interface Props {
+    environment: "staging" | "live";
+    resources: string[];
+    /** Max minuten dat een sync mag achterlopen voordat de banner verschijnt. */
+    staleAfterMinutes?: number;
+}
+export declare function FlorydaySyncHealthBanner({ environment, resources, staleAfterMinutes, }: Props): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=FlorydaySyncHealthBanner.d.ts.map

package/dist-lib/components/floriday/FlorydaySyncHealthBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlorydaySyncHealthBanner.d.ts","sourceRoot":"","sources":["../../../src/components/floriday/FlorydaySyncHealthBanner.tsx"],"names":[],"mappings":"AAKA,UAAU,KAAK;IACb,WAAW,EAAE,SAAS,GAAG,MAAM,CAAC;IAChC,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,6EAA6E;IAC7E,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,wBAAgB,wBAAwB,CAAC,EACvC,WAAW,EACX,SAAS,EACT,iBAAsB,GACvB,EAAE,KAAK,kDAmCP"}

package/dist-lib/components/floriday/FlorydaySyncHealthBanner.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useQuery } from "@tanstack/react-query";
+import { useServerFn } from "@tanstack/react-start";
+import { AlertTriangle } from "lucide-react";
+import { getFlorydaySyncHealth } from "../../lib/floriday-public.functions";
+export function FlorydaySyncHealthBanner({ environment, resources, staleAfterMinutes = 30, }) {
+    const fetchHealth = useServerFn(getFlorydaySyncHealth);
+    const { data } = useQuery({
+        queryKey: ["floriday", "sync-health", environment, resources.join(",")],
+        queryFn: () => fetchHealth({ data: { environment, resources } }),
+        staleTime: 60000,
+        refetchInterval: 120000,
+    });
+    if (!data || !data.resources)
+        return null;
+    const now = Date.now();
+    const stale = data.resources.filter((r) => {
+        if (!r.lastSyncedAt)
+            return true;
+        const age = (now - new Date(r.lastSyncedAt).getTime()) / 60000;
+        return age > staleAfterMinutes || Boolean(r.lastError);
+    });
+    if (stale.length === 0)
+        return null;
+    return (_jsxs("div", { className: "flex items-start gap-3 rounded-md border border-amber-300 bg-amber-50 px-4 py-3 text-sm text-amber-900", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0" }), _jsxs("div", { className: "space-y-1", children: [_jsx("div", { className: "font-medium", children: "Floriday-data is mogelijk verouderd" }), _jsx("ul", { className: "space-y-0.5 text-xs", children: stale.map((r) => (_jsxs("li", { children: [_jsx("strong", { children: r.resource }), ":", " ", r.lastSyncedAt ? `laatste sync ${new Date(r.lastSyncedAt).toLocaleString("nl-NL")}` : "nooit gesynchroniseerd", r.lastError ? ` — ${r.lastError}` : ""] }, r.resource))) })] })] }));
+}

package/dist-lib/components/verkoop/CreateOrderPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CreateOrderPage.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/CreateOrderPage.tsx"],"names":[],"mappings":"AA6IA,wBAAgB,eAAe,4CAoX9B"}
+{"version":3,"file":"CreateOrderPage.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/CreateOrderPage.tsx"],"names":[],"mappings":"AA4IA,wBAAgB,eAAe,4CAoX9B"}

package/dist-lib/components/verkoop/CreateOrderPage.js

@@ -5,6 +5,8 @@ import { Link, useNavigate } from "@tanstack/react-router";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { ArrowLeft, ChevronDown, Plus, Search, Trash2, Truck, MapPin, } from "lucide-react";
 import { supabase } from "../../integrations/supabase/client";
+import { useServerFn } from "@tanstack/react-start";
+import { getFlorydayCachedList } from "../../lib/floriday-public.functions";
 const eur = new Intl.NumberFormat("nl-NL", {
     style: "currency",
     currency: "EUR",
@@ -49,25 +51,20 @@ function useCustomersForOrder() {
     });
 }
 function useProductsForOrder() {
+    const fetchCachedList = useServerFn(getFlorydayCachedList);
     return useQuery({
         queryKey: ["create-order", "products"],
         queryFn: async () => {
-            const [localRes, floridayRes] = await Promise.all([
+            const [localRes, floridayList] = await Promise.all([
                 supabase
                     .from("products")
                     .select("id, product, sale_price, unit")
                     .order("product", { ascending: true })
                     .limit(2000),
-                supabase
-                    .from("floriday_trade_items_cache")
-                    .select("floriday_id, data")
-                    .eq("is_deleted", false)
-                    .limit(5000),
+                fetchCachedList({ data: { environment: "staging", entity: "trade-items", limit: 5000 } }),
             ]);
             if (localRes.error)
                 throw localRes.error;
-            if (floridayRes.error)
-                throw floridayRes.error;
             const out = [];
             for (const r of localRes.data ?? []) {
                 out.push({
@@ -78,7 +75,7 @@ function useProductsForOrder() {
                     unit: r.unit ?? null,
                 });
             }
-            for (const r of floridayRes.data ?? []) {
+            for (const r of floridayList.rows ?? []) {
                 const d = r.data ?? {};
                 const name = pickStr(d.name) ??
                     pickStr(d.productName) ??

package/dist-lib/components/verkoop/VerkoopOrdersPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VerkoopOrdersPage.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/VerkoopOrdersPage.tsx"],"names":[],"mappings":"AA4DA,wBAAgB,iBAAiB,4CAwRhC"}
+{"version":3,"file":"VerkoopOrdersPage.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/VerkoopOrdersPage.tsx"],"names":[],"mappings":"AA6DA,wBAAgB,iBAAiB,4CA6RhC"}

package/dist-lib/components/verkoop/VerkoopOrdersPage.js

@@ -12,6 +12,7 @@ import { AnalyticsCards } from "./AnalyticsCards";
 import { SalesOrdersFilters } from "./SalesOrdersFilters";
 import { SalesOrdersFilterPanel, countActiveFilters, } from "./SalesOrdersFilterPanel";
 import { SalesOrdersTable } from "./SalesOrdersTable";
+import { FlorydaySyncHealthBanner } from "../../components/floriday/FlorydaySyncHealthBanner";
 const STATUS_TABS = [
     { id: "all", label: "Alle" },
     { id: "open", label: "Open" },
@@ -127,7 +128,7 @@ export function VerkoopOrdersPage() {
             setSyncing(false);
         }
     };
-    return (_jsxs("main", { className: "space-y-5 p-6", children: [_jsx("div", { className: "flex items-center justify-between border-b border-border", children: _jsx("div", { className: "flex items-center gap-6 overflow-x-auto", children: STATUS_TABS.map((t) => {
+    return (_jsxs("main", { className: "space-y-5 p-6", children: [_jsx(FlorydaySyncHealthBanner, { environment: "staging", resources: ["sales-orders", "trade-items", "customer-organizations"] }), _jsx("div", { className: "flex items-center justify-between border-b border-border", children: _jsx("div", { className: "flex items-center gap-6 overflow-x-auto", children: STATUS_TABS.map((t) => {
                         const active = tab === t.id;
                         const count = statusCounts[t.id];
                         return (_jsxs("button", { type: "button", onClick: () => setTab(t.id), className: "relative -mb-px flex items-center gap-2 whitespace-nowrap border-b-2 px-1 pb-3 pt-1 text-sm transition-colors " +