@flowselections/floriday-verkoop-module 1.0.2 → 1.0.3

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

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

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

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

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

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { useQuery } from "@tanstack/react-query";
+import { useServerFn } from "@tanstack/react-start";
+import { Button, toast } from "@flowselections/core";
+import { Download, Plus, AlertTriangle } from "lucide-react";
+import { listSalesOrders, exportSalesOrders, } from "@/lib/floriday/sales-orders.functions";
+import { AnalyticsCards } from "@/components/verkoop/AnalyticsCards";
+import { SalesOrdersFilters, } from "@/components/verkoop/SalesOrdersFilters";
+import { SalesOrdersTable } from "@/components/verkoop/SalesOrdersTable";
+import { CreateOrderDialog } from "@/components/verkoop/CreateOrderDialog";
+const TABS = [
+    { id: "overzicht", label: "Overzicht" },
+    { id: "correcties", label: "Correcties" },
+    { id: "geplande", label: "Geplande orders", badge: 2 },
+];
+export function VerkoopOrdersPage() {
+    const [tab, setTab] = useState("overzicht");
+    const [filters, setFilters] = useState({});
+    const [createOpen, setCreateOpen] = useState(false);
+    const fetchOrders = useServerFn(listSalesOrders);
+    const exportFn = useServerFn(exportSalesOrders);
+    const apiFilters = useMemo(() => ({
+        search: filters.search,
+        status: filters.status,
+        from: filters.from,
+        to: filters.to,
+    }), [filters]);
+    const { data, isLoading, error, refetch, isFetching } = useQuery({
+        queryKey: ["floriday", "sales-orders", apiFilters],
+        queryFn: () => fetchOrders({ data: apiFilters }),
+        staleTime: 30000,
+    });
+    const handleExport = async () => {
+        try {
+            const { csv, filename } = await exportFn({ data: apiFilters });
+            const blob = new Blob(["" + csv], { type: "text/csv;charset=utf-8" });
+            const url = URL.createObjectURL(blob);
+            const a = document.createElement("a");
+            a.href = url;
+            a.download = filename;
+            a.click();
+            URL.revokeObjectURL(url);
+            toast.success("Export gestart");
+        }
+        catch (e) {
+            toast.error(e?.message ?? "Export mislukt");
+        }
+    };
+    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", children: TABS.map((t) => {
+                        const active = tab === t.id;
+                        return (_jsxs("button", { type: "button", onClick: () => setTab(t.id), className: "relative -mb-px flex items-center gap-2 border-b-2 px-1 pb-3 pt-1 text-sm transition-colors " +
+                                (active
+                                    ? "border-primary font-semibold text-foreground"
+                                    : "border-transparent text-muted-foreground hover:text-foreground"), children: [_jsx("span", { children: t.label }), t.badge ? (_jsx("span", { className: "inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-primary px-1.5 text-[11px] font-semibold text-primary-foreground", children: t.badge })) : null] }, t.id));
+                    }) }) }), _jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [_jsx(SalesOrdersFilters, { value: filters, onChange: setFilters }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Button, { variant: "outline", size: "sm", onClick: handleExport, children: [_jsx(Download, { className: "mr-2 h-4 w-4" }), " Exporteren"] }), _jsxs(Button, { size: "sm", onClick: () => setCreateOpen(true), children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), " Bestelling aanmaken"] })] })] }), _jsx(AnalyticsCards, { totals: data?.totals, loading: isLoading }), error && (_jsxs("div", { className: "flex items-start gap-3 rounded-lg border border-destructive/30 bg-destructive/5 p-4 text-sm", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-5 w-5 shrink-0 text-destructive" }), _jsxs("div", { className: "flex-1", children: [_jsx("div", { className: "font-medium text-destructive", children: "Floriday gegevens konden niet geladen worden" }), _jsx("div", { className: "mt-1 text-muted-foreground", children: error.message })] }), _jsx(Button, { size: "sm", variant: "outline", onClick: () => refetch(), disabled: isFetching, children: "Opnieuw proberen" })] })), _jsx(SalesOrdersTable, { orders: data?.orders ?? [], loading: isLoading }), _jsx(CreateOrderDialog, { open: createOpen, onOpenChange: setCreateOpen })] }));
+}

package/dist-lib/index.d.ts

@@ -1,4 +1,5 @@
 import type { FlowModule } from "@flowselections/core";
 export * from "./_core-safelist";
+export { VerkoopOrdersPage } from "./components/verkoop/VerkoopOrdersPage";
 export declare const myModule: 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":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,cAAc,kBAAkB,CAAC;AAEjC,eAAO,MAAM,QAAQ,EAAE,UAiBtB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AAE3E,eAAO,MAAM,QAAQ,EAAE,UAiBtB,CAAC"}

package/dist-lib/index.js

@@ -1,12 +1,13 @@
 import { ShoppingCart, ListOrdered } from "lucide-react";
 export * from "./_core-safelist";
+export { VerkoopOrdersPage } from "./components/verkoop/VerkoopOrdersPage";
 export const myModule = {
     id: "verkoop",
     name: "Verkoop",
     version: "1.0.0",
     nav: {
         label: "Verkoop",
-        href: "/verkoop/verkooporders",
+        href: "/floriday-verkoop",
         icon: ShoppingCart,
         children: [
             {