/** Percurso opcional. Usa a sessão, biblioteca e carteira da conta. */ /** Os formatos de painel escolhidos que estão virados para a rua (dito em Lojas e painéis). */ // Só os painéis da loja que não partilham a medida com as redes: esses fazem o mesmo vídeo que elas (revisor, 4 Nov). // A família da composição, como em lib/video/motion/verificar.js (familiaMotion): medidas da mesma família fazem o // mesmo desenho do vídeo e não podem ter chamadas diferentes (ronda 12: 1920×1080 e 512×768 são as duas «bloco»). function familiaCriar(f){const [l,a]=String(f).split('x').map(Number),r=l/a;return r>=2?'faixa':r<=.35?'poster':r<=.65?'9:16':'bloco'} /** Painéis dos dois lados (uns na rua, outros dentro): aí cada painel diz o seu lado, e o pedido não muda sozinho para «rua» (ronda 14). */ function paineisMistosCriar(config){const r=(config?.formatos||[]).filter(f=>(f.origem==='painel'||f.painel)&&typeof f.rua==='boolean').map(f=>f.rua);return r.includes(true)&&r.includes(false)} function paineisDentroCriar(brief,config){return (config?.formatos||[]).filter(f=>(f.origem==='painel'||f.painel)&&f.rua!==true&&(brief?.formatos||[]).includes(f.formato)).map(f=>f.formato)} /** As famílias de desenho que também vão para as redes: aí o painel faz o mesmo vídeo que as redes (ronda 14). */ function familiasSociaisCriar(brief,config){return new Set((brief?.formatos||[]).filter(f=>(brief.usos?.[f]||config?.formatos?.find(m=>m.formato===f)?.canais||[(f==='1080x1920'||f==='1080x1080')?'social':'dooh']).includes('social')).map(familiaCriar))} function paineisNaRuaCriar(brief,config){const rua=(config?.formatos||[]).filter(f=>f.origem==='painel'&&!f.social&&!f.painel&&f.rua===true&&(brief?.formatos||[]).includes(f.formato)).map(f=>f.formato),dentro=paineisDentroCriar(brief,config),sociais=familiasSociaisCriar(brief,config);return rua.filter(f=>!dentro.some(g=>familiaCriar(g)===familiaCriar(f))&&!sociais.has(familiaCriar(f)))} /** Os da rua com o desenho das redes sociais: o mesmo vídeo, a mesma chamada (ronda 14, a montra do Rui). */ function paineisRuaComoRedesCriar(brief,config){const sociais=familiasSociaisCriar(brief,config);return (config?.formatos||[]).filter(f=>f.origem==='painel'&&f.rua===true&&(brief?.formatos||[]).includes(f.formato)&&sociais.has(familiaCriar(f.formato))).map(f=>f.formato)} /** Os da rua que partilham o desenho com um de dentro: para dizer porque não há chamada própria. */ function paineisRuaPartilhadosCriar(brief,config){const dentro=paineisDentroCriar(brief,config);return (config?.formatos||[]).filter(f=>f.origem==='painel'&&f.rua===true&&(brief?.formatos||[]).includes(f.formato)&&dentro.some(g=>familiaCriar(g)===familiaCriar(f.formato))).map(f=>f.formato)} function briefInicialCriar(){return {oferta:{tipo:'produto',nome:''},informacao:'',objetivo:'Dar a conhecer',modo:'criar',mensagem:'',cta:'',tom:'Sugerido a partir dos materiais',duracao:15,somSocial:true,formatos:['1080x1920']}} // Frases de loja online (portes, envios…) propostas «só redes». Cópia de SO_LOJA_ONLINE em // lib/criar/painel.js; tests/criar-painel.test.js confere que são iguais (14 Out). const SO_LOJA_ONLINE_CRIAR=[/\b(?:portes\s+(?:gr[aá]tis|gratuitos?|de\s+envio|inclu[ií]dos?|oferecidos?|pagos)|envios?|enviamos|entregas?\s+(?:ao\s+domic[ií]lio|em\s+casa|gr[aá]tis|gratuitas?|r[aá]pidas?|expresso|em\s+\d{1,2}\s*h(?:oras)?)|(?:encomendas?|compras?|compre|encomende|encomenda)\s+(?:j[aá]\s+)?online|online\s+com|loja\s+online|checkout|c[oó]digos?\s+(?:promocional|promocionais|de\s+desconto)|cup[aã]o|cup[oõ]es|link\s+na\s+bio|clica|clique|carrinho\s+de\s+compras|[a-z0-9-]+\.(?:pt|com))\b/iu,/\b[cC](?:[oó]digo|[OÓ]DIGO)\s+[A-Z0-9]{3,}\b/u]; const soLojaOnlineCriar=t=>SO_LOJA_ONLINE_CRIAR.some(r=>r.test(t)); // As marcas «só redes» seguem a frase, não a posição (cliente simulado, 14 Out): as linhas iguais // ligam-se pela maior subsequência comum; uma linha que mudou de sítio leva a sua marca; num troço // alterado, a linha editada herda a da linha que substituiu; só uma linha nova usa a regra. function marcasCriar(antes,novas,marcas,rua=false){ const n=antes.length,m=novas.length,L=Array.from({length:n+1},()=>Array(m+1).fill(0)); for(let i=n-1;i>=0;i--)for(let j=m-1;j>=0;j--)L[i][j]=antes[i]===novas[j]?L[i+1][j+1]+1:Math.max(L[i+1][j],L[i][j+1]); const r=Array(m),trocos=[];let i=0,j=0,t={apagadas:[],novas:[]}; const fechar=()=>{if(t.apagadas.length||t.novas.length)trocos.push(t);t={apagadas:[],novas:[]}}; while(i=n||L[i][j+1]>=L[i+1][j]))t.novas.push(j++);else t.apagadas.push(i++)} fechar();const livres=new Set(trocos.flatMap(t=>t.apagadas)); for(const t of trocos)for(const k of t.novas){const a=[...livres].find(x=>antes[x]===novas[k]);if(a!==undefined){r[k]=Boolean(marcas[a]);livres.delete(a)}} for(const t of trocos){const sobra=t.apagadas.filter(x=>livres.has(x));for(const k of t.novas.filter(k=>r[k]===undefined)){const a=sobra.shift();if(a!==undefined){r[k]=Boolean(marcas[a]);livres.delete(a)}else r[k]=!rua&&soLojaOnlineCriar(novas[k])}} return r; } // Os tipos dos dados críticos em português, e sem os identificadores internos das imagens que a // leitura da IA às vezes cita no resumo, «(id :0)» (cliente simulado, 14 Out). const TIPOS_DADO_CRIAR={preco:'o preço',desconto:'o desconto',data:'a data',condicao:'a condição',alegacao:'a alegação'}; const semIdsCriar=s=>String(s||'').replace(/\s*\(\s*ids?\s*:\s*[\w-]+(?:\s*,\s*[\w-]+)*\s*\)/gi,''); // Só mudar formatos ou destinos conserva as edições da aprovação aberta; qualquer outro campo descarta-as. // Onde estão os painéis também conserva: a escolha está ao lado dos destinos (3 Nov). function edicoesAoAlterarCriar(campo,guardadas,proposta,estado){return ['formatos','usos','ondePainel'].includes(campo)?(proposta?estado:guardadas):null} // Algum formato vai para painel? Com o mesmo destino por omissão que a entrada envia ao servidor. function temPainelCriar(brief,config){return (brief.formatos||[]).some(f=>(brief.usos?.[f]||[config?.formatos?.find(m=>m.formato===f)?.canais?.[0]||(f==='1080x1920'||f==='1080x1080'?'social':'dooh')]).includes('dooh'))} const linhasCriar=v=>String(v||'').split('\n').map(s=>s.trim()).filter(Boolean); // Uma promoção com o objectivo por omissão saía «dar a conhecer»; quem não mexeu no objectivo quer vender (agentes, 20 Out). const objetivoCriar=(tipo,objetivo)=>tipo==='promocao'&&objetivo==='Dar a conhecer'?'Vender uma oferta':objetivo; const quandoCriar=d=>d?new Date(d).toLocaleString('pt-PT',{day:'numeric',month:'short',hour:'2-digit',minute:'2-digit'}):''; function chaveRascunhoCriar(dono,slug){return /^(cliente|netscreen):[a-f0-9-]{36}$/.test(dono||'')&&/^[a-z0-9-]{1,80}$/.test(slug||'')?'netscreen-criar-rascunho:v1:'+dono+':'+slug:null} function dadosRascunhoCriar({brief,fontes,automaticos,leituraChave},agora=Date.now()){ const curto=(v,n)=>String(v||'').slice(0,n),b=brief||{},of=b.oferta||{},uuid=v=>/^[a-f0-9-]{36}$/.test(v||'')?v:''; const fs=(fontes||[]).slice(0,12).map(f=>({tipo:curto(f.tipo,20),papel:curto(f.papel,20),recibo:uuid(f.recibo),ficheiro:uuid(f.ficheiro),titulo:curto(f.titulo,180)})).filter(f=>f.recibo||f.ficheiro); const limpo={...briefInicialCriar(),oferta:{tipo:curto(of.tipo,20),nome:curto(of.nome,180)},informacao:curto(b.informacao,12000),objetivo:curto(b.objetivo,200),modo:curto(b.modo,20),mensagem:curto(b.mensagem,600),cta:curto(b.cta,180),tom:curto(b.tom,100),duracao:[15,20,25].includes(b.duracao)?b.duracao:15,somSocial:b.somSocial!==false,formatos:(b.formatos||[]).filter(f=>/^\d{2,5}x\d{2,5}$/.test(f)).slice(0,8)}; if(b.ondePainel==='rua')limpo.ondePainel='rua'; if(b.usos)limpo.usos=Object.fromEntries(limpo.formatos.filter(f=>Array.isArray(b.usos[f])).map(f=>[f,b.usos[f].filter(c=>['social','dooh'].includes(c))])); return {versao:1,guardadoEm:agora,brief:limpo,fontes:fs,automaticos:Object.keys(automaticos||{}).filter(k=>['oferta','mensagem','cta'].includes(k)),leituraChave:/^[a-f0-9-]{36,64}$/.test(leituraChave||'')?leituraChave:null}; } function lerRascunhoCriar(storage,chave,agora=Date.now()){ if(!chave)return null;const dono=chave.slice(0,chave.lastIndexOf(':')+1);for(let i=storage.length-1;i>=0;i--){const k=storage.key(i);if(k?.startsWith('netscreen-criar-rascunho:')&&!k.startsWith(dono))storage.removeItem(k)} try{const raw=storage.getItem(chave);if(!raw)return null;if(raw.length>40000)throw Error();const r=JSON.parse(raw);if(r.versao!==1||!Number.isFinite(r.guardadoEm)||agora-r.guardadoEm>86400000||r.guardadoEm>agora+60000)throw Error();return dadosRascunhoCriar({...r,automaticos:Object.fromEntries((r.automaticos||[]).map(k=>[k,r.brief?.[k]]))},r.guardadoEm)}catch{storage.removeItem(chave);return null} } // O exemplo do CTA do painel de rua segue o tratamento da Voz: tratava por você numa marca em «tu» // (cliente simulado, 3 Nov). Sem Voz confirmada, um exemplo neutro serve a qualquer marca. function exemploCtaRuaCriar(tratamento){return tratamento==='tu'?'Visita marca.pt':tratamento==='voce'?'Visite marca.pt':'Mais em marca.pt'} function ScreenCriar({slug,onNavegar,podeMexer,donoRascunho,equipaAdmin}){ const [textosApoio,setTextosApoio]=React.useState(''); // O painel da loja: frases que ficam só nas redes e o CTA de quem já está na loja (14 Out). const [soRedes,setSoRedes]=React.useState([]),[ctaPainel,setCtaPainel]=React.useState(''),[ctaPainelRua,setCtaPainelRua]=React.useState(''),[tratamento,setTratamento]=React.useState(null); const base=`/api/${slug}/criar`,[config,setConfig]=React.useState(null),[erro,setErro]=React.useState(''),[ocupado,setOcupado]=React.useState(false),[nota,setNota]=React.useState(''),[fontes,setFontes]=React.useState([]),[url,setUrl]=React.useState(''),[orientacao,setOrientacao]=React.useState(null),[confirmados,setConfirmados]=React.useState([]),[historico,setHistorico]=React.useState([]),[biblioteca,setBiblioteca]=React.useState(null),[proposta,setProposta]=React.useState(null),[textos,setTextos]=React.useState(''),[cta,setCta]=React.useState(''),[imagens,setImagens]=React.useState([]),[aprovarTextos,setAprovarTextos]=React.useState(false),[aprovarImagens,setAprovarImagens]=React.useState(false),[videos,setVideos]=React.useState([]),[resultado,setResultado]=React.useState(null),[confirmarVideo,setConfirmarVideo]=React.useState(false),[iaChave,setIaChave]=React.useState(null); const [brief,setBrief]=React.useState(briefInicialCriar); const [referenciaRecebida]=React.useState(()=>{try{const q=new URLSearchParams(window.location.search),valor=q.get('referencia');if(!valor)return null;const u=new URL(valor);if(u.protocol!=='https:'||u.username||u.password||valor.length>1800)return null;return{url:u.href,tema:(q.get('tema')||'').slice(0,80)}}catch{return null}}); React.useEffect(()=>{if(referenciaRecebida){setUrl(referenciaRecebida.url);setNota('Esta página entra como referência da campanha. A identidade global da marca mantém-se.')}},[referenciaRecebida]); const [rascunho,setRascunho]=React.useState(null),[rascunhoPronto,setRascunhoPronto]=React.useState(null),[rascunhoPausado,setRascunhoPausado]=React.useState(false),[avisoRascunho,setAvisoRascunho]=React.useState(''); const chaveRascunho=chaveRascunhoCriar(donoRascunho,slug); const [sugestao,setSugestao]=React.useState(null); const [idSugestao,setIdSugestao]=React.useState(null); const [camposAutomaticos,setCamposAutomaticos]=React.useState({}); React.useEffect(()=>{try{if(podeMexer)setRascunho(lerRascunhoCriar(sessionStorage,chaveRascunho))}catch{setAvisoRascunho('Este browser não permite guardar o rascunho neste separador.')}setRascunhoPronto(chaveRascunho)},[chaveRascunho,podeMexer]); React.useEffect(()=>{if(referenciaRecebida?.tema&&rascunhoPronto===chaveRascunho&&!rascunho)setBrief(b=>b.oferta.nome?b:{...b,oferta:{...b.oferta,nome:referenciaRecebida.tema}})},[referenciaRecebida,rascunhoPronto,chaveRascunho,rascunho]); React.useEffect(()=>{if(rascunhoPronto!==chaveRascunho||rascunho||rascunhoPausado||!chaveRascunho||!podeMexer)return;try{if(fontes.length||brief.oferta.nome||brief.informacao||brief.mensagem||brief.cta)sessionStorage.setItem(chaveRascunho,JSON.stringify(dadosRascunhoCriar({brief,fontes,automaticos:camposAutomaticos,leituraChave:sugestao?.chave||iaChave})));else sessionStorage.removeItem(chaveRascunho)}catch{setAvisoRascunho('Não foi possível guardar o rascunho neste separador. Conserva a tua informação antes de sair.')}},[brief,fontes,camposAutomaticos,sugestao?.chave,iaChave,rascunhoPronto,rascunho,rascunhoPausado,chaveRascunho,podeMexer]); const api=async(caminho,body)=>{let r;try{r=await fetch(base+caminho,{method:body!==undefined?'POST':'GET',headers:{'Content-Type':'application/json','X-Requested-With':'NetScreenCriar'},body:body!==undefined?JSON.stringify(body):undefined})}catch{throw Error('Não foi possível ligar à aplicação. Tenta novamente.')}let j;try{j=await r.json()}catch{throw Error('A resposta da aplicação não chegou completa. Tenta novamente.')}if(!r.ok)throw Error(j.error||'Não foi possível concluir.');return j}; const carregar=async()=>{const [h,v]=await Promise.all([api('/orientacoes'),api('/videos')]);setHistorico(h);setVideos(v)}; React.useEffect(()=>{let activo=true;api('/config').then(c=>{if(activo){setConfig(c);/* Os painéis da própria conta vêm marcados, enquanto o cliente não mexeu nos formatos (utilizadora virgem, ronda 6: o painel da montra vinha desmarcado). */{const proprios=(c.formatos||[]).filter(f=>f.origem==='painel').map(f=>f.formato);if(proprios.length)setBrief(b=>JSON.stringify(b.formatos)===JSON.stringify(briefInicialCriar().formatos)?{...b,formatos:[...new Set([...b.formatos,...proprios])]}:b)}/* Para onde estão virados os painéis, dito em Lojas e painéis: todos na rua, «Os painéis estão» vem na rua (rondas 7 a 10). */{const ruas=(c.formatos||[]).filter(f=>(f.origem==='painel'||f.painel)&&typeof f.rua==='boolean').map(f=>f.rua);if(ruas.length&&ruas.every(Boolean))setBrief(b=>b.ondePainel===undefined?{...b,ondePainel:'rua'}:b)}carregar().catch(e=>setErro(e.message));const id=new URLSearchParams(location.search).get('video');if(id&&/^[a-f0-9-]{36}$/.test(id))api('/video/'+id).then(r=>{if(activo)setResultado(r)}).catch(e=>setErro(e.message))}}).catch(e=>{if(activo)setErro(e.message)});return()=>{activo=false}},[slug]); // «Ver todas as criações» (Início) chega com ?ver=criacoes: desce-se à lista quando ela existe, sem prazo (Codex X-46). const desceuAsCriacoes=React.useRef(false); React.useEffect(()=>{if(desceuAsCriacoes.current||!config||!videos.length||new URLSearchParams(location.search).get('ver')!=='criacoes')return;const el=document.getElementById('criacoes');if(el){desceuAsCriacoes.current=true;el.scrollIntoView({behavior:'smooth'});el.querySelector('h2')?.setAttribute('tabindex','-1');el.querySelector('h2')?.focus({preventScroll:true})}},[config,videos]); // Uma consulta falhada que a seguinte recupera não deixa o erro à vista; erros de outras acções ficam (Codex X-12, 3 Nov). const erroDaConsulta=React.useRef(null); // A lista também se relê enquanto houver vídeos na fila ou a criar: abrir outro vídeo parava a consulta do // primeiro e a linha ficava «A criar» depois de ele acabar (Codex X-33, 3 Nov). React.useEffect(()=>{if(!videos.some(v=>['fila','a_criar'].includes(v.estado)))return;const t=setInterval(()=>{carregar().catch(()=>{})},15000);return()=>clearInterval(t)},[videos]); React.useEffect(()=>{if(!resultado||!['fila','a_criar'].includes(resultado.estado))return;let activo=true;const timer=setInterval(()=>api('/video/'+resultado.id).then(r=>{if(activo){setResultado(r);const falhada=erroDaConsulta.current;erroDaConsulta.current=null;if(falhada)setErro(e=>e===falhada?'':e);if(!['fila','a_criar'].includes(r.estado))carregar().catch(()=>{})}}).catch(e=>{if(activo){erroDaConsulta.current=e.message;setErro(e.message)}}),2500);return()=>{activo=false;clearInterval(timer)}},[resultado?.id,resultado?.estado,slug]); // Só a Voz confirmada (`voz`, não a `proposta`); se a leitura falhar, fica o exemplo neutro. React.useEffect(()=>{let activo=true;setTratamento(null);fetch('/api/'+slug+'/marca/voz').then(r=>r.ok?r.json():null).then(v=>{if(activo)setTratamento(v?.voz?.tratamento||null)}).catch(()=>{});return()=>{activo=false}},[slug]); const aoTopo=()=>{const m=document.querySelector('main');if(m)m.scrollTo({top:0,behavior:'smooth'});else window.scrollTo({top:0,behavior:'smooth'})}; // Uma falha limpa o «A preparar…»/«A ler…», que ficava para sempre ao lado do erro (agentes, 20 Out). const fazer=async fn=>{if(ocupado)return;setOcupado(true);setErro('');try{await fn()}catch(e){setNota('');setErro(e.message);aoTopo()}finally{setOcupado(false)}}; // Mudar só os formatos ou destinos não deita fora as frases e os CTA editados: voltam na próxima // aprovação, com os controlos do painel recalculados (cliente simulado, 14 Out). const edicoes=React.useRef(null); // Abrir uma revisão ou um vídeo a partir de As tuas criações, no fundo da página, deixava-os fora de vista: // quem desliza é o
, e o scrollIntoView move-o até eles (agentes, 20 Out). const refProposta=React.useRef(null),refResultado=React.useRef(null); React.useEffect(()=>{if(proposta)refProposta.current?.scrollIntoView({behavior:'smooth',block:'start'})},[proposta]); React.useEffect(()=>{if(resultado)refResultado.current?.scrollIntoView({behavior:'smooth',block:'start'})},[resultado?.id]); const alterar=(campo,valor)=>{edicoes.current=edicoesAoAlterarCriar(campo,edicoes.current,proposta,{textos,textosApoio,cta,ctaPainel,ctaPainelRua,soRedes});if(proposta&&edicoes.current)setNota('Mantemos as frases e as chamadas para ação que editaste. Usa «Escrever eu os textos» para voltar à aprovação com os novos formatos.');setRascunhoPausado(false);setBrief(b=>campo==='oferta'?{...b,oferta:valor,objetivo:objetivoCriar(valor.tipo,b.objetivo)}:{...b,[campo]:valor});setCamposAutomaticos(a=>{const novos={...a};delete novos[campo];return novos});setOrientacao(null);setConfirmados([]);setIaChave(null);setProposta(null);setIdSugestao(null)}; // Painéis na rua: sem a regra de loja online e sem «da loja» nos textos (3 Nov). const naRua=brief.ondePainel==='rua',oPainel=naRua?'painel':'painel da loja'; const alterarFontes=fs=>{edicoes.current=null;setRascunhoPausado(false);setFontes(fs);setBrief(b=>({...b,...Object.fromEntries(Object.entries(camposAutomaticos).filter(([campo,valor])=>JSON.stringify(b[campo])===JSON.stringify(valor)).map(([campo])=>[campo,campo==='oferta'?{tipo:'produto',nome:''}:'' ]))}));setCamposAutomaticos({});setOrientacao(null);setIaChave(null);setProposta(null);setSugestao(null);setIdSugestao(null)}; const ofertas=fontes.flatMap(f=>(f.ofertas||[]).map(o=>({...o,fonteTitulo:f.titulo,fonteUrl:f.url}))).filter((o,i,a)=>a.findIndex(x=>x.url===o.url&&x.tipo===o.tipo)===i); const lerReferencia=async(valor,papel)=>{if(fontes.length>=12)throw Error('Usa até 12 referências. Retira uma antes de juntar outra.');if(fontes.some(f=>f.url===valor))throw Error('Esta página já está nas referências.');setNota('A ler a referência…');const r=await api('/fonte',{url:valor});const post=/(^|\.)(instagram\.com|facebook\.com|linkedin\.com|tiktok\.com|x\.com)$/i.test(new URL(r.url).hostname);alterarFontes([...fontes,{tipo:post?'post':'site',papel:papel||(post?'intencao':'identidade'),recibo:r.recibo,url:r.url,titulo:r.titulo,texto:r.texto,avisos:r.avisos||[],ofertas:r.ofertas||[]}]);setNota('Referência lida. Revê o texto e escolhe uma sugestão ou escreve outro tema.')}; const entrada=()=>({...brief,usos:Object.fromEntries(brief.formatos.map(f=>[f,brief.usos?.[f]||(config.formatos.find(m=>m.formato===f)?.painel?config.formatos.find(m=>m.formato===f).canais:[config.formatos.find(m=>m.formato===f)?.canais?.[0]||(f==='1080x1920'||f==='1080x1080'?'social':'dooh')])])),fontes}); const material=async m=>{const r=await api('/material/'+m.id+'/ler',{});return {tipo:r.tipo==='text/plain'?'texto':r.tipo==='application/pdf'?'material':r.texto?'flyer':'fotografia',mime:r.tipo,papel:'intencao',ficheiro:r.id,titulo:r.nome,texto:r.texto,url:r.url,avisos:r.avisos||[]}}; const semFrasesNoPainel=Boolean(proposta?.painel)&&linhasCriar(textos).length>0&&linhasCriar(textos).every((_,i)=>soRedes[i]); const limparRascunho=()=>{edicoes.current=null;try{if(chaveRascunho)sessionStorage.removeItem(chaveRascunho)}catch{}setRascunho(null);setBrief(briefInicialCriar());setFontes([]);setUrl('');setCamposAutomaticos({});setSugestao(null);setIaChave(null);setIdSugestao(null);setOrientacao(null);setConfirmados([]);setProposta(null);setRascunhoPausado(false);setNota('Rascunho limpo. As orientações confirmadas continuam guardadas no servidor.')}; const recuperarRascunho=async()=>{const fs=[];for(const f of rascunho.fontes){if(f.recibo){const r=await api('/fonte/'+f.recibo);fs.push({...f,url:r.url,titulo:r.titulo,texto:r.texto,avisos:r.avisos||[],ofertas:r.ofertas||[]})}else{fs.push({...await material({id:f.ficheiro}),papel:f.papel})}}setBrief(rascunho.brief);setFontes(fs);setCamposAutomaticos(Object.fromEntries(rascunho.automaticos.map(k=>[k,rascunho.brief[k]])));setSugestao(rascunho.leituraChave?{chave:rascunho.leituraChave,rascunho:true}:null);setIaChave(null);setOrientacao(null);setConfirmados([]);setProposta(null);setAprovarTextos(false);setAprovarImagens(false);setRascunho(null);setRascunhoPausado(false);setNota('Rascunho recuperado, por confirmar. Revê a informação e usa «Escrever eu os textos»; preparar uma nova proposta só acontece quando pedires.')}; const abrirProposta=async id=>{const p=await api('/orientacao/'+id+'/materiais'),sugeridas=id===idSugestao?(sugestao?.imagensSugeridas||[]).filter(m=>p.candidatos.some(c=>c.id===m)):[];const frasesIA=id===idSugestao&&sugestao?.frases?.length>=2?sugestao.frases:null,maxImg=config?.maxImagens||4;setProposta({...p,orientacaoId:id,materiaisSugeridos:sugeridas.length>0});const lista=frasesIA||p.textos,daIA=[...(p.frasesSoRedes||[]),...(id===idSugestao?sugestao?.frasesSoRedes||[]:[])];setTextos(lista.join('\n'));setSoRedes(lista.map(t=>(!naRua&&soLojaOnlineCriar(t))||daIA.includes(t)));{/* Com o campo da rua, o site vai para lá e não para o painel de dentro (ronda 12: a proposta punha-o ao contrário). */const cp=p.ctaPainel||(id===idSugestao?sugestao?.ctaPainel:'')||'',site=/[a-z0-9-]+\.(?:com\.pt|pt|com)(?![a-z0-9-])/i;if(paineisNaRuaCriar(brief,config).length&&site.test(cp)){setCtaPainelRua(cp);setCtaPainel(cp.replace(site,'').replace(/[\s,;:·-]+$/,'').trim())}else setCtaPainel(cp)}setTextosApoio(id===idSugestao?(sugestao?.textosDoSite||[]).join('\n'):'');setCta(p.cta);setImagens([...new Set([...sugeridas,...(maxImg>4?p.candidatos.map(c=>c.id):[])])].slice(0,maxImg));setAprovarTextos(false);setAprovarImagens(false);setResultado(null);setConfirmarVideo(false);const e=edicoes.current;edicoes.current=null;if(e){setTextos(e.textos);setTextosApoio(e.textosApoio);setCta(e.cta);setCtaPainel(e.ctaPainel);if(e.ctaPainelRua!==undefined)setCtaPainelRua(e.ctaPainelRua);setSoRedes(e.soRedes);setNota(p.painel?`Mantivemos as frases e as chamadas para ação que editaste. Revê o que vai para o ${oPainel}.`:'Mantivemos as frases e a chamada para ação que editaste.')}}; const confirmarERever=async()=>{let r=orientacao;if(r.orientacao.estado!=='orientacao_confirmada'){try{r=await api('/orientacao/'+r.id+'/confirmar',{ids:confirmados})}catch(e){const h=await api('/orientacoes').catch(()=>[]),guardada=h.find(h=>h.id===r.id);if(!guardada)throw e;r=guardada}setOrientacao(r)}setRascunhoPausado(true);try{if(chaveRascunho)sessionStorage.removeItem(chaveRascunho)}catch{}await abrirProposta(r.id);setOrientacao(null);await carregar().catch(e=>setErro(e.message))}; const prepararProposta=async()=>{let resolvido=entrada(),chave=iaChave;if(!chave){setNota('A preparar uma sugestão a partir das referências…');let r;try{r=await api('/interpretar',{brief:resolvido})}catch{throw Error('Não conseguimos preparar a proposta agora. Tenta outra vez daqui a pouco, ou usa «Escrever eu os textos» e escreve tu o tema e a mensagem.')}const automaticos={...camposAutomaticos};if(!resolvido.oferta.nome)automaticos.oferta=r.oferta;if(!resolvido.mensagem)automaticos.mensagem=r.mensagem;if(!resolvido.cta)automaticos.cta=r.cta;resolvido={...resolvido,oferta:resolvido.oferta.nome?resolvido.oferta:r.oferta,mensagem:resolvido.mensagem||r.mensagem,cta:resolvido.cta||r.cta,...(r.direccaoCriativa&&!resolvido.direccaoCriativa?{direccaoCriativa:r.direccaoCriativa}:{})};resolvido.objetivo=objetivoCriar(resolvido.oferta?.tipo,resolvido.objetivo);setCamposAutomaticos(automaticos);/* «montra», «virado para a rua»: o painel está na rua, se o cliente não escolheu (ronda 6). */if(brief.ondePainel===undefined&&!paineisMistosCriar(config)&&/montra|virad[oa]s? para a rua|na rua|exterior/i.test([resolvido.mensagem,resolvido.informacao,brief.informacao].join(' ')))resolvido={...resolvido,ondePainel:'rua'};setBrief(b=>({...b,oferta:resolvido.oferta,mensagem:resolvido.mensagem,cta:resolvido.cta,objetivo:resolvido.objetivo,...(resolvido.ondePainel==='rua'&&!paineisMistosCriar(config)?{ondePainel:'rua'}:{})}));chave=r.chave;setIaChave(chave);setSugestao(r);setNota('Sugestão por confirmar.')}const o=await api('/orientacao',{brief:resolvido,interpretacaoChave:chave});setOrientacao(o);setIdSugestao(o.id);setConfirmados([]);setProposta(null)}; const novaOrientacao=h=>{edicoes.current=null;setRascunhoPausado(false);setRascunho(null);const b=h.orientacao.brief;setBrief({...b});setFontes(b.fontes||[]);setCamposAutomaticos({});setOrientacao(null);setConfirmados([]);setIaChave(null);setSugestao(null);setIdSugestao(null);setProposta(null);setResultado(null);setConfirmarVideo(false);setNota('Revê os dados copiados e confirma uma nova orientação. A anterior fica guardada.');aoTopo()}; const input='w-full border border-border bg-background px-3 py-2 text-sm text-foreground outline-none focus-visible:ring-1 focus-visible:ring-primary disabled:opacity-50'; const button='border border-border px-4 py-2 text-sm outline-none hover:bg-muted focus-visible:ring-1 focus-visible:ring-primary disabled:opacity-50'; const primary=button+' bg-primary text-primary-foreground hover:bg-primary/90'; const label='block text-sm mb-2',hint='text-sm text-muted-foreground'; if(!config)return

