@flowselections/floriday-klanten-module 1.0.0

package/dist-lib/_core-safelist.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=_core-safelist.d.ts.map

package/dist-lib/_core-safelist.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_core-safelist.d.ts","sourceRoot":"","sources":["../src/_core-safelist.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAE,CAAC"}

package/dist-lib/_core-safelist.js

@@ -0,0 +1,15 @@
+// Forceert Tailwind classes die uit @flowselections/core komen maar niet
+// voorkomen in de eigen broncode van deze module.
+// Zonder dit bestand worden deze classes weggeoptimaliseerd op de
+// Lovable productie build.
+const _safelist = [
+    // Layout — Sidebar en shell structuur
+    'h-full', 'flex-col', 'flex-1', 'min-h-screen', 'ml-64', 'pt-16',
+    'items-start', 'items-center', 'justify-between', 'border-t',
+    'w-64', 'h-screen', 'h-20', 'overflow-y-auto',
+    // Grid — InstellingenPage
+    'grid', 'lg:grid-cols-2', 'gap-6', 'p-6', 'space-y-6',
+    // Toggle/Switch — aan/uit zichtbaarheid
+    'data-[state=checked]:bg-primary', 'data-[state=unchecked]:bg-input',
+];
+export {};

package/dist-lib/components/CustomerAvatar.d.ts

@@ -0,0 +1,7 @@
+export declare function CustomerAvatar({ logoUrl, name, size, className, }: {
+    logoUrl?: string | null;
+    name?: string | null;
+    size?: "sm" | "md" | "lg";
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=CustomerAvatar.d.ts.map

package/dist-lib/components/CustomerAvatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomerAvatar.d.ts","sourceRoot":"","sources":["../../src/components/CustomerAvatar.tsx"],"names":[],"mappings":"AAYA,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,IAAI,EACJ,IAAW,EACX,SAAS,GACV,EAAE;IACD,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BA0BA"}

package/dist-lib/components/CustomerAvatar.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "@/lib/utils";
+function initials(name) {
+    if (!name)
+        return "?";
+    return name
+        .split(/\s+/)
+        .filter(Boolean)
+        .slice(0, 2)
+        .map((w) => w[0]?.toUpperCase() ?? "")
+        .join("") || "?";
+}
+export function CustomerAvatar({ logoUrl, name, size = "md", className, }) {
+    const sizeClass = size === "sm" ? "h-8 w-8 text-xs" : size === "lg" ? "h-16 w-16 text-lg" : "h-10 w-10 text-sm";
+    return (_jsx("div", { className: cn("relative shrink-0 overflow-hidden rounded-full bg-muted flex items-center justify-center font-medium text-muted-foreground border border-border", sizeClass, className), children: logoUrl ? (_jsx("img", { src: logoUrl, alt: name ?? "", className: "h-full w-full object-cover", onError: (e) => {
+                e.currentTarget.style.display = "none";
+            } })) : (_jsx("span", { children: initials(name) })) }));
+}

package/dist-lib/components/TemplatePage.d.ts

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

package/dist-lib/components/TemplatePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TemplatePage.d.ts","sourceRoot":"","sources":["../../src/components/TemplatePage.tsx"],"names":[],"mappings":"AAAA,wBAAgB,YAAY,gCAS3B"}

package/dist-lib/components/TemplatePage.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function TemplatePage() {
+    return (_jsxs("div", { className: "p-6", children: [_jsx("h1", { className: "text-2xl font-semibold", children: "Module pagina" }), _jsx("p", { className: "text-muted-foreground mt-2", children: "Vervang dit component met de pagina's van jouw module." })] }));
+}

package/dist-lib/components/settings/CustomerFieldsCard.d.ts

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

package/dist-lib/components/settings/CustomerFieldsCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomerFieldsCard.d.ts","sourceRoot":"","sources":["../../../src/components/settings/CustomerFieldsCard.tsx"],"names":[],"mappings":"AAUA,wBAAgB,kBAAkB,gCA2FjC"}

package/dist-lib/components/settings/CustomerFieldsCard.js

@@ -0,0 +1,59 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle, Button, Input, Label, supabase, toast, } from "@flowselections/core";
+import { Plus, Trash2, Users } from "lucide-react";
+export function CustomerFieldsCard() {
+    const [fields, setFields] = useState([]);
+    const [options, setOptions] = useState([]);
+    const [newOption, setNewOption] = useState("");
+    const [newField, setNewField] = useState("");
+    const load = async () => {
+        const [{ data: f }, { data: o }] = await Promise.all([
+            supabase.from("customer_field_settings").select("*").order("sort_order"),
+            supabase.from("customer_field_options").select("*").order("sort_order"),
+        ]);
+        setFields(f ?? []);
+        setOptions(o ?? []);
+    };
+    useEffect(() => { load(); }, []);
+    const classField = fields.find((f) => f.field_key === "customer_class");
+    const classOptions = options.filter((o) => o.field_setting_id === classField?.id);
+    const addClass = async () => {
+        if (!classField || !newOption.trim())
+            return;
+        const { error } = await supabase.from("customer_field_options").insert({
+            field_setting_id: classField.id, label: newOption.trim(), sort_order: classOptions.length,
+        });
+        if (error)
+            return toast.error(error.message);
+        setNewOption("");
+        toast.success("Klantklasse toegevoegd");
+        load();
+    };
+    const delOption = async (id) => {
+        const { error } = await supabase.from("customer_field_options").delete().eq("id", id);
+        if (error)
+            return toast.error(error.message);
+        load();
+    };
+    const addField = async () => {
+        if (!newField.trim())
+            return;
+        const key = newField.trim().toLowerCase().replace(/[^a-z0-9]+/g, "_");
+        const { error } = await supabase.from("customer_field_settings").insert({
+            field_key: key, field_label: newField.trim(), field_type: "text", is_custom: true, sort_order: fields.length,
+        });
+        if (error)
+            return toast.error(error.message);
+        setNewField("");
+        toast.success("Veld toegevoegd");
+        load();
+    };
+    const delField = async (id) => {
+        const { error } = await supabase.from("customer_field_settings").delete().eq("id", id);
+        if (error)
+            return toast.error(error.message);
+        load();
+    };
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Users, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { children: "Klantenmodule" })] }), _jsx(CardDescription, { children: "Beheer klantklassen en extra velden voor klanten" })] }), _jsxs(CardContent, { className: "space-y-6", children: [_jsxs("div", { children: [_jsx(Label, { className: "text-sm font-medium", children: "Klantklassen" }), _jsxs("div", { className: "space-y-2 mt-2", children: [classOptions.map((o) => (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Input, { value: o.label, disabled: true, className: "flex-1" }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => delOption(o.id), children: _jsx(Trash2, { className: "h-4 w-4" }) })] }, o.id))), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Input, { value: newOption, onChange: (e) => setNewOption(e.target.value), placeholder: "Nieuwe klantklasse (bv. D)" }), _jsx(Button, { onClick: addClass, size: "sm", children: _jsx(Plus, { className: "h-4 w-4" }) })] })] })] }), _jsxs("div", { children: [_jsx(Label, { className: "text-sm font-medium", children: "Extra (custom) velden" }), _jsxs("div", { className: "space-y-2 mt-2", children: [fields.filter((f) => f.is_custom).map((f) => (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Input, { value: f.field_label, disabled: true, className: "flex-1" }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => delField(f.id), children: _jsx(Trash2, { className: "h-4 w-4" }) })] }, f.id))), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Input, { value: newField, onChange: (e) => setNewField(e.target.value), placeholder: "Naam van nieuw veld" }), _jsx(Button, { onClick: addField, size: "sm", children: _jsx(Plus, { className: "h-4 w-4" }) })] })] })] })] })] }));
+}

