https://www.fasttrack.ai/assets/_lang.solutions.need.management-alerts-CCTpzLV1.js

1import{b as m,j as e,r as h}from"./index-C1u1gQK7.js";import{N as k}from"./NeedPageTemplate-CSje2OaN.js";import{C as E}from"./CardGrid-BFtSzJGk.js";import{B as I,T as R}from"./trophy-BjIOJqAe.js";import{M as z}from"./message-square-heart-D7a8YcZZ.js";import{T as D}from"./triangle-alert-aH3Elp59.js";import{G as T}from"./gauge-Dwt1yE3N.js";import{S as B}from"./shield-check-B5juJBjX.js";import{C}from"./crown-BjJXIvAW.js";import{B as M}from"./briefcase-CtRb5icq.js";import"./FriendsAndWords-2dqxCXHM.js";import"./MinimalYouTube-C3aPTTNn.js";import"./logo-lcky-Bks_75OB.js";import"./play-7WyZ8LKP.js";import"./SeeInEnvironment--_sGhnLa.js";import"./LogoStrip-eoNLBAZy.js";import"./HeroAnimation-Cb-5LyaG.js";import"./sparkles-C0q2NkaV.js";import"./loader-circle-BQ6MM3DR.js";const f="#111",g="#E5E5E5",y="#F5B800",u="#E8175D",j="#783171",b="#43B03C",$=`
2@keyframes maPulse{0%{transform:scale(1);opacity:.55}100%{transform:scale(2.1);opacity:0}}
3@keyframes maSwing{0%,100%{transform:rotate(-14deg)}50%{transform:rotate(12deg)}}
4`;function v(t){const[s,n]=h.useState(0);return h.useEffect(()=>{const o=setInterval(()=>n(a=>a+1),t);return()=>clearInterval(o)},[t]),s}function w({children:t,zoom:s=1}){const n=h.useRef(null),[o,a]=h.useState(1);h.useEffect(()=>{const d=n.current;if(!d)return;const p=new ResizeObserver(()=>a(Math.min(1,d.clientWidth/520)));return p.observe(d),()=>p.disconnect()},[]);const r=o*s;return e.jsxs("div",{ref:n,style:{width:"100%",height:400*r,position:"relative",fontFamily:"Inter, system-ui, sans-serif",color:f},children:[e.jsx("style",{children:$}),e.jsx("div",{style:{width:520,height:400,position:"absolute",top:0,left:"50%",transform:`translateX(-50%) scale(${r})`,transformOrigin:"top center"},children:t})]})}const A=({size:t=16,color:s="#fff"})=>e.jsx("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:s,children:e.jsx("path",{d:"M12 2a6 6 0 0 0-6 6v3.6L4.4 15A1 1 0 0 0 5.3 16.5h13.4a1 1 0 0 0 .9-1.5L18 11.6V8a6 6 0 0 0-6-6zm0 20a2.8 2.8 0 0 0 2.8-2.6H9.2A2.8 2.8 0 0 0 12 22z"})}),G=()=>e.jsx("svg",{width:"15",height:"15",viewBox:"0 0 24 24",fill:"#fff",children:e.jsx("path",{d:"M6 3h12v3h3v2a4 4 0 0 1-4 4h-.4A5.9 5.9 0 0 1 13 14.9V18h3v3H8v-3h3v-3.1A5.9 5.9 0 0 1 7.4 12H7a4 4 0 0 1-4-4V6h3zm0 5V6H5v2a2 2 0 0 0 1 1.7zm12 0a2 2 0 0 0 1-1.7V6h-1z"})}),H=()=>e.jsx("svg",{width:"15",height:"15",viewBox:"0 0 24 24",fill:"#fff",children:e.jsx("path",{d:"M12 2l8 3v6c0 5-3.4 9.3-8 11-4.6-1.7-8-6-8-11V5z"})}),L=()=>e.jsx("svg",{width:"15",height:"15",viewBox:"0 0 24 24",fill:"#fff",children:e.jsx("path",{d:"M3 7l4.5 3.5L12 4l4.5 6.5L21 7l-1.8 11H4.8z"})});function N(t){return[{title:t("pages.graphics.ma.alert1Title"),meta:t("pages.graphics.ma.alert1Meta"),color:y,icon:e.jsx(G,{})},{title:t("pages.graphics.ma.alert2Title"),meta:t("pages.graphics.ma.alert2Meta"),color:u,icon:e.jsx(H,{})},{title:t("pages.graphics.ma.alert3Title"),meta:t("pages.graphics.ma.alert3Meta"),color:j,icon:e.jsx(L,{})}]}const S=({children:t,sidebarBadge:s})=>e.jsxs("div",{style:{position:"absolute",left:36,top:24,width:448,height:330,background:"#fff",border:`1px solid ${g}`,borderRadius:8,boxShadow:"0 2px 8px rgba(0,0,0,.06)",display:"flex",overflow:"hidden",boxSizing:"border-box"},children:[e.jsxs("div",{style:{width:64,background:"#F5F5F5",flex:"none",padding:"12px 0",display:"flex",flexDirection:"column",alignItems:"center",gap:12},children:[e.jsx("div",{style:{display:"flex",gap:4},children:["#DADADA","#DADADA","#DADADA"].map((n,o)=>e.jsx("span",{style:{width:6,height:6,borderRadius:"50%",background:n}},o))}),[0,1,2].map(n=>e.jsxs("div",{style:{width:36,height:36,borderRadius:6,background:n===1?f:"#EFEFEF",position:"relative",display:"flex",alignItems:"center",justifyContent:"center"},children:[n===1&&e.jsx(A,{size:15}),n===1&&s!==void 0&&e.jsx("span",{style:{position:"absolute",top:-6,right:-8,minWidth:16,height:16,borderRadius:8,background:u,color:"#fff",fontSize:9,fontWeight:700,display:"flex",alignItems:"center",justifyContent:"center",padding:"0 4px",transition:"transform .25s"},children:s})]},n))]}),t]});function O({stepMs:t=900}){const{t:s}

4=m(),n=N(s),a=v(t)%12,r=a>=4?3:a>=2?2:1,d=a>=6&&a<10,p=n.slice(0,r).reverse(),c=Math.max(0,r-(d?1:0));return e.jsx(w,{children:e.jsx(S,{sidebarBadge:c,children:e.jsxs("div",{style:{flex:1,padding:14,display:"flex",flexDirection:"column",gap:10,boxSizing:"border-box"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[e.jsx("span",{style:{fontSize:13,fontWeight:700},children:s("pages.graphics.ma.title")}),e.jsxs("span",{style:{fontSize:10,color:"#6B6B6B",display:"flex",alignItems:"center",gap:5},children:[e.jsx("span",{style:{width:6,height:6,borderRadius:"50%",background:b}})," ",s("pages.graphics.ma.live")]})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:8,flex:1},children:[p.map((i,l)=>{const x=l===0&&(a===2||a===4),F=l===0;return e.jsxs("div",{style:{minHeight:72,background:"#fff",border:`1px solid ${x?i.color:g}`,borderRadius:8,boxShadow:x?"0 4px 12px rgba(0,0,0,.08)":"none",display:"grid",gridTemplateColumns:"32px 1fr auto",gap:10,alignItems:"center",padding:"10px 12px",boxSizing:"border-box",transform:`translateY(${x?-6:0}px)`,transition:"transform .35s cubic-bezier(.2,.8,.2,1), border-color .35s, box-shadow .35s"},children:[e.jsx("span",{style:{width:32,height:32,borderRadius:6,background:i.color,display:"flex",alignItems:"center",justifyContent:"center"},children:i.icon}),e.jsxs("span",{style:{minWidth:0},children:[e.jsx("span",{style:{display:"block",fontSize:12.5,fontWeight:700,lineHeight:1.25},children:i.title}),e.jsx("span",{style:{display:"block",fontSize:11,color:"#6B6B6B",marginTop:3},children:i.meta})]}),F?e.jsx("span",{style:{fontSize:10.5,fontWeight:700,color:"#fff",background:d?b:f,borderRadius:999,padding:"6px 12px",whiteSpace:"nowrap",transition:"background .3s"},children:s(d?"pages.graphics.ma.done":"pages.graphics.ma.takeAction")}):e.jsx("span",{style:{fontSize:10.5,fontWeight:700,color:"#6B6B6B",background:"#F5F5F5",borderRadius:999,padding:"6px 12px",whiteSpace:"nowrap"},children:s("pages.graphics.ma.view")})]},i.title)}),Array.from({length:3-r}).map((i,l)=>e.jsx("div",{style:{minHeight:72,border:`1px dashed ${g}`,borderRadius:8}},`ph${l}`))]})]})})})}function W({stepMs:t=900}){const{t:s}=m(),n=v(t),o=n%7,a=o>=1&&o<=5,r=Math.floor(n/7)%3,p=[{text:s("pages.graphics.ma.toast1"),color:y},{text:s("pages.graphics.ma.toast2"),color:u},{text:s("pages.graphics.ma.toast3"),color:j}][r];return e.jsxs(w,{children:[e.jsxs(S,{children:[e.jsx("div",{style:{width:104,background:"#FAFAFA",borderRight:`1px solid ${g}`,flex:"none",padding:12,display:"flex",flexDirection:"column",gap:10},children:[70,56,82,48,64,74].map((c,i)=>e.jsx("span",{style:{height:9,width:c,borderRadius:4,background:"#EFEFEF"}},i))}),e.jsx("div",{style:{flex:1,padding:14,display:"flex",flexDirection:"column",gap:8,boxSizing:"border-box"},children:[0,1,2,3].map(c=>{const i=a&&c===(r+1)%4;return e.jsxs("div",{style:{height:66,borderRadius:8,border:`1px solid ${g}`,background:i?"#FAFAFA":"#fff",display:"flex",alignItems:"center",gap:10,padding:"0 12px",transition:"background .35s"},children:[e.jsx("span",{style:{width:34,height:34,borderRadius:6,background:"#EFEFEF",flex:"none"}}),e.jsxs("span",{style:{flex:1,display:"flex",flexDirection:"column",gap:7},children:[e.jsx("span",{style:{height:9,width:`${55+(c+r)%3*12}%`,borderRadius:4,background:"#EFEFEF",transition:"width .5s"}}),e.jsx("span",{style:{height:8,width:`${30+(c+r)%4*8}%`,borderRadius:4,background:"#F5F5F5",transition:"width .5s"}})]}),e.jsx("span",{style:{width:34,height:10,borderRadius:4,background:"#EFEFEF",flex:"none"}})]},c)})})]}),e.jsxs("div",{style:{position:"absolute",left:104,top:224,width:352,background:"#fff",border:`1px solid ${g}`,borderRadius:12,boxShadow:"0 12px 32px rgba(0,0,0,.14)",padding:"20px 24px",boxSizing:"border-box",display:"flex",alignItems:"center",gap:16,opacity:a?1:0,transform:`translateY(${a?0:36}px)`,transition:"opacity .4s, transform .45s cubic-bezier(.2,.8,.2,1)"},children:[e.jsxs("span",{style:{position:"relative",width:44,height:44,borderRadius:10,background:p.color,display:"flex",alignItems:"center",justifyContent:"center",flex:"none"},children:[a&&e.jsx("span",{style:{position:"absolute",inset:0,borderRadius:10,background:p.color,animation:"maPulse 1.6s ease-out",zIndex:0}}),e.jsx("span",{style:{position:"relative",zIndex:1,display:"flex",animation:"maSwing 2.4s ease-in-out infinite",transformOrigin:"top center"},children:e.jsx(A,{size:20})})]}),e.jsx("span",{style:{fontSize:15,fontWeight:700,lineHeight:1.3},children:p.text})]})]})}const P=[I,z,D,T],V=["/need/management-alerts/lc-screen-activities.svg"],Y=[R,B,C,M];function pe(){const{t}=m(),n=t("need.pages.managementAlerts.iconFeatures",{returnObjects:!0}).map((i,l)=>({...i,Icon:P[l]})),o=t("need.pages.managementAlerts.featureSections",{returnObjects:!0}),a=[e.jsx(W,{},"toast")],r=o.map((i,l)=>({...i,image:V[l],visual:a[l]})),d=t("need.pages.managementAlerts.fastTrackAI",{returnObjects:!0}

4),c=t("need.pages.managementAlerts.alertGrid.cards",{returnObjects:!0}).map((i,l)=>({...i,Icon:Y[l]}));return e.jsx(k,{pillLabel:"Solutions / Need",headline:t("need.pages.managementAlerts.headline"),intro:t("need.pages.managementAlerts.intro"),heroVisual:e.jsx(O,{}),heroImage:"/need/management-alerts/lc-screen-activities.svg",heroImageAlt:t("need.pages.managementAlerts.heroImageAlt"),iconFeatures:n,featureSections:r,fastTrackAI:d,afterFeaturesSlot:e.jsx(E,{eyebrow:t("need.pages.managementAlerts.alertGrid.eyebrow"),heading:t("need.pages.managementAlerts.alertGrid.heading"),subheading:t("need.pages.managementAlerts.alertGrid.subheading"),cards:c,bg:"cream"})})}export{pe as component};