https://www.agendor.com.br/assets/ConversaVisuais-j0MFUiJC.js

1import{a as e}from"./rolldown-runtime-Cyuzqnbw.js";import{Tn as t,n}from"./icons-XNDO9md9.js";import{t as r}from"./react-vendor-CrWGwBDo.js";var i=e(t(),1),a=`agendor_chat_b`;function o(e,t={}){if(typeof window>`u`)return;let n=window;n.dataLayer=n.dataLayer||[],n.dataLayer.push({event:e,page_id:a,...t})}var s=r(),c=24,l=`a[href], button:not([disabled]), input:not([disabled]):not([type="hidden"]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])`,u=(0,i.createContext)(()=>{});function d(){return(0,i.useContext)(u)}function f({children:e}){let[t,r]=(0,i.useState)(!1),a=(0,i.useRef)(null),d=(0,i.useRef)(null),f=(0,i.useRef)(null),p=(0,i.useRef)(!1),m=(0,i.useCallback)(e=>{typeof document<`u`&&(f.current=document.activeElement),o(`open_form_modal`,{cta_location:e}),r(!0)},[]),h=(0,i.useCallback)(()=>{r(!1),o(`close_form_modal`),f.current?.focus?.()},[]);return(0,i.useEffect)(()=>{if(!t||p.current)return;let e=d.current;if(!e)return;p.current=!0;let n=document.createElement(`script`);n.type=`text/javascript`,n.src=`https://mkt.agendor.com.br/form/generate.js?id=${c}`,n.setAttribute(`data-mautic-form`,String(c)),e.appendChild(n)},[t]),(0,i.useEffect)(()=>{if(!t)return;let e=document.body.style.overflow;return document.body.style.overflow=`hidden`,a.current?.focus(),()=>{document.body.style.overflow=e}},[t]),(0,s.jsxs)(u.Provider,{value:m,children:[e,t?(0,s.jsx)(`div`,{className:`acb-modal-overlay`,onMouseDown:e=>e.target===e.currentTarget&&h(),children:(0,s.jsxs)(`div`,{className:`acb-modal`,role:`dialog`,"aria-modal":`true`,"aria-labelledby":`acb-modal-t`,"aria-describedby":`acb-modal-d`,tabIndex:-1,ref:a,onKeyDown:e=>{if(e.key===`Escape`){e.stopPropagation(),h();return}if(e.key!==`Tab`)return;let t=Array.from(a.current?.querySelectorAll(l)??[]).filter(e=>e.offsetParent!==null||e===document.activeElement);if(t.length===0)return;let n=t[0],r=t[t.length-1],i=document.activeElement;!e.shiftKey&&i===r?(e.preventDefault(),n.focus()):e.shiftKey&&(i===n||i===a.current)&&(e.preventDefault(),r.focus())},children:[(0,s.jsx)(`button`,{type:`button`,className:`acb-modal-x`,onClick:h,"aria-label":`Fechar formulário`,children:(0,s.jsx)(n,{"aria-hidden":!0,size:20})}),(0,s.jsx)(`h2`,{id:`acb-modal-t`,className:`acb-modal-h2`,children:`Fale com um especialista do Agendor Chat`}),(0,s.jsx)(`p`,{id:`acb-modal-d`,className:`acb-modal-txt`,children:`Preencha os dados e o time comercial entra em contato para entender sua operação de atendimento.`}),(0,s.jsx)(`div`,{id:`form-demo`,className:`acb-modal-form`,ref:d})]})}):null]})}var p={version:1,asset_id:`229211d3-9783-415b-8248-ddc54af57829`,project_id:`0d400c87-4f15-4e04-88bb-c9a32ec4d550`,url:`/__l5e/assets-v1/229211d3-9783-415b-8248-ddc54af57829/time-marcos-retrato.webp`,r2_key:`a/v1/0d400c87-4f15-4e04-88bb-c9a32ec4d550/229211d3-9783-415b-8248-ddc54af57829/time-marcos-retrato.webp`,original_filename:`time-marcos-retrato.webp`,size:34996,content_type:`image/webp`,created_at:`2026-09-13T14:01:39Z`};function m({ampla:e=!1}){let t=e?1217:680;return(0,s.jsx)(`div`,{className:`acbpm-fit${e?` acbpm-wide`:``}`,role:`img`,"aria-label":`Conversa do Agendor Chat aberta ao lado do contato e do negócio no Agendor CRM, ligados nos dois sentidos`,style:{"--base":t,aspectRatio:`${t} / ${e?647:623}`,maxWidth:t},children:(0,s.jsx)(`div`,{className:`acbpm-scene`,"aria-hidden":!0,children:(0,s.jsxs)(`div`,{className:`p1`,children:[(0,s.jsxs)(`div`,{className:`wm`,children:[`agendor`,(0,s.jsx)(`span`,{className:`d`})]}),(0,s.jsxs)(`div`,{className:`conn`,children:[(0,s.jsx)(`span`,{className:`pill t-crm`,children:`CRM`}),(0,s.jsx)(`span`,{className:`ln`}),(0,s.jsx)(`span`,{className:`pill t-chat`,children:`Chat`})]}),(0,s.jsxs)(`div`,{className:`p1-stage`,children:[(0,s.jsxs)(`div`,{className:`crm`,children:[(0,s.jsxs)(`div`,{className:`crm-hd`,children:[(0,s.jsx)(`div`,{className:`nm`,children:`Fernando Pessoa`}),(0,s.jsxs)(`div`,{className:`row2`,children:[(0,s.jsx)(`span`,{className:`co`,children:`▦ Solaris Consultoria`}),(0,s.jsx)(`span`,{className:`stars`,children:`★★`}),(0,s.jsx)(`span`,{style:{color:`#cfd6e6`},children:`★★★`}),(0,s.jsx)(`span`,{className:`mini-av`,children:(0,s.jsx)(`img`,{src:p.url,alt:``,width:20,height:20,loading:`lazy`,decoding:`async`})}),(0,s.jsx)(`span`,{className:`perd`,children:`⚡ Quente`})]})]}),(0,s.jsxs)(`div`,{className:`funil`,children:[(0,s.jsx)(`span`,{className:`lbl`,children:`▥ Funil de Vendas`}),(0,s.jsx)(`span`,{className:`back`,children:`‹`}),(0,s.jsx)(`span`,{className:`chev lil`,children:`Contato`}),(0,s.jsx)(`span`,{className:`chev on`,children:`Envio de proposta`}),(0,s.jsx)(`span`,{className:`chev`,children:`Negociação`})]}),(0,s.jsxs)(`div`,{className:`acts`,children:[(0,s.jsxs)(`span`,{className:`act`,children:[(0,s.jsx)(`svg`,{viewB

1ox:`0 0 24 24`,children:(0,s.jsx)(`path`,{d:`M4 4h16v13H7l-3 3z`})}),`Nota`]}),(0,s.jsxs)(`span`,{className:`act`,children:[(0,s.jsxs)(`svg`,{viewBox:`0 0 24 24`,children:[(0,s.jsx)(`rect`,{x:`3`,y:`5`,width:`18`,height:`14`,rx:`2`}),(0,s.jsx)(`path`,{d:`M3 7l9 6 9-6`})]}),`E-mail`]}),(0,s.jsxs)(`span`,{className:`act`,children:[(0,s.jsx)(`svg`,{viewBox:`0 0 24 24`,children:(0,s.jsx)(`path`,{d:`M5 4h4l2 5-3 2a12 12 0 006 6l2-3 5 2v4a2 2 0 01-2 2A16 16 0 013 6a2 2 0 012-2z`})}),`Ligação`]}),(0,s.jsxs)(`span`,{className:`act`,children:[(0,s.jsx)(`svg`,{viewBox:`0 0 24 24`,children:(0,s.jsx)(`path`,{d:`M12 3a9 9 0 00-8 13l-1 5 5-1a9 9 0 104-17z`})}),`WhatsApp`]}),(0,s.jsxs)(`span`,{className:`act`,children:[(0,s.jsxs)(`svg`,{viewBox:`0 0 24 24`,children:[(0,s.jsx)(`path`,{d:`M6 3h9l5 5v13H6z`}),(0,s.jsx)(`path`,{d:`M15 3v5h5`})]}),`Proposta`]}),(0,s.jsxs)(`span`,{className:`act`,children:[(0,s.jsxs)(`svg`,{viewBox:`0 0 24 24`,children:[(0,s.jsx)(`circle`,{cx:`9`,cy:`8`,r:`3`}),(0,s.jsx)(`path`,{d:`M3 20a6 6 0 0112 0`}),(0,s.jsx)(`circle`,{cx:`17`,cy:`9`,r:`2`})]}),`Reunião`]})]}),(0,s.jsxs)(`div`,{className:`inp`,children:[(0,s.jsx)(`span`,{children:`Digite algo`}),(0,s.jsx)(`span`,{className:`mod`,children:`+ Modelos`})]}),(0,s.jsxs)(`div`,{className:`hist`,children:[(0,s.jsx)(`div`,{className:`h`,children:`Histórico de atividades`}),(0,s.jsxs)(`div`,{className:`card`,children:[(0,s.jsx)(`span`,{className:`ic`,children:(0,s.jsx)(`svg`,{viewBox:`0 0 24 24`,children:(0,s.jsx)(`path`,{d:`M4 4h16v13H7l-3 3z`})})}),(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`div`,{className:`t`,children:`Nota`}),(0,s.jsx)(`div`,{className:`dt`,children:`Criada em 18/Ago 10:20`}),(0,s.jsx)(`div`,{className:`bd`,children:`Conversa iniciada via Agendor Chat`}),(0,s.jsx)(`div`,{className:`lk`,children:`app.chat.agendor.com.br/app/accounts/7/inbox/37/conversations/1234`}),(0,s.jsxs)(`div`,{className:`foot`,children:[`Criado por `,(0,s.jsx)(`span`,{className:`avs`,children:(0,s.jsx)(`i`,{})}),` · Responsáveis `,(0,s.jsxs)(`span`,{className:`avs`,children:[(0,s.jsx)(`i`,{}),(0,s.jsx)(`i`,{}),(0,s.jsx)(`i`,{})]}),` +8`]})]})]}),(0,s.jsxs)(`div`,{className:`card`,children:[(0,s.jsx)(`span`,{className:`ic`,children:(0,s.jsx)(`svg`,{viewBox:`0 0 24 24`,children:(0,s.jsx)(`path`,{d:`M5 4h4l2 5-3 2a12 12 0 006 6l2-3 5 2v4a2 2 0 01-2 2A16 16 0 013 6a2 2 0 012-2z`})})}),(0,s.jsxs)(`div`,{style:{width:`100%`},children:[(0,s.jsx)(`div`,{className:`t`,children:`Ligação feita`}),(0,s.jsx)(`div`,{className:`dt`,children:`Criada em 02/Ago 14:40`}),(0,s.jsxs)(`div`,{className:`foot`,style:{justifyContent:`flex-end`},children:[(0,s.jsx)(`span`,{className:`chk`,children:`✓`}),` `,(0,s.jsx)(`span`,{className:`strike`,children:`Finalizada 02/ago 14:40`})]})]})]})]})]}),(0,s.jsxs)(`div`,{className:`chat`,children:[(0,s.jsxs)(`div`,{className:`chat-rail`,children:[(0,s.jsx)(`span`,{className:`alogo`,children:`a`}),(0,s.jsx)(`span`,{className:`ric on`,children:(0,s.jsx)(`svg`,{viewBox:`0 0 24 24`,children:(0,s.jsx)(`path`,{d:`M4 5h16v11H8l-4 4z`})})}),(0,s.jsx)(`span`,{className:`ric`,children:(0,s.jsxs)(`svg`,{viewBox:`0 0 24 24`,children:[(0,s.jsx)(`circle`,{cx:`12`,cy:`8`,r:`3`}),(0,s.jsx)(`path`,{d:`M5 20a7 7 0 0114 0`})]})}),(0,s.jsx)(`span`,{className:`ric`,children:(0,s.jsx)(`svg`,{viewBox:`0 0 24 24`,children:(0,s.jsx)(`path`,{d:`M4 20V10M10 20V4M16 20v-7M22 20V8`})})}),(0,s.jsx)(`span`,{className:`ric`,children:(0,s.jsxs)(`svg`,{viewBox:`0 0 24 24`,children:[(0,s.jsx)(`circle`,{cx:`12`,cy:`12`,r:`3`}),(0,s.jsx)(`path`,{d:`M12 3v3M12 18v3M3 12h3M18 12h3`})]})})]}),(0,s.jsxs)(`div`,{className:`chat-main`,children:[(0,s.jsxs)(`div`,{className:`chat-hd`,children:[(0,s.jsx)(`span`,{className:`bk`,children:`‹`}),(0,s.jsx)(`span`,{className:`ph`,children:(0,s.jsx)(`img`,{src:p.url,alt:``,width:28,height:28,loading:`lazy`,decoding:`async`})}),(0,s.jsxs)(`span`,{children:[(0,s.jsx)(`span`,{className:`nm`,children:`Fernando Pessoa`}),(0,s.jsx)(`br`,{}),(0,s.jsx)(`span`,{className:`sb`,children:`◔ Vendas 1 · Sudeste`})]}),(0,s.jsx)(`span`,{className:`md`,children:`Mais detalhes`})]}),(0,s.jsxs)(`div`,{className:`chat-body`,children:[(0,s.jsx)(`div`,{className:`sys`,children:`Atendimento recebido em 15/01 às 16:33 no WhatsApp`}),(0,s.jsx)(`div`,{className:`sys`,children:`Atendimento atribuído a Matheus Almeida`}),(0,s.jsxs)(`div`,{className:`bub out`,children:[`Olá, bom dia Fernando. Tudo bem?`,(0,s.jsx)(`span`,{className:`tm`,children:`Jan 15, 16:33`})]}),(0,s.jsxs)(`div`,{className:`bub in`,children:[`Bom dia Matheus! Já assinei e recebi a confirmação por e-mail.`,(0,s.jsx)(`span`,{className:`tm`,children:`Jan 15, 16:44`})]}),(0,s.jsxs)(`div`,{className:`bub note`,children:[(0,s.jsx)(`span`,{className:`mn`,children:`@Andrei Figueiredo`}),` preciso de ajuda com esse atendimento`,(0,s.jsx)(`span`,{className:`tm`,children:`Jan 15, 17:00`})]}),(0,s.jsxs)(`div`,{className:`bub out`,children:[`Show de bola! Vou preparar o contrato de 300 peças/mês.`,(0,s.jsx)(`span`,{className:`tm`,children:`Jan 16, 17:00`})]}),(0,s.jsx)(`div`,{className:`sys`,children:`✓ Matheus Almeida concluiu o atendimento`})]}),(0,s.jsxs)(`div`,{className:`chat-comp`,children:[(0,s.jsxs)(`div`,{className:`tabs`,children:[(0,s.jsx)(`span`,{className:`a`,children:`Responder`}),(0,s.jsx)(`span`,{className:`b`,children:`Mensagem privada`})]}),(0,s.jsx)(`div`,{className:`hint`,children:`Shift + enter para nova linha. Digite '/' para atalhos.`})]})]})]})]})]})})})}function h(){return(0,s.jsx)(`div`,{className:`acbpm-fit`,role:`img`,"aria-label":`Sugestões do Agendor Chat para criar contato e negócio no CRM a partir da conversa, com o negócio já criado no funil`,style:{"--base":640,aspectRatio:`640 / 319`,maxWidth:640},children:(0,s.jsx)(`div`,{className:`acbpm-scene`,"aria-hidden":!0,

1children:(0,s.jsxs)(`div`,{className:`pm`,children:[(0,s.jsxs)(`div`,{className:`pm-chrome`,children:[(0,s.jsx)(`span`,{className:`pm-dot`,style:{background:`#ff5f57`}}),(0,s.jsx)(`span`,{className:`pm-dot`,style:{background:`#febc2e`}}),(0,s.jsx)(`span`,{className:`pm-dot`,style:{background:`#28c840`}}),(0,s.jsx)(`span`,{className:`ttl`,children:`Agendor Chat · qualificação de leads`})]}),(0,s.jsxs)(`div`,{className:`q-body`,children:[(0,s.jsx)(`div`,{className:`bub2`,children:`Recebi a proposta. Consegue fechar 300 peças por mês?`}),(0,s.jsxs)(`div`,{className:`q-sug`,children:[(0,s.jsx)(`span`,{className:`q-ic`,children:`✓`}),(0,s.jsxs)(`span`,{className:`tx`,children:[(0,s.jsx)(`b`,{children:`Criar contato no CRM?`}),(0,s.jsx)(`span`,{children:`4 mensagens · intenção de compra detectada`})]}),(0,s.jsx)(`span`,{className:`q-btn`,children:`Criar`})]}),(0,s.jsxs)(`div`,{className:`q-sug`,children:[(0,s.jsx)(`span`,{className:`q-ic`,children:`＄`}),(0,s.jsxs)(`span`,{className:`tx`,children:[(0,s.jsx)(`b`,{children:`Criar negócio no funil?`}),(0,s.jsx)(`span`,{children:`Funil Comercial · responsável Camila`})]}),(0,s.jsx)(`span`,{className:`q-btn`,children:`Criar`})]}),(0,s.jsxs)(`div`,{className:`q-deal`,children:[(0,s.jsxs)(`div`,{className:`dh`,children:[(0,s.jsx)(`span`,{children:`Negócio criado no CRM`}),(0,s.jsx)(`span`,{className:`q-tag`,children:`via Agendor Chat`})]}),(0,s.jsx)(`div`,{className:`nm`,children:`Metalúrgica Andrade`}),(0,s.jsxs)(`div`,{className:`row`,children:[(0,s.jsx)(`span`,{className:`q-stage`,children:`Negociação`}),(0,s.jsx)(`span`,{className:`q-val`,children:`R$ 42.000`})]})]})]})]})})})}function g(){return(0,s.jsx)(`div`,{className:`acbpm-fit`,role:`img`,"aria-label":`Relatórios de agentes do Agendor Chat: conversas, mensagens enviadas e tempo da primeira resposta, com gráfico por período`,style:{"--base":700,aspectRatio:`700 / 459`,maxWidth:700},children:(0,s.jsx)(`div`,{className:`acbpm-scene`,"aria-hidden":!0,children:(0,s.jsx)(`div`,{className:`pm`,children:(0,s.jsxs)(`div`,{className:`rep`,children:[(0,s.jsxs)(`div`,{className:`rail`,children:[(0,s.jsx)(`span`,{className:`alogo`,children:`a`}),(0,s.jsx)(`span`,{className:`ric on`,children:(0,s.jsx)(`svg`,{viewBox:`0 0 24 24`,children:(0,s.jsx)(`path`,{d:`M4 5h16v11H8l-4 4z`})})}),(0,s.jsx)(`span`,{className:`ric`,children:(0,s.jsxs)(`svg`,{viewBox:`0 0 24 24`,children:[(0,s.jsx)(`circle`,{cx:`12`,cy:`8`,r:`3`}),(0,s.jsx)(`path`,{d:`M5 20a7 7 0 0114 0`})]})}),(0,s.jsx)(`span`,{className:`ric`,children:(0,s.jsx)(`svg`,{viewBox:`0 0 24 24`,children:(0,s.jsx)(`path`,{d:`M4 20V10M10 20V4M16 20v-7M22 20V8`})})}),(0,s.jsx)(`span`,{className:`ric`,children:(0,s.jsxs)(`svg`,{viewBox:`0 0 24 24`,children:[(0,s.jsx)(`path`,{d:`M4 12h13l-3-3M4 12l3 3`}),(0,s.jsx)(`path`,{d:`M20 4v16`})]})}),(0,s.jsx)(`span`,{className:`ric`,children:(0,s.jsx)(`svg`,{viewBox:`0 0 24 24`,children:(0,s.jsx)(`path`,{d:`M5 4h14v16l-7-4-7 4z`})})}),(0,s.jsx)(`span`,{className:`ric`,children:(0,s.jsxs)(`svg`,{viewBox:`0 0 24 24`,children:[(0,s.jsx)(`circle`,{cx:`12`,cy:`12`,r:`3`}),(0,s.jsx)(`path`,{d:`M12 3v3M12 18v3M3 12h3M18 12h3`})]})})]}),(0,s.jsxs)(`div`,{className:`nav`,children:[(0,s.jsxs)(`div`,{className:`cur`,children:[(0,s.jsx)(`div`,{className:`l`,children:`Visualizando atualmente:`}),(0,s.jsx)(`div`,{className:`v`,children:`Agendor`})]}),(0,s.jsxs)(`span`,{className:`lnk`,children:[(0,s.jsx)(`svg`,{viewBox:`0 0 24 24`,children:(0,s.jsx)(`path`,{d:`M4 19V9l8-5 8 5v10`})}),`Visão geral`]}),(0,s.jsxs)(`span`,{className:`lnk`,children:[(0,s.jsx)(`svg`,{viewBox:`0 0 24 24`,children:(0,s.jsx)(`path`,{d:`M4 5h16v11H8l-4 4z`})}),`Conversas`]}),(0,s.jsxs)(`span`,{className:`lnk`,children:[(0,s.jsxs)(`svg`,{viewBox:`0 0 24 24`,children:[(0,s.jsx)(`circle`,{cx:`12`,cy:`12`,r:`8`}),(0,s.jsx)(`path`,{d:`M9 14a4 4 0 006 0M9 9h.01M15 9h.01`})]}),`CSAT`]}),(0,s.jsxs)(`span`,{className:`lnk on`,children:[(0,s.jsxs)(`svg`,{viewBox:`0 0 24 24`,children:[(0,s.jsx)(`circle`,{cx:`9`,cy:`8`,r:`3`}),(0,s.jsx)(`path`,{d:`M3 20a6 6 0 0112 0`}),(0,s.jsx)(`circle`,{cx:`17`,cy:`9`,r:`2`})]}),`Agentes`]}),(0,s.jsxs)(`span`,{className:`lnk`,children:[(0,s.jsx)(`svg`,{viewB

1ox:`0 0 24 24`,children:(0,s.jsx)(`path`,{d:`M20 12l-8 8H4v-8l8-8 8 8z`})}),`Etiquetas`]}),(0,s.jsxs)(`span`,{className:`lnk`,children:[(0,s.jsxs)(`svg`,{viewBox:`0 0 24 24`,children:[(0,s.jsx)(`rect`,{x:`3`,y:`5`,width:`18`,height:`14`,rx:`2`}),(0,s.jsx)(`path`,{d:`M3 13h5l2 3h4l2-3h5`})]}),`Caixa de entrada`]}),(0,s.jsxs)(`span`,{className:`lnk`,children:[(0,s.jsxs)(`svg`,{viewBox:`0 0 24 24`,children:[(0,s.jsx)(`circle`,{cx:`9`,cy:`8`,r:`3`}),(0,s.jsx)(`path`,{d:`M3 20a6 6 0 0112 0`}),(0,s.jsx)(`circle`,{cx:`17`,cy:`9`,r:`2`})]}),`Time`]})]}),(0,s.jsxs)(`div`,{className:`rmain`,children:[(0,s.jsxs)(`div`,{className:`rh`,children:[(0,s.jsxs)(`svg`,{viewBox:`0 0 24 24`,children:[(0,s.jsx)(`circle`,{cx:`9`,cy:`8`,r:`3`}),(0,s.jsx)(`path`,{d:`M3 20a6 6 0 0112 0`}),(0,s.jsx)(`circle`,{cx:`17`,cy:`9`,r:`2`})]}),`Visão Geral de Agentes`]}),(0,s.jsxs)(`div`,{className:`filters`,children:[(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`span`,{className:`flabel`,children:`Selecione Agente`}),(0,s.jsxs)(`div`,{className:`sel`,children:[(0,s.jsx)(`span`,{className:`av`,children:`A`}),`Vendedor A`,(0,s.jsx)(`span`,{className:`car`,children:`▾`})]})]}),(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`span`,{className:`flabel`,children:`Duração`}),(0,s.jsx)(`div`,{className:`sel ph`,children:`Últimos 30 dias`})]}),(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`span`,{className:`flabel`,children:`Agrupar por`}),(0,s.jsx)(`div`,{className:`sel ph`,children:`Dia`})]})]}),(0,s.jsxs)(`div`,{className:`kpis`,children:[(0,s.jsxs)(`div`,{className:`kpi on`,children:[(0,s.jsx)(`div`,{className:`lb`,children:`Conversas`}),(0,s.jsxs)(`div`,{className:`vr`,children:[(0,s.jsx)(`span`,{className:`v`,children:`190`}),(0,s.jsx)(`span`,{className:`bdg up`,children:`+39%`})]}),(0,s.jsx)(`div`,{className:`sub`,children:`Total`})]}),(0,s.jsxs)(`div`,{className:`kpi`,children:[(0,s.jsx)(`div`,{className:`lb`,children:`Mensagens enviadas`}),(0,s.jsxs)(`div`,{className:`vr`,children:[(0,s.jsx)(`span`,{className:`v`,children:`1136`}),(0,s.jsx)(`span`,{className:`bdg up`,children:`+18%`})]}),(0,s.jsx)(`div`,{className:`sub`,children:`Total`})]}),(0,s.jsxs)(`div`,{className:`kpi`,children:[(0,s.jsx)(`div`,{className:`lb`,children:`Tempo da primeira resposta`}),(0,s.jsxs)(`div`,{className:`vr`,children:[(0,s.jsx)(`span`,{className:`v`,children:`27 Min 59 Sec`}),(0,s.jsx)(`span`,{className:`bdg down`,children:`-9%`})]}),(0,s.jsx)(`div`,{className:`sub`,children:`Média`})]})]}),(0,s.jsxs)(`div`,{className:`chart`,children:[(0,s.jsx)(`div`,{className:`bar`,style:{height:`28%`}}),(0,s.jsx)(`div`,{className:`bar`,style:{height:`82%`}}),(0,s.jsx)(`div`,{className:`bar`,style:{height:`42%`}}),(0,s.jsx)(`div`,{className:`bar`,style:{height:`58%`}}),(0,s.jsx)(`div`,{className:`bar`,style:{height:`50%`}}),(0,s.jsx)(`div`,{className:`bar`,style:{height:`66%`}}),(0,s.jsx)(`div`,{className:`bar`,style:{height:`88%`}}),(0,s.jsx)(`div`,{className:`bar`,style:{height:`70%`}}),(0,s.jsx)(`div`,{className:`bar`,style:{height:`100%`}})]})]})]})})})})}export{d as a,f as i,h as n,o,g as r,m as t};