package/dist-lib/index.d.ts

@@ -0,0 +1,5 @@
+import type { FlowModule } from "@flowselections/core";
+export * from "./_core-safelist";
+export * from "./components/TemplatePage";
+export declare const myModule: FlowModule;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAGvD,cAAc,kBAAkB,CAAC;AACjC,cAAc,2BAA2B,CAAC;AAE1C,eAAO,MAAM,QAAQ,EAAE,UAYtB,CAAC"}

package/dist-lib/index.js

@@ -0,0 +1,32 @@
+// ============================================================================
+// src/index.ts — MODULE CONTRACT
+// ============================================================================
+// This is the most important file in your module.
+// The shell repo reads this file to know:
+//   - What nav item to show in the sidebar
+//   - What settings cards to add to the settings page
+//   - Your module's identity (id, name, version)
+//
+// WHAT TO DO:
+//   1. Replace all PLACEHOLDER values below with your module's real values
+//   2. Import your real settings card components (if any)
+//   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 { Users } from "lucide-react";
+import { CustomerFieldsCard } from "./components/settings/CustomerFieldsCard";
+export * from "./_core-safelist";
+export * from "./components/TemplatePage";
+export const myModule = {
+    id: "customers",
+    name: "Klanten",
+    version: "1.0.0",
+    nav: {
+        label: "Klanten",
+        href: "/klanten",
+        icon: Users,
+    },
+    settingsCards: [
+        { component: CustomerFieldsCard, order: 10 },
+    ],
+};

package/dist-lib/integrations/supabase/auth-attacher.d.ts

@@ -0,0 +1,2 @@
+export declare const attachSupabaseAuth: import("@tanstack/start-client-core").FunctionMiddlewareAfterClient<{}, unknown, undefined, undefined, undefined>;
+//# sourceMappingURL=auth-attacher.d.ts.map

package/dist-lib/integrations/supabase/auth-attacher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-attacher.d.ts","sourceRoot":"","sources":["../../../src/integrations/supabase/auth-attacher.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,kBAAkB,mHAQ9B,CAAA"}

package/dist-lib/integrations/supabase/auth-attacher.js

@@ -0,0 +1,12 @@
+// This file is automatically generated. Do not edit it directly.
+import { createMiddleware } from '@tanstack/react-start';
+import { supabase } from './client';
+// Must be registered as a global `functionMiddleware` in `src/start.ts`; otherwise
+// the browser never attaches the bearer token to serverFn RPCs.
+export const attachSupabaseAuth = createMiddleware({ type: 'function' }).client(async ({ next }) => {
+    const { data } = await supabase.auth.getSession();
+    const token = data.session?.access_token;
+    return next({
+        headers: token ? { Authorization: `Bearer ${token}` } : {},
+    });
+});