1import{r as d,j as e,a3 as g,C as u}from"./index-C7pX_ngj.js";import{c as b}from"./avatar-chloe-final-BIo7faub.js";import{f as w}from"./avatar-fred-new-1X7l2BLi.js";import{a as y}from"./avatar-anna-new-BHmobkPk.js";const l=[{who:"C",text:"Writing first reply"},{who:"C",text:"Getting information"},{who:"F",text:"Connecting to Jira"},{who:"C",text:"Drafting final reply"}],j={C:{src:b,name:"Chloe"},F:{src:w,name:"Fred"},A:{src:y,name:"Anna"}},n=c=>new Promise(o=>setTimeout(o,c)),A=()=>{const[c,o]=d.useState(l.map(()=>({phase:"idle",typed:""}))),[x,p]=d.useState(!1),f=()=>o(l.map(()=>({phase:"idle",typed:""}))),i=(t,s)=>o(a=>{const r=[...a];return r[t]={...r[t],...s},r}),h=async()=>{if(!x){p(!0),f(),await n(300);for(let t=0;t<l.length;t++){i(t,{phase:"appear",typed:""}),await n(520),i(t,{phase:"typing"});const s=l[t].text;for(let a=1;a<=s.length;a++)i(t,{typed:s.slice(0,a)}),await n(22);i(t,{phase:"working"}),await n(900),i(t,{phase:"done"}),await n(500)}await n(1400),p(!1)}};return d.useEffect(()=>{document.title="Cancel subscription: cards"},[]),e.jsxs("div",{onClick:h,className:"light-island min-h-screen w-full bg-[#E4DED3] flex items-center justify-center p-10 cursor-pointer select-none",children:[e.jsx("div",{className:"relative w-full max-w-xl space-y-5",children:l.map((t,s)=>{const a=c[s],r=j[t.who],m=a.phase!=="idle";return e.jsx("div",{className:"transition-all ease-[cubic-bezier(0.22,1,0.36,1)]",style:{transitionDuration:"700ms",opacity:m?1:0,transform:m?"translateY(0) scale(1) rotateX(0deg)":"translateY(28px) scale(0.94) rotateX(-14deg)",transformOrigin:"top center",perspective:"1000px"},children:e.jsxs("div",{className:"relative rounded-2xl border px-6 py-5 flex items-center gap-5 overflow-hidden",style:{background:"linear-gradient(145deg, #1a6dff 0%, #0f5ce6 35%, #0084FF 52%, #0f5ce6 70%, #1a6dff 100%)",borderColor:"rgba(100, 180, 255, 0.55)",boxShadow:"0 22px 44px -16px rgba(0, 74, 178, 0.45), 0 10px 20px -10px rgba(0, 74, 178, 0.35), inset 0 1px 0 rgba(255,255,255,0.35), inset 0 -1px 0 rgba(0, 40, 120, 0.35)"},children:[e.jsx("div",{className:"pointer-events-none absolute inset-0",style:{background:"linear-gradient(105deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.16) 42%, rgba(255,255,255,0) 60%)"}}),e.jsx("div",{className:"relative flex-shrink-0 w-14 h-14 rounded-full overflow-hidden bg-[#0b4cc7] shadow-lg",children:e.jsx("img",{src:r.src,alt:r.name,className:"w-full h-full object-cover",draggable:!1})}),e.jsxs("div",{className:"flex-1 flex items-center gap-4",children:[e.jsxs("p",{className:"text-[20px] text-slate-800 font-medium tracking-tight",children:[a.typed,a.phase==="typing"&&e.jsx("span",{className:"inline-block w-[2px] h-[20px] align-middle bg-slate-500 ml-0.5 animate-pulse"})]}),e.jsxs("div",{className:"ml-auto",children:[a.phase==="working"&&e.jsxs("span",{className:"inline-flex items-center gap-1.5 text-[13px] font-medium text-blue-700 bg-white/70 border border-blue-100 rounded-full px-3 py-1 shadow-sm",children:[e.jsx(g,{className:"w-3.5 h-3.5 animate-spin"}),"Working"]}),a.phase==="done"&&e.jsxs("span",{className:"inline-flex items-center gap-1.5 text-[13px] font-medium text-white bg-emerald-500 border border-emerald-500 rounded-full px-3 py-1 shadow",style:{animation:"tickPop 350ms cubic-bezier(0.34,1.56,0.64,1) both"},children:[e.jsx("span",{className:"inline-flex items-center justify-center w-4 h-4 rounded-full bg-emerald-500",children:e.jsx(u,{className:"w-2.5 h-2.5 text-white",strokeWidth:3})}),"Done"]})]})]})]})},s)})}),e.jsx("style",{children:` 2 @keyframes tickPop { 3 0% { transform: scale(0.6); opacity: 0; } 4 60% { transform: scale(1.08); opacity: 1; } 5 100% { transform: scale(1); opacity: 1; } 6 } 7 `})]})};export{A 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.