/* global React, Card, Badge, Button, Avatar, Icon, ICONS, TemplatesGalleryModal, BriefingWizard, BriefingDetailModal, BM_TEMPLATES, sb */ const { useState: useStateBR, useEffect: useEffectBR } = React; const BRIEFING_STATUS_MAP = { enviado: { s: 'Aguardando cliente', tone: 'brand' }, em_revisao: { s: 'Em revisão', tone: 'warning' }, concluido: { s: 'Concluído', tone: 'success' }, rascunho: { s: 'Rascunho', tone: 'neutral' }, }; function rowToBriefing(row) { const sm = BRIEFING_STATUS_MAP[row.status] || BRIEFING_STATUS_MAP.rascunho; const created = row.created_at ? new Date(row.created_at) : null; const diffDays = created ? Math.floor((Date.now() - created) / 86400000) : null; const when = diffDays === null ? '—' : diffDays === 0 ? 'hoje' : diffDays === 1 ? 'há 1 dia' : `há ${diffDays} dias`; return { id: row.id, c: row.client_name || '', t: row.title, s: sm.s, tone: sm.tone, q: '— questões', when, who: '', tags: [], rawStatus: row.status || 'rascunho', createdAt: row.created_at, }; } // Garante que existe uma config no localStorage e a retorna (fallback para briefings antigos) function ensureBriefingConfig(b) { const key = 'inbrivvo_briefing_' + b.id; let cfg = null; try { cfg = JSON.parse(localStorage.getItem(key) || 'null'); } catch {} if (!cfg) { cfg = { id: b.id, title: b.t || 'Briefing', client: b.c || '', welcomeMsg: '', questions: [] }; localStorage.setItem(key, JSON.stringify(cfg)); } return cfg; } // Retorna contagem de questões de um briefing (novo formato ou antigo) function getBriefingQCount(id) { try { const cfg = JSON.parse(localStorage.getItem('inbrivvo_briefing_' + id) || 'null'); if (!cfg) return null; if (Array.isArray(cfg.questions) && cfg.questions.length > 0) return cfg.questions.length; if (Array.isArray(cfg.sections) && cfg.sections.length > 0) return cfg.sections.length; return 0; } catch { return null; } } // Gera URL pública com dados embutidos em base64 — funciona em qualquer browser/dispositivo function publicBriefingUrl(id, cfg) { const base = window.location.href.replace(/[^/]+(\?.*)?$/, ''); let url = base + 'public-briefing.html?id=' + encodeURIComponent(id); if (cfg) { try { const encoded = btoa(encodeURIComponent(JSON.stringify(cfg))); url += '&d=' + encodeURIComponent(encoded); } catch {} } return url; } function Briefings({ onNav }) { const [modal, setModal] = useStateBR(null); // 'gallery' | 'form' | 'detail' const [pickedTemplate, setPickedTemplate] = useStateBR(null); const [openBriefing, setOpenBriefing] = useStateBR(null); const [briefings, setBriefings] = useStateBR([]); const [loading, setLoading] = useStateBR(true); useEffectBR(() => { (async () => { const { data, error } = await sb.from('briefings').select('*').order('created_at', { ascending: false }); if (error) { window.__toast?.(error.message, { tone:'danger' }); } setBriefings((data || []).map(rowToBriefing)); setLoading(false); })(); }, []); const templates = [ { t:'Branding completo', n:'18 questões', c:'linear-gradient(135deg,#1D39C4,#36CFC9)' }, { t:'Site / Landing page', n:'12 questões', c:'linear-gradient(135deg,#FA541C,#FADB14)' }, { t:'Campanha de lançamento',n:'14 questões', c:'linear-gradient(135deg,#7C3AED,#1D39C4)' }, { t:'Embalagem', n:'10 questões', c:'linear-gradient(135deg,#22C55E,#36CFC9)' }, ]; const [tab, setTab] = useStateBR('ativos'); const oneWeekAgo = Date.now() - 7 * 86400000; const enviadosSemana = briefings.filter(b => b.createdAt && new Date(b.createdAt) >= new Date(oneWeekAgo)).length; const respondidos = briefings.filter(b => b.rawStatus === 'em_revisao' || b.rawStatus === 'concluido').length; const concluidos = briefings.filter(b => b.rawStatus === 'concluido').length; const taxaConclusao = briefings.length > 0 ? Math.round(concluidos / briefings.length * 100) : 0; const TAB_STATUS = { 'ativos': b => b.rawStatus === 'enviado' || b.rawStatus === 'em_revisao', 'concluídos': b => b.rawStatus === 'concluido', 'rascunhos': b => b.rawStatus === 'rascunho', }; const visibleBriefings = briefings.filter(TAB_STATUS[tab] || (() => true)); async function handleDelete(b) { if (!window.confirm(`Excluir o briefing "${b.t}"? Esta ação não pode ser desfeita.`)) return; try { const { error } = await sb.from('briefings').delete().eq('id', b.id); if (error) { window.__toast?.(error.message, { tone:'danger' }); return; } localStorage.removeItem('inbrivvo_briefing_' + b.id); localStorage.removeItem('inbrivvo_resp_' + b.id); setBriefings(prev => prev.filter(x => x.id !== b.id)); window.__toast?.('Briefing excluído', { tone:'success' }); } catch { window.__toast?.('Erro ao excluir', { tone:'danger' }); } } return (
Briefings inteligentes

