PageSourceSearch

https://www.atendeme.ai/_next/static/chunks/app/como-funciona/page…?dpl=dpl_ELzX9cDe4FRnRyoMCdREEXrXy52C

js atendeme.ai collected 2026-10-05 14:06:50 UTC 13,175 bytes, 133 lines download raw bytes

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2863],{1539:(e,a,t)=>{"use strict";t.r(a),t.d(a,{Accordion:()=>c,AccordionContent:()=>p,AccordionItem:()=>d,AccordionTrigger:()=>l});var r=t(5155),i=t(6083),n=t(4033),o=t(2115),s=t(5016);let c=i.bL,d=o.forwardRef((e,a)=>{let{className:t,...n}=e;return(0,r.jsx)(i.q7,{ref:a,className:(0,s.cn)("border-b border-[var(--card-hairline)]",t),...n})});d.displayName="AccordionItem";let l=o.forwardRef((e,a)=>{let{className:t,children:o,...c}=e;return(0,r.jsx)(i.Y9,{className:"flex",children:(0,r.jsxs)(i.l9,{ref:a,className:(0,s.cn)("flex flex-1 items-center justify-between gap-6 py-5 text-left text-lg font-normal text-[var(--ink-200)] transition-all focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-[var(--focus-ring)] focus-visible:rounded-sm [&[data-state=open]>svg]:rotate-180",t),...c,children:[o,(0,r.jsx)(n.A,{"aria-hidden":!0,className:"h-5 w-5 shrink-0 text-[var(--ink-mid,var(--sapphire-dark))] transition-transform duration-200 motion-reduce:transition-none"})]})})});l.displayName="AccordionTrigger";let p=o.forwardRef((e,a)=>{let{className:t,children:n,...o}=e;return(0,r.jsx)(i.UC,{ref:a,className:"overflow-hidden text-[color:var(--ink-400)] motion-safe:data-[state=closed]:animate-accordion-up motion-safe:data-[state=open]:animate-accordion-down",...o,children:(0,r.jsx)("div",{className:(0,s.cn)("pb-5 pt-0",t),style:{fontSize:16,lineHeight:1.65},children:n})})});p.displayName="AccordionContent"},5016:(e,a,t)=>{"use strict";t.d(a,{cn:()=>n});var r=t(2821),i=t(5889);function n(){for(var e=arguments.length,a=Array(e),t=0;t<e;t++)a[t]=arguments[t];return(0,i.QP)((0,r.$)(a))}},7703:(e,a,t)=>{"use strict";t.d(a,{CrossChannelDemo:()=>d});var r=t(5155),i=t(2115),n=t(5937),o=t(9141),s=t(3664);let c=[{channel:"WhatsApp",Icon:n.A,timestamp:"Dois dias antes da chegada",lines:[{who:"Cliente",text:"Vamos chegar por volta da 1h da manh\xe3. Ainda conseguimos entrar?"},{who:"Agente",text:"Claro, estamos dispon\xedveis 24h. Fico a aguard\xe1-los \xe0 01h00."}]},{channel:"Voz",Icon:o.A,timestamp:"Dia da chegada",lines:[{who:"Cliente",text:"Liguei porque n\xe3o sei onde estacionar a esta hora."},{who:"Agente",text:"J\xe1 estava a contar com a sua chegada \xe0 01h00. Temos um lugar coberto reservado. Pode vir diretamente."}]},{channel:"Email",Icon:s.A,timestamp:"Manh\xe3 do dia da chegada",lines:[{who:"Assunto",text:"A sua chegada esta noite, tudo preparado."},{who:"Agente",text:"Est\xe1 tudo pronto. O estacionamento coberto fica reservado para si. O restaurante a dois minutos serve at\xe9 \xe0s 02h00."}]}];function d(){let e=(0,i.useRef)(null),[a,t]=(0,i.useState)(!1);return(0,i.useEffect)(()=>{let a=e.current;if(!a)return;if(window.matchMedia?.("(prefers-reduced-motion: reduce)").matches)return void t(!0);let r=new IntersectionObserver(e=>{for(let a of e)a.isIntersecting&&(t(!0),r.disconnect())},{threshold:.25});return r.observe(a),()=>r.disconnect()},[]),(0,r.jsxs)("section",{ref:e,style:{background:"transparent",color:"var(--ink-200)",padding:"120px 24px",borderTop:"1px solid var(--card-hairline)"},"aria-labelledby":"cf-ccd-h2",children:[(0,r.jsxs)("div",{style:{maxWidth:1180,margin:"0 auto"},children:[(0,r.jsx)("div",{style:{fontFamily:"var(--font-body)",fontSize:11,letterSpacing:"0.22em",textTransform:"uppercase",color:"var(--sapphire-dark)",textAlign:"center",marginBottom:18},children:"UM CLIENTE, TR\xcaS CANAIS, UMA MEM\xd3RIA"}),(0,r.jsx)("h2",{id:"cf-ccd-h2",style:{fontFamily:"var(--font-display)",fontSize:"clamp(32px, 3.6vw, 46px)",lineHeight:1.1,letterSpacing:"-0.022em",margin:"0 auto 48px",maxWidth:760,textAlign:"center"},children:"Os agentes falam entre si."}),(0,r.jsxs)("div",{style:{position:"relative",paddingTop:56},className:`ccd-stage ${a?"ccd-stage--in":""}`,children:[(0,r.jsx)("div",{"aria-hidden":"true",className:"ccd-line-glow"}),(0,r.jsx)("div",{"aria-hidden":"true",className:"ccd-line"}),(0,r.jsx)("div",{"aria-hidden":"true",className:"ccd-nodes",children:c.map((e,a)=>(0,r.jsxs)("div",{className:"ccd-node",style:{transitionDelay:`${380+220*a}ms`},children:[(0,r.jsx)("span",{className:"ccd-node-halo"}),(0,r.jsx)("span",{className:"ccd-node-dot",children:(0,r.jsx)(e.Icon,{size:16,strokeWidth:2})})]},`node-${e.channel}`))}),(0,r.jsx)("div",{className:"ccd-grid",children:c.map((e,a)=>(0,r.jsxs)("article",{className:"ccd-card",style:{transitionDelay:`${200+220*a}ms`},children:[(0,r.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"baseline",marginBottom:16},children:[(0,r.jsx)("span",{style:{fontFamily:"var(--font-body)",fontSize:11,letterSpacing:"0.18em",textTransform:"uppercase",color:"var(--sapphire-dark)"},children:e.channel}),(0,r.jsx)("span",{style:{fontSize:12,color:"var(--ink-400)"},children:e.timestamp})]}),(0,r.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:12},children:e.lines.map((e,a)=>(0,r.jsxs)("div",{style:{fontSize:14,lineHeight:1.55,color:"var(--ink-400)"},children:[(0,r.jsxs)("span",{style:{color:"var(--ink-200)",fontWeight:500},children:[e.who,":"]})," ",e.text]},a))})]},e.channel))})]}),(0,r.jsx)("p",{style:{marginTop:48,textAlign:"center",fontFamily:"var(--font-display)",fontSize:"clamp(20px, 2vw, 26px)",lineHeight:1.35,color:"var(--ink-200)",maxWidth:620,marginInline:"auto"},children:"A mem\xf3ria n\xe3o reinicia quando o cliente muda de canal."})]}),(0,r.jsx)("style",{children:`
2        .ccd-grid {
3          position: relative;
4          z-index: 1;
5          display: grid;
6          grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
7          gap: 28px;
8        }
9        .ccd-card {
10          background: var(--surface);
11          -webkit-backdrop-filter: blur(28px) saturate(180%);
12          backdrop-filter: blur(28px) saturate(180%);
13          border: 1px solid var(--card-hairline);
14          border-radius: 14px;
15          padding: 24px 22px 22px;
16          box-shadow: var(--shadow-card), inset 0 1px 0 rgba(255,251,242,0.55);
17          opacity: 0;
18          transform: translateY(18px);
19          transition: opacity 640ms ease, transform 640ms cubic-bezier(0.2, 0.7, 0.2, 1), box-shadow 320ms ease;
20        }
21        .ccd-card:hover {
22          box-shadow: var(--shadow-card), 0 8px 24px rgba(15,27,51,0.08), inset 0 1px 0 rgba(255,251,242,0.55);
23        }
24        .ccd-line {
25          position: absolute;
26          top: 28px;
27          left: 8%;
28          right: 8%;
29          height: 1px;
30          background: linear-gradient(90deg, transparent 0%, var(--sapphire) 15%, var(--sapphire) 85%, transparent 100%);
31          opacity: 0;
32          transform: scaleX(0);
33          transform-origin: left center;
34          transition: opacity 480ms ease, transform 1200ms cubic-bezier(0.2, 0.7, 0.2, 1);
35          z-index: 0;
36        }
37        .ccd-line-glow {
38          position: absolute;
39          top: 28px;
40          left: 8%;
41          right: 8%;
42          height: 14px;
43          transform: translateY(-50%) scaleX(0);
44          transform-origin: left center;
45          background: radial-gradient(ellipse at center, rgba(15, 27, 51,0.35) 0%, rgba(15, 27, 51,0.10) 45%, rgba(15, 27, 51,0) 75%);
46          filter: blur(2px);
47          opacity: 0;
48          pointer-events: none;
49          transition: opacity 600ms ease, transform 1200ms cubic-bezier(0.2, 0.7, 0.2, 1);
50          z-index: 0;
51        }
52        .ccd-nodes {
53          position: absolute;
54          top: 9px;
55          left: 0;
56          right: 0;
57          height: 38px;
58          display: grid;
59          grid-template-columns: repeat(3, 1fr);
60          pointer-events: none;
61          z-index: 2;
62        }
63        .ccd-node {
64          position: relative;
65          justify-self: center;
66          align-self: center;
67          width: 38px;
68          height: 38px;
69          opacity: 0;
70          transform: translateY(0) scale(0.6);
71          transition: opacity 520ms ease, transform 520ms cubic-bezier(0.2, 0.7, 0.2, 1);
72        }
73        .ccd-node-halo {
74          position: absolute;
75          inset: -14px;
76          border-radius: 50%;
77          background: radial-gradient(circle, rgba(15, 27, 51,0.32) 0%, rgba(15, 27, 51,0) 70%);
78        }
79        .ccd-node-dot {
80          position: absolute;
81          inset: 0;
82          margin: auto;
83          width: 38px;
84          height: 38px;
85          border-radius: 50%;
86          background: var(--surface);
87          -webkit-backdrop-filter: blur(12px) saturate(160%);
88          backdrop-filter: blur(12px) saturate(160%);
89          border: 1.5px solid var(--card-hairline-strong, rgba(15, 27, 51,0.10));
90          color: var(--sapphire-dark);
91          display: flex;
92          align-items: center;
93          justify-content: center;
94          box-shadow: 0 4px 12px -4px rgba(15,27,51,0.15), inset 0 1px 0 rgba(255,251,242,0.55);
95        }
96        .ccd-stage--in .ccd-card {
97          opacity: 1;
98          transform: translateY(0);
99        }
100        .ccd-stage--in .ccd-line,
101        .ccd-stage--in .ccd-line-glow {
102          opacity: 0.55;
103          transform: translateY(-50%) scaleX(1);
104          transition-delay: 80ms;
105        }
106        .ccd-stage--in .ccd-line {
107          opacity: 0.5;
108          transform: scaleX(1);
109        }
110        .ccd-stage--in .ccd-node {
111          opacity: 1;
112          transform: translateY(0) scale(1);
113        }
114        @media (prefers-reduced-motion: reduce) {
115          .ccd-card,
116          .ccd-line,
117          .ccd-line-glow,
118          .ccd-node {
119            transition: none !important;
120            opacity: 1 !important;
121            transform: none !important;
122          }
123          .ccd-line { opacity: 0.5 !important; }
124          .ccd-line-glow { opacity: 0.55 !important; transform: translateY(-50%) !important; }
125        }
126        @media (max-width: 860px) {
127          .ccd-line,
128          .ccd-line-glow,
129          .ccd-nodes {
130            display: none;
131          }
132        }
133      `})]})}},8011:(e,a,t)=>{"use strict";t.d(a,{MockupImproving:()=>
133o});var r=t(5155),i=t(2115);let n=[3.6,3.8,3.9,4.1,4.2,4.4,4.5,4.7];function o(){let[e,a]=(0,i.useState)(!1),t=(0,i.useRef)(null);return(0,i.useEffect)(()=>{if(!t.current)return;let e=t.current,r=new IntersectionObserver(e=>{e.forEach(e=>{e.isIntersecting&&(a(!0),r.disconnect())})},{threshold:.4});return r.observe(e),()=>r.disconnect()},[]),(0,r.jsxs)("div",{ref:t,style:{display:"flex",flexDirection:"column",gap:14,height:"100%"},children:[(0,r.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[(0,r.jsx)("div",{style:{fontFamily:"var(--font-display)",fontSize:17,color:"var(--ivory)",letterSpacing:"-0.012em"},children:"Qualidade m\xe9dia"}),(0,r.jsx)("span",{style:{fontFamily:"var(--font-body)",fontSize:9.5,fontWeight:500,letterSpacing:"0.18em",textTransform:"uppercase",color:"rgba(239,234,224,0.45)",border:"1px solid rgba(58, 77, 114,0.18)",padding:"3px 8px",borderRadius:4},children:"Exemplo"})]}),(0,r.jsxs)("div",{role:"img","aria-label":"Gr\xe1fico exemplificativo: qualidade m\xe9dia a subir de 3,6 para 4,7 ao longo de 8 semanas",style:{flex:1,padding:"14px 16px 8px",background:"rgba(15,27,51,0.5)",border:"1px solid rgba(58, 77, 114,0.12)",borderRadius:12,display:"flex",flexDirection:"column",gap:8,position:"relative"},children:[[5,4,3].map(e=>(0,r.jsx)("div",{style:{position:"absolute",left:28,right:16,top:`${20+(5-e)/2*70}%`,borderTop:"1px dashed rgba(58, 77, 114,0.08)",fontFamily:"var(--font-body)",fontSize:9,color:"rgba(239,234,224,0.3)",paddingLeft:0},children:(0,r.jsx)("span",{style:{position:"absolute",left:-22,top:-7},children:e})},e)),(0,r.jsx)("div",{style:{flex:1,display:"grid",gridTemplateColumns:`repeat(${n.length}, 1fr)`,gap:6,alignItems:"end",paddingLeft:18,paddingTop:6},children:n.map((a,t)=>{let i=(a-3)/2*100;return(0,r.jsx)("div",{style:{height:e?`${i}%`:"0%",background:t===n.length-1?"linear-gradient(180deg, var(--sapphire-light), var(--sapphire))":"linear-gradient(180deg, rgba(58, 77, 114,0.55), rgba(15, 27, 51,0.4))",borderRadius:"4px 4px 0 0",transition:`height 700ms cubic-bezier(0.2,0.8,0.2,1) ${80*t}ms`,position:"relative",boxShadow:t===n.length-1?"0 0 24px -4px rgba(58, 77, 114,0.55)":"none"},children:t===n.length-1&&(0,r.jsx)("span",{style:{position:"absolute",top:-22,left:"50%",transform:"translateX(-50%)",fontFamily:"var(--font-display)",fontSize:13,color:"var(--ivory)",letterSpacing:"-0.01em",whiteSpace:"nowrap",opacity:+!!e,transition:"opacity 400ms ease 900ms"},children:a})},t)})}),(0,r.jsx)("div",{style:{display:"grid",gridTemplateColumns:`repeat(${n.length}, 1fr)`,gap:6,paddingLeft:18,fontFamily:"var(--font-body)",fontSize:9,color:"rgba(239,234,224,0.4)",textAlign:"center",letterSpacing:"0.04em"},children:n.map((e,a)=>(0,r.jsxs)("span",{children:["S",a+1]},a))})]}),(0,r.jsx)("div",{style:{fontFamily:"var(--font-body)",fontSize:11.5,color:"rgba(239,234,224,0.6)",textAlign:"center"},children:"\xdaltimas 8 semanas \xb7 ciclo autom\xe1tico cada 6h"})]})}},8798:(e,a,t)=>{Promise.resolve().then(t.bind(t,7703)),Promise.resolve().then(t.bind(t,8011)),Promise.resolve().then(t.bind(t,1539))}},e=>{e.O(0,[3875,9779,9698,8441,1255,7358],()=>e(e.s=8798)),_N_E=e.O()}]);

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.