@flowselections/floriday-authenticatie-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/TemplatePage.d.ts

@@ -0,0 +1,2 @@
+export declare function TemplatePage(): import("react/jsx-runtime").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,4CAS3B"}

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/FlorydaySettingsCard.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FlorydaySettingsCard.d.ts","sourceRoot":"","sources":["../../../src/components/settings/FlorydaySettingsCard.tsx"],"names":[],"mappings":"AA6CA,wBAAgB,oBAAoB,4CA+GnC"}

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

@@ -0,0 +1,161 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { ChevronDown } from "lucide-react";
+import { useServerFn } from "@tanstack/react-start";
+import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
+import { Card, Button, Input, Label, Badge, Tabs, TabsList, TabsTrigger, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, toast, } from "@flowselections/core";
+import florydayLogo from "@/assets/floriday-logo.png";
+import { listFlorydayConnections, upsertFlorydayConnection, testFlorydayConnection, deleteFlorydayConnection, getFlorydaySettings, setFlorydayActiveEnvironment, listFlorydayWarehouses, updateFlorydayPublishingSettings, validateGln, } from "../../lib/floriday.functions";
+export function FlorydaySettingsCard() {
+    const [open, setOpen] = useState(false);
+    const qc = useQueryClient();
+    const list = useServerFn(listFlorydayConnections);
+    const getSettings = useServerFn(getFlorydaySettings);
+    const setEnv = useServerFn(setFlorydayActiveEnvironment);
+    const { data: connections = [], isLoading } = useQuery({
+        queryKey: ["floriday-connections"],
+        queryFn: () => list(),
+    });
+    const { data: settings } = useQuery({
+        queryKey: ["floriday-settings"],
+        queryFn: () => getSettings(),
+    });
+    const activeEnv = settings?.active_environment ?? "staging";
+    const activeConn = connections.find((c) => c.environment === activeEnv) ?? null;
+    const envMutation = useMutation({
+        mutationFn: (env) => setEnv({ data: { environment: env } }),
+        onMutate: async (env) => {
+            await qc.cancelQueries({ queryKey: ["floriday-settings"] });
+            const prev = qc.getQueryData(["floriday-settings"]);
+            qc.setQueryData(["floriday-settings"], { active_environment: env });
+            return { prev };
+        },
+        onError: (e, _v, ctx) => {
+            if (ctx?.prev)
+                qc.setQueryData(["floriday-settings"], ctx.prev);
+            toast.error(e?.message ?? "Wisselen mislukt");
+        },
+        onSuccess: (_d, env) => {
+            toast.success(`Gebruik modus: ${env === "live" ? "Live omgeving" : "Testomgeving"}`);
+        },
+    });
+    return (_jsxs(Card, { className: "overflow-hidden border-border/60", children: [_jsxs("button", { type: "button", onClick: () => setOpen(o => !o), className: "w-full flex items-center gap-3 px-5 py-4 text-left hover:bg-muted/40 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset", "aria-expanded": open, children: [_jsx("div", { className: "h-9 w-9 rounded-lg bg-muted/60 flex items-center justify-center shrink-0", children: _jsx("img", { src: florydayLogo, alt: "", className: "h-5 w-5 object-contain" }) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("h3", { className: "font-semibold text-sm truncate", children: "Floriday koppeling" }), _jsxs("div", { className: "flex items-center gap-2 flex-wrap mt-1", children: [_jsx(Badge, { variant: activeEnv === "live" ? "default" : "secondary", className: "text-[10px] tracking-wide", children: activeEnv === "live" ? "Live omgeving" : "Testomgeving" }), _jsx(StatusIndicator, { connected: Boolean(activeConn) }), activeConn?.organization_name && (_jsxs("span", { className: "text-xs text-muted-foreground truncate", children: ["\u00B7 ", activeConn.organization_name] }))] }), _jsx("p", { className: "text-xs text-muted-foreground mt-1 truncate", children: "Verbind je Floriday-account om automatisch gegevens uit te wisselen met het platform." })] }), _jsx(ChevronDown, { className: `h-4 w-4 text-muted-foreground shrink-0 transition-transform ${open ? "rotate-180" : ""}` })] }), open && (_jsxs("div", { className: "border-t border-border/60 px-5 py-5 space-y-6 bg-muted/20", children: [_jsx(StepBlock, { number: 1, title: "Kies omgeving", description: "Kies of je wilt testen of live wilt werken.", children: _jsx(Tabs, { value: activeEnv, onValueChange: (v) => envMutation.mutate(v), children: _jsxs(TabsList, { className: "grid grid-cols-2 w-full max-w-xs", children: [_jsx(TabsTrigger, { value: "staging", disabled: envMutation.isPending, children: "Testomgeving" }), _jsx(TabsTrigger, { value: "live", disabled: envMutation.isPending, children: "Live omgeving" })] }) }) }), isLoading ? (_jsx("p", { className: "text-sm text-muted-foreground", children: "Laden\u2026" })) : (_jsx(EnvironmentForm, { env: activeEnv, label: activeEnv === "live" ? "Live omgeving" : "Testomgeving", connection: activeConn }, activeEnv)), _jsx("div", { className: "pt-2 border-t border-border/60", children: _jsx("a", { href: "https://developer.floriday.io/docs", target: "_blank", rel: "noopener noreferrer", className: "text-xs text-primary hover:underline inline-flex items-center gap-1", children: "Waar vind ik deze gegevens in Floriday?" }) })] }))] }));
+}
+function StatusIndicator({ connected }) {
+    const label = connected ? "Verbonden" : "Niet verbonden";
+    return (_jsxs("span", { className: "inline-flex items-center gap-1.5 text-xs text-muted-foreground", children: [_jsx("span", { "aria-label": label, className: `h-2 w-2 rounded-full ${connected ? "bg-emerald-500" : "bg-red-500"}` }), label] }));
+}
+function StepBlock({ number, title, description, children, }) {
+    return (_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "h-6 w-6 rounded-full bg-primary text-primary-foreground text-xs font-semibold flex items-center justify-center shrink-0", children: number }), _jsx("h4", { className: "font-medium text-sm", children: title })] }), description && (_jsx("p", { className: "text-xs text-muted-foreground pl-8", children: description })), _jsx("div", { className: "pl-8", children: children })] }));
+}
+function EnvironmentForm({ env, label, connection, }) {
+    const qc = useQueryClient();
+    const upsert = useServerFn(upsertFlorydayConnection);
+    const test = useServerFn(testFlorydayConnection);
+    const remove = useServerFn(deleteFlorydayConnection);
+    const [clientId, setClientId] = useState("");
+    const [clientSecret, setClientSecret] = useState("");
+    const [apiKey, setApiKey] = useState("");
+    const saveMutation = useMutation({
+        mutationFn: () => upsert({
+            data: {
+                environment: env,
+                client_id: clientId,
+                client_secret: clientSecret,
+                api_key: apiKey,
+                label,
+            },
+        }),
+        onSuccess: () => {
+            toast.success(`${label}-koppeling opgeslagen`);
+            setClientId("");
+            setClientSecret("");
+            setApiKey("");
+            qc.invalidateQueries({ queryKey: ["floriday-connections"] });
+            qc.invalidateQueries({ queryKey: ["floriday-warehouses", env] });
+        },
+        onError: (e) => toast.error(e?.message ?? "Opslaan mislukt"),
+    });
+    const testMutation = useMutation({
+        mutationFn: () => test({ data: { environment: env } }),
+        onSuccess: async (res) => {
+            if (res.ok)
+                toast.success(`${label} koppeling OK`);
+            else
+                toast.error(`${label} mislukt: ${res.error}`);
+            qc.invalidateQueries({ queryKey: ["floriday-connections"] });
+            await qc.refetchQueries({ queryKey: ["floriday-warehouses", env], type: "active" });
+        },
+        onError: (e) => toast.error(e?.message ?? "Test mislukt"),
+    });
+    const deleteMutation = useMutation({
+        mutationFn: () => remove({ data: { id: connection.id } }),
+        onSuccess: () => {
+            toast.success(`${label}-koppeling verwijderd`);
+            qc.invalidateQueries({ queryKey: ["floriday-connections"] });
+        },
+        onError: (e) => toast.error(e?.message ?? "Verwijderen mislukt"),
+    });
+    return (_jsxs("div", { className: "space-y-6", children: [_jsx(StepBlock, { number: 2, title: "Vul verbindingsgegevens in", children: _jsxs("div", { className: "rounded-lg border border-border/60 bg-card p-4 space-y-4", children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [_jsx("h4", { className: "font-medium text-sm", children: "Verbindingsgegevens" }), connection ? (_jsx(Badge, { variant: "default", className: "text-[10px]", children: "Actief" })) : (_jsx(Badge, { variant: "secondary", className: "text-[10px]", children: "Nog niet gekoppeld" }))] }), connection && (_jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "sm", disabled: deleteMutation.isPending, children: "Verwijderen" }) }), _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Koppeling verwijderen?" }), _jsxs(AlertDialogDescription, { children: ["Hiermee worden de opgeslagen Floriday-gegevens voor de ", label.toLowerCase(), " permanent verwijderd. Andere modules die deze koppeling gebruiken werken daarna niet meer totdat je opnieuw koppelt."] })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Annuleren" }), _jsx(AlertDialogAction, { onClick: () => deleteMutation.mutate(), children: "Verwijderen" })] })] })] }))] }), _jsxs("div", { className: "grid gap-4", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: `${env}-client-id`, className: "text-xs", children: "Client ID" }), _jsx(Input, { id: `${env}-client-id`, value: clientId, onChange: e => setClientId(e.target.value), placeholder: connection ? connection.client_id_masked : "Floriday Client ID", className: connection ? "font-mono placeholder:font-mono placeholder:text-foreground/60" : undefined, autoComplete: "off" }), _jsx("p", { className: "text-[11px] text-muted-foreground", children: "Te vinden in je Floriday API-instellingen." }), connection && (_jsx("p", { className: "text-[11px] text-muted-foreground", children: "Laat leeg als je deze waarde niet wilt wijzigen." }))] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: `${env}-client-secret`, className: "text-xs", children: "Client Secret" }), _jsx(Input, { id: `${env}-client-secret`, type: "password", value: clientSecret, onChange: e => setClientSecret(e.target.value), placeholder: connection ? "••••••••" : "Floriday Client Secret", className: connection ? "placeholder:text-foreground/60" : undefined, autoComplete: "off" }), _jsx("p", { className: "text-[11px] text-muted-foreground", children: "Houd deze sleutel priv\u00E9." }), connection && (_jsx("p", { className: "text-[11px] text-muted-foreground", children: "Laat leeg als je deze waarde niet wilt wijzigen." }))] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: `${env}-api-key`, className: "text-xs", children: "API-sleutel" }), _jsx(Input, { id: `${env}-api-key`, type: "text", value: apiKey, onChange: e => setApiKey(e.target.value), placeholder: connection ? connection.api_key_masked : "X-Api-Key uit Floriday", className: connection ? "font-mono placeholder:font-mono placeholder:text-foreground/60" : undefined, autoComplete: "off" }), _jsx("p", { className: "text-[11px] text-muted-foreground", children: "Kopieer de API-sleutel uit Floriday." }), connection && (_jsx("p", { className: "text-[11px] text-muted-foreground", children: "Laat leeg als je deze waarde niet wilt wijzigen." }))] })] }), _jsx("div", { children: _jsx(Button, { size: "sm", onClick: () => saveMutation.mutate(), disabled: saveMutation.isPending ||
+                                    !clientId.trim() || !clientSecret.trim() || !apiKey.trim(), children: saveMutation.isPending ? "Opslaan…" : connection ? "Wijzigingen opslaan" : "Koppeling opslaan" }) })] }) }), _jsx(StepBlock, { number: 3, title: "Test de verbinding", description: "Controleer of je gegevens correct zijn en of de koppeling werkt.", children: _jsx(Button, { variant: "outline", size: "sm", onClick: () => testMutation.mutate(), disabled: !connection || testMutation.isPending, children: testMutation.isPending ? "Testen…" : "Verbinding testen" }) }), _jsx(StepBlock, { number: 4, title: "Publicatie-instellingen", description: "Vul je GLN-code in en kies het voorkeursmagazijn voor het publiceren van producten via Floriday.", children: _jsx(PublishingSettings, { env: env, connection: connection }) })] }));
+}
+function PublishingSettings({ env, connection, }) {
+    const qc = useQueryClient();
+    const listWarehouses = useServerFn(listFlorydayWarehouses);
+    const updateSettings = useServerFn(updateFlorydayPublishingSettings);
+    const [gln, setGln] = useState(connection?.gln_code ?? "");
+    const [warehouseId, setWarehouseId] = useState(connection?.preferred_warehouse_id ?? "");
+    const warehousesQuery = useQuery({
+        queryKey: ["floriday-warehouses", env],
+        queryFn: () => listWarehouses({ data: { environment: env } }),
+        enabled: Boolean(connection),
+    });
+    const warehouses = warehousesQuery.data && warehousesQuery.data.ok ? warehousesQuery.data.warehouses : [];
+    const warehousesError = warehousesQuery.data && !warehousesQuery.data.ok ? warehousesQuery.data.error : null;
+    // Auto-preselect het default-magazijn van Floriday wanneer de gebruiker
+    // nog geen keuze heeft gemaakt.
+    useEffect(() => {
+        if (warehouseId)
+            return;
+        if (!warehouses.length)
+            return;
+        const def = warehouses.find((w) => w.isDefault) ?? warehouses[0];
+        if (def)
+            setWarehouseId(def.id);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [warehouses.length]);
+    const saveMutation = useMutation({
+        mutationFn: () => {
+            const selected = warehouses.find((w) => w.id === warehouseId);
+            return updateSettings({
+                data: {
+                    environment: env,
+                    gln_code: gln,
+                    preferred_warehouse_id: warehouseId || null,
+                    preferred_warehouse_name: selected?.name ?? null,
+                },
+            });
+        },
+        onSuccess: () => {
+            toast.success("Publicatie-instellingen opgeslagen");
+            qc.invalidateQueries({ queryKey: ["floriday-connections"] });
+        },
+        onError: (e) => toast.error(e?.message ?? "Opslaan mislukt"),
+    });
+    if (!connection) {
+        return (_jsx("p", { className: "text-xs text-muted-foreground", children: "Sla eerst je verbindingsgegevens op om publicatie-instellingen te beheren." }));
+    }
+    const glnError = gln.trim() ? validateGln(gln) : null;
+    return (_jsxs("div", { className: "rounded-lg border border-border/60 bg-card p-4 space-y-4", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: `${env}-gln`, className: "text-xs", children: "GLN-code organisatie" }), _jsx(Input, { id: `${env}-gln`, value: gln, onChange: (e) => setGln(e.target.value.replace(/\s+/g, "")), placeholder: "Bijv. 8712345000005", inputMode: "numeric", maxLength: 13, autoComplete: "off", "aria-invalid": Boolean(glnError) }), glnError ? (_jsx("p", { className: "text-[11px] text-red-600", children: glnError })) : (_jsx("p", { className: "text-[11px] text-muted-foreground", children: "De Global Location Number van je organisatie in Floriday (13 cijfers)." }))] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: `${env}-warehouse`, className: "text-xs", children: "Voorkeursmagazijn" }), _jsxs(Select, { value: warehouseId || undefined, onValueChange: setWarehouseId, children: [_jsx(SelectTrigger, { id: `${env}-warehouse`, children: _jsx(SelectValue, { placeholder: warehousesQuery.isLoading
+                                        ? "Magazijnen laden…"
+                                        : warehouses.length === 0
+                                            ? "Geen magazijnen beschikbaar"
+                                            : "Kies een magazijn", children: (() => {
+                                        const selected = warehouses.find((w) => w.id === warehouseId);
+                                        if (!selected)
+                                            return null;
+                                        return (_jsxs("span", { className: "flex items-baseline gap-2 truncate", children: [_jsx("span", { className: "truncate", children: selected.name }), selected.gln && (_jsx("span", { className: "text-[11px] text-muted-foreground font-mono", children: selected.gln }))] }));
+                                    })() }) }), _jsx(SelectContent, { children: warehouses.map((w) => (_jsx(SelectItem, { value: w.id, children: _jsxs("div", { className: "flex flex-col", children: [_jsx("span", { children: w.name }), w.gln && (_jsx("span", { className: "text-[11px] text-muted-foreground font-mono", children: w.gln }))] }) }, w.id))) })] }), _jsx("p", { className: "text-[11px] text-muted-foreground", children: "Alleen magazijnen die in Floriday aan je organisatie gekoppeld zijn." }), warehousesError && (_jsxs("p", { className: "text-[11px] text-red-600", children: ["Magazijnen niet beschikbaar: ", warehousesError] }))] }), _jsx("div", { children: _jsx(Button, { size: "sm", onClick: () => saveMutation.mutate(), disabled: saveMutation.isPending ||
+                        Boolean(glnError) ||
+                        (!gln.trim() && !warehouseId), children: saveMutation.isPending ? "Opslaan…" : "Instellingen opslaan" }) })] }));
+}

package/dist-lib/index.d.ts

@@ -0,0 +1,6 @@
+import type { FlowModule } from "@flowselections/core";
+export * from './_core-safelist';
+export * from './components/TemplatePage';
+export * from './lib/floriday.functions';
+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":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAGvD,cAAc,kBAAkB,CAAC;AACjC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AAEzC,eAAO,MAAM,QAAQ,EAAE,UActB,CAAC"}

package/dist-lib/index.js

@@ -0,0 +1,18 @@
+import { Plug } from "lucide-react";
+import { FlorydaySettingsCard } from "./components/settings/FlorydaySettingsCard";
+export * from './_core-safelist';
+export * from './components/TemplatePage';
+export * from './lib/floriday.functions';
+export const myModule = {
+    id: "floriday_connection",
+    name: "Floriday Connection",
+    version: "1.0.0",
+    nav: {
+        label: "Floriday koppeling",
+        href: "/floriday-connection",
+        icon: Plug,
+    },
+    settingsCards: [
+        { component: FlorydaySettingsCard, 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}` } : {},
+    });
+});