Capture o essencial. O cliente preenche, você produz.

Crie a partir de um modelo, envie por link público e receba respostas estruturadas — prontas para virar projeto.
{['ativos','concluídos','rascunhos'].map(k => ( ))}
{loading ? '…' : visibleBriefings.length} briefings
{loading &&
Carregando briefings…
} {!loading && visibleBriefings.length === 0 &&
Nenhum briefing ainda. Clique em "Novo briefing" para começar.
} {visibleBriefings.map((b,i) => (
{b.c} {b.s}
{b.t}
{(()=>{ const n = getBriefingQCount(b.id); return n === null ? '— questões' : n === 1 ? '1 questão' : `${n} questões`; })()} • atualizado {b.when} • {b.who}
{b.tags.map(tg => {tg})}
))}

Modelos prontos

{templates.map((t,i) => (
{ const tpl = (BM_TEMPLATES||[]).find(x=>x.t===t.t) || { t:t.t, n:parseInt(t.n)||0, c:t.c, tag:'Custom', d:'' }; setPickedTemplate(tpl); setModal('form'); }} style={{ display:'flex', alignItems:'center', gap:12, padding:10, borderRadius:10, background:'var(--bg-elevated)', cursor:'pointer' }}>
{t.t}
{t.n}
))}
Esta semana
{enviadosSemana}
esta semana
{respondidos}
respondidos
{taxaConclusao}%
conclusão
{modal==='gallery' && setModal(null)} onPick={(tpl)=>{ setPickedTemplate(tpl); setModal('form'); }} onCreateBlank={()=>{ setPickedTemplate(null); setModal('form'); }}/>} {modal==='form' && setModal(null)} onCreate={async (f)=>{ try { const { data: { user } } = await sb.auth.getUser(); const { data: row, error } = await sb.from('briefings').insert({ user_id: user.id, title: f.title || f.t || 'Novo briefing', client_name: f.client || '', status: 'enviado', }).select().single(); if (error) { window.__toast?.(error.message, { tone:'danger' }); return; } // Salvar config completa no localStorage para a página pública localStorage.setItem('inbrivvo_briefing_' + row.id, JSON.stringify({ id: row.id, title: f.title || row.title, client: f.client || row.client_name || '', welcomeMsg: f.welcomeMsg || '', questions: f.questions || [], })); setBriefings(prev => [rowToBriefing(row), ...prev]); const cfg = JSON.parse(localStorage.getItem('inbrivvo_briefing_' + row.id) || 'null'); navigator.clipboard?.writeText(publicBriefingUrl(row.id, cfg)); window.__toast?.('Briefing criado · link copiado!', { tone:'success' }); } catch { window.__toast?.('Erro ao criar briefing', { tone:'danger' }); } setModal(null); }}/>} {modal==='detail' && setModal(null)}/>}
); } window.Briefings = Briefings;