// settings-page.jsx — Page Paramètres unifiée (Règle n°6 SaaS-wide) // Couvre : CRM (P5.1), Solaire (P5.2), Communication (P5.3), Visites (P5.4), // Dossiers CEE (P5.5). Persisté en localStorage `ae_settings_v1` + endpoint // /api/settings (optionnel, fallback transparent). const { useState: _stUseS, useEffect: _stUseE, useMemo: _stUseM } = React; // ── Schéma défaut ────────────────────────────────────────────────────────── const DEFAULT_SETTINGS = { crm: { stages: [ { key: 'prospect', label: 'Prospect', color: '#8A8D90' }, { key: 'qualification',label: 'Qualification', color: '#6B4CFF' }, { key: 'visite', label: 'Visite', color: '#3FE07C' }, { key: 'devis', label: 'Devis envoyé', color: '#E8B341' }, { key: 'signe', label: 'Devis signé', color: '#0F7A3D' }, { key: 'travaux', label: 'Travaux', color: '#C66A2B' }, { key: 'depot_pncee', label: 'Dépôt PNCEE', color: '#6B4CFF' }, { key: 'prime_versee', label: 'Prime versée', color: '#0F7A3D' }, ], relanceTemplate: `Bonjour {prenom},\n\nJ'espère que vous allez bien.\nJe me permets de revenir vers vous au sujet de votre projet d'audit énergétique.\n\nAvez-vous eu l'occasion de revoir notre proposition ?\n\nBien cordialement,\n{signature}`, autoSyncOdoo: true, syncIntervalMin: 30, }, solaire: { catalogues: { panneauxFavoris: ['Trina Vertex S+ 440', 'DualSun Flash 425', 'Voltec Tarka 410'], onduleurFavori: 'SolarEdge', batterieFavorite: 'BYD HVM', }, tarifs: { achatMWh: 75, // €/MWh autoconsommation revente: 130, // €/MWh injection tva: 20, // % }, fostDefaut: 'BAR-EN-101', delegataireDefaut: 'Audits-Énergies SAS', }, communication: { signatureEmail: `--\nNils Bazin\nChef de projet — Audits Énergies\nemail · 06 XX XX XX XX\nwww.audits-energies.com`, templates: { relance30j: { subject: 'Relance projet — {ref}', body: 'Bonjour {prenom},\nNous revenons vers vous concernant…' }, visiteOk: { subject: 'Visite confirmée — {date}', body: 'Bonjour {prenom},\nVotre visite technique est confirmée…' }, devisEnvoye: { subject: 'Votre devis Audits Énergies — {ref}',body: 'Bonjour {prenom},\nVeuillez trouver ci-joint…' }, }, scanProspectsAuto: false, scanProspectsIntervalH: 24, }, visites: { fostFavoris: ['BAT-TH-139', 'BAT-TH-129', 'BAR-EN-101', 'BAT-TH-113'], rapportTemplate: 'standard', // 'standard' | 'detaille' | 'minimal' pipelineAutoStart: true, extractionConfidenceMin: 0.6, }, dossiers: { workflowOrder: ['draft','in_progress','approved','depot_pncee','prime_versee'], delegataireDefaut: 'Audits-Énergies SAS', autoApprove: false, minCoherenceScore: 80, }, }; const STORAGE_KEY = 'ae_settings_v1'; function loadSettingsLocal() { try { const raw = localStorage.getItem(STORAGE_KEY); if (raw) { const parsed = JSON.parse(raw); return mergeWithDefaults(parsed); } } catch (_) {} return JSON.parse(JSON.stringify(DEFAULT_SETTINGS)); } function mergeWithDefaults(parsed) { return { crm: { ...DEFAULT_SETTINGS.crm, ...(parsed.crm || {}) }, solaire: { ...DEFAULT_SETTINGS.solaire, ...(parsed.solaire || {}) }, communication: { ...DEFAULT_SETTINGS.communication, ...(parsed.communication || {}) }, visites: { ...DEFAULT_SETTINGS.visites, ...(parsed.visites || {}) }, dossiers: { ...DEFAULT_SETTINGS.dossiers, ...(parsed.dossiers || {}) }, }; } // A2 — Backend persistence : si user authentifié, sync via /api/settings async function loadSettingsBackend() { const API = (window.AE_API && window.AE_API.BASE) || ''; try { const r = await fetch(`${API}/api/settings`, { credentials: 'include' }); if (!r.ok) return null; const d = await r.json(); if (d.ok && d.settings) return mergeWithDefaults(d.settings); } catch (_) {} return null; } async function saveSettingsBackend(scope, data) { const API = (window.AE_API && window.AE_API.BASE) || ''; try { await fetch(`${API}/api/settings/${scope}`, { method: 'PUT', credentials: 'include', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(data), }); } catch (_) { /* fail-silent : localStorage reste source de fallback */ } } function loadSettings() { return loadSettingsLocal(); } function saveSettings(s, changedScope) { try { localStorage.setItem(STORAGE_KEY, JSON.stringify(s)); } catch (_) {} window.AE_SETTINGS = s; window.dispatchEvent(new CustomEvent('ae:settings-changed', { detail: s })); // A2 : sync vers backend si authentifié if (changedScope && s[changedScope]) { saveSettingsBackend(changedScope, s[changedScope]); } } // Initial load on script execution → expose to other modules window.AE_SETTINGS = loadSettings(); // ── Page ──────────────────────────────────────────────────────────────────── function SettingsPage() { const [settings, setSettings] = _stUseS(loadSettings); const [section, setSection] = _stUseS('crm'); const [savedAt, setSavedAt] = _stUseS(null); // A2 — Au montage, hydrate depuis backend si user authentifié (override local) _stUseE(() => { loadSettingsBackend().then(remote => { if (remote) { setSettings(remote); try { localStorage.setItem(STORAGE_KEY, JSON.stringify(remote)); } catch (_) {} window.AE_SETTINGS = remote; window.dispatchEvent(new CustomEvent('ae:settings-changed', { detail: remote })); } }); }, []); const persist = (next, changedScope) => { setSettings(next); saveSettings(next, changedScope); setSavedAt(Date.now()); setTimeout(() => setSavedAt(null), 2500); }; const update = (sec, patch) => { persist({ ...settings, [sec]: { ...settings[sec], ...patch } }, sec); }; const reset = () => { if (!window.confirm('Réinitialiser tous les paramètres aux valeurs par défaut ?')) return; persist(JSON.parse(JSON.stringify(DEFAULT_SETTINGS))); }; const exportSettings = () => { const blob = new Blob([JSON.stringify(settings, null, 2)], { type: 'application/json' }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = `ae-settings-${new Date().toISOString().slice(0,10)}.json`; a.click(); URL.revokeObjectURL(url); }; const importSettings = (e) => { const file = e.target.files?.[0]; if (!file) return; const reader = new FileReader(); reader.onload = () => { try { const parsed = JSON.parse(reader.result); persist(parsed); alert('✓ Paramètres importés'); } catch (err) { alert('Fichier invalide : ' + err.message); } }; reader.readAsText(file); e.target.value = ''; }; const SECTIONS = [ { key: 'crm', label: 'CRM Clients', icon: '👥' }, { key: 'solaire', label: 'Solaire', icon: '☀️' }, { key: 'communication', label: 'Communication', icon: '✉️' }, { key: 'visites', label: 'Visites IA', icon: '📹' }, { key: 'dossiers', label: 'Dossiers CEE', icon: '📁' }, ]; return (
{/* Header */}
Règle n°6 · Personnalisation par module