Criar

{erro||'A preparar a criação…'}

{erro&&}
; return

{resultado?'O teu vídeo':'O que vamos promover?'}

{resultado?'Para um vídeo novo, o pedido está mais abaixo.':'Junta um site, um post ou ficheiros, ou escreve a ideia.'}

{/* Com um vídeo aberto, o vídeo vem primeiro e o pedido novo depois: abria-se com o formulário vazio por cima (parceira virgem, 4 Nov). */}{resultado&&

{resultado.tema}

{/* 15 a 40 minutos com uma frase parada pareciam um ecrã preso (cliente simulado, 3 Nov): a animação, a fase, o tempo desde que começou e o que esperar. Sem percentagens: não há como as medir. */}{['fila','a_criar'].includes(resultado.estado)?:

{({preparado:'Pedido preparado. Revê antes de gerar.',fila:'Vídeo na fila. Podes sair e voltar a esta página.',a_criar:'A criar e rever a composição.',video_por_rever:'Vídeo pronto para revisão.',aprovado:'Vídeo aprovado, sem publicação.',recusado:resultado.semVideo?'O vídeo não foi criado.':'O vídeo foi recusado.',interrompido:'A geração foi interrompida.'})[resultado.estado]||resultado.estado}

}{resultado.recurso&&

Foi feita uma versão mais simples, porque a animação completa não ficou pronta: {resultado.recurso.motivo}. Revê esta alternativa antes de aprovar.{resultado.recurso.imagensPublicasSemBiblioteca>0?' As imagens públicas que não estão na biblioteca não foram usadas nesta alternativa.':''}

}{resultado.error&&

{resultado.error}

}{resultado.podeRepetir&&

Nada foi entregue nem aprovado. Uma nova tentativa usa o mesmo pedido aprovado e tem orçamento próprio até {Number(config?.limites?.eur??resultado.limites?.eur??4).toFixed(2).replace('.',',')} €.{/* O tecto da nova tentativa é o actual do servidor (limitesVideo), não o do pedido falhado (Codex X-31). */}

}{/* Os formatos lado a lado, à mesma altura, com a legenda por baixo: empilhados, o roll-up ficava longe do vídeo das redes (crítica visual, 3 Nov). */}{(resultado.resultados||[]).length>0&&
{resultado.resultados.map(r=>{const [lw,la]=String(r.formato).split('x').map(Number),deitado=lw>la;return
})}
}{/* O cliente vê primeiro o vídeo; o consumo e os planos ficam num «Detalhes» fechado (demo Eficácia, 3 Nov). */}
Detalhes

Custo do vídeo: {Number(resultado.custoEurRegistado||resultado.custoEur||0).toFixed(2).replace('.',',')} €.

{/* Os planos técnicos (.md) e as chamadas são para a equipa, não para o cliente (parceira virgem, 4 Nov). */}{equipaAdmin&&(resultado.resultados||[]).length>0&&

{resultado.resultados.map(r=>Plano {r.formato})}

}{resultado.revisaoVisual&&

Comparar originais e movimento

}
{/* Aberto enquanto se revê; depois de aprovado, fechado (crítica visual, 3 Nov). */}{(resultado.elementosNovos?.length>0||resultado.textosApoioAusentes?.length>0)&&
O que o vídeo acrescenta ou deixa de fora
{resultado.elementosNovos?.length>0&&

Elementos novos, que não vêm da vossa marca: {resultado.elementosNovos.map(e=>e.porque?`${e.descricao} (${e.porque})`:e.descricao).join('; ')}.

}{resultado.textosApoioAusentes?.length>0&&

Ficou fora do vídeo: {resultado.textosApoioAusentes.map(t=>`«${t}»`).join(', ')}.

}

Para mudar, pede um ajuste.

}{resultado.estado==='video_por_rever'&&
}{setResultado(r);setConfirmarVideo(false);carregar().catch(e=>setErro(e.message))}}/>{resultado.estado==='aprovado'&&

Descarregar pacote aprovado

}{/* A campanha abre-se desde que o vídeo é pedido: o post escreve-se enquanto ele se faz (rondas 3–5, 4 Nov). */}{['fila','a_criar','video_por_rever','aprovado'].includes(resultado.estado)&&
{resultado.estado!=='aprovado'&&!resultado.campanhaId&&

O vídeo e o post ficam na mesma campanha. Ela aprova-se depois de aprovares o vídeo.

}
}{/* Só o Admin da NetScreen envia para um painel (3 Nov, demo). */}{resultado.estado==='aprovado'&&equipaAdmin&&}
} {(erro||nota)&&
{erro&&

{erro}

}{nota&&

{nota}

}
}{config&&!config.video&&

A criação de vídeo ainda não está ligada nesta conta. Podes preparar e guardar a orientação, os textos e as imagens; para criar o vídeo, fala com o teu gestor NetScreen.

} {/* A caixa aparecia logo à entrada, sem nada para recuperar nem limpar (agentes, 20 Out). */} {podeMexer&&chaveRascunho&&(rascunho||avisoRascunho||fontes.length>0||brief.oferta.nome||brief.informacao||brief.mensagem||brief.cta)&&

{rascunho?'Há um rascunho por confirmar neste separador. Recupera-o ou limpa-o antes de começar outro.':'O que preencheste fica guardado neste separador durante 24 horas, para não se perder se recarregares a página.'}

{avisoRascunho&&

{avisoRascunho}

}
{rascunho&&}
}

