/* ================================================================
Tracker FMN — Desafio MMM (Mandala Mão na Massa)
30 conteúdos em 30 dias, 21/10 a 21/11/2026.
Regras e registro em tracker-fmn/DESAFIO-MANDALA-MAO-NA-MASSA.md
O vínculo é na mão, de propósito (combinado com Felipe em 20/10/2026):
o Orgânico tem muito card publicado que não entra no desafio, então só
vale o que for escolhido aqui, um por dia. A lista mora em
app_config.chave='desafio_mmm' (jsonb), mesmo padrão já usado pelo
alarme da Visão Geral, então não precisou de coluna nem migration.
O visual das peças é o mesmo da aba Picos de Venda (MiniPeca grande):
capa 4:5, rótulo, situação e data.
Nomes com prefixo DMMM_ / dmmm de propósito: tudo aqui vira global depois
do Babel, e nome genérico atropela o de outra tela em silêncio.
================================================================ */
const { useState: useDS, useEffect: useDE, useMemo: useDM } = React;
const DMMM_INICIO = '2026-10-21';
const DMMM_FIM = '2026-11-21';
const DMMM_META = 30;
const DMMM_PONTOS_POR_CONTEUDO = 10;
const DMMM_CHAVE = 'desafio_mmm';
/* As quatro semanas e a janela de 48 horas de cada formulário. */
const DMMM_SEMANAS = [
{ n: 1, de: '2026-10-21', ate: '2026-10-28', abre: '2026-10-29', fecha: '2026-10-30' },
{ n: 2, de: '2026-10-29', ate: '2026-11-05', abre: '2026-11-06', fecha: '2026-11-07' },
{ n: 3, de: '2026-11-06', ate: '2026-11-13', abre: '2026-11-14', fecha: '2026-11-15' },
{ n: 4, de: '2026-11-14', ate: '2026-11-21', abre: '2026-11-22', fecha: '2026-11-23' },
];
const DMMM_LINK_DESAFIO = 'https://mandala-mao-na-massa.vercel.app/';
/* Os 21 tipos da Mandala, pra marcar qual foi usado em cada peça. */
const DMMM_TIPOS = ['Comparação', 'Apelo Emocional', 'Certo vs Errado', 'Curiosidade', 'Demonstração',
'Oportunidade', 'Visual', 'Dilema', 'Clickbait', 'Prova', 'Contraste', 'História', 'Ultra Segmentado',
'Reflexão', 'Explicação', 'Problema-Solução', 'Sensação', 'Mito', 'Pesquisa Científica',
'Atualidades', 'Atualidades Trend'];
const DMMM_STATUS = {
Fazendo: 'Em produção', Feito: 'Pronto', Agendado: 'Agendado', Publicado: 'Publicado', Arquivado: 'Publicado',
fazer: 'Para fazer', fazendo: 'Em produção', ativo: 'Rodando', campeoes: 'Campeão', arquivado: 'Pausado',
};
/* Data de Brasília, nunca a de Londres (ver frontend/ARQUITETURA.md). */
function dmmmDia(iso) {
if (!iso) return null;
try { return window.FMNFinancas.dataBRT(new Date(iso)); }
catch { return String(iso).slice(0, 10); }
}
function dmmmHoje() {
try { return window.FMNFinancas.dataBRT(); }
catch { return new Date().toISOString().slice(0, 10); }
}
/* Dia que o campo de data sugere: hoje, preso dentro da janela do desafio. */
function dmmmDiaSugerido() {
const h = dmmmHoje();
return h < DMMM_INICIO ? DMMM_INICIO : h > DMMM_FIM ? DMMM_FIM : h;
}
function dmmmFmt(dia) {
if (!dia) return '—';
const [a, m, d] = String(dia).slice(0, 10).split('-');
return `${d}/${m}`;
}
function dmmmDiasEntre(de, ate) {
return Math.round((new Date(ate + 'T12:00:00') - new Date(de + 'T12:00:00')) / 86400000);
}
function dmmmNum(v) {
return (v == null ? 0 : Number(v)).toLocaleString('pt-BR');
}
function dmmmChave(v) {
return `${v.tipo}:${v.numero}`;
}
/* Capa do card do Orgânico, mesma regra da aba Picos de Venda. */
function dmmmCapaOrganico(c) {
let mf = c.media_files;
if (typeof mf === 'string') { try { mf = JSON.parse(mf); } catch { mf = null; } }
const v = Array.isArray(mf) ? mf.find(m => m && m.tipo === 'video') : null;
if (v) return v.capa_url || v.thumb_url || null;
let sl = c.slides;
if (typeof sl === 'string') { try { sl = JSON.parse(sl); } catch { sl = null; } }
const img = Array.isArray(sl) ? sl.map(x => x && x.image_url).find(u => u && !/\.(mp4|mov|webm|m4v)$/i.test(u)) : null;
return img || null;
}
/* Situação do formulário de cada semana, pela data de hoje. */
function dmmmSituacaoSemana(sem, hoje) {
if (hoje < sem.abre) return { texto: `Formulário abre ${dmmmFmt(sem.abre)}`, tom: 'default' };
if (hoje <= sem.fecha) return { texto: `Formulário aberto até ${dmmmFmt(sem.fecha)}`, tom: 'warning' };
return { texto: `Formulário fechou ${dmmmFmt(sem.fecha)}`, tom: 'default' };
}
/* ── Peça do desafio, no mesmo visual da aba Picos de Venda ──────── */
function DmmmPeca({ p, onAbrir, onEditar, onSoltar }) {
const [hov, setHov] = useDS(false);
return (
Nenhum criativo vinculado ainda. Use o botão Vincular criativo e escolha o card e o dia.
) : (
{pecas.map(p => (
))}
)}
{candidatos.length > 0 && (
Saiu no ar entre {dmmmFmt(DMMM_INICIO)} e {dmmmFmt(DMMM_FIM)} e não está no desafio. Clique pra vincular.
{candidatos.map(c => (
))}
)}
Entra no desafio só o que for vinculado aqui, um por dia. Alcance e interações vêm da coleta
diária de métricas do Instagram, então peça publicada hoje pode aparecer sem número até a
próxima varredura.