Paramètres

Configurez les défauts, templates, catalogues et workflows de chaque module sans toucher au code. Persisté localement par utilisateur.
{savedAt && ✓ Enregistré} 📤 Exporter 🔄 Réinitialiser
{/* N5 — Sélecteur de langue */} {window.AE_I18N && (
🌍 Langue / Language {window.AE_I18N.getSupported().map(loc => ( ))}
)}
{/* Sidebar sections */}
{SECTIONS.map(s => ( ))}
{/* Content */}
{section === 'crm' && update('crm', p)}/>} {section === 'solaire' && update('solaire', p)}/>} {section === 'communication' && update('communication', p)}/>} {section === 'visites' && update('visites', p)}/>} {section === 'dossiers' && update('dossiers', p)}/>}
); } // ── Helpers UI ────────────────────────────────────────────────────────────── function Card({ title, sub, children }) { return (
{title}
{sub &&
{sub}
}
{children}
); } function Field({ label, hint, children }) { return ( ); } function Toggle({ value, onChange, label }) { return ( ); } const inp = { padding: '7px 10px', fontSize: 12, border: '1px solid var(--line-2)', borderRadius: 5, background: 'var(--paper-2)', fontFamily: 'inherit', width: '100%', boxSizing: 'border-box' }; // ── P5.1 — CRM ────────────────────────────────────────────────────────────── function CrmSettings({ v, onChange }) { return ( <> {v.stages.map((s, i) => (
{ const next = [...v.stages]; next[i] = { ...s, key: e.target.value }; onChange({ stages: next }); }} style={{ ...inp, fontFamily: 'var(--font-mono)', fontSize: 10 }} /> { const next = [...v.stages]; next[i] = { ...s, label: e.target.value }; onChange({ stages: next }); }} style={inp} /> { const next = [...v.stages]; next[i] = { ...s, color: e.target.value }; onChange({ stages: next }); }} style={{ ...inp, padding: 2, height: 30 }} />
))}