// desktop.jsx — Pastor (desktop) experience: app shell + onboarding workspace. const { useState, useMemo, useEffect, useRef } = React; // ── Pilot backend client ───────────────────────────────────── const PASTOR_TKEY = 'believer_pastor_token'; const api = { token: () => localStorage.getItem(PASTOR_TKEY) || '', setToken: (t) => t ? localStorage.setItem(PASTOR_TKEY, t) : localStorage.removeItem(PASTOR_TKEY), getProfile: () => { try { return JSON.parse(localStorage.getItem('believer_pastor_profile') || 'null'); } catch { return null; } }, setProfile: (p) => { p ? localStorage.setItem('believer_pastor_profile', JSON.stringify(p)) : localStorage.removeItem('believer_pastor_profile'); window.dispatchEvent(new Event('believer-auth')); }, headers() { const t = this.token(); return { 'Content-Type': 'application/json', ...(t ? { Authorization: 'Bearer ' + t } : {}) }; }, _check(r) { if (r.status === 401 && this.token()) { this.setToken(''); this.setProfile(null); } }, async get(path) { const r = await fetch(path, { headers: this.headers() }); this._check(r); return { ok: r.ok, data: await r.json() }; }, async post(path, body) { const r = await fetch(path, { method: 'POST', headers: this.headers(), body: JSON.stringify(body || {}) }); this._check(r); return { ok: r.ok, data: await r.json() }; }, async del(path) { const r = await fetch(path, { method: 'DELETE', headers: this.headers() }); this._check(r); return { ok: r.ok, data: await r.json() }; }, }; // joinBase is resolved from the backend (/api/config) so the QR points at a // phone-reachable host (LAN IP or PUBLIC_BASE_URL), not localhost. api.joinBase = location.origin; api.loadConfig = async () => { try { const r = await api.get('/api/config'); if (r.ok && r.data.joinBase) api.joinBase = r.data.joinBase; } catch {} }; const joinUrl = (code) => `${api.joinBase}/join.html?code=${code}`; // Načte publikované onboardingy + jejich nováčky jedním paralelním průchodem // (místo sekvenčních fetchů). Vrací { onboardings, rows } nebo null při chybě. async function fetchPublishedNewcomers() { const { ok, data } = await api.get('/api/onboardings'); if (!ok) return null; const pubs = data.onboardings.filter(o => o.published); const lists = await Promise.all(pubs.map(o => api.get(`/api/onboardings/${o.id}/newcomers`) .then(r => r.ok ? r.data.newcomers.map(n => ({ ...n, onb: o.name, color: o.color, code: o.shareCode })) : []) .catch(() => []) )); return { onboardings: data.onboardings, rows: lists.flat() }; } // Build a WhatsApp click-to-chat link from a phone number (+ optional prefilled text). const waLink = (phone, text) => { const digits = String(phone || '').replace(/[^0-9]/g, ''); return digits ? `https://wa.me/${digits}${text ? '?text=' + encodeURIComponent(text) : ''}` : null; }; // Build a mailto: link with a friendly prefilled greeting. const mailtoLink = (email, name) => { const first = String(name || '').split(' ')[0]; const subject = t('Vítej u nás 🙂'); const body = tf('Ahoj {0},\n\njak se ti daří na tvé cestě? Kdyby cokoliv, klidně se ozvi.\n\nS pozdravem,\ntvůj mentor', first); return `mailto:${email}?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`; }; // Prepared messages (work for both WhatsApp and e-mail). {f} = newcomer's first name. const MSG_TEMPLATES = [ { key:'uvitani', label:'Uvítání', text:(f)=>tf('Ahoj {0}, vítej u nás! Jsme rádi, že ses připojil(a). Kdyby cokoliv, klidně se ozvi. 🙂', f) }, { key:'povzbuzeni',label:'Povzbuzení', text:(f)=>tf('Ahoj {0}, jen ti chci říct, že na tebe myslíme a fandíme ti. Drž se! 🙏', f) }, { key:'skupinka', label:'Pozvánka na skupinku', text:(f)=>tf('Ahoj {0}, v pátek se schází naše skupinka v 17:00. Budeme rádi, když dorazíš!', f) }, { key:'pomoc', label:'Nabídka pomoci', text:(f)=>tf('Ahoj {0}, můžu ti s něčím pomoct na tvé cestě? Napiš mi, kdykoliv budeš chtít.', f) }, ]; // E-mail providers — each opens its own web compose (or the default mail app). const MAIL_PROVIDERS = [ { key:'mailto', label:'Výchozí klient' }, { key:'gmail', label:'Gmail' }, { key:'outlook',label:'Outlook' }, { key:'seznam', label:'Seznam (email.cz)' }, ]; const composeUrl = (provider, to, subject, body) => { const e = encodeURIComponent; if (provider==='gmail') return `https://mail.google.com/mail/?view=cm&fs=1&to=${e(to)}&su=${e(subject)}&body=${e(body)}`; if (provider==='outlook') return `https://outlook.live.com/mail/0/deeplink/compose?to=${e(to)}&subject=${e(subject)}&body=${e(body)}`; if (provider==='seznam') return `https://email.seznam.cz/`; // Seznam nemá spolehlivý compose s parametry → otevřeme schránku + zkopírujeme text return `mailto:${to}?subject=${e(subject)}&body=${e(body)}`; }; // Contact compose modal — pick a prepared message (+ e-mail provider) then send. function ContactComposeModal({ newcomer, channel, onClose, toast }) { const first = (newcomer.name || '').split(' ')[0]; const [tpl, setTpl] = useState('uvitani'); const [msg, setMsg] = useState(MSG_TEMPLATES[0].text(first)); const [subject, setSubject] = useState(tf('Ahoj {0} 🙂', first)); const [provider, setProvider] = useState(localStorage.getItem('believer_mail_provider') || 'mailto'); const isWa = channel === 'whatsapp'; const pick = (t) => { setTpl(t.key); setMsg(t.text(first)); }; const send = () => { if (isWa) { window.open(waLink(newcomer.phone, msg), '_blank'); window.track && window.track('whatsapp_clicked', { from:'compose', template:tpl }); } else { localStorage.setItem('believer_mail_provider', provider); if (provider==='seznam') { try { navigator.clipboard.writeText(subject+'\n\n'+msg); } catch {} toast && toast(t('Zpráva zkopírována — vlož ji v Seznam e-mailu.')); } window.open(composeUrl(provider, newcomer.email, subject, msg), '_blank'); window.track && window.track('email_clicked', { from:'compose', provider, template:tpl }); } onClose(); }; return (
e.stopPropagation()} style={{maxWidth:480}}>

{tf('{0} pro {1}', isWa?'WhatsApp':t('E-mail'), newcomer.name)}

{isWa? newcomer.phone : newcomer.email}
{t('Předpřipravená zpráva')}
{MSG_TEMPLATES.map(tp => ( ))}
{!isWa && ( <> setSubject(e.target.value)} /> )}