// manual-manager.jsx — Manual Manager de Cont (pagina protejata cu parola) // Conținutul manualului trăiește în Edge Function `manual-access`; parola și HTML-ul // nu sunt niciodată livrate ca fișiere statice. const { useState: useStateMM, useEffect: useEffectMM, useRef: useRefMM, useMemo: useMemoMM } = React; const MANUAL_PDF_FILES = { ro: 'beneficii-2026.pdf', tiktok: 'sfaturi-tiktok.pdf', }; function resolveManualHtml(html, assets) { if (!html) return ''; return html.replace(/\{\{IMG:([^}]+)\}\}/g, (_, name) => { const url = assets && assets[name]; return url ? url : ''; }); } function ManualManagerPage({ onNav }) { const [password, setPassword] = useStateMM(''); const [loading, setLoading] = useStateMM(false); const [error, setError] = useStateMM(''); const [payload, setPayload] = useStateMM(null); // { html, assets } const [lang, setLang] = useStateMM('ro'); const passRef = useRefMM(null); const contentRef = useRefMM(null); useEffectMM(() => { if (!payload && passRef.current) passRef.current.focus(); }, [payload]); const resolvedHtml = useMemoMM(() => { if (!payload) return ''; return resolveManualHtml(payload.html, payload.assets); }, [payload]); const submit = async (e) => { if (e && e.preventDefault) e.preventDefault(); if (!password || loading) return; setError(''); setLoading(true); try { if (!window.sb || !window.sb.functions) { throw new Error('Serviciul nu este disponibil momentan. Reîncarcă pagina și încearcă din nou.'); } const { data, error: fnErr } = await window.sb.functions.invoke('manual-access', { body: { password }, }); if (fnErr) { // Supabase pune status-ul în fnErr.context (Response). Încercăm să citim mesajul. let msg = 'Parolă incorectă'; try { const ctx = fnErr.context; if (ctx && typeof ctx.json === 'function') { const body = await ctx.json(); if (body && body.error) msg = body.error; } else if (fnErr.message) { msg = fnErr.message; } } catch (_) { /* fallback la mesajul default */ } setError(msg); setPassword(''); return; } if (!data || !data.html) { setError('Răspuns neașteptat de la server. Încearcă din nou.'); return; } setPassword(''); setPayload(data); } catch (err) { setError(err && err.message ? err.message : 'A apărut o eroare. Încearcă din nou.'); } finally { setLoading(false); } }; const openPdf = (key) => { if (!payload || !payload.assets) return; const name = MANUAL_PDF_FILES[key]; const url = payload.assets[name]; if (!url) return; window.open(url, '_blank', 'noopener,noreferrer'); }; // Smooth-scroll pentru linkurile din cuprinsul embedat. useEffectMM(() => { if (!payload || !contentRef.current) return; const node = contentRef.current; const onClick = (e) => { const anchor = e.target.closest && e.target.closest('a[href^="#"]'); if (!anchor) return; const href = anchor.getAttribute('href'); if (!href || href.length < 2) return; const targetId = href.slice(1); const target = node.querySelector('#' + CSS.escape(targetId)); if (target) { e.preventDefault(); target.scrollIntoView({ behavior: 'smooth', block: 'start' }); } }; node.addEventListener('click', onClick); return () => node.removeEventListener('click', onClick); }, [payload, resolvedHtml]); if (!payload) { return (

ACCES RESTRICȚIONAT

Manual Manager de Cont

Introdu parola pentru a accesa manualul intern.

); } return (

{onNav && ( )}

Materiale PDF PDF materials

); } function ManualStyles() { return (