1"use strict";(self.webpackChunkace_ui=self.webpackChunkace_ui||[]).push([[81],{8081:(e,s,t)=>{t.r(s),t.d(s,{default:()=>o});var l=t(5043),i=t(6058),a=t(7596),n=t(266),r=t(579);a.t1.register(a.PP,a.kc,a.FN,a.No,a.m_,a.s$);const o=e=>{let{title:s,labels:t,values:a,color:o,avg:c}=e;const{ref:d,isVisible:x}=(0,n.A)({threshold:.3}),[u,m]=(0,l.useState)(!1);(0,l.useEffect)((()=>{x&&!u&&m(!0)}),[x,u]);const h={labels:t,datasets:[{label:s,data:u?a:a.map((()=>0)),fill:!1,borderColor:o,backgroundColor:o,tension:0,pointRadius:0,borderWidth:3}]},p={responsive:!0,maintainAspectRatio:!1,animation:{duration:u?1500:0,easing:"easeInOutQuart"},plugins:{legend:{display:!1},tooltip:{mode:"index",intersect:!1}},scales:{x:{display:!0,grid:{display:!1},ticks:{color:"#64748B"}},y:{display:!0,grid:{drawBorder:!1,color:"#F1F5F9"},ticks:{precision:0,callback:e=>"".concat(e,"%")},..."Open Rate"===s&&{min:0,max:40},..."CTR"===s&&{min:0,max:30}}}};return(0,r.jsxs)("div",{ref:d,className:"bg-white rounded-[2rem] shadow-xl p-4 sm:p-6 min-h-[280px] flex flex-col",children:[(0,r.jsxs)("div",{className:"mb-4 flex items-center justify-between",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("h3",{className:"text-base sm:text-lg font-bold text-slate-900",children:s}),(0,r.jsxs)("p",{className:"text-xs sm:text-sm text-slate-500",children:["Avg ",c,"% over 30 days"]})]}),(0,r.jsxs)("div",{className:"rounded-2xl bg-slate-100 px-3 py-1 text-sm font-semibold text-slate-700",children:[c,"%"]})]}),(0,r.jsx)("div",{className:"flex-1 min-h-[180px]",children:(0,r.jsx)(i.N1,{data:h,options:p})})]})}},266:(e,s,t)=>{t.d(s,{A:()=>i});var l=t(5043);const i=function(){let{threshold:e=.1}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const s=(0,l.useRef)(null),[t,i]=(0,l.useState)(!1);return(0,l.useEffect)((()=>{const t=new IntersectionObserver((e=>{let[s]=e;s.isIntersecting&&i(!0)}),{threshold:e});return s.current&&t.observe(s.current),()=>t.disconnect()}),[e]),{ref:s,isVisible:t}}}}]); 2//# sourceMappingURL=81.f9817958.chunk.js.map
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.