// Caffè Italia · back-office
// ==========================
// Catalogue, demandes pro et commandes. Tout est lu et écrit dans Supabase ;
// `caffe_products_override` en localStorage n'est plus qu'un vestige, migré
// une fois puis effacé (voir legacyReadOverrides).
//
// Accès : compte Supabase dont l'email figure dans `admin_emails`. C'est la
// même condition que les policies RLS (`is_admin()`), donc l'écran et la
// base ne peuvent pas diverger — un écran ouvert par erreur ne donnerait
// aucun droit d'écriture. Il n'y a plus de mot de passe partagé : c'était
// un simple drapeau en sessionStorage, posable depuis la console.
//
// Donner l'accès à quelqu'un = ajouter son email dans `admin_emails`.
//
// URL : #/fr/admin (ou #/it/admin)
const STORAGE_KEY = "caffe_products_override";
const { useState: _aUseState, useEffect: _aUseEffect, useMemo: _aUseMemo } = React;
// Message éphémère du back-office (« Produit enregistré », …). Vivait dans
// components.jsx tant que la boutique s'en servait pour l'ajout au panier ;
// l'admin est désormais le seul appelant, il l'héberge.
function AdminToast({ msg, onClose }){
_aUseEffect(()=>{
if(!msg) return;
const id = setTimeout(onClose, 2400);
return ()=>clearTimeout(id);
},[msg]);
return (
✦ {msg}
);
}
// ─── Supabase product CRUD ────────────────────────────────────────────
// Schema mapping: Supabase row (snake_case, separate _fr/_it cols) ↔
// in-app product object (camelCase, { fr, it } sub-objects, palette as array).
function rowToProduct(row){
return {
id: row.id,
name: { fr: row.name_fr || "", it: row.name_it || "" },
sub: { fr: row.sub_fr || "", it: row.sub_it || "" },
tasting: { fr: row.tasting_fr||"", it: row.tasting_it||"" },
badge: row.badge_fr || row.badge_it
? { fr: row.badge_fr||"", it: row.badge_it||"" }
: null,
price: Number(row.price) || 0,
weight: row.weight || "",
weightIt: row.weight_it || "",
images: Array.isArray(row.images) ? row.images.filter(Boolean) : [],
intensity: row.intensity ?? null,
category: row.category || "",
variantGroup: row.variant_group || "",
image: row.image || "",
palette: Array.isArray(row.palette) ? row.palette : ["#0e0d0c","#c8202c","#f4ede0"],
active: row.active !== false,
sort: row.sort ?? 0,
stripePriceId: row.stripe_price_id || "",
};
}
function productToRow(p){
return {
id: p.id,
name_fr: p.name?.fr || "", name_it: p.name?.it || "",
sub_fr: p.sub?.fr || null, sub_it: p.sub?.it || null,
tasting_fr: p.tasting?.fr || null, tasting_it: p.tasting?.it || null,
badge_fr: p.badge?.fr || null, badge_it: p.badge?.it || null,
price: Number(p.price) || 0,
weight: p.weight || null,
weight_it: p.weightIt || null,
images: (p.images || []).filter(Boolean),
intensity: (p.intensity===""||p.intensity==null) ? null : Number(p.intensity),
category: p.category || null,
variant_group: p.variantGroup || null,
image: p.image || null,
palette: Array.isArray(p.palette) ? p.palette : ["#0e0d0c","#c8202c","#f4ede0"],
active: p.active !== false,
sort: p.sort ?? 0,
stripe_price_id: p.stripePriceId || null,
updated_at: new Date().toISOString(),
};
}
async function loadProductsFromSupabase(){
if (!window.sb) return { ok: false, products: [...(window.DEFAULT_PRODUCTS || [])], err: "Supabase non disponible" };
const { data, error } = await window.sb.from("products")
.select("*").order("sort", { ascending: true }).order("id", { ascending: true });
if (error) return { ok: false, products: [...(window.DEFAULT_PRODUCTS || [])], err: error.message };
return { ok: true, products: (data || []).map(rowToProduct), err: null };
}
async function upsertProductToSupabase(p){
if (!window.sb) return { ok: false, err: "Supabase non disponible" };
const { error } = await window.sb.from("products").upsert(productToRow(p), { onConflict: "id" });
return { ok: !error, err: error?.message || null };
}
async function deleteProductFromSupabase(id){
if (!window.sb) return { ok: false, err: "Supabase non disponible" };
const { error } = await window.sb.from("products").delete().eq("id", id);
return { ok: !error, err: error?.message || null };
}
// Legacy localStorage helpers — kept ONLY for the one-time migration step in
// AdminScreen. Remove after Phase 2 ships.
const _LEGACY_STORAGE_KEY = STORAGE_KEY;
function legacyReadOverrides(){
try {
const raw = localStorage.getItem(_LEGACY_STORAGE_KEY);
if (raw) {
const parsed = JSON.parse(raw);
if (Array.isArray(parsed)) return parsed;
}
} catch {}
return null;
}
function emptyProduct(){
return {
id: "new-product-" + Date.now(),
name: { fr: "", it: "" },
sub: { fr: "", it: "" },
tasting: { fr: "", it: "" },
badge: null,
price: 0,
weight: "",
weightIt: "",
images: [],
intensity: null,
category: (window.CATEGORIES?.[0]?.id) || "grain",
variantGroup: "",
image: "",
palette: ["#0e0d0c","#c8202c","#f4ede0"],
stripePriceId: "",
};
}
// ─── Écrans d'accès ──────────────────────────────────────────────────────────
// L'accès n'est plus un mot de passe partagé — c'était un drapeau dans
// sessionStorage, que n'importe qui pouvait poser depuis la console. Il
// dépend maintenant de l'identité : compte Supabase + appartenance à
// `admin_emails`, c'est-à-dire exactement ce que vérifient les policies RLS.
// Une seule source de vérité pour l'écran et pour la base : les deux ne
// peuvent plus diverger.
function AdminGate({ title, children }){
return (
Admin
{title}
{children}
);
}
// ─── Drawer d'édition produit ────────────────────────────────────────────────
function ProductEditor({ product, onSave, onCancel, isNew }){
const [p, setP] = _aUseState(product);
const [showRaw, setShowRaw] = _aUseState(false);
const set = (path, val) => {
setP(prev => {
const next = JSON.parse(JSON.stringify(prev));
// path: "name.fr" or "price"
const parts = path.split(".");
let cursor = next;
for (let i = 0; i < parts.length - 1; i++) cursor = cursor[parts[i]];
cursor[parts[parts.length - 1]] = val;
return next;
});
};
const toggleBadge = (on) => {
setP(prev => ({ ...prev, badge: on ? { fr: "", it: "" } : null }));
};
return (