As tuas referências

setUrl(e.target.value)} placeholder="https://…"/>

Se o post não abrir, junta uma captura ou cola o texto em Mais informação.

{biblioteca&&

Materiais da conta

{biblioteca.length?biblioteca.map(m=>):

Ainda não há materiais. Junta um ficheiro para começar.

}
}

{fontes.length} de 12 referências.

{fontes.map((f,i)=>
{f.titulo}{f.mime==='application/pdf'?'Documento PDF':f.mime==='text/plain'?'Ficheiro de texto':f.mime?.startsWith('image/')?'Imagem':f.tipo==='post'?'Post de rede social':f.tipo==='site'?'Página do site':'Material'}
{/* Numa imagem sem texto útil, o OCR dizia «pouca confiança (41%)» e logo a seguir «não foi encontrado texto»: fica uma só mensagem; nos documentos o aviso da leitura mantém-se e não é contradito (agentes, 20 Out). */}{!(f.mime?.startsWith('image/')&&!f.texto)&&(f.avisos||[]).map((a,n)=>

{a}

)}{f.texto?
Ver texto extraído de {f.titulo}

Confere a leitura com o original. Se houver falhas, esclarece em Mais informação.

{f.texto}
:

{f.mime?.startsWith('image/')?'Não há texto para usar nesta imagem. Serve como referência visual; descreve em Mais informação o que queres promover.':f.avisos?.length?'Podes usar o material como referência visual e descrever o que queres promover.':'Não foi encontrado texto legível nesta referência. Podes usar o material como referência visual e descrever o que queres promover.'}

}{(!f.texto||f.avisos?.length>0)&&}
)}