https://opusentretenimento.com/assets/CanalAbertoPage-g2XsN6sb.js

1import{f as D,u as M,g as j,c as n,e as r,a,b as O,h as g,v as k,d as m,i as V,j as F,k as _,l as N,m as I,n as s,F as P,t as A,p as U,q as $,s as L,x as q,y as Q,w as H,z as G,A as z,B as E,o as i,C as J,D as K,E as W,_ as X}from"./index-DqPHJ7Xu.js";const Y={class:"w-full text-white pb-20"},Z={class:"relative -mt-36 z-20 max-w-346 mx-auto px-4"},ee={class:"bg-[#1A1A1A] p-5 md:p-10 space-y-6"},ae={class:"pt-4 border-t border-white/5"},te={class:"flex items-center justify-center gap-8"},oe={class:"flex items-center gap-2 cursor-pointer text-sm text-zinc-200"},se={class:"flex items-center gap-2 cursor-pointer text-sm text-zinc-200"},le={key:0,class:"text-[12px] text-zinc-500 leading-relaxed"},ie={class:"grid grid-cols-1 md:grid-cols-2 gap-6"},ne={class:"flex flex-col gap-1.5"},re={class:"pt-4 border-t border-white/5 flex flex-col gap-3 max-w-md"},de={class:"bg-black/50 border border-white/15 rounded-sm px-6 py-4 flex justify-center select-none"},ue={class:"font-mono text-2xl font-black tracking-[0.5em] text-cyan-300 drop-shadow-[0_0_8px_rgba(103,232,249,0.4)]"},me={key:1,class:"bg-black/30 border border-white/10 rounded-sm px-5 py-4"},pe={class:"text-white text-base font-semibold"},ce=["type","inputmode"],xe={class:"flex items-center justify-between"},be={key:0,class:"text-[11px] text-red-400 flex items-center gap-1"},fe={key:1},ve={class:"flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4 pt-4 border-t border-white/5"},ge={class:"flex flex-col sm:flex-row gap-3 w-full sm:w-auto"},we=D({__name:"CanalAbertoPage",setup(he){const{showToast:u}=W(),d=M(),{challenge:l,answer:p,error:c,refresh:x,validate:B}=j(),R=[{label:"Corporativo",value:"Corporativo"},{label:"Teatro Bradesco SP",value:"Teatro Bradesco SP"},{label:"Teatro do Bourbon Country",value:"Teatro do Bourbon Country"},{label:"Teatro Riachuelo",value:"Teatro Riachuelo"},{label:"Teatro RioMar Fortaleza",value:"Teatro RioMar Fortaleza"},{label:"Teatro RioMar Recife",value:"Teatro RioMar Recife"},{label:"Teatro Sabesp Frei Caneca",value:"Teatro Sabesp Frei Caneca"},{label:"Vibra",value:"Vibra"},{label:"Arena Opus",value:"Arena Opus"}],w={modoEnvio:"público",nome:"",assunto:"",local:"Corporativo",mensagem:""},t=G({...w}),b=z(null),f=z(null),v=E(()=>t.modoEnvio==="anônimo"),h=E(()=>t.assunto.trim().length>0&&t.mensagem.trim().length>0);function T(C){const e=C.target;b.value=e.files?.[0]??null}const y=()=>{Object.assign(t,w),b.value=null,f.value&&(f.value.value=""),x()};async function S(){if(!h.value){u({title:"Campos obrigatórios",message:"Preencha o assunto e a mensagem para continuar.",type:"error"});return}if(!B()){u({title:"Verificação incorreta",message:"Responda corretamente para continuar.",type:"error"});return}try{await d.submitCanalAberto({nome:v.value?"":t.nome,assunto:t.assunto,local:t.local,mensagem:t.mensagem,arquivo:b.value}),u({title:"Mensagem enviada",message:"Sua mensagem foi enviada com sucesso. Obrigado!",type:"success",duration:5e3}),y()}catch{u({title:"Erro ao enviar",message:"Não foi possível enviar sua mensagem. Tente novamente.",type:"error"})}}return(C,e)=>(i(),n("section",Y,[r(K,{title:"CANAL ABERTO",banner:"/imgs/banners/defaultPage.png"}),a("div",Z,[e[20]||(e[20]=O('<div class="bg-cyan-600/50 px-6 md:px-8 py-6 rounded-t-sm inline-flex items-center gap-4 w-full lg:w-120" data-v-0bda72fe><div class="w-10 h-10 border border-white/20 rounded-sm flex items-center justify-center shrink-0" data-v-0bda72fe><img src="'+J+'" class="w-5 h-5 opacity-80" data-v-0bda72fe></div><div data-v-0bda72fe><h2 class="text-2xl md:text-3xl font-bold tracking-tight leading-none uppercase" data-v-0bda72fe>Canal Aberto</h2><p class="text-[11px] font-medium text-white/60 uppercase mt-1 tracking-wider" data-v-0bda72fe>Fale com a gente</p></div></div>',1)),a("div",ee,[e[19]||(e[19]=a("div",{class:"space-y-3 text-[13px] leading-relaxed text-zinc-300"},[a("p",null,"Aqui você pode compartilhar com a gente tudo o que quiser. Elogios, sugestões ou reclamações."),a("p",null,"Este espaço é dedicado 100% a você, para falar absolutamente tudo de forma anônima ou pública. Se optar pelo anonimato, relaxa que não existe a menor possibilidade de sabermos quem você é. Caso queira se identificar, ajudará a resolver com mais eficiência a sua questão."),a("p",null,"Ao compartilhar sugestões ou reclamações, lembre-se que é muito importante contextualizar o máximo que puder. Por isso, anexar imagens ou vídeos vai nos ajudar a entender melhor para que possamos ser ainda mais assertivos na resolução de qualquer situação."),a("p",null,"Vamos, juntos, fazer com que o nosso ambiente seja acolhedor, respeitoso e coerente com os princípios da empresa, para um melhor convívio e relacionamento entre todos os colegas.")],-1)),a("div",ae,[e[11

1]||(e[11]=a("p",{class:"text-[11px] font-bold text-zinc-400 uppercase tracking-wider text-center mb-4"}," Você gostaria de se identificar? ",-1)),a("div",te,[a("label",oe,[g(a("input",{type:"radio",value:"anônimo","onUpdate:modelValue":e[0]||(e[0]=o=>t.modoEnvio=o),class:"accent-[#0786B2] w-4 h-4"},null,512),[[k,t.modoEnvio]]),e[9]||(e[9]=m(" Melhor não ",-1))]),a("label",se,[g(a("input",{type:"radio",value:"público","onUpdate:modelValue":e[1]||(e[1]=o=>t.modoEnvio=o),class:"accent-[#0786B2] w-4 h-4"},null,512),[[k,t.modoEnvio]]),e[10]||(e[10]=m(" Sim ",-1))])])]),v.value?V("",!0):(i(),n("p",le," Seus dados estão protegidos, cumprimos a legislação de proteção de dados, e as mensagens enviadas através deste canal serão tratadas de forma sigilosa. Os comentários são de exclusiva responsabilidade de seus signatários, os quais reconhecem, expressamente, a veracidade das informações compartilhadas. ")),v.value?V("",!0):(i(),F(_,{key:1,modelValue:t.nome,"onUpdate:modelValue":e[2]||(e[2]=o=>t.nome=o),label:"Qual o seu nome?",placeholder:"Seu nome"},null,8,["modelValue"])),a("div",ie,[r(_,{modelValue:t.assunto,"onUpdate:modelValue":e[3]||(e[3]=o=>t.assunto=o),label:"Qual o principal assunto?",placeholder:"Assunto",required:!0},null,8,["modelValue"]),r(N,{modelValue:t.local,"onUpdate:modelValue":e[4]||(e[4]=o=>t.local=o),label:"Onde você está?",options:R},null,8,["modelValue"])]),r(I,{label:"O que você gostaria de nos dizer? *",placeholder:"Escreva sua mensagem",modelValue:t.mensagem,"onUpdate:modelValue":e[5]||(e[5]=o=>t.mensagem=o),class:"h-32"},null,8,["modelValue"]),a("div",ne,[e[12]||(e[12]=a("label",{class:"text-[11px] font-bold text-zinc-400 uppercase tracking-wider"}," Anexe um arquivo de áudio, imagem ou vídeo ",-1)),a("input",{ref_key:"fileInput",ref:f,type:"file",accept:"video/*,image/*,audio/*",onChange:T,class:"w-full text-sm text-zinc-300 file:mr-4 file:py-2.5 file:px-5 file:rounded-sm file:border-0 file:text-[11px] file:font-bold file:uppercase file:bg-[#3D8B84] file:text-white hover:file:bg-[#2F6B66] file:cursor-pointer bg-[#EDEDED]/5 rounded-sm border border-white/10 p-1.5"},null,544)]),a("div",re,[e[16]||(e[16]=a("div",null,[a("span",{class:"text-[11px] font-bold text-zinc-400 uppercase tracking-wider"},"Verificação de segurança *"),a("p",{class:"text-zinc-400 text-[12px] mt-0.5"},"Responda abaixo para confirmar que você é humano.")],-1)),s(l).type==="word"?(i(),n(P,{key:0},[e[13]||(e[13]=a("p",{class:"text-white text-sm"},"Digite as palavras que estão no box abaixo:",-1)),a("div",de,[a("span",ue,A(s(l).display),1)])],64)):(i(),n("div",me,[a("p",pe,A(s(l).prompt),1)])),g(a("input",{"onUpdate:modelValue":e[6]||(e[6]=o=>

1L(p)?p.value=o:null),type:s(l).type==="word"||s(l).type==="question"?"text":"number",inputmode:s(l).type==="word"||s(l).type==="question"?"text":"numeric",placeholder:"Digite sua resposta aqui",onInput:e[7]||(e[7]=o=>c.value=!1),class:$(["w-full h-11 px-4 rounded-sm bg-[#EDEDED] text-black text-sm placeholder:text-zinc-400 outline-none border-b-2 transition-all",s(c)?"border-red-500":"border-transparent focus:border-[#0786B2]"])},null,42,ce),[[U,s(p)]]),a("div",xe,[s(c)?(i(),n("p",be,[...e[14]||(e[14]=[a("svg",{class:"w-3 h-3 shrink-0",fill:"currentColor",viewBox:"0 0 20 20"},[a("path",{"fill-rule":"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z","clip-rule":"evenodd"})],-1),m(" Resposta incorreta. Uma nova pergunta foi gerada. ",-1)])])):(i(),n("span",fe)),a("button",{type:"button",onClick:e[8]||(e[8]=(...o)=>s(x)&&s(x)(...o)),class:"text-[11px] text-zinc-500 hover:text-cyan-400 transition-colors flex items-center gap-1 shrink-0"},[...e[15]||(e[15]=[a("svg",{class:"w-3 h-3",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2.5"},[a("path",{d:"M1 4v6h6M23 20v-6h-6"}),a("path",{d:"M20.49 9A9 9 0 0 0 5.64 5.64L1 10m22 4-4.64 4.36A9 9 0 0 1 3.51 15"})],-1),m(" Outra pergunta ",-1)])])])]),a("div",ve,[e[18]||(e[18]=a("p",{class:"text-red-400 text-[11px] font-medium select-none"},"* Campos obrigatórios",-1)),a("div",ge,[r(q,{label:"LIMPAR FORMULÁRIO",variant:"secondary",class:"bg-[#3D8B84] hover:bg-[#2F6B66] text-white px-6 py-3 rounded-sm text-[11px] font-bold flex items-center justify-center gap-2 w-full sm:w-auto",disabled:s(d).submitting,onClick:y},null,8,["disabled"]),r(q,{label:s(d).submitting?"ENVIANDO...":"ENVIAR",variant:"primary",class:"bg-[#532C7A] text-white px-10 py-3 rounded-sm text-[11px] font-bold flex items-center justify-center gap-3 disabled:opacity-50 disabled:cursor-not-allowed w-full sm:w-auto",disabled:s(d).submitting||!h.value,onClick:S},Q({_:2},[s(d).submitting?{name:"icon",fn:H(()=>[e[17]||(e[17]=a("svg",{class:"animate-spin h-4 w-4 text-white",viewBox:"0 0 24 24",fill:"none"},[a("circle",{class:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor","stroke-width":"4"}),a("path",{class:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})],-1))]),key:"0"}:void 0]),1032,["label","disabled"])])])])])]))}}),Ce=X(we,[["__scopeId","data-v-0bda72fe"]]);export{Ce as default};