@flowselections/actie-mail-kwekers-erp-mathot 1.0.18 → 1.0.20

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

@@ -1 +1 @@
-{"version":3,"file":"HuisstijlSettingsCard.d.ts","sourceRoot":"","sources":["../../../src/components/settings/HuisstijlSettingsCard.tsx"],"names":[],"mappings":"AA0BA,wBAAgB,qBAAqB,gCA8PpC"}
+{"version":3,"file":"HuisstijlSettingsCard.d.ts","sourceRoot":"","sources":["../../../src/components/settings/HuisstijlSettingsCard.tsx"],"names":[],"mappings":"AA+BA,wBAAgB,qBAAqB,gCAkPpC"}

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

@@ -3,14 +3,17 @@ import { useEffect, useRef, useState } from "react";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle, Button, Input, Label, supabase, toast, useAuth, } from "@flowselections/core";
 import { Palette, Upload, Trash2, Image as ImageIcon, Loader2 } from "lucide-react";
 import { resolveBranding, isValidHex, DEFAULT_PRIMARY } from "../../lib/branding";
+import { uploadBrandingLogo, deleteBrandingLogo } from "../../lib/branding.functions";
 const BUCKET = "offer-branding";
-const TEN_YEARS = 60 * 60 * 24 * 365 * 10;
 const MAX_BYTES = 2 * 1024 * 1024;
 const ALLOWED = ["image/png", "image/jpeg", "image/webp", "image/svg+xml"];
-/** Haalt het opslagpad uit een (ondertekende) storage-URL van deze bucket. */
-function storagePathFromUrl(url) {
-    const m = url.match(new RegExp(`/${BUCKET}/([^?]+)`));
-    return m?.[1] ? decodeURIComponent(m[1]) : null;
+/** Vertaalt technische opslagfouten naar begrijpelijke tekst. */
+function friendlyError(message) {
+    const m = (message || "").toLowerCase();
+    if (m.includes("bucket not found")) {
+        return "De opslagmap voor logo's bestond nog niet en kon niet automatisch worden aangemaakt. Vraag een beheerder om de map \"offer-branding\" aan te maken in Supabase Storage, of vul hieronder een logo-link in.";
+    }
+    return message || "Uploaden mislukt";
 }
 export function HuisstijlSettingsCard() {
     const { isAdmin } = useAuth();
@@ -50,11 +53,6 @@ export function HuisstijlSettingsCard() {
         if (error)
             throw error;
     };
-    const removeOldFile = async (url) => {
-        const path = url && url.includes(`/${BUCKET}/`) ? storagePathFromUrl(url) : null;
-        if (path)
-            await supabase.storage.from(BUCKET).remove([path]);
-    };
     const onFile = async (file) => {
         if (!ALLOWED.includes(file.type)) {
             toast.error("Alleen PNG, JPG, WEBP of SVG");
@@ -65,30 +63,21 @@ export function HuisstijlSettingsCard() {
             return;
         }
         setUploading(true);
-        const previous = state.logo_url;
         try {
-            const ext = (file.name.split(".").pop() || "png").toLowerCase().replace(/[^a-z0-9]/g, "");
-            const path = `logo/${crypto.randomUUID()}.${ext}`;
-            const { error: upErr } = await supabase.storage
-                .from(BUCKET)
-                .upload(path, file, { contentType: file.type, upsert: false });
-            if (upErr)
-                throw upErr;
-            const { data: signed, error: signErr } = await supabase.storage
-                .from(BUCKET)
-                .createSignedUrl(path, TEN_YEARS);
-            if (signErr || !signed?.signedUrl)
-                throw signErr ?? new Error("Kon geen logo-link maken");
-            const absolute = signed.signedUrl.startsWith("http")
-                ? signed.signedUrl
-                : `${import.meta.env?.VITE_SUPABASE_URL ?? ""}${signed.signedUrl}`;
-            await persistLogoUrl(absolute);
-            setState((s) => ({ ...s, logo_url: absolute }));
-            await removeOldFile(previous);
+            const form = new FormData();
+            form.append("file", file);
+            if (state.logo_url)
+                form.append("previousUrl", state.logo_url);
+            const result = await uploadBrandingLogo({ data: form });
+            const url = result?.url;
+            if (!url)
+                throw new Error("Kon geen logo-link maken");
+            await persistLogoUrl(url);
+            setState((s) => ({ ...s, logo_url: url }));
             toast.success("Logo geüpload");
         }
         catch (e) {
-            toast.error(e?.message ?? "Uploaden mislukt");
+            toast.error(friendlyError(e?.message ?? ""));
         }
         finally {
             setUploading(false);
@@ -101,7 +90,9 @@ export function HuisstijlSettingsCard() {
         try {
             await persistLogoUrl("");
             setState((s) => ({ ...s, logo_url: "" }));
-            await removeOldFile(previous);
+            if (previous.includes(`/${BUCKET}/`)) {
+                await deleteBrandingLogo({ data: { url: previous } }).catch(() => undefined);
+            }
             toast.success("Logo verwijderd");
         }
         catch (e) {