// Caffè Italia · avis produits
// ============================
// Un avis = une ligne dans `reviews`, rattachée à un compte ET à un achat.
// La règle « seuls les clients qui ont commandé peuvent noter » est tenue
// par la policy RLS `reviews_insert_buyer` (public.has_purchased) : le code
// ci-dessous ne fait que masquer le formulaire quand il sait déjà que
// l'insert serait refusé. La vérité reste côté base.
//
// Variantes : les SKU d'un même `variantGroup` (50 / 100 capsules) partagent
// leurs avis — on lit sur tous les ids du groupe, on écrit sur le SKU affiché.
const { useState: _rvUseState, useEffect: _rvUseEffect, useCallback: _rvUseCallback } = React;
const _rvL = (fr, it) => (window.__LANG__ === "it" ? it : fr);
// Une commande compte comme achat une fois payée — pas au moment du panier.
const PURCHASED_STATUSES = ["paid", "shipped", "delivered"];
// ─── Lecture ──────────────────────────────────────────────────────────────
window.fetchReviews = async function fetchReviews(productIds){
if (!window.sb || !productIds || productIds.length === 0) return [];
const { data, error } = await window.sb
.from("reviews")
.select("id, product_id, user_id, author_name, rating, body, created_at")
.in("product_id", productIds)
.order("created_at", { ascending: false });
if (error) { console.warn("[reviews] read failed:", error.message); return []; }
return data || [];
};
// A-t-on acheté l'un de ces SKU ? Deux requêtes simples plutôt qu'une
// jointure imbriquée : les policies RLS limitent déjà `orders` au client.
window.hasPurchasedAny = async function hasPurchasedAny(productIds){
if (!window.sb || !productIds || productIds.length === 0) return false;
const { data: sess } = await window.sb.auth.getSession();
const uid = sess?.session?.user?.id;
if (!uid) return false;
const { data: orders, error: oErr } = await window.sb
.from("orders").select("id").eq("user_id", uid).in("status", PURCHASED_STATUSES);
if (oErr || !orders || orders.length === 0) return false;
const { data: items, error: iErr } = await window.sb
.from("order_items").select("product_id")
.in("order_id", orders.map(o => o.id))
.in("product_id", productIds)
.limit(1);
if (iErr) return false;
return (items || []).length > 0;
};
// Hook partagé : la note moyenne sert aussi à l'en-tête de la fiche produit
// et au libellé de l'onglet, pas seulement à la liste.
function useReviews(productIds){
const key = (productIds || []).join(",");
const [state, setState] = _rvUseState({ key: null, rows: [], loading: true });
const load = _rvUseCallback(async () => {
const rows = await window.fetchReviews(productIds);
setState({ key, rows, loading: false });
}, [key]);
_rvUseEffect(() => {
let cancelled = false;
setState(s => ({ key, rows: s.key === key ? s.rows : [], loading: true }));
(async () => {
const rows = await window.fetchReviews(key ? key.split(",") : []);
if (!cancelled) setState({ key, rows, loading: false });
})();
return () => { cancelled = true; };
}, [key]);
const fresh = state.key === key;
const rows = fresh ? state.rows : [];
const count = rows.length;
const avg = count ? rows.reduce((s, r) => s + r.rating, 0) / count : null;
return { rows, count, avg, loading: !fresh || state.loading, reload: load };
}
// ─── Étoiles ──────────────────────────────────────────────────────────────
function Stars({ value, size = 14 }){
const full = Math.round(value || 0);
return (
{"★".repeat(full)}{"★".repeat(Math.max(0, 5 - full))}
);
}
function StarPicker({ value, onChange }){
return (
{[1,2,3,4,5].map(n => (
))}
);
}
// ─── Formulaire ───────────────────────────────────────────────────────────
function ReviewForm({ productId, session, existing, onSaved }){
const [rating, setRating] = _rvUseState(existing ? existing.rating : 0);
const [body, setBody] = _rvUseState(existing ? (existing.body || "") : "");
const [name, setName] = _rvUseState(
existing ? (existing.author_name || "") : (session?.user?.user_metadata?.full_name || ""));
const [saving, setSaving] = _rvUseState(false);
const [err, setErr] = _rvUseState(null);
const submit = async (e) => {
e.preventDefault();
if (!rating) { setErr(_rvL("Choisissez une note.","Scegli un voto.")); return; }
setErr(null); setSaving(true);
const row = {
product_id: productId,
user_id: session.user.id,
author_name: (name || "").trim() || _rvL("Client","Cliente"),
rating,
body: (body || "").trim() || null,
updated_at: new Date().toISOString(),
};
const { error } = await window.sb.from("reviews").upsert(row, { onConflict: "product_id,user_id" });
setSaving(false);
if (error) { setErr(error.message); return; }
onSaved();
};
return (