1import{r as b,j as e}from"./vendor-react-DmWheyfZ.js";import{u as q,s as $,W as H,p as O,q as W}from"./index-DRXyCgM7.js";import{g as N,p as C}from"./tutorialProgress-BvIb8d4H.js";import{u as V}from"./useMediaQuery-Bk_SCmdU.js";import{R as U}from"./rotate-ccw-C9Olrm8o.js";import{T as _}from"./trophy-DOVLJ3NZ.js";import"./vendor-security-2FREwzWT.js";import"./vendor-supabase-BNI3IFP-.js";const S="housebalances-tutorial",Z=[{id:"hb-1",order:1,icon:"ð°",title:"Bem-vindo a Saldos das Casas",desc:"<b>Saldos das Casas</b> é o painel central de gestão financeira do DuckTipsBR. Aqui você gerencia o saldo de cada casa de apostas, monitora o total disponÃvel, arquiva contas e acompanha o histórico de movimentações. Neste tutorial de <b>11 passos</b> você aprende cada recurso.",tip:"ð¡ Mantenha os saldos sempre atualizados para que a calculadora distribua os investimentos corretamente entre as casas disponÃveis.",highlight:null,is_active:!0},{id:"hb-2",order:2,icon:"âï¸",title:"Botão Ordenação",desc:"O botão <b>Ordenação</b> (Ãcone de setas) alterna ciclicamente entre 6 modos de ordenação dos cards:<br><br>⢠<b>Nome A-Z / Z-A</b> â ordem alfabética<br>⢠<b>Maior Saldo / Menor Saldo</b> â por valor em R$<br>⢠<b>Grupo A-Z / Grupo Z-A</b> â por grupo de cor<br><br>A preferência de ordenação é salva automaticamente.",tip:'ð¡ Use "Maior Saldo" para identificar rapidamente quais casas têm mais fundos disponÃveis para apostas.',highlight:"hb-sort-btn",is_active:!0},{id:"hb-3",order:3,icon:"â¡",title:"Dedução Automática",desc:"O botão <b>Dedução Automática</b> (Ãcone de energia) controla se os saldos são deduzidos automaticamente quando você registra apostas na calculadora:<br><br>⢠<b>ATIVA</b> (verde) â ao salvar uma surebet, o valor é descontado automaticamente do saldo das casas<br>⢠<b>INATIVA</b> (vermelho) â os saldos só mudam quando você os edita manualmente<br><br>A configuração é salva no Supabase.",tip:"ð¡ Mantenha a dedução ATIVA para ter saldos sempre atualizados automaticamente. Desative apenas se quiser controle manual total.",highlight:"hb-deduct-btn",is_active:!0},{id:"hb-5",order:4,icon:"â",title:"Botão Adicionar Casa",desc:"O botão <b>ADIÃÃO</b> (laranja com +) abre o modal de cadastro de nova casa de apostas com 3 campos:<br><br>⢠<b>Casa</b> â seleção da casa de apostas (autocomplete com todas as casas cadastradas no sistema)<br>⢠<b>Montante</b> â saldo inicial em R$ disponÃvel nessa conta<br>⢠<b>Dono da Conta</b> â parceiro/proprietário da conta (opcional)",tip:"ð¡ Cadastre cada conta de cada casa separadamente â você pode ter a mesma casa (ex: Bet365) com donos diferentes, e cada uma terá saldo independente.",highlight:"hb-add-btn",is_active:!0},{id:"hb-6",order:5,icon:"ð",title:"Campo de Busca",desc:'O <b>campo de busca</b> filtra os cards em tempo real pelo nome da casa ou pelo nome do dono:<br><br>⢠Digite o nome da <b>casa</b> para encontrar rapidamente uma conta especÃfica<br>⢠Digite o nome do <b>dono</b> para ver todas as casas de um parceiro<br>⢠Contas <b>arquivadas</b> também aparecem nos resultados quando buscadas â identificadas com badge "ARQUIVADA"<br><br>Clique no X para limpar a busca.',tip:"ð¡ Buscar pelo dono é útil para ver o total de casas de um parceiro especÃfico e identificar onde cada parceria está investida.",highlight:"hb-search",is_active:!0},{id:"hb-7",order:6,icon:"ð ",title:"Cards de Casas â Estrutura",desc:"Cada <b>card de casa</b> exibe as seguintes informações:<br><br>⢠<b>Nome da casa</b> de apostas no topo<br>⢠<b>Badge colorido</b> â identifica o grupo ao qual a casa pertence no sistema (ex: GP_7GAMES)<br>⢠<b>Número em destaque</b> no canto â apostas em aberto nessa conta<br>⢠<b>Dono da conta</b> abaixo do badge<br>⢠<b>Saldo em R$</b> no rodapé â verde para positivo, vermelho para negativo<br>⢠<b>Ãcone â¯</b> no canto superior direito â abre o menu de ações",tip:"ð¡ Cards com saldo negativo (vermelho) indicam que você apostou mais do que depositou naquela casa â verifique e faça um depósito.",highlight:"hb-cards",is_active:!0},{id:"hb-8",order:7,icon:"â¯",title:"Menu de Ações do Card",desc:"O Ãcone <b>â¯</b> em cada card abre um menu com as seguintes ações:<br><br>⢠<b>Depósito / Saque</b> â registra entrada ou saÃda de dinheiro<br>⢠<b>Definir padrão</b> â marca como conta padrão para apostas<br>⢠<b>Alterar cor</b> â define uma cor de agrupamento visual para o card<br>⢠<b>Editar</b> â edita nome, saldo e dono<br>⢠<b>Arquivar</b> â arquiva a conta<br>⢠<b>Excluir conta</b> â remove permanentemente",tip:'ð¡ Use "Definir padrão" para marcar a conta principal de ca
1da casa â a calculadora priorizará essas contas ao sugerir distribuições.',highlight:"hb-menu",is_active:!0},{id:"hb-9",order:8,icon:"ð¨",title:"Agrupamento por Cor",desc:"A opção <b>Alterar cor</b> no menu permite que você escolha uma cor personalizada para o card. Cards com a <b>mesma cor</b> ficam agrupados visualmente no grid â facilitando identificar de relance todas as contas de um mesmo contexto.<br><br>Por exemplo: você pode colorir de verde todas as casas de um parceiro e de azul as de outro. O grid reagrupa automaticamente pela cor escolhida quando a ordenação <b>Grupo A-Z/Z-A</b> está ativa.",tip:"ð¡ Use cores para organizar visualmente sua banca: um tom por parceiro, por estratégia ou por tipo de liquidez.",highlight:"hb-group-badge",is_active:!0},{id:"hb-9b",order:9,icon:"ð¢",title:"Badge de Grupo e Apostas em Aberto",desc:"Cada card exibe dois indicadores visuais importantes:<br><br>⢠<b>Badge colorido com nome</b> (ex: GP_7GAMES) â identifica o grupo ao qual a casa pertence no sistema. Casas do mesmo grupo são automaticamente reconhecidas pela plataforma<br><br>⢠<b>Número no canto do badge</b> â indica a quantidade de <b>apostas em aberto</b> nessa conta no momento. Quanto maior o número, mais apostas aguardam resultado nessa casa.",tip:"ð¡ O número de apostas em aberto ajuda a monitorar sua exposição em cada casa â casas com muitas apostas pendentes têm maior risco concentrado.",highlight:"hb-group-badge",is_active:!0},{id:"hb-11",order:10,icon:"ð",title:"Total Geral",desc:"Na parte inferior do grid aparece o <b>TOTAL R$</b> â exibe a soma de todos os saldos de todas as casas ativas.<br><br>O total é calculado em tempo real e atualiza automaticamente quando qualquer saldo muda.",tip:"ð¡ O Total Geral é sua banca total disponÃvel em casas de apostas. Compare com seu investimento total para calcular o ROI geral da operação.",highlight:"hb-total",is_active:!0},{id:"hb-12",order:11,icon:"ð",title:"Histórico de Transações",desc:"O painel <b>Histórico de Transações</b> preenche o componente inteiro e exibe todas as movimentações de saldo, filtráveis pelo dropdown:<br><br>⢠<b>Todas</b> â todas as transações<br>⢠<b>Deduções</b> â saldos descontados automaticamente por apostas<br>⢠<b>Adições</b> â depósitos manuais<br>⢠<b>Manuais</b> â ajustes manuais de saldo<br><br>Cada linha mostra: casa, valor, data/hora, saldo anterior â novo saldo e descrição da operação em laranja.",tip:"ð¡ Use o histórico para auditar movimentações suspeitas ou conferir se uma dedução automática foi aplicada corretamente após registrar uma aposta.",highlight:"hb-hist-btn",is_active:!0}];function K(){const s=["#f97316","#22c55e","#a855f7","#38bdf8","#fbbf24","#f43f5e"];for(let p=0;p<30;p++){const n=document.createElement("div");n.style.cssText=`position:fixed;width:8px;height:8px;border-radius:2px;pointer-events:none;z-index: calc(var(--z-emergency, 9999) + 1);left:${25+Math.random()*50}vw;top:${15+Math.random()*35}vh;background:${s[p%s.length]};animation:hb-tut-confetti ${.9+Math.random()*.7}s ease-out ${Math.random()*.5}s forwards;`,document.body.appendChild(n),setTimeout(()=>n.remove(),2e3)}}function F({up:s}){return e.jsx("div",{style:{display:"flex",justifyContent:"center",margin:s?"0 0 -1px":"-1px 0 0"},children:e.jsx("div",{style:{width:0,height:0,...s?{borderLeft:"9px solid transparent",borderRight:"9px solid transparent",borderBottom:"9px solid var(--primary)"}:{borderLeft:"9px solid transparent",borderRight:"9px solid transparent",borderTop:"9px solid var(--primary)"}}})})}function J({highlight:s,stepCard:p,isMobile:n,showMenu:a,showHistory:u,showAddModal:o,stepId:m}){const v=r=>s?Array.isArray(s)?s.includes(r):s===r:!1,c=r=>v(r)?{outline:"2.5px solid var(--primary)",outlineOffset:3,borderRadius:10,boxShadow:"0 0 0 4px var(--primary-glow), 0 0 20px var(--primary-glow)",animation:"hb-tut-pulse 2s ease-in-out infinite"}:{},y=(()=>{if(!s)return"top";const r=Array.isArray(s)?s[0]:s;return r==="hb-sort-btn"||r==="hb-deduct-btn"||r==="hb-add-btn"||r
1==="hb-search"?"after-header":r==="hb-cards"||r==="hb-menu"?"after-search":r==="hb-group-badge"?"after-first-row":r==="hb-total"||r==="hb-hist-btn"?"after-cards":"bottom"})(),g=({at:r})=>p&&n&&y===r?e.jsxs(e.Fragment,{children:[e.jsx(F,{up:!0}),p]}):null,x=[{name:"7GAMES",group:"GP_7GAMES",groupColor:"#22c55e",owner:"MIRELE",balance:2207.67,neg:!1,count:4,star:!1},{name:"CLUBE DO...",group:"GP_MARJOSPO",groupColor:"#f97316",owner:"MINHA",balance:970,neg:!1,count:null,star:!1},{name:"BETVIP",group:"GP_7K",groupColor:"#8b5cf6",owner:"EROS",balance:-833,neg:!0,count:1,star:!1},{name:"7GAMES",group:"GP_7GAMES",groupColor:"#22c55e",owner:"LARICIA",balance:1990.27,neg:!1,count:1,star:!1},{name:"7GAMES",group:"GP_7GAMES",groupColor:"#22c55e",owner:"JOAO",balance:4519.81,neg:!1,count:2,star:!1},{name:"BET365",group:"SEM-CLONES",groupColor:"#64748b",owner:"ANA TEIXEIRA",balance:6307.22,neg:!1,count:16,star:!0},{name:"BETPIX365",group:"GP_VAIDEBET",groupColor:"#f59e0b",owner:"MIRELE",balance:-5e3,neg:!0,count:1,star:!1},{name:"BETVIP",group:"GP_7K",groupColor:"#8b5cf6",owner:"LARICIA",balance:307,neg:!1,count:1,star:!1},{name:"BIGBET",group:"GP_ONABET",groupColor:"#a855f7",owner:"LARICIA",balance:2267.65,neg:!1,count:null,star:!1},{name:"BLAZE",group:"GP_BLAZE",groupColor:"#ef4444",owner:"JULIA",balance:2173,neg:!1,count:null,star:!1},{name:"BOLSA DE ...",group:"GP_7K",groupColor:"#8b5cf6",owner:"JOAO",balance:100,neg:!1,count:null,star:!1},{name:"BOLSA DE ...",group:"GP_7K",groupColor:"#8b5cf6",owner:"MINHA",balance:10477,neg:!1,count:5,star:!1},{name:"BULLSBET",group:"GP_7K",groupColor:"#8b5cf6",owner:"MAE",balance:3271.04,neg:!1,count:1,star:!1},{name:"CASA DE ...",group:"SEM-CLONES",groupColor:"#64748b",owner:"LARICIA",balance:600,neg:!1,count:null,star:!1},{name:"CLUBE DO...",group:"GP_MARJOSPO",groupColor:"#f97316",owner:"EROS",balance:5331,neg:!1,count:null,star:!1}].slice(0,9);return e.jsxs("div",{style:{fontFamily:"'DM Sans',system-ui,sans-serif",background:"var(--bg-base)",borderRadius:18,overflow:"hidden",color:"#eaf0fb",fontSize:13,border:"1px solid rgba(255,255,255,0.07)"},children:[e.jsx("style",{children:` 2 @keyframes hb-tut-pulse { 3 0%,100% { box-shadow: 0 0 0 3px var(--primary-glow), 0 0 18px var(--primary-glow); } 4 50% { box-shadow: 0 0 0 6px var(--primary-glow), 0 0 30px var(--primary-glow); } 5 } 6 @keyframes hb-tut-confetti { 7 0%{transform:translateY(0) rotate(0deg);opacity:1} 8 100%{transform:translateY(80px) rotate(720deg);opacity:0}
8 9 } 10 `}),e.jsx(g,{at:"top"}),e.jsxs("div",{style:{padding:"14px 16px 0"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,marginBottom:10},children:[e.jsx("div",{style:{width:34,height:34,borderRadius:9,background:"var(--primary-border)",border:"1px solid var(--primary-border)",display:"flex",alignItems:"center",justifyContent:"center",fontSize:16},children:"ð°"}),e.jsxs("div",{children:[e.jsx("span",{style:{fontWeight:700,fontSize:15},children:"Saldos das Casas"}),e.jsx("div",{style:{fontSize:10,color:"rgba(200,215,240,0.35)"},children:"18 casas"})]}),e.jsxs("div",{style:{marginLeft:"auto",display:"flex",alignItems:"center",gap:6},children:[e.jsx("div",{id:"hb-sort-btn",style:{width:30,height:30,borderRadius:8,border:"1px solid rgba(255,255,255,0.10)",display:"flex",alignItems:"center",justifyContent:"center",fontSize:12,color:"rgba(148,163,184,0.7)",cursor:"pointer",...c("hb-sort-btn")},children:"â"}),e.jsxs("div",{id:"hb-deduct-btn",style:{padding:"5px 10px",borderRadius:8,border:`1px solid ${v("hb-deduct-btn")?"rgba(34,197,94,0.55)":"rgba(34,197,94,0.35)"}`,fontSize:9,fontWeight:700,color:"#4ade80",cursor:"pointer",display:"flex",alignItems:"center",gap:4,...c("hb-deduct-btn")},children:[e.jsx("span",{style:{fontSize:10},children:"â»"})," ATIVA"]}),e.jsx("div",{id:"hb-add-btn",style:{width:30,height:30,borderRadius:8,border:"1px solid var(--primary-border)",fontSize:16,fontWeight:700,color:"var(--primary)",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",background:"var(--primary-border)",...c("hb-add-btn")},children:"+"})]})]}),e.jsxs("div",{id:"hb-search",style:{position:"relative",marginBottom:14,...c("hb-search")},children:[e.jsx("span",{style:{position:"absolute",left:12,top:"50%",transform:"translateY(-50%)",fontSize:13,color:"var(--text-muted)"},children:"ð"}),e.jsx("div",{style:{width:"100%",padding:"10px 12px 10px 36px",background:"rgba(255,255,255,0.03)",border:"1px solid rgba(255,255,255,0.07)",borderRadius:12,fontSize:12,color:"rgba(100,116,139,0.45)",boxSizing:"border-box"},children:"Buscar por casa ou dono..."})]})]}),e.jsx(g,{at:"after-header"}),o&&e.jsxs("div",{style:{margin:"0 14px 12px",background:"var(--bg-elevated)",border:"1px solid var(--primary-border)",borderRadius:14,padding:"16px",boxShadow:"0 8px 32px rgba(0,0,0,0.5)"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:7,marginBottom:14},children:[e.jsx("div",{style:{width:7,height:7,borderRadius:"50%",background:"var(--primary)",boxShadow:"0 0 6px var(--primary-glow)"}}),e.jsx("span",{style:{fontSize:13,fontWeight:800,color:"var(--foreground, var(--text-primary, #F3F4F6))"},children:"Adicionar Casa"})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:11},children:[e.jsxs("div",{children:[e.jsx("div",{style:{fontSize:9,fontWeight:700,color:"rgba(200,215,240,0.45)",letterSpacing:".1em",textTransform:"uppercase",marginBottom:5},children:"Casa *"}),e.jsx("div",{style:{width:"100%",padding:"9px 12px",background:"rgba(255,255,255,0.04)",border:"1px solid rgba(255,255,255,0.08)",borderRadius:10,fontSize:11,color:"rgba(100,116,139,0.6)",boxSizing:"border-box"},children:"Selecione a casa"})]}),e.jsxs("div",{children:[e.jsx("div",{style:{fontSize:9,fontWeight:700,color:"rgba(200,215,240,0.45)",letterSpacing:".1em",textTransform:"uppercase",marginBottom:5},children:"Montante (R$) *"}),e.jsx("div",{style:{width:"100%",padding:"9px 12px",background:"rgba(255,255,255,0.04)",border:"1px solid rgba(255,255,255,0.08)",borderRadius:10,fontSize:12,color:"rgba(200,215,240,0.7)",boxSizing:"border-box"},children:"0,00"})]}),e.jsxs("div",{children:[e.jsx("div",{style:{fontSize:9,fontWeight:700,color:"rgba(200,215,240,0.45)",letterSpacing:".1em",textTransform:"uppercase",marginBottom:5},children:"Dono da Conta"}),e.jsxs("div",{style:{width:"100%",padding:"9px 12px",background:"rgba(255,255,255,0.04)",border:"1px solid rgba(255,255,255,0.08)",borderRadius:10,fontSize:11,color:"rgba(100,116,139,0.6)",display:"flex",alignItems:"center",justifyContent:"space-between",boxSizing:"border-box"},children:[e.jsx("span",{children:"ð¤ Selecione o dono"}),e.jsx("span",{style:{fontSize:9},children:"â¾"})]})]})]}),e.jsxs("div",{style:{display:"flex",gap:8,marginTop:16},children:[e.jsx("div",{style:{flex:1,padding:"9px 0",borderRadius:9,background:"rgba(255,255,255,0.04)",border:"1px solid rgba(255,255,255,0.09)",fontSize:11,fontWeight:600,color:"rgba(200,215,240,0.6)",textAlign:"center",cursor:"pointer"},children:"Cancelar"}),e.jsx("div",{style:{flex:1,padding:"9px 0",borderRadius:9,background:"linear-gradient(135deg,var(--primary),var(--primary-hover))",fontSize:11,fontWeight:700,color:"var(--primary-foreground)",textAlign:"center",cursor:"pointer",boxShadow:"0 3px 10px var(--primary-glow)"},children:"Salvar"})]})]}),e.jsx(g,{at:"after-search"}),!u&&e.jsxs("div",{id:"hb-cards",style:{padding:"4px 14px 0px",position:"relative",...c("hb-cards")},children:[a&&e.jsxs("div",{style:{position:"absolute",top:56,left:14,background:"#0f1117",border:"1px solid rgba(255,255,255,0.12)",borderRadius:12,padding:"8px 4px",zIndex:50,width:180,boxShadow:"0 12px 40px rgba(0,0,0,0.8)"},children:[e.jsx("div",{style:{padding:"3px 10px",marginBottom:5,fontSize:9,fontWeight:700,color:"var(--primary)",letterSpacing:".08em",textTransform:"uppercase"},children:"7GAMES"}),[{icon:"â¬ï¸",label:"Depósito / Saque",accent:"var(--primary)"},{icon:"â",label:"Definir padrão",accent:null},{icon:"ð¨",label:"Alterar cor",accent:null},{icon:"âï¸",label:"Editar",accent:null},{icon:"ðï¸",label:"Arquivar",accent:null},{icon:"ðï¸",label:"Excluir conta",accent:"#f87171",danger:!0}].map(r=>e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,padding:"7px 10px",borderRadius:8,cursor:"pointer",fontSize:11,color:r.danger?"#f87171":"#e2e8f0",background:r.danger?"rgba(239,68,68,0.06)":"transparent"},children:[e.jsx("span",{style:{fontSize:13,opacity:r.danger?1:.6},children:r.icon}),r.label]},r.label))]}),e.jsx("div",{style:{display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:8,marginBottom:8},children:x.slice(0,3).map((r,d)=>e.jsxs("div",{style:{background:"var(--bg-card)",border:a&&d===0?"1px solid var(--primary-border)":"1px solid rgba(255,255,255,0.06)",borderRadius:10,padding:"10px 10px 8px",position:"relative"},children:[m==="hb-9"&&e.jsx("div",{style:{position:"absolute",top:0,left:0,right:0,height:3,background:r.groupColor,borderRadius:"10px 10px 0 0"}}),e.jsxs("div",{style:{display:"flex",alignItems:"flex-start",justifyContent:"space-between",marginBottom:6},children:[e.jsxs("div",{style:{fontSize:10,fontWeight:700,color:"var(--foreground, var(--text-primary, #F3F4F6))",lineHeight:1.2,flex:1,minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}
10,children:[r.star?"â ":"",r.name]}),e.jsx("div",{id:d===0?"hb-menu":void 0,style:{width:16,height:16,borderRadius:4,background:a&&d===0?"var(--primary-muted)":"rgba(255,255,255,0.04)",border:a&&d===0?"1px solid var(--primary-border)":"1px solid rgba(255,255,255,0.07)",display:"flex",alignItems:"center",justifyContent:"center",fontSize:9,cursor:"pointer",flexShrink:0,marginLeft:4,...d===0?c("hb-menu"):{}},children:"â¯"})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:6},children:[e.jsx("div",{id:d===0?"hb-group-badge":void 0,style:{display:"inline-flex",alignItems:"center",padding:"2px 6px",borderRadius:4,fontSize:8,fontWeight:700,background:`${r.groupColor}26`,color:r.groupColor,border:`1px solid ${r.groupColor}50`,overflow:"hidden",maxWidth:"75%",whiteSpace:"nowrap",textOverflow:"ellipsis",...d===0?c("hb-group-badge"):{}},children:r.group}),r.count&&e.jsx("div",{style:{minWidth:16,height:16,borderRadius:4,background:"var(--primary-muted)",border:"1px solid var(--primary-border)",display:"flex",alignItems:"center",justifyContent:"center",fontSize:8,fontWeight:800,color:"var(--primary-hover)",padding:"0 4px",flexShrink:0},children:r.count})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[e.jsx("div",{style:{fontSize:8,color:"rgba(200,215,240,0.45)",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:"50%"},children:r.owner}),e.jsxs("div",{style:{fontSize:10,fontWeight:800,color:r.neg?"#f87171":"#4ade80",display:"flex",alignItems:"center",gap:2,flexShrink:0},children:[e.jsx("span",{style:{fontSize:7},children:r.neg?"â":"â"}),r.neg?"-":"","R$ ",Math.abs(r.balance).toLocaleString("pt-BR",{minimumFractionDigits:2})]})]})]},r.name+r.owner))}),e.jsx(g,{at:"after-first-row"}),e.jsx("div",{style:{display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:8,paddingBottom:10},children:x.slice(3).map((r,d)=>e.jsxs("div",{style:{background:"var(--bg-card)",border:"1px solid rgba(255,255,255,0.06)",borderRadius:10,padding:"10px 10px 8px",position:"relative",overflow:"hidden"},children:[m==="hb-9"&&e.jsx("div",{style:{position:"absolute",top:0,left:0,right:0,height:3,background:r.groupColor,borderRadius:"10px 10px 0 0"}}),e.jsxs("div",{style:{display:"flex",alignItems:"flex-start",justifyContent:"space-between",marginBottom:6},children:[e.jsxs("div",{style:{fontSize:10,fontWeight:700,color:"var(--foreground, var(--text-primary, #F3F4F6))",lineHeight:1.2,flex:1,minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:[r.star?"â ":"",r.name]}),e.jsx("div",{style:{width:16,height:16,borderRadius:4,background:"rgba(255,255,255,0.04)",border:"1px solid rgba(255,255,255,0.07)",display:"flex",alignItems:"center",justifyContent:"center",fontSize:9,cursor:"pointer",flexShrink:0,marginLeft:4},children:"â¯"})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:6},children:[e.jsx("div",{style:{display:"inline-flex",alignItems:"center",padding:"2px 6px",borderRadius:4,fontSize:8,fontWeight:700,background:`${r.groupColor}26`,color:r.groupColor,border:`1px solid ${r.groupColor}50`,overflow:"hidden",maxWidth:"75%",whiteSpace:"nowrap",textOverflow:"ellipsis"},children:r.group}),r.count&&e.jsx("div",{style:{minWidth:16,height:16,borderRadius:4,background:"var(--primary-muted)",border:"1px solid var(--primary-border)",display:"flex",alignItems:"center",justifyContent:"center",fontSize:8,fontWeight:800,color:"var(--primary-hover)",padding:"0 4px",flexShrink:0},children:r.count})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[e.jsx("div",{style:{fontSize:8,color:"rgba(200,215,240,0.45)",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:"50%"},children:r.owner}),e.jsxs("div",{style:{fontSize:10,fontWeight:800,color:r.neg?"#f87171":"#4ade80",display:"flex",alignItems:"center",gap:2,flexShrink:0},children:[e.jsx("span",{style:{fontSize:7},children:r.neg?"â":"â"}
10),r.neg?"-":"","R$ ",Math.abs(r.balance).toLocaleString("pt-BR",{minimumFractionDigits:2})]})]})]},r.name+r.owner))})]}),e.jsxs("div",{id:"hb-total",style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"4px 14px 14px",...c("hb-total")},children:[e.jsx("div",{style:{padding:"7px 16px",background:"transparent",border:"1px solid rgba(34,197,94,0.35)",borderRadius:10,fontSize:12,fontWeight:800,color:"#4ade80"},children:"TOTAL  R$ 74.149,66"}),e.jsx("div",{id:"hb-hist-btn",style:{display:"flex",alignItems:"center",gap:6,padding:"7px 14px",background:u?"var(--primary-muted)":"rgba(255,255,255,0.04)",border:`1px solid ${u||v("hb-hist-btn")?"var(--primary)":"rgba(255,255,255,0.08)"}`,borderRadius:10,fontSize:11,color:u?"var(--primary)":"rgba(200,215,240,0.6)",cursor:"pointer",...c("hb-hist-btn")},children:"ð HISTÃRICO"})]}),e.jsx(g,{at:"after-cards"}),u&&e.jsxs("div",{style:{padding:"0 14px 14px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:12},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:7},children:[e.jsx("div",{style:{width:6,height:6,borderRadius:"50%",background:"var(--primary)",boxShadow:"0 0 6px var(--primary-glow)"}}),e.jsx("span",{style:{fontWeight:800,fontSize:11,color:"var(--foreground, var(--text-primary, #F3F4F6))",letterSpacing:".08em",textTransform:"uppercase"},children:"Histórico de Transações"})]}),e.jsxs("div",{style:{background:"rgba(255,255,255,0.05)",border:"1px solid rgba(255,255,255,0.10)",borderRadius:8,padding:"4px 10px",fontSize:10,color:"#e2e8f0",cursor:"pointer",display:"flex",alignItems:"center",gap:4},children:["Todas ",e.jsx("span",{style:{fontSize:8},children:"â¾"})]})]}),[{house:"BET365",amount:"âR$ 373,58",date:"06/05/2026, 11:13:48",desc:"Surebet: Botafogo vs Racing Club - Conta: GREENOS"},{house:"BET365",amount:"âR$ 1203,13",date:"02/05/2026, 18:24:43",desc:"Devolução: aposta Khovd Western vs Deren FC deletada"},{house:"BET365",amount:"âR$ 115,06",date:"02/05/2026, 14:13:37",desc:"Surebet: Inter de milao x parma - Conta: GREENOS"},{house:"BET365",amount:"âR$ 1203,13",date:"02/05/2026, 14:08:41",desc:"Aposta normal: Khovd Western vs Deren FC - Conta: GREENOS"},{house:"BET365",amount:"âR$ 838,00",date:"02/05/2026, 13:49:19",desc:"Surebet: PSG vs Arsenal - Conta: GREENOS"}].map((r,d)=>e.jsxs("div",{style:{background:"rgba(255,255,255,0.02)",border:"1px solid rgba(255,255,255,0.05)",borderRadius:10,padding:"10px 13px",marginBottom:5},children:[e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",marginBottom:2},children:[e.jsx("span",{style:{fontSize:12,fontWeight:700,color:"var(--foreground, var(--text-primary, #F3F4F6))"},children:r.house}),e.jsx("span",{style:{fontSize:12,fontWeight:700,fontFamily:"monospace",color:"#f87171"},children:r.amount})]}),e.jsx("div",{style:{fontSize:10,color:"var(--muted-foreground, var(--text-secondary, #64748b))",marginBottom:2},children:r.date}),e.jsx("div",{style:{fontSize:10,color:"rgba(148,163,184,0.5)",marginBottom:3},children:"R$ 0,00 â R$ 0,00"}),e.jsx("div",{style:{fontSize:10,color:"var(--primary)"},children:r.desc})]},d))]}),p&&n&&y==="bottom"&&e.jsxs(e.Fragment,{children:[e.jsx(F,{up:!0}),p]})]})}function ie({onClose:s,onComplete:p}){const{user:n}=q(),[a,u]=b.useState(Z),[o,m]=b.useState(0),[v,c]=b.useState(!1),[R,y]=b.useState(!0),g=V("(max-width: 700px)"),[I,x]=b.useState(!1),[r,d]=b.useState(!1),[M,A]=b.useState(!1),k=b.useRef(null);b.useEffect(()=>{(async()=>{try{const{data:i,error:t}=await $.from("house_balances_tutorial_steps").select("*").eq("is_active",!0).order("order",{ascending:!0});!t&&i&&i.length>0&&u(i)}catch{}finally{y(!1)}})()},[]),b.useEffect(()=>{if(!n||a.length===0){y(!1);return}let i=!1;return(async()=>{try{const t=await N(n.id,S);if(i)return;if(t?.completed_at)c(!0);else if(t?.last_step_id){const z=a.findIndex(j=>j.id===t.last_step_id);if(z>=0){m(z);const j=a[z]?.id;x(j==="hb-8"),d(j==="hb-12"),A(j==="hb-5")}}else await C(n.id,S,a[0].id,"progress")}catch{}})(),()=>{i=!0}},[n,a]);const B=async(i,t=!1)=>{n&&await C(n.id,S,i,t?"completed":"progress")},w=i=>{if(i<0||i>=a.length)return;m(i),B(a[i].id);const t=a[i]?.id;x(t==="hb-8"),d(t==="hb-12"),A(t==="hb-5"),k.current?.scrollIntoView({behavior:"smooth",block:"nearest"})},E=()=>{o>=a.length-1?L():w(o+1)},L=async()=>{c(!0),await B(a[a.length-1].id,!0),K(),p?.()},G=async()=>{n&&(await C(n.id,S,null,"reset"),await C(n.id,S,a[0]?.id??null,"progress"),c(!1),m(0),x(!1),d(!1),A(!1))},l=a[o],D=(o+1)/a.length*100,h=o===a.length-1,T={background:"var(--card-grad)",border:"1px solid var(--primary-border)",borderRadius:20,padding:24,display:"flex",flexDirection:"column",gap:0},f={display:"flex",alignItems:"center",gap:6,padding:"9px 18px",borderRadius:12,fontSize:13,fontWeight:700,cursor:"pointer",fontFamily:"inherit",transition:"all .18s"};if(R)return e.jsxs("div",{style:{display:"flex",justifyContent:"center",padding:60},children:[e.jsx("div",{style:{width:26,height:26,border:"3px solid var(--primary-border)",borderTopColor:"var(--primary)",borderRadius:"50%",animation:"spin 0.8s linear infinite"}}),e.jsx("style",{children:"@keyframes spin{to{transform:rotate(360deg)}}"})]});if(v)return e.jsx("div",{style:{padding:"4px 0"},children:e.jsxs("div",{style:{...T,alignItems:"center",textAlign:"center",gap:16,animation:"hb-tut-complete-pop .4s cubic-bezier(.34,1.26,.64,1)",border:"1px solid rgba(34,197,94,0.30)"},children:[e.jsx("div",{style:{fontSize:52,lineHeight:1},children:"ð"}),e.jsxs("div",{children:[e.jsx("p",{style:{fontSize:20,fontWeight:800,color:"var(--foreground, var(--text-primary, #F3F4F6))",margin:"0 0 6px",letterSpacing:"-0.3px"},children:"Tutorial ConcluÃdo!"}),e.jsxs("p",{style:{fontSize:13,color:"var(--muted-foreground, var(--text-secondary, #64748b))",margin:0,lineHeight:1.6},children:["Você aprendeu a usar o Saldos das Casas.",e.jsx("br",{}),"Gerencie sua banca com precisão!"]})]}),e.jsx("div",{style:{display:"flex",gap:10,flexWrap:"wrap",justifyContent:"center"},children:[{label:"Passos",value:a.length},{label:"Status",value:"â ConcluÃdo"}].map(i=>e.jsxs("div",{style:{padding:"8px 18px",borderRadius:12,background:"rgba(34,197,94,0.08)",border:"1px solid rgba(34,197,94,0.22)",textAlign:"center"}
10,children:[e.jsx("p",{style:{fontSize:10,color:"#4ade80",fontWeight:700,textTransform:"uppercase",letterSpacing:".08em",margin:"0 0 2px"},children:i.label}),e.jsx("p",{style:{fontSize:17,fontWeight:800,color:"var(--foreground, var(--text-primary, #F3F4F6))",margin:0},children:i.value})]},i.label))}),e.jsxs("div",{style:{display:"flex",gap:10,width:"100%"},children:[e.jsxs("button",{type:"button",onClick:G,style:{...f,flex:1,justifyContent:"center",background:"var(--card, var(--bg-card, rgba(255,255,255,0.05)))",border:"1px solid var(--border, var(--border-default, rgba(255,255,255,0.10)))",color:"var(--foreground, var(--text-primary, #fff))"},children:[e.jsx(U,{size:14})," Rever Tutorial"]}),s&&e.jsxs("button",{type:"button",onClick:s,style:{...f,flex:1,justifyContent:"center",background:"linear-gradient(135deg,var(--primary),var(--primary-hover))",border:"none",color:"var(--primary-foreground)",boxShadow:"0 4px 16px var(--primary-glow)"},children:[e.jsx(H,{size:14})," Ver Saldos"]})]})]})});const P=e.jsxs("div",{style:{background:"var(--card-grad)",border:"1px solid var(--primary-border)",margin:"0 10px",borderRadius:12,padding:"14px",boxShadow:"0 20px 60px rgba(0,0,0,0.70), 0 0 30px var(--primary-glow)"},children:[e.jsxs("div",{style:{display:"inline-flex",alignItems:"center",gap:6,background:"var(--primary-muted)",border:"1px solid var(--primary-border)",borderRadius:20,padding:"3px 10px",fontSize:10,fontWeight:700,color:"var(--primary)",marginBottom:8,letterSpacing:".03em"},children:["PASSO ",o+1," DE ",a.length]}),e.jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:8,marginBottom:5},children:[e.jsx("span",{style:{fontSize:18,lineHeight:1,flexShrink:0},children:l.icon}),e.jsx("p",{style:{fontSize:13,fontWeight:800,color:"var(--foreground, var(--text-primary, #F3F4F6))",margin:0,lineHeight:1.2},children:l.title})]}),e.jsx("p",{style:{fontSize:11.5,color:"#A1A1AA",lineHeight:1.6,marginBottom:l.tip?8:12},dangerouslySetInnerHTML:{__html:l.desc}}),l.tip&&e.jsx("div",{style:{background:"var(--primary-muted)",border:"1px solid var(--primary-border)",borderRadius:10,padding:"7px 9px",fontSize:11,color:"var(--primary-hover)",lineHeight:1.5,marginBottom:12},dangerouslySetInnerHTML:{__html:l.tip}}),e.jsxs("div",{style:{display:"flex",gap:8,alignItems:"center"},children:[o>0&&e.jsxs("button",{type:"button",onClick:()=>w(o-1),style:{...f,padding:"6px 12px",fontSize:12,background:"rgba(255,255,255,.05)",border:"1px solid rgba(255,255,255,.10)",color:"rgba(255,255,255,.55)"},children:[e.jsx(O,{size:13})," Voltar"]}),e.jsx("button",{type:"button",onClick:E,style:{...f,marginLeft:"auto",padding:"6px 14px",fontSize:12,background:h?"linear-gradient(135deg,#22c55e,#16a34a)":"linear-gradient(135deg,var(--primary),var(--primary-hover))",border:"none",color:"var(--primary-foreground)",boxShadow:h?"0 3px 10px rgba(34,197,94,.35)":"0 3px 10px var(--primary-glow)",minWidth:85,justifyContent:"center"},children:h?e.jsxs(e.Fragment,{children:[e.jsx(_,{size:13})," Concluir"]}):e.jsxs(e.Fragment,{children:["Próximo ",e.jsx(W,{size:13})]})})]})]},`mob-${o}`);return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:14,padding:"4px 0"},children:[e.jsxs("div",{style:{background:"var(--bg-elevated)",border:"1px solid var(--primary-border)",borderRadius:16,padding:"14px 18px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:8},children:[e.jsx("span",{style:{fontSize:13,fontWeight:700,color:"var(--foreground, var(--text-primary, #F3F4F6))",letterSpacing:"-0.2px"},children:"Tutorial · Saldos das Casas"}),e.jsxs("span",{style:{fontSize:12,fontWeight:600,color:"var(--primary)",background:"var(--primary-muted)",border:"1px solid var(--primary-border)",borderRadius:20,padding:"3px 10px"},children:["Passo ",o+1," de ",a.length]})]}),e.jsx("div",{style:{height:5,background:"rgba(255,255,255,0.08)",borderRadius:99,overflow:"hidden",marginBottom:10},children:e.jsx("div",{style:{height:"100%",width:`${D}%`,background:"linear-gradient(90deg,var(--primary),var(--primary-hover))",borderRadius:99,transition:"width .4s cubic-bezier(.4,0,.2,1)"}})}),e.jsx("div",{style:{display:"flex",gap:5,flexWrap:"wrap"},children:a.map((i,t)=>e.jsx("div",{onClick:()=>w(t),style:{width:22,height:22,borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",fontSize:9,fontWeight:700,cursor:"pointer",transition:"all .2s",border:`1.5px solid ${t<o?"rgba(34,197,94,.5)":t===o?"var(--primary)":"rgba(255,255,255,0.10)"}`,background:t<o?"rgba(34,197,94,.15)":t===o?"var(--primary-muted)":"rgba(255,255,255,0.04)",color:t<o?"#22c55e":t===o?"var(--primary)":"#475569",animation:t===o?"hb-tut-glow 2s ease-in-out infinite":"none"},children:t<o?"â":t+1},i.id))})]}),e.jsx("style",{children:` 11 .hb-tut-wrap { display:flex; gap:14px; align-items:flex-start; } 12 .hb-tut-mock { flex:1 1 0%; min-width:0; border:1px solid var(--primary-border); border-radius:12px; overflow-x:hidden; overflow-y:hidden; background:var(--bg-base); } 13 .hb-tut-side { width:300px; flex-shrink:0; position:sticky; top:16px; } 14 @media(max-width:700px){.hb-tut-wrap{flex-direction:column!important}.hb-tut-mock{width:100%!important;overflow-x:auto;-webkit-overflow-scrolling:touch}.hb-tut-side{display:none!important}} 15 @media(min-width:701px){.hb-tut-side{display:block!important}} 16 .hb-tut-anim { animation: hb-tut-slide-in .22s ease; } 17 `}),e.jsxs("div",{className:"hb-tut-wrap",children:[e.jsx("div",{className:"hb-tut-mock",children:e.jsx(J,{highlight:l?.highlight??null,stepCard:P,isMobile:g,showMenu:I,showHistory:r,showAddModal:M,stepId:l?.id})}),e.jsx("div",{className:"hb-tut-side",children:e.jsxs("div",{ref:k,style:T,className:"hb-tut-anim",children:[e.jsxs("div",{style:{display:"inline-flex",alignItems:"center",gap:6,background:"var(--primary-muted)",border:"1px solid var(--primary-border)",borderRadius:20,padding:"4px 12px",fontSize:11,fontWeight:700,color:"var(--primary)",marginBottom:14,letterSpacing:".03em",alignSelf:"flex-start"},children:["Passo ",o+1," de ",a.length]}),e.jsx("span",{style:{fontSize:30,marginBottom:10,lineHeight:1},children:l.icon}),e.jsx("p",{style:{fontSize:18,fontWeight:800,color:"var(--foreground, var(--text-primary, #F3F4F6))",marginBottom:10,letterSpacing:"-0.3px",lineHeight:1.2},children:l.title}),e.jsx("p",{style:{fontSize:13.5,color:"#A1A1AA",lineHeight:1.7,marginBottom:l.tip?16:22},dangerouslySetInnerHTML:{__html:l.desc}}),l.tip&&e.jsx("div",{style:{background:"var(--primary-muted)",border:"1px solid var(--primary-border)",borderRadius:12,padding:"12px 14px",fontSize:12,color:"var(--primary-hover)",lineHeight:1.6,marginBottom:22,display:"flex",gap:8,alignItems:"flex-start"},dangerouslySetInnerHTML:{__html:l.tip}}),e.jsxs("div",{style:{display:"flex",gap:10,alignItems:"center"},children:[o>0&&e.jsxs("button",{type:"button",onClick:()=>w(o-1),style:{...f,background:"rgba(255,255,255,.05)",border:"1px solid rgba(255,255,255,.10)",color:"rgba(255,255,255,.55)"},children:[e.jsx(O,{size:14})," Voltar"]}),e.jsx("button",{type:"button",onClick:E,style:{...f,marginLeft:"auto",background:h?"linear-gradient(135deg,#22c55e,#16a34a)":"linear-gradient(135deg,var(--primary),var(--primary-hover))",border:"none",color:"var(--primary-foreground)",boxShadow:h?"0 4px 14px rgba(34,197,94,.35)":"0 4px 14px var(--primary-glow)",minWidth:110,justifyContent:"center"},children:h?e.jsxs(e.Fragment,{children:[e.jsx(_,{size:14})," Concluir"]}):e.jsxs(e.Fragment,{children:["Próximo ",e.jsx(W,{size:14})]})})]})]},`side-${o}`)}
17)]})]})}export{ie as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.