anarock-widgets 1.0.416 → 1.0.418
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +37 -35
- package/dist/index.umd.js +1 -1
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -479,4 +479,4 @@ Take a look at the reducer(s) handling this action type: ${p.type}.
|
|
|
479
479
|
${i?"bg-[#F7FEFA] text-[#1FA05B]":"bg-[#FBF4F4] text-[#EF4444]"} p-[4px] rounded-[4px] font-medium
|
|
480
480
|
`,children:n}),h.jsx("div",{className:"!text-[#64748B]",children:r})]})]})}const vhe=[{title:"Total Visitors",value:160,delta:"+11.0%",deltaLabel:"Compared to last month",positive:!0,Icon:Q0,iconColor:"text-[#329DFF]"},{title:"Active Incidents",value:73,delta:"+2.0%",deltaLabel:"Compared to last month",positive:!0,Icon:fse,iconColor:"text-[#F69E0A]"},{title:"Missed Patrols",value:3,delta:"+11.0%",deltaLabel:"Compared to last month",positive:!0,Icon:mhe,iconColor:"text-[#AB0000]"},{title:"Parking Usage",value:5,delta:"-8.0%",deltaLabel:"Compared to last month",positive:!1,Icon:G8,iconColor:"text-[#36AB6C]"}];function yhe({data:e}){const t=Array.isArray(e)&&e.length>0?e:vhe;return h.jsx("div",{className:"px-[20px] grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-[24px]",children:t.map((n,r)=>h.jsx(ghe,{...n},r))})}const bhe=[{title:"Maintenance",total:12,pending:3},{title:"Security",total:8,pending:1},{title:"Housekeeping",total:6,pending:2},{title:"Utilities",total:10,pending:4}],xhe=(e="")=>e.replace(/</g,"<").replace(/>/g,">").replace(/<[^>]*>/g,"").trim();function whe({data:e}){const t=Array.isArray(e?.complaints_by_category)&&e.complaints_by_category.length>0?e.complaints_by_category.map(n=>({title:xhe(n.category_name)||"—",total:n.total||0,pending:n.pending||0})):bhe;return h.jsx(Ie,{title:"Complaints",titleClassName:"!text-[20px] !leading-[24px] font-semibold!",className:"w-full h-[362px] p-[24px]!",children:h.jsx("div",{className:"flex flex-col gap-[12px] max-h-full overflow-y-auto hide-scrollbar",children:t.map((n,r)=>h.jsxs("div",{className:"flex items-center justify-between bg-[#F8FAFC] rounded-[4px] p-[12px]",children:[h.jsxs("div",{className:"flex flex-col gap-[4px]",children:[h.jsx("div",{className:"text-[14px] leading-[18px] font-medium text-[#121212] capitalize",children:n.title}),h.jsxs("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:["Total: ",n.total]})]}),h.jsxs("div",{className:"flex flex-col items-end gap-[4px]",children:[h.jsx("div",{className:"text-[14px] leading-[18px] font-medium text-[#AB0000]",children:String(n.pending).padStart(2,"0")}),h.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:"Pending"})]})]},r))})})}const _he=[{level:"Level 1",open_count:3,in_progress_count:4,closed_count:5,total:12},{level:"Level 2",open_count:1,in_progress_count:1,closed_count:1,total:3},{level:"Level 3",open_count:5,in_progress_count:2,closed_count:3,total:10}],Ehe=()=>{const e=[{label:"Open",color:"#EF4444"},{label:"In Progress",color:"#F59D0D"},{label:"Closed",color:"#12B981"}];return h.jsx("div",{style:{display:"flex",justifyContent:"space-between",gap:"15px"},children:e.map(t=>h.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"6px"},children:[h.jsx("div",{style:{width:"6px",height:"6px",backgroundColor:t.color,transform:"rotate(45deg)"}}),h.jsx("span",{style:{fontSize:"14px"},children:t.label})]},t.label))})},She=({data:e})=>{const t=k.useMemo(()=>(Array.isArray(e?.complaints_by_level)&&e.complaints_by_level.some(l=>Number(l.total)>0)?e.complaints_by_level:_he).map(l=>({level:l.level||"—",open_count:Number(l.open_count)||0,in_progress_count:Number(l.in_progress_count)||0,closed_count:Number(l.closed_count)||0,total:Number(l.total)||0})),[e]),n=k.useMemo(()=>Math.max(...t.map(a=>a.total),5),[t]),r=Math.ceil(n*1.2),i=6,o=Math.max(Math.ceil(n/i),1);return h.jsxs(Ie,{title:"Complaints by Level",className:"w-full h-[362px] p-[24px]! gap-[18px]!",titleClassName:"!text-[20px] !leading-[24px] font-semibold!",children:[h.jsx(Pt,{width:"100%",height:"85%",children:h.jsxs(Mo,{data:t,margin:{top:5,right:-25,left:-30,bottom:5},children:[h.jsx(fr,{strokeDasharray:"0",vertical:!1}),h.jsx(Gn,{dataKey:"level"}),h.jsx($n,{domain:[0,r],ticks:Array.from({length:i+1},(a,s)=>s*o)}),h.jsx(kt,{cursor:{fill:"rgba(148, 163, 184, 0.12)"},allowEscapeViewBox:{x:!0,y:!0},content:a=>!a.active||!a.payload||!a.payload.length?null:h.jsx(Zt,{...a,data:t,children:h.jsxs("div",{className:"bg-[#121212] rounded-[10px] px-[14px] py-[10px] text-[12px] text-white",children:[h.jsx("div",{className:"mb-[6px] font-semibold",children:a.label}),a.payload.map((s,l)=>{const c=s.color||s.fill||"#fff";return h.jsxs("div",{className:"flex items-center gap-[6px]",children:[h.jsx("span",{className:"w-2 h-2 rounded-full inline-block",style:{backgroundColor:c}}),h.jsx("span",{className:"text-[#D1D3D4]",children:s.name}),h.jsx("span",{className:"text-white font-semibold",children:s.value})]},l)})]})})}),h.jsx(Gt,{dataKey:"open_count",name:"Open",stackId:"a",fill:"#EF4444",barSize:44,radius:[0,0,0,0]}),h.jsx(Gt,{dataKey:"in_progress_count",name:"In Progress",stackId:"a",fill:"#F59D0D",barSize:44,radius:[0,0,0,0]}),h.jsx(Gt,{dataKey:"closed_count",name:"Closed",stackId:"a",fill:"#12B981",barSize:44,radius:[0,0,0,0]})]})}),h.jsx(Ehe,{})]})},Ohe=[{title:"Maintenance",total:18,pending:4},{title:"Security",total:11,pending:2},{title:"Housekeeping",total:9,pending:3},{title:"Utilities",total:14,pending:5}];function Che({data:e}){const t=Array.isArray(e?.request_box_by_type)&&e.request_box_by_type.length>0?e.request_box_by_type.map(n=>({title:n.category_name||"—",total:Number(n.total)||0,pending:Number(n.pending)||0})):Ohe;return h.jsx(Ie,{title:"Request Box",titleClassName:"!text-[20px] !leading-[24px] font-semibold!",className:"w-full h-[362px] p-[24px]!",children:h.jsx("div",{className:"flex flex-col gap-[12px] max-h-full overflow-y-auto hide-scrollbar",children:t.map((n,r)=>h.jsxs("div",{className:"flex items-center justify-between bg-[#F8FAFC] rounded-[4px] p-[12px]",children:[h.jsxs("div",{className:"flex flex-col gap-[4px]",children:[h.jsx("div",{className:"text-[14px] leading-[18px] font-medium text-[#121212] capitalize",children:n.title}),h.jsxs("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:["Total: ",n.total]})]}),h.jsxs("div",{className:"flex flex-col items-end gap-[4px]",children:[h.jsx("div",{className:"text-[14px] leading-[18px] font-medium text-[#AB0000]",children:String(n.pending).padStart(2,"0")}),h.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:"Pending"})]})]},`${n.title}-${r}`))})})}function khe(e){return yt({attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{fill:"none",strokeLinejoin:"round",strokeWidth:"32",d:"M416 221.25V416a48 48 0 0 1-48 48H144a48 48 0 0 1-48-48V96a48 48 0 0 1 48-48h98.75a32 32 0 0 1 22.62 9.37l141.26 141.26a32 32 0 0 1 9.37 22.62z"},child:[]},{tag:"path",attr:{fill:"none",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"32",d:"M256 56v120a32 32 0 0 0 32 32h120m-232 80h160m-160 80h160"},child:[]}]})(e)}const Phe=["open_complaints","pending_requests","avg_response_time","resolution_rate"],Dhe={open_complaints:{title:"Open Complaints",Icon:VD,iconColor:"#AB0000",deltaLabel:"Compared to last month"},pending_requests:{title:"Pending Requests",Icon:khe,iconColor:"#E7A015",deltaLabel:"Compared to last month"},avg_response_time:{title:"Avg Response Time",Icon:nW,iconColor:"#1FA05B",deltaLabel:"Compared to last month"},resolution_rate:{title:"Resolution Rate",Icon:eW,iconColor:"#329DFF",deltaLabel:"Compared to last month"}},Ahe=({children:e,size:t=28,lineHeight:n=32,weight:r=500,color:i="#121212"})=>h.jsx("div",{style:{fontWeight:r,fontSize:`${t}px`,lineHeight:`${n}px`,color:i},children:e}),The={primary:{size:28,lineHeight:32,weight:500}},Nhe={open_complaints:{current:24,trend_percent:"-8%",direction:"bad"},pending_requests:{current:17,trend_percent:"-5%",direction:"bad"},avg_response_time:{current:"2.4 h",trend_percent:"+6%",direction:"good"},resolution_rate:{current:"89%",trend_percent:"+4%",direction:"good"}};function jhe({id:e,data:t}){return e&&t&&!t[e]&&t.current!==void 0?h.jsx(oP,{id:e,data:t}):h.jsx("div",{className:"px-[20px] grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-[16px]",children:Phe.map(n=>h.jsx(oP,{id:n},n))})}function oP({id:e,data:t}){const n=Dhe[e];if(!n)return null;const r=(d,f)=>f==null?"—":d==="avg_response_time"?typeof f=="number"?`${f} h`:f:d==="resolution_rate"&&typeof f=="number"?`${f}%`:f,{title:i,Icon:o=ch,iconColor:a,deltaLabel:s}=n,l=t&&Object.keys(t).length>0?t:Nhe[e],c=r(e,l?.current),u=l?.trend_percent??"—";return l?.direction==="good"||l?.direction,h.jsx("div",{className:"h-[132px]",children:h.jsxs(Ie,{title:i,titleColor:a,icon:h.jsx("div",{className:"h-[20px] w-[20px] flex items-center justify-center",children:h.jsx(o,{className:"h-[20px] w-[20px]",style:{color:a}})}),childrenClassName:"!space-y-[12px]",iconClassName:"!gap-[12px]",children:[h.jsx(Ahe,{...The.primary,children:c}),h.jsxs("div",{className:"flex items-center gap-[8px] text-[12px] leading-[16px]",children:[h.jsx(Du,{value:u}),h.jsx("div",{className:"text-[#64748B] text-[12px] leading-[16px]",children:s})]})]})})}const Mhe=[{title:"Holi Celebration",date:"25 Jun 2025",rsvp:"78/100",utilisation:71,status:"Upcoming"},{title:"Maintenance Meeting",date:"25 Jun 2025",rsvp:"45/60",utilisation:75,status:"Completed"},{title:"Maintenance Meeting",date:"25 Jun 2025",rsvp:"45/60",utilisation:75,status:"Completed"},{title:"Maintenance Meeting",date:"25 Jun 2025",rsvp:"45/60",utilisation:75,status:"Completed"}];function Rhe({title:e,date:t,rsvp:n,utilisation:r,status:i}){return h.jsxs("div",{className:"bg-[#F8FAFC] p-[12px] rounded-[4px]",children:[h.jsxs("div",{className:"flex items-center justify-between",children:[h.jsx("div",{className:"text-[16px] leading-[20px] font-semibold text-[#121212]",children:e}),h.jsx("div",{className:`!text-[12px] leading-[16px] font-medium p-[4px] rounded-[4px] ${i==="Completed"?"text-[#36AB6C] bg-[#E6F7EE]":i==="Upcoming"?"text-[#329DFF] bg-[#E6F2FF]":"text-slate-500 bg-slate-100"}`,children:i})]}),h.jsx("div",{className:"text-[14px] leading-[18px] text-[#64748B]",children:t}),h.jsxs("div",{className:"mt-[8px] flex justify-between items-center",children:[h.jsxs("div",{className:"text-[14px] leading-[18px] text-[#64748B]",children:[n," RSVP"]}),h.jsxs("div",{className:"text-[#3C82F6] text-[14px] leading-[18px] font-medium",children:[r,"% utilisation"]})]}),h.jsx("div",{className:"mt-[8px] w-full bg-[#F8FAFC] h-[6px] rounded",children:h.jsx("div",{className:"h-[6px] rounded bg-[#3C82F6]",style:{width:`${r}%`}})})]})}function Ihe({data:e}){const t=Array.isArray(e)&&e.length===0,n=Array.isArray(e)?e:Mhe;return h.jsx(Ie,{title:"Events Utilisation",className:"w-full h-[360px] p-[24px]!",childrenClassName:t?"h-full":"overflow-y-auto hide-scrollbar",titleClassName:"!text-[20px] !leading-[24px] font-semibold!",children:h.jsx("div",{className:`w-full h-full ${t?"flex items-center justify-center":"space-y-[12px]"}`,children:n?.length>0?n.map((r,i)=>h.jsx(Rhe,{...r},`${r.title}-${i}`)):h.jsx(Vt,{})})})}const Fhe=[{label:"Active",value:138,subLabel:"3 expiring soon",bgColor:"bg-[#F0FFF7]",textColor:"text-[#1FA05B]"},{label:"Scheduled",value:13,subLabel:"4 this week",bgColor:"bg-[#FFFBF2]",textColor:"text-[#E7A015]"},{label:"Recurring",value:3,subLabel:"All active",bgColor:"bg-[#EDF6FF]",textColor:"text-[#329DFF]"},{label:"Expired",value:7,subLabel:"4 recent",bgColor:"bg-[#F6F6F6]",textColor:"text-[#64748B]"}];function Lhe({label:e,value:t,subLabel:n,bgColor:r,textColor:i}){return h.jsxs("div",{className:`border-[0.5px] border-[#EBEBEB] rounded-[12px] p-[16px] ${r} h-[124px]`,children:[h.jsx("div",{className:`text-[16px] leading-[20px]! tracking-[-2%] font-medium ${i}`,children:e}),h.jsx("div",{className:"mt-[16px] text-[28px] leading-[32px] font-semibold text-[#121212]",children:t}),h.jsx("div",{className:"mt-[8px] !text-[12px] leading-[16px] text-[#64748B]",children:n})]})}function $he({data:e}){const t=Array.isArray(e)&&e.length>0?e:Fhe;return h.jsx(Ie,{title:"Notice Board Status",className:"w-full h-[360px] !p-[24px]",titleClassName:"!text-[20px] !leading-[24px] font-semibold!",children:h.jsx("div",{className:"grid grid-cols-2 gap-[24px]",children:t.map((n,r)=>h.jsx(Lhe,{...n},`${n.label}-${r}`))})})}function Bhe({title:e,value:t,delta:n,deltaLabel:r,positive:i=!0,Icon:o=ch,iconColor:a="text-emerald-600",iconBg:s="bg-emerald-50",iconUrl:l}){return h.jsx(Ie,{title:e,icon:h.jsx("div",{className:"grid place-items-center ",children:l?h.jsx("img",{src:l,alt:"icon",className:"h-8 w-8 object-contain"}):h.jsx(o,{className:`h-8 w-8 ${a}`})}),className:"h-[132px]",children:h.jsxs("div",{children:[h.jsx("div",{className:"text-[28px] leading-[32px] font-medium text-[#121212]",children:t}),h.jsxs("div",{className:"flex items-center gap-[8px] pt-[8px] !text-[12px] leading-[16px]",children:[h.jsx(Du,{value:n}),h.jsx("div",{className:"text-[#64748B]",children:r})]})]})})}function Whe({data:e}){const t=[{title:e?.title||"Total Bookings",value:e?.value??0,delta:e?.delta??"0%",deltaLabel:e?.deltaLabel||"Compared to last month",positive:e?.positive??!1,Icon:e?.Icon,iconUrl:e?.iconUrl,iconColor:e?.iconColor||"text-emerald-600",iconBg:e?.iconBg||"bg-emerald-50"}];return h.jsx("div",{className:"h-full",children:t.map((n,r)=>h.jsx(Bhe,{...n},r))})}function zhe({title:e,value:t,delta:n,deltaLabel:r,positive:i=!0,icon:o,iconColor:a="text-emerald-600",iconBg:s="bg-emerald-50"}){return h.jsxs(Ie,{title:e,icon:h.jsx("div",{className:"size-[20px] grid place-items-center",children:h.jsx("img",{src:o,alt:e})}),className:"h-[132px]",titleClassName:"text-[#64748B]! leading-[20px]",childrenClassName:"space-y-[8px]!",children:[h.jsx("div",{className:"text-[28px] leading-[32px] font-medium text-[#121212]",children:t}),h.jsxs("div",{className:"flex items-center gap-[8px] text-[12px] leading-[16px]",children:[h.jsx(Du,{value:n}),h.jsx("div",{className:"text-[#64748B] text-[12px] leading-[16px]",children:r})]})]})}const Vhe=[{title:"Notice",value:160,delta:"+11.0%",deltaLabel:"Compared to last month",positive:!0,icon:"https://res.cloudinary.com/dzqlw1ixr/image/upload/v1773902569/notice_djcorh.svg"},{title:"Post",value:83,delta:"+2.0%",deltaLabel:"Compared to last month",positive:!0,icon:"https://res.cloudinary.com/dzqlw1ixr/image/upload/v1773902568/post_rivboo.svg"},{title:"Poll",value:3,delta:"+11.0%",deltaLabel:"Compared to last month",positive:!0,icon:"https://res.cloudinary.com/dzqlw1ixr/image/upload/v1773902569/poll_b43jo0.svg"},{title:"Survey",value:5,delta:"-8.0%",deltaLabel:"Compared to last month",positive:!1,icon:"https://res.cloudinary.com/dzqlw1ixr/image/upload/v1773902568/survey_yevzwi.svg"}];function Hhe({data:e}){const t=Array.isArray(e)&&e.length>0?e:Vhe;return h.jsx("div",{className:"px-[20px] grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-[24px]",children:t.map((n,r)=>h.jsx(zhe,{...n},r))})}const aP=({value:e=0,total:t=1,colorClass:n="",label:r=""})=>{const i=Number(e)||0,o=Number(t)||1,a=Math.max(0,Math.min(100,i/o*100)),s=n==="bg-[#3C81F6]"?"text-[#8B5CF6]":n==="bg-[#8B5CF6]"?"text-[#12B981]":"text-slate-600";return h.jsxs("div",{className:"flex flex-col items-start",children:[h.jsx("div",{className:"w-2/3 min-w-[80px] h-5 rounded-full overflow-hidden",children:h.jsx("div",{className:`h-[11px] rounded-full ${n||""}`,style:{width:n==="bg-[#12B981]"?`${a+45}%`:`${a}%`}})}),h.jsx("div",{className:`${s} !text-[12px] font-bold mt-1`,children:i??0}),h.jsx("div",{className:"!text-[12px] leading-[16px] text-[#64748B] mt-1",children:r??""})]})},GI=({data:e,occupiedUnits:t=1,EmployeesCount:n=8910,AdminsCount:r=910})=>{const i=e?.total_occupants!==void 0&&e?.total_occupants!==null?Number(e?.total_occupants)||0:Number(t)||0,o=e?.total_members!==void 0&&e?.total_members!==null?Number(e?.total_members)||0:Number(n)||0,a=e?.total_admins!==void 0&&e?.total_admins!==null?Number(e?.total_admins)||0:Number(r)||0,s=(o||0)+(a||0);return h.jsx("div",{children:h.jsxs("div",{className:"bg-white !border-[0.5px] !border-[#EBEBEB] rounded-[12px] shadow-[0_0_12px_0_#EAF2FF] p-[16px] h-[128px]",children:[h.jsxs("div",{className:"flex items-center gap-[12px] h-[20px]",style:{marginBottom:"24px"},children:[h.jsx(Q0,{className:"!text-[20px] text-[#329DFF]"}),h.jsx("div",{className:"font-medium text-[#121212] text-[16px] leading-[20px]",children:"Occupancy Overview"})]}),h.jsxs("div",{className:"flex items-start justify-between",children:[h.jsxs("div",{className:"flex flex-col gap-[4px]",children:[h.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B] font-normal",children:"Total Occupants"}),h.jsx("div",{className:"text-[28px] leading-[32px] font-medium text-[#121212]",children:i??0})]}),h.jsxs("div",{className:"flex items-end gap-[4px]",children:[h.jsx(aP,{value:o??0,total:s||1,colorClass:"bg-[#3C81F6]",label:(o??0)<=1?"Employee":"Employees"}),h.jsx(aP,{value:a??0,total:s||1,colorClass:"bg-[#8B5CF6]",label:(a??0)<=1?"Admin":"Admins"})]})]})]})})};Wn.register(Io,Fo,Wl,Dr);const XI=({data:e})=>{const t=e!=null,n=e?.employee_data,r=["HP","Adobe","Anarock","Swiggy","Infosys","Zepto"],i=[2e3,1700,1500,1200,900,800],o=[],a=[];if(t){if(n&&n.length>0)for(let d=0;d<n.length;d++)o.push(n[d].name),a.push(n[d].employees)}else for(let d=0;d<r.length;d++)o.push(r[d]),a.push(i[d]);let s=!1;if(t)if(!n||n.length===0)s=!0;else{s=!0;for(let d=0;d<n.length;d++)if(n[d].employees!==0){s=!1;break}}let l=0;for(let d=0;d<a.length;d++)a[d]>l&&(l=a[d]);const c={labels:o,datasets:[{data:a,backgroundColor:[],barThickness:34}]};for(let d=0;d<a.length;d++)c.datasets[0].backgroundColor.push("#3C81F6");const u={responsive:!0,maintainAspectRatio:!1,plugins:{legend:{display:!1},tooltip:{backgroundColor:"#0F172A",titleColor:"#fff",bodyColor:"#fff",displayColors:!1,callbacks:{label:d=>`Employees: ${d.parsed.y}`}}},scales:{x:{grid:{display:!1},ticks:{color:"#64748B",font:{size:12},callback:function(d){const f=this.getLabelForValue(d);return c?.length>2&&f?.length>10?`${f.slice(0,10)}...`:f}}},y:{beginAtZero:!0,min:0,max:l>0?l+5:2e3,ticks:{stepSize:l>0?Math.ceil((l+5)/5):500,color:"#64748B",callback:d=>d},grid:{display:!1,color:"#E5E7EB",borderDash:[4,4],drawBorder:!1}}}};return t&&s?h.jsx(Ie,{className:"w-full h-[238px]",title:"Employee Footfall",period:"Today",icon:h.jsx(iP,{className:"!text-[24px] text-[#8B5CF6]"}),children:h.jsx("div",{className:"h-full flex items-center justify-center",children:h.jsx(Vt,{title:"No Employee footfall Found",description:"Catch up all the data. Change the date range to see the data."})})}):h.jsxs(Ie,{className:"w-full h-[238px]",title:"Employee Footfall",period:"Today",icon:h.jsx(iP,{className:"!text-[24px] text-[#8B5CF6]"}),children:[h.jsxs("div",{className:"mb-[10px] mt-[8px] flex flex-col gap-[4px]!",children:[h.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:"Employees Inside"}),h.jsx("div",{className:"text-[20px] leading-[24px] font-medium text-[#3C81F6]",children:t?e.total_employees:7500})]}),h.jsx("div",{className:"h-[110px]",children:h.jsx(zl,{data:c,options:u})})]})},Yhe="Rs",sP=["bg-blue-500","bg-red-500","bg-purple-700"],Ca={title:"Food & Beverages (Static Data)",period:"Today",summary:{totalOrders:247,revenueGenerated:"82K",growthPercentage:8,growthTotalPercentage:0},outlets:[{name:"HP",orders:120,revenue:"45K",percentage:70,color:"bg-[#3C81F6]"},{name:"Adobe",orders:85,revenue:"23K",percentage:50,color:"bg-[#3C81F6]"},{name:"Anarock",orders:42,revenue:"14K",percentage:25,color:"bg-[#3C81F6]"}]};function Vp(e,t=null){if(typeof e=="number")return e;if(typeof e=="string"){const n=Number(e.replace("%","").trim());return Number.isNaN(n)?t:n}return t}function lP(e){if(e==null||e==="")return"0";if(typeof e=="number")return tE(e);const t=Number(e);return Number.isNaN(t)?String(e):tE(t)}function Uhe(e){const t=e?.food_beverage_summary?{title:e?.title,period:e?.period,summary:{totalOrders:e?.food_beverage_summary?.total_orders,revenueGenerated:e?.food_beverage_summary?.revenue_generated,growthPercentage:e?.food_beverage_summary?.growth_percentage??e?.food_beverage_summary?.revenue_growth,growthTotalPercentage:e?.food_beverage_summary?.order_growth,currencyType:e?.food_beverage_summary?.currency_type},outlets:e?.chart_data}:e||{},n=t?.summary||{},i=(Array.isArray(t?.outlets)?t.outlets:[]).map((f,p)=>({name:f?.name||f?.outlet_name||f?.tenant_name||f?.company_name||"Unknown",orders:f?.orders??f?.total_orders??f?.count??0,revenue:f?.revenue??f?.revenue_generated??f?.total_revenue??0,percentage:f?.percentage,color:f?.color||sP[p%sP.length]})),o=n?.totalOrders??n?.orders??Ca.summary.totalOrders,a=n?.revenueGenerated??n?.revenue??Ca.summary.revenueGenerated,s=Vp(n?.growthPercentage??n?.revenueGrowth,Ca.summary.growthPercentage),l=Vp(n?.growthTotalPercentage??n?.orderGrowth,Ca.summary.growthTotalPercentage),c=n?.currencyType||n?.currency||Yhe,u=i.reduce((f,p)=>f+(Number(p?.orders)||0),0),d=i.map(f=>({...f,percentage:f?.percentage!==null&&f?.percentage!==void 0?Number(f.percentage)||0:u>0?Math.round((Number(f?.orders)||0)/u*100):0}));return{title:t?.title||Ca.title,period:t?.period||Ca.period,summary:{totalOrders:o,revenueGenerated:a,growthPercentage:s,growthTotalPercentage:l,currencyType:c},outlets:d.length>0?d:Ca.outlets}}function QI({data:e,title:t,period:n,icon:r}){const i=Uhe(e),o=t||i.title,a=n||i.period,s=r||h.jsx(Qpe,{className:"!text-[24px] text-[#FA7E28]"}),l=i.summary.totalOrders??0,c=lP(i.summary.revenueGenerated),u=Vp(i.summary.growthPercentage,0),d=Vp(i.summary.growthTotalPercentage,0),f=u>=0,p=d>=0;return h.jsx(Ie,{className:"h-[324px]",title:o,period:a,icon:s,children:h.jsxs("div",{className:"flex flex-col h-full",children:[h.jsxs("div",{className:"flex gap-[24px]",children:[h.jsxs("div",{className:"w-full flex flex-col gap-[8px]!",children:[h.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:"Total Orders"}),h.jsx("div",{className:"text-[28px] leading-[32px] font-medium text-[#8B5CF6]",children:l}),h.jsxs("div",{className:`w-fit inline-flex items-center gap-[4px] text-[10px] leading-[14px] p-[4px] rounded-[4px] ${p?"text-[#1FA05B] bg-green-50":"text-red-600 bg-red-50"}`,children:[p?h.jsx(oa,{}):h.jsx(ia,{}),d,"%",h.jsx("span",{children:"from last month"})]})]}),h.jsx("div",{className:"w-full flex justify-end",children:h.jsxs("div",{className:"flex flex-col gap-[8px]",children:[h.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B] whitespace-nowrap",children:"Revenue Generated"}),h.jsxs("div",{className:"text-[28px] leading-[32px] font-medium text-[#329DFF] whitespace-nowrap",children:[i.summary.currencyType," ",c]}),h.jsxs("div",{className:`w-fit inline-flex items-center gap-[4px] text-[10px] leading-[14px] p-[4px] rounded-[4px] whitespace-nowrap ${f?"text-[#1FA05B] bg-green-50":"text-red-600 bg-red-50"}`,children:[f?h.jsx(oa,{}):h.jsx(ia,{}),u,"%",h.jsx("span",{children:"from last month"})]})]})})]}),h.jsx("div",{className:"mt-[16px]",children:i.outlets.map((m,g)=>h.jsxs("div",{className:g===i.outlets.length-1?"":"mb-[16px]",children:[h.jsxs("div",{className:"flex justify-between text-sm mb-[8px]",children:[h.jsx("div",{className:"text-[#64748B] text-[12px] leading-[16px]",children:m.name}),h.jsxs("div",{className:"font-medium text-[12px] leading-[16px] flex items-center",children:[h.jsxs("div",{className:"text-[#64748B] inline-block",children:[m.orders," orders"]}),h.jsxs("div",{className:"mx-2 text-[#121212] inline-block",children:[i.summary.currencyType," ",lP(m.revenue)]})]})]}),h.jsx("div",{className:"h-[11px] bg-gray-100 rounded-full",children:h.jsx("div",{className:`h-[11px] rounded-full ${m.color}`,style:{width:`${m.percentage}%`}})})]},`${m.name}-${g}`))})]})})}function ZI({data:e}){const t=e?.amenity_summary?{amenitySummary:{totalBookings:e?.amenity_summary?.total_bookings??0,todayPaidRevenue:e?.amenity_summary?.today_paid_revenue??"0.00",growthPercentage:e?.amenity_summary?.growth_percentage??null,bookingGrowth:e?.amenity_summary?.booking_growth??null,currencyType:e?.amenity_summary?.currency_type??"Rs"},chartData:Array.isArray(e?.chart_data)?e.chart_data.map(m=>({facility_name:m?.facility_name,total_bookings:m?.total_bookings??0,paid_revenue:m?.paid_revenue??"0",isPaid:m?.is_paid===!0})):[]}:e||{},n=t?.amenitySummary||{},i=(Array.isArray(t?.chartData)?t.chartData:[]).map(m=>({...m,isPaid:m?.isPaid===!0})),o=i.length>0&&i.every(m=>m?.isPaid===!1),a=n?.totalBookings||0,s=n?.bookingGrowth;let l=0;if(typeof s=="number")l=s;else if(typeof s=="string"){const m=s.replace("%","").trim(),g=Number(m);l=isNaN(g)?0:g}const c=i.reduce((m,g)=>{const v=g?.total_bookings||0;return m+v},0),u=i.map(m=>{const g=m?.total_bookings||0,v=m?.isPaid?`${n?.currencyType||"Rs"} ${m?.paid_revenue||"0.00"}`:"",x=c>0?Math.round(g/c*100):0;return{name:m?.facility_name||"Unknown",bookings:g,revenue:v,percentage:x,color:"bg-[#3C81F6]",isPaid:m?.isPaid}}),d=n?.growthPercentage;let f=null;if(typeof d=="number")f=d;else if(typeof d=="string"){const m=d.replace("%","").trim(),g=Number(m);f=isNaN(g)?null:g}const p=f!==null?f>=0:!0;return h.jsx(Ie,{className:"h-[324px]",title:"Amenities",period:"Today",icon:h.jsx(Jpe,{className:"!text-[24px] text-[#8B5CF6]"}),children:h.jsxs("div",{className:"flex flex-col h-full",children:[h.jsxs("div",{className:"flex gap-[24px]",children:[h.jsxs("div",{className:"w-full flex flex-col gap-[8px]!",children:[h.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:"Total Bookings"}),h.jsx("div",{className:"text-[28px] leading-[32px] font-medium text-[#8B5CF6]",children:a}),h.jsxs("div",{className:`w-fit inline-flex items-center gap-[4px] text-[10px] leading-[14px] p-[4px] rounded-[4px] ${l>=0?"text-[#1FA05B] bg-green-50":"text-red-600 bg-red-50"}`,children:[l>=0?h.jsx(oa,{}):h.jsx(ia,{}),l,"%",h.jsx("span",{children:"from last month"})]})]}),!o&&h.jsx("div",{className:"w-full flex justify-end",children:h.jsxs("div",{className:"flex flex-col gap-[8px]",children:[h.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B] whitespace-nowrap",children:"Revenue Generated"}),h.jsxs("div",{className:"text-[28px] leading-[32px] font-medium text-[#329DFF] whitespace-nowrap",children:[n?.currencyType||"Rs"," ",n?.todayPaidRevenue??"0.00"]}),f!==null&&h.jsxs("div",{className:`w-fit inline-flex items-center gap-[4px] text-[10px] leading-[14px] p-[4px] rounded-[4px] whitespace-nowrap ${p?"text-[#1FA05B] bg-green-50":"text-red-600 bg-red-50"}`,children:[p?h.jsx(oa,{}):h.jsx(ia,{}),f,"%",h.jsx("span",{children:"from last month"})]})]})})]}),h.jsx("div",{className:"mt-[16px]",children:u.length>0?u.map((m,g)=>h.jsxs("div",{className:g===u.length-1?"":"mb-[16px]",children:[h.jsxs("div",{className:"flex justify-between text-sm mb-[8px]",children:[h.jsx("div",{className:"text-[#64748B] text-[12px] leading-[16px]",children:m?.name}),h.jsxs("div",{className:"font-medium text-[12px] leading-[16px]",children:[h.jsxs("div",{className:"text-[#64748B] inline",children:[m?.bookings," ",m?.bookings<=1?"booking":"bookings"]}),m?.isPaid&&h.jsx("div",{className:"mx-2 text-[#121212] inline",children:m?.revenue})]})]}),h.jsx("div",{className:"h-[11px] bg-gray-100 rounded-full",children:h.jsx("div",{className:`h-[11px] rounded-full ${m?.color}`,style:{width:`${m?.percentage}%`}})})]},g)):h.jsx("div",{className:"flex items-center justify-center h-[120px]",children:h.jsx("div",{className:"text-[12px] text-[#94A3B8]",children:"No amenity usage data available"})})})]})})}Wn.register(Io,Fo,Wl,Dr,Zr);function JI({data:e=[]}){const t=[{level:"L1",open:55,in_progress:22,on_hold:15,closed:6},{level:"L2",open:45,in_progress:25,on_hold:18,closed:5},{level:"L3",open:58,in_progress:23,on_hold:14,closed:6}],n=e.length>0?e:t,r=[],i=[],o=[],a=[],s=[];for(let u=0;u<n.length;u++)r.push(n[u].level),i.push(Number(n[u].open)),o.push(Number(n[u].in_progress)),a.push(Number(n[u].on_hold)),s.push(Number(n[u].cancelled));const l={labels:r,datasets:[{label:"Open",data:i,backgroundColor:"#3B82F6",borderColor:"#FFFFFF",borderWidth:2,barThickness:38,stack:"tickets"},{label:"In Progress",data:o,backgroundColor:"#F59E0B",borderColor:"#FFFFFF",borderWidth:2,barThickness:38,stack:"tickets"},{label:"On-Hold",data:a,backgroundColor:"#64748B",borderColor:"#FFFFFF",borderWidth:2,barThickness:38,stack:"tickets"},{label:"Cancelled",data:s,backgroundColor:"#FB2C36",borderColor:"#FFFFFF",borderWidth:2,barThickness:38,stack:"tickets"}]},c={responsive:!0,maintainAspectRatio:!1,plugins:{legend:{position:"bottom",labels:{usePointStyle:!1,pointStyle:"rect",padding:12,boxWidth:20,boxHeight:8,color:"#64748B"}},tooltip:{backgroundColor:"#0F172A",titleColor:"#fff",bodyColor:"#fff"}},scales:{x:{stacked:!0,grid:{display:!1},ticks:{color:"#64748B"}},y:{stacked:!0,beginAtZero:!0,grid:{display:!1,color:"#E5E7EB",borderDash:[4,4],drawBorder:!1},ticks:{color:"#64748B",stepSize:1,precision:0,callback:u=>Math.round(u)}}}};return h.jsx(Ie,{className:"h-[267px]",title:"Ticket Escalation Levels",period:"Today",icon:h.jsx(tW,{className:"!text-[24px] text-[#3C81F6]"}),children:h.jsx("div",{className:"h-full",children:h.jsx(zl,{data:l,options:c})})})}const Khe=({active:e,payload:t})=>{if(!e||!t||!t.length)return null;const n=t[0],r=n.payload.color;return h.jsx("div",{style:{backgroundColor:"#000000",color:"#ffffff",padding:"8px 10px",borderRadius:"8px",fontSize:"12px"},children:h.jsxs("div",{className:"flex items-center gap-[8px] font-medium",children:[h.jsx("div",{style:{width:"8px",height:"8px",borderRadius:"50%",backgroundColor:r}}),h.jsx("div",{children:n.name}),h.jsx("div",{className:"ml-2",children:n.value})]})})};function e4({data:e=null}){const n=e||{open:12,on_hold:5,cancelled:3,completed:156,in_progress:8,total_complaints:184},r=a=>{const s=Number(a);return isNaN(s)?0:s},i=[{name:"Completed",value:r(n.completed),color:"#10B981"},{name:"Open",value:r(n.open),color:"#3B82F6"},{name:"In Progress",value:r(n.in_progress),color:"#F59E0B"},{name:"On Hold",value:r(n.on_hold),color:"#6B7280"},{name:"Cancelled",value:r(n.cancelled),color:"#EF4444"}],o=r(n.total_complaints);return h.jsx(Ie,{className:"h-[267px]",title:"Ticket Status",period:"Today",icon:h.jsx(zf,{className:"!text-[24px] text-[#EF4444]"}),children:h.jsxs("div",{className:"flex h-full items-center gap-[16px]",children:[h.jsxs("div",{className:"w-[202px] h-[170px] relative",children:[h.jsx(Pt,{width:"100%",height:"100%",children:h.jsxs(Hi,{children:[h.jsx(ui,{data:i,innerRadius:55,outerRadius:85,dataKey:"value",stroke:"#FFFFFF",strokeWidth:2,children:i.map((a,s)=>h.jsx(Ln,{fill:a.color},s))}),h.jsx(kt,{content:a=>h.jsx(Zt,{...a,data:i,children:h.jsx(Khe,{...a})})})]})}),h.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center pointer-events-none",children:[h.jsxs("div",{className:"flex items-baseline text-[18px] leading-[22px] font-medium text-[#121212]",children:[h.jsx("div",{children:r(n.completed)}),h.jsxs("div",{className:"text-[18.18px] leading-[22.22px] text-[#121212]",children:["/",o]})]}),h.jsx("div",{className:"text-[10.1px] leading-[14.14px] text-[#64748B]",children:"Completed"})]})]}),h.jsx("div",{className:"flex-1 space-y-2",children:i.map(a=>h.jsxs("div",{className:"flex items-center justify-between text-[12px] leading-[17px] mt-[12px]",children:[h.jsxs("div",{className:"flex items-center gap-[8px]",children:[h.jsx("div",{className:"h-[7px] w-[16px]",style:{backgroundColor:a.color}}),h.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:a.name})]}),h.jsx("div",{className:"text-[#64748B] text-[12px] leading-[16px] font-medium",children:a.value})]},a.name))})]})})}const cP={visitorSummary:{totalVisitorsToday:150,peakTime:"2:00 - 4:00PM",peakCount:50,activeWalkins:18,preApprovedCheckins:3},popupData:{walkins:{currently_inside:18,total_visited_today:58},preApproved:{completed_visits:3,total_expected_today:5}},chart_data:[{hour:10,walkins:22,preApproved:30},{hour:12,walkins:15,preApproved:28},{hour:14,walkins:30,preApproved:38},{hour:16,walkins:45,preApproved:50},{hour:18,walkins:25,preApproved:40}]};function qhe(e){const t=e>=12?"PM":"AM";let n=e%12;return n===0&&(n=12),`${n} ${t}`}function Ghe(e){if(typeof e=="number"&&e>=0&&e<=23)return e;if(typeof e=="string"){const t=e.trim().toUpperCase(),n=t.match(/^(\d{1,2})(?::\d{2})?\s*(AM|PM)$/);if(n){let i=Number(n[1])%12;return n[2]==="PM"&&(i+=12),i}const r=Number(t);if(!Number.isNaN(r)&&r>=0&&r<=23)return r}return null}function Xhe(e=[]){return Array.from({length:24},(t,n)=>{const r=e.find(i=>Ghe(i?.hour)===n)||{};return{hour:n,time:qhe(n),walkins:Number(r?.walkins??0),approved:Number(r?.pre_approved??r?.preApproved??r?.approved??0)}})}function uP({title:e,color:t,rows:n=[],children:r}){const i=h.jsxs("div",{className:"bg-white rounded-[12px] min-w-[260px] p-[16px] border-[0.5px] border-[#EBEBEB] shadow-[0px_0px_12px_0px_#EAF2FF]",children:[h.jsx("div",{className:"flex items-center gap-[8px] font-medium text-[#121212]",children:h.jsx("div",{children:e??""})}),h.jsx("div",{className:"mt-[16px] pt-[16px] border-t border-dashed border-[#EBEBEB] space-y-[16px]",children:n?.map(({label:o,value:a,valueColor:s})=>h.jsxs("div",{className:"flex justify-between text-[14px] leading-[18px]",children:[h.jsx("div",{className:"text-[#64748B]",children:o??""}),h.jsx("div",{className:"font-semibold",style:{color:s||"#121212"},children:a??0})]},o))})]});return h.jsx(ZR,{placement:"right-start",interactive:!0,delay:[100,0],offset:[6,0],appendTo:()=>document.body,maxWidth:"none",render:o=>h.jsx("div",{tabIndex:"-1",...o,children:i}),children:r})}function Qhe({active:e,payload:t}){return!e||!t?.length?null:h.jsx("div",{className:"rounded-[8px] bg-[#121212] px-[12px] py-[8px] text-[12px] text-white shadow-lg",children:t.map(n=>h.jsxs("div",{className:"flex items-center gap-[8px]",children:[h.jsx("span",{className:"h-2 w-2 rounded-full",style:{backgroundColor:n.stroke}}),h.jsx("span",{className:"min-w-[82px] text-[#D1D3D4]",children:n.name}),h.jsx("span",{className:"font-semibold",children:n.value})]},n.dataKey))})}function t4({data:e}){const t=e&&Object.keys(e).length?e:cP,n=t?.visitor_summary?{totalVisitorsToday:t?.visitor_summary?.total_visitors_today??0,peakTime:t?.visitor_summary?.peak_time??"-"}:t?.visitorSummary??{},r=t?.walkins_popup_data?{walkins:{currently_inside:Number(t?.walkins_popup_data?.walkins_inside??0),total_visited_today:Number(t?.walkins_popup_data?.total_walkins??0)},preApproved:{completed_visits:Number(t?.pre_approved_popup_data?.pre_approved_check_ins??0),total_expected_today:Number(t?.pre_approved_popup_data?.total_pre_approved_check_ins??0)}}:t?.popupData??{},i=k.useMemo(()=>{const l=t?.chart_data??[];return Xhe(l.length?l:cP.chart_data)},[t]),{yAxisTicks:o,yAxisMax:a}=k.useMemo(()=>{const l=Math.max(...i.map(u=>Math.max(u.walkins,u.approved))),c=l>0?l:5;return{yAxisTicks:[0,Math.ceil(c/2),c],yAxisMax:c}},[i]),s=new Date().toLocaleTimeString("en-IN",{hour:"2-digit",minute:"2-digit",hour12:!0});return h.jsx(Ie,{className:"h-[377px]",title:"Visitor Updates",period:`Today at ${s}`,icon:h.jsx(G0,{className:"!text-[24px] text-[#8B5CF6]"}),children:h.jsxs("div",{className:"flex flex-col gap-[24px]",children:[h.jsxs("div",{className:"grid grid-cols-2 gap-y-4 gap-x-6",children:[h.jsxs("div",{className:"flex flex-col gap-[8px]!",children:[h.jsx("div",{className:"text-[10px] text-[#64748B]",children:"Total Visitors"}),h.jsx("div",{className:"text-[20px] font-medium text-[#08B6D4]",children:n?.totalVisitorsToday??0})]}),h.jsxs("div",{className:"flex flex-col gap-[8px]!",children:[h.jsx("div",{className:"text-[10px] text-[#64748B]",children:"Peak Time"}),h.jsx("div",{className:"text-[20px] font-medium text-[#8B5CF6]",children:n?.peakTime??"-"})]}),h.jsxs("div",{className:"mt-2 flex flex-col gap-[8px]!",children:[h.jsx("div",{className:"text-[10px] text-[#64748B]",children:"Active Walk-ins"}),h.jsxs("div",{className:"flex items-baseline text-xl font-medium leading-[32px]",children:[h.jsx("div",{className:"text-[28px] text-[#1FA05B] leading-[32px]",children:r?.walkins?.currently_inside??0}),h.jsx(uP,{title:"Active Walk-ins",color:"text-[#1FA05B]",rows:[{label:"Currently Inside",value:r?.walkins?.currently_inside??0,valueColor:"#1FA05B"},{label:"Total Visited Today",value:r?.walkins?.total_visited_today??0}],children:h.jsxs("div",{className:"text-[#64748B] cursor-pointer text-[20px] leading-[32px]",children:["/",r?.walkins?.total_visited_today??0]})})]})]}),h.jsxs("div",{className:"mt-2 flex flex-col gap-[8px]!",children:[h.jsx("div",{className:"text-[10px] text-[#64748B]",children:"Pre-approved Check-ins"}),h.jsxs("div",{className:"flex items-baseline text-xl font-medium leading-[32px]",children:[h.jsx("div",{className:"text-[28px] text-[#E7A015] leading-[32px]",children:r?.preApproved?.completed_visits??0}),h.jsx(uP,{title:"Pre-approved Check-ins",color:"text-[#E7A015]",rows:[{label:"Completed Visits",value:r?.preApproved?.completed_visits??0,valueColor:"#E7A015"},{label:"Total Expected Check-ins Today",value:r?.preApproved?.total_expected_today??0}],children:h.jsxs("div",{className:"text-[#64748B] cursor-pointer text-[20px] leading-[32px]",children:["/",r?.preApproved?.total_expected_today??0]})})]})]})]}),h.jsx("div",{className:"w-full h-[149px]",children:h.jsx(Pt,{width:"100%",height:"100%",children:h.jsxs(l1,{data:i??[],margin:{top:5,right:0,left:0,bottom:-10},children:[h.jsx(fr,{stroke:"#E5E7EB",strokeDasharray:"4 4",vertical:!1}),h.jsx(Gn,{dataKey:"time",tickFormatter:(l,c)=>c%4===0?l:"",axisLine:!1,tickLine:!1,tick:{fill:"#121212",fontSize:10,fontWeight:400}}),h.jsx($n,{width:24,axisLine:!1,tickLine:!1,allowDecimals:!1,ticks:o,domain:[0,a],tick:{fill:"#64748B",fontSize:10,fontWeight:400}}),h.jsx(kt,{content:l=>h.jsx(Zt,{...l,data:i,children:h.jsx(Qhe,{...l})})}),h.jsx(Zo,{type:"monotone",dataKey:"walkins",stroke:"#22C55E",strokeWidth:2,dot:!1,name:"Walk-ins",isAnimationActive:!1}),h.jsx(Zo,{type:"monotone",dataKey:"approved",stroke:"#F59E0B",strokeWidth:2,strokeDasharray:"5 5",dot:!1,name:"Pre-approved",isAnimationActive:!1})]})})})]})})}function Zhe(){return h.jsxs(h.Fragment,{children:[h.jsxs("div",{className:"px-[20px] grid grid-cols-1 lg:grid-cols-[minmax(0,1fr)_minmax(0,2fr)] gap-[24px] mt-6 auto-rows-fr",children:[h.jsx(GI,{}),h.jsx(XI,{})]}),h.jsxs("div",{className:"px-[20px] grid grid-cols-1 lg:grid-cols-3 gap-[24px] mt-6 auto-rows-fr",children:[h.jsx("div",{className:"mt-[-115px]",children:h.jsx(t4,{})}),h.jsx(e4,{}),h.jsx(JI,{})]}),h.jsxs("div",{className:"px-[20px] grid grid-cols-1 lg:grid-cols-3 gap-[24px] mt-6 auto-rows-fr",children:[h.jsx(WR,{}),h.jsx(ZI,{}),h.jsx(QI,{})]})]})}function n4({data:e=null}){const t={total_entries:79.6,entries:59350,exit:40950},n=e&&Object.keys(e).length>0?e:t,r=c=>{const u=Number(c);return isNaN(u)?0:u},i=r(n.entries),o=r(n.exit),a=e&&Object.keys(e).length>0&&Number(e.entries)===0&&Number(e.exit)===0,s=[{name:"Entries",value:i,color:"#8B5CF6"},{name:"Exit",value:o,color:"#329DFF"}],l=r(n.total_entries);return h.jsx(St,{className:"h-[362px]",title:"Access Overview",titleWeight:"semi-bold",children:a?h.jsx("div",{className:"h-[300px] flex items-center justify-center",children:h.jsx(Vt,{title:"No access Point Found",description:"Catch up all the data. Change the date range to see the data."})}):h.jsxs("div",{className:"flex flex-col items-center mt-[16px]",children:[h.jsxs("div",{className:"relative w-[212px] h-[212px]",children:[h.jsx("div",{className:"absolute inset-0 flex items-center justify-center",children:h.jsx("div",{className:"w-[130px] h-[130px] rounded-full shadow-[0px_12px_35px_rgba(0,0,0,0.12)]"})}),h.jsx("div",{className:"h-[212px]",children:h.jsx(Pt,{width:"100%",height:"100%",children:h.jsxs(Hi,{children:[h.jsx(ui,{data:s,dataKey:"value",innerRadius:65,outerRadius:100,startAngle:360,endAngle:-180,paddingAngle:1,stroke:"transparent",children:s.map((c,u)=>h.jsx(Ln,{fill:c.color},u))}),h.jsx(kt,{content:c=>h.jsx(Zt,{...c,data:s,children:h.jsx(Gr,{...c})})})]})})}),h.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center pointer-events-none",children:[h.jsx("div",{className:"text-[22px] leading-[27px] font-medium text-[#121212]",children:l}),h.jsx("div",{className:"text-[12px] leading-[17px] text-[#64748B]",children:"Total Access"})]})]}),h.jsxs("div",{className:"mt-[28px] flex justify-between w-full px-[20px]",children:[h.jsxs("div",{className:"flex flex-col items-center",children:[h.jsxs("div",{className:"flex items-center gap-[6px]",children:[h.jsx("div",{className:"w-[14px] h-[6px] bg-[#8B5CF6]"}),h.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:"Entries"})]}),h.jsx("div",{className:"text-[18px] font-medium text-[#8B5CF6] mt-[4px]",children:i.toLocaleString()})]}),h.jsxs("div",{className:"flex flex-col items-center",children:[h.jsxs("div",{className:"flex items-center gap-[6px]",children:[h.jsx("div",{className:"w-[14px] h-[6px] bg-[#329DFF]"}),h.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:"Exit"})]}),h.jsx("div",{className:"text-[18px] font-medium text-[#329DFF] mt-[4px]",children:o.toLocaleString()})]})]})]})})}function r4({title:e="Access",data:t=[],height:n="h-[362px]"}){const r=i=>i==null?"0":Number(i).toLocaleString();return h.jsx(St,{className:n,title:e,titleWeight:"semi-bold",children:h.jsxs("div",{className:"rounded-[12px] overflow-hidden mt-[16px]",children:[h.jsxs("div",{className:"grid grid-cols-2 bg-[#F8FAFC] py-[8px] px-[12px] text-[12px] leading-[16px] font-medium text-[#64748B]",children:[h.jsx("div",{children:"Point"}),h.jsx("div",{className:"text-right",children:"Access"})]}),t.map((i,o)=>h.jsxs("div",{className:"grid grid-cols-2 p-[12px] text-[14px] border-t border-[#E2E8F0]",children:[h.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:i.label}),h.jsx("div",{className:"text-[12px] leading-[16px] text-right font-medium",style:{color:i.color||"#000"},children:r(i.value)})]},o))]})})}function i4({data:e=[]}){const[t,n]=k.useState([]),r=e&&e.length?e:[],i=!e||e.length===0,o=e&&e.length>0&&e.every(c=>Number(c.entries)===0&&Number(c.exit)===0),a=i||o,s=c=>c>=1e3?`${c/1e3}K`:c,l=c=>{n(u=>u.includes(c)?u.filter(d=>d!==c):[...u,c])};return h.jsx(St,{title:"Access Points Usage",titleWeight:"semi-bold",className:"h-[362px]",children:a?h.jsx("div",{className:"h-[270px] flex items-center justify-center",children:h.jsx(Vt,{title:"No access Point Found",description:"Catch up all the data. Change the date range to see the data."})}):h.jsx("div",{className:"mt-[24px] h-[270px] w-full",children:h.jsx(Pt,{width:"100%",height:"100%",children:h.jsxs(Mo,{data:r,barSize:54,margin:{top:0,right:0,left:-20,bottom:0},children:[h.jsx(fr,{strokeDasharray:"8 8",vertical:!1}),h.jsx(Zx,{y:0,stroke:"#EBEBEB"}),h.jsx(Gn,{dataKey:"block_name",tick:{fontSize:12,fill:"#64748B"},axisLine:!1,tickFormatter:c=>e?.length>2&&c?.length>8?`${c.slice(0,8)}...`:c,tickLine:!1}),h.jsx($n,{tickFormatter:s,tick:{fontSize:12,fill:"#64748B"},axisLine:!1,tickLine:!1}),h.jsx(kt,{cursor:!1,content:c=>h.jsx(Zt,{...c,data:r,children:(()=>{if(!c.active||!c.label)return null;const u=r.find(d=>d.block_name===c.label);return h.jsxs("div",{className:"bg-[#111] text-white px-[14px] py-[8px] rounded-[6px] flex flex-col gap-[6px] text-[13px]",children:[h.jsx("div",{className:"font-semibold",children:c.label}),!t.includes("entries")&&h.jsxs("div",{className:"flex items-center gap-[8px]",children:[h.jsx("div",{className:"w-2 h-2 rounded-full bg-[#329DFF]"}),h.jsx("div",{className:"text-[#aaa]",children:"Entries"}),h.jsx("div",{className:"font-bold",children:u?.entries??0})]}),!t.includes("exit")&&h.jsxs("div",{className:"flex items-center gap-[8px]",children:[h.jsx("div",{className:"w-2 h-2 rounded-full bg-[#76BDFF]"}),h.jsx("div",{className:"text-[#aaa]",children:"Exit"}),h.jsx("div",{className:"font-bold",children:u?.exit??0})]})]})})()})}),h.jsx(Ol,{verticalAlign:"bottom",height:36,content:()=>{const c=[{key:"entries",label:"Entries",color:"#329DFF"},{key:"exit",label:"Exit",color:"#76BDFF"}];return h.jsx("div",{style:{display:"flex",gap:"20px",justifyContent:"center",marginTop:"20px"},children:c.map((u,d)=>{const f=t.includes(u.key);return h.jsxs("div",{onClick:()=>l(u.key),style:{display:"flex",alignItems:"center",gap:"8px",cursor:"pointer",opacity:f?.4:1},children:[h.jsx("div",{style:{width:"20px",height:"8px",backgroundColor:u.color}}),h.jsx("div",{style:{fontSize:"12px",color:"#64748B"},children:u.label})]},d)})})}}),h.jsx(Gt,{dataKey:"entries",stackId:"a",fill:"#329DFF",hide:t.includes("entries")}),h.jsx(Gt,{dataKey:"exit",stackId:"a",fill:"#76BDFF",hide:t.includes("exit")})]})})})})}function Jhe(e){return yt({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"rect",attr:{x:"3",y:"4",width:"18",height:"18",rx:"2",ry:"2"},child:[]},{tag:"line",attr:{x1:"16",y1:"2",x2:"16",y2:"6"},child:[]},{tag:"line",attr:{x1:"8",y1:"2",x2:"8",y2:"6"},child:[]},{tag:"line",attr:{x1:"3",y1:"10",x2:"21",y2:"10"},child:[]}]})(e)}function eme(e){return yt({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"polyline",attr:{points:"6 9 12 15 18 9"},child:[]}]})(e)}function tme(e){return yt({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"path",attr:{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"},child:[]},{tag:"polyline",attr:{points:"7 10 12 15 17 10"},child:[]},{tag:"line",attr:{x1:"12",y1:"15",x2:"12",y2:"3"},child:[]}]})(e)}function xs({text:e="Smart Access",Icon:t,iconColor:n="#329DFF"}){return h.jsxs("div",{className:"px-[20px] pt-6",children:[h.jsxs("div",{className:"flex items-center justify-between",children:[h.jsxs("div",{className:"flex items-center gap-[8px]",children:[t?h.jsx("div",{className:"flex items-center justify-center",children:h.jsx(t,{size:20,style:{color:n}})}):null,h.jsx("div",{className:"text-[24px] leading-[32px] font-semibold text-[#121212]",children:e})]}),h.jsxs("div",{className:"flex items-center gap-[12px]",children:[h.jsxs("div",{className:"flex items-center gap-[8px] bg-white px-[16px] py-[8px].5 rounded-[8px] border border-[#EBEBEB] text-sm font-medium text-[#64748B] hover:bg-gray-100 transition-colors cursor-pointer",children:[h.jsx("div",{className:"flex items-center",children:h.jsx(Jhe,{size:16})}),h.jsx("div",{children:"Today"}),h.jsx("div",{className:"flex items-center",children:h.jsx(eme,{size:16})})]}),h.jsxs("div",{className:"flex items-center gap-[8px] px-[12px] py-[8px] rounded-[8px] border border-[#EBEBEB] bg-white text-[#7C3AED] text-[14px] font-medium hover:bg-[#E9D5FF] transition cursor-pointer",children:[h.jsx("div",{children:"Export Report"}),h.jsx("div",{className:"flex items-center",children:h.jsx(tme,{size:16})})]})]})]}),h.jsx("div",{className:"mt-4 border-t border-dashed border-[#E2E8F0]"})]})}function nme(){return h.jsxs(h.Fragment,{children:[h.jsx(xs,{text:"Smart Access",Icon:zpe}),h.jsxs("div",{className:"px-[20px] grid grid-cols-1 lg:grid-cols-3 gap-[24px] mt-6 auto-rows-fr",children:[h.jsx(n4,{}),h.jsx(i4,{})]}),h.jsx("div",{className:"mt-7 px-[20px]"})]})}Wn.register(hm,Dr,Zr);const Wv=e=>{const t=Number(e);return Number.isFinite(t)?t:0},rme={id:"bottomGlow",afterDatasetsDraw(e,t,n){if(!n?.enabled)return;const r=e.getDatasetMeta(0);if(!r?.data?.[0])return;const{ctx:i}=e,{x:o,y:a,innerRadius:s}=r.data[0],l=Math.max(s-2,0),c=a+l*.9,u=i.createRadialGradient(o,c,0,o,c,l*1.08);u.addColorStop(0,n.color??"rgba(186, 230, 253, 0.72)"),u.addColorStop(.3,"rgba(186, 230, 253, 0.4)"),u.addColorStop(.58,"rgba(186, 230, 253, 0.16)"),u.addColorStop(1,"rgba(186, 230, 253, 0)"),i.save(),i.beginPath(),i.arc(o,a,l,0,Math.PI*2),i.clip(),i.fillStyle=u,i.beginPath(),i.ellipse(o,c,l*1.08,l*.52,0,0,Math.PI*2),i.fill(),i.restore()}},ime={id:"centerText",afterDraw(e,t,n){const{ctx:r}=e,i=e.getDatasetMeta(0);if(!i?.data?.[0])return;const{x:o,y:a}=i.data[0],{top:s="",bottom:l="",topSize:c=24,bottomSize:u=9,topColor:d="#121212",bottomColor:f="#121212"}=n||{};r.save(),r.textAlign="center",r.textBaseline="middle",r.fillStyle=d,r.font=`600 ${c}px Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif`,r.fillText(s,o,a-6),r.fillStyle=f,r.font=`500 ${u}px Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif`,r.fillText(l,o,a+22),r.restore()}},o4=({title:e="Tickets",icon:t,firstLabel:n="First",firstValue:r=0,firstColor:i="#12B981",secondLabel:o="Second",secondValue:a=0,secondColor:s="#AB0000",growthPercentage:l="+0%",growthText:c="Compared to last month",totalLabel:u="Total",centerTopColor:d="#0F172A",centerBottomColor:f="#64748B",centerTopSize:p,centerBottomSize:m,showBottomGlow:g=!1,bottomGlowColor:v="rgba(186, 230, 253, 0.75)",showEmptyStateWhenZero:x=!1,widgetType:_="",resolvedWidgetType:w="",data:y})=>{const E=y?.title??e;y?.icon;const S=y?.firstLabel??n,P=Wv(y?.firstValue??y?.resolved?.current??y?.sold?.current??y?.first?.current??r??0),D=y?.firstColor??i,T=y?.secondLabel??o,R=Wv(y?.secondValue??y?.open?.current??y?.unsold?.current??y?.second?.current??a??0),A=y?.secondColor??s,C=y?.growthPercentage??y?.trend_percent??l??"+0%",j=y?.growthText??c,N=y?.totalLabel??u,M=y?.widgetType??_??w,L=y?.centerTopSize??p??(M==="commercial"?34:20),B=y?.centerBottomSize??m??(M==="commercial"?14:10),V=y?.showBottomGlow??g,z=y?.bottomGlowColor??v,W=y?.showEmptyStateWhenZero??x,Q=P+R,G=Wv(y?.total_tickets?.current??y?.total_units?.current??y?.total?.current??y?.current??Q),ie=W&&Q===0&&G===0,J={labels:[S,T],datasets:[{data:[P,R],backgroundColor:[D,A],borderWidth:2,hoverOffset:4}]},re={responsive:!0,maintainAspectRatio:!1,cutout:"68%",plugins:{legend:{display:!1},tooltip:{enabled:!1,external:li()},centerText:{top:`${Q}`,bottom:N,topSize:L,bottomSize:B,topColor:d,bottomColor:f},bottomGlow:{enabled:V,color:z}}},ae=[{label:S,value:P,color:D},{label:T,value:R,color:A}],le=C.toString().includes("+"),ue=C.toString().includes("-"),K=le?"#1FA05B":"#AB0000";return h.jsx(St,{title:E,className:"h-[362px] leading-[24px]",titleWeight:"semi-bold",childrenClassName:ie?"h-full":"",children:ie?h.jsx("div",{className:"w-full h-full flex items-center justify-center",children:h.jsx(Vt,{})}):h.jsxs("div",{className:"grid grid-cols-12 gap-[16px] items-center",children:[h.jsxs("div",{className:"col-span-5 space-y-[12px]",children:[ae.map((U,Z)=>h.jsxs("div",{children:[h.jsx("div",{className:"text-[12px] text-[#64748B] mb-[8px]",children:U.label}),h.jsx("div",{className:"text-[28px] leading-[32px]",style:{color:U.color},children:U.value})]},Z)),h.jsxs("div",{className:`text-[12px] flex gap-[4px] ${M==="commercial"?"mt-[20px]":""} items-center`,style:{color:K},children:[le&&h.jsx(oa,{}),ue&&h.jsx(ia,{}),h.jsx("div",{children:C.replace("+","").replace("-","")}),h.jsx("div",{className:"text-[#64748B] text-[12px] leading-[14px] ml-[4px] whitespace-nowrap",children:j})]})]}),h.jsx("div",{className:"col-span-7",children:h.jsx("div",{className:`${M==="commercial"?"h-[260px] max-w-[263px]":"h-[158px] w-[158px]"} ml-auto mr-2`,children:h.jsx(gm,{data:J,options:re,plugins:[rme,ime]})})})]})})},ome=({x:e,y:t,payload:n})=>{const r=n.value.split(" ");return h.jsx("g",{transform:`translate(${e},${t})`,children:h.jsx("text",{x:-85,y:0,textAnchor:"start",fill:"#121212",fontSize:14,children:r.map((i,o)=>h.jsx("tspan",{x:-85,dy:o===0?0:16,children:i},o))})})};function a4({data:e=[]}){const t=e&&e.length>0,n=e.map(r=>({name:r.category_name,value:r.total_complaints,color:"#08B6D4"}));return h.jsx(St,{title:"Tickets per Category",className:"h-[362px]",titleWeight:"semi-bold",childrenClassName:"h-full mt-[24px]!",children:t?h.jsx("div",{className:"w-full h-[262px]",children:h.jsx(Pt,{width:"100%",height:"100%",children:h.jsxs(Mo,{data:n,layout:"vertical",margin:{top:0,right:8,left:-20,bottom:0},children:[h.jsx(fr,{strokeDasharray:"3 3",horizontal:!1,stroke:"#E5E7EB"}),h.jsx(Gn,{type:"number",tick:{fill:"#94A3B8",fontSize:12},axisLine:!0,tickLine:!1,tickMargin:10,allowDecimals:!1}),h.jsx($n,{type:"category",dataKey:"name",axisLine:!1,tickLine:!1,width:132,tick:h.jsx(ome,{})}),h.jsx(kt,{cursor:{fill:"transparent"},position:{x:300,y:0},allowEscapeViewBox:{x:!0,y:!0},content:r=>r.active?h.jsx(Zt,{...r,data:n,children:h.jsx(Gr,{...r})}):null}),h.jsx(Gt,{dataKey:"value",barSize:36,fill:"#08B6D4"})]})})}):h.jsx(Vt,{title:"No Tickets Found",description:"Catch up all the data. Change the date range to see the data."})})}function b0({icon:e,iconColor:t="#329DFF",title:n,value:r,percentage:i,percentageText:o}){const a=parseFloat(i),s=a>=0,l=s?"#16A34A":"#DC2626";return h.jsxs("div",{className:"relative bg-white !border-[0.5px] !border-[#EBEBEB] !rounded-[12px] !shadow-[0_0_12px_0_#EAF2FF] p-[16px] h-[132px]",children:[h.jsxs("div",{className:"flex items-center gap-[8px]",children:[e&&h.jsx("div",{className:"h-[20px] w-[20px]",style:{color:t,display:"flex",alignItems:"center",justifyContent:"center"},children:h.jsx(e,{className:"h-[20px] w-[20px]"})}),h.jsx("div",{className:"text-[16px] leading-[20px] tracking-[-2%] font-medium text-[#64748B]",children:n})]}),h.jsx("div",{className:"mt-[16px] text-[28px] leading-[32px] font-medium text-[#121212]",children:r}),(i||o)&&h.jsxs("div",{className:"mt-[12px] flex items-center gap-[8px]",children:[i&&h.jsxs("div",{className:"flex items-center gap-[4px] text-[12px] leading-[16px] font-medium",style:{color:l},children:[s?h.jsx(oa,{}):h.jsx(ia,{}),Math.abs(a),"%"]}),o&&h.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:o})]})]})}function ame(){const e=[{category_name:"Plumbing",total_complaints:12},{category_name:"Electrical Issues",total_complaints:8},{category_name:"Cleaning Services",total_complaints:15}];return h.jsxs(h.Fragment,{children:[h.jsx(xs,{text:"Helpdesk",Icon:Spe,iconColor:"#12B981"}),h.jsxs("div",{className:"flex gap-[24px] mt-[24px] px-[16px]",children:[h.jsx("div",{className:"w-[380px] h-full space-y-[16px]",children:h.jsx(o4,{title:"Tickets",icon:h.jsx(zf,{className:"h-6 w-6 text-[#EF4444]"}),firstLabel:"Resolved",firstValue:779,firstColor:"#12B981",secondLabel:"Open",secondValue:83,secondColor:"#AB0000",growthPercentage:"+9.1%",growthColor:"#1FA05B",growthText:"Compared to last month",widgetType:"commercial",totalLabel:"Total",centerTopSize:34,centerBottomSize:14,showBottomGlow:!0,showEmptyStateWhenZero:!0})}),h.jsx("div",{className:"flex-1",children:h.jsx(a4,{data:e})})]})]})}const dP=e=>String(e).padStart(2,"0"),fP=(e,t="start")=>e?`${[e.getFullYear(),dP(e.getMonth()+1),dP(e.getDate())].join("-")} ${t==="end"?"23:59:59":"00:00:00"}`:"",s4=({data:e=[],onDateChange:t})=>{const[n,r]=k.useState(new Date),[i,o]=k.useState(!1),s=(v=>{const x=new Date(v);return x.setDate(x.getDate()-6),x})(n),l=v=>{try{return v.toLocaleDateString("en-GB",{day:"2-digit",month:"short"})}catch{return""}},c=v=>{const x=new Date(v),_=new Date(x);_.setDate(_.getDate()-6),t&&t(fP(_,"start"),fP(x,"end"))},u=()=>{const v=new Date(n);v.setDate(v.getDate()-7),r(v),c(v)},d=()=>{const v=new Date(n);v.setDate(v.getDate()+7),r(v),c(v)},f=()=>{o(v=>!v)},p=v=>{const x=v||new Date;r(x),c(x),o(!1)},m=Array.isArray(e)?e:[],g=!m.length||m.every(v=>v.no_of_visitors===0);return h.jsxs(St,{title:"Weekly Visitor Pattern",period:`${l(s)} - ${l(n)}`,isDateSelector:!0,titleWeight:"semi-bold",className:"h-[360px]",childrenClassName:"mt-6",onPrevClick:u,onNextClick:d,onCalendarClick:f,children:[i&&h.jsx("div",{className:"anarock-datepicker absolute top-[70px] right-[24px] z-50",children:h.jsx(LD,{selected:n,onChange:p,inline:!0,maxDate:new Date,showYearDropdown:!0,scrollableYearDropdown:!0,yearDropdownItemNumber:40})}),g?h.jsx("div",{className:"w-full h-[280px] flex items-center justify-center",children:h.jsx(Vt,{title:"No Visitors Found",description:"Catch up all the data. Change the date range to see the data."})}):h.jsx("div",{className:"w-full h-[280px]",children:h.jsx(Pt,{width:"100%",height:"100%",children:h.jsxs(aR,{data:m,margin:{top:10,right:-10,left:-10,bottom:0},children:[h.jsx("defs",{children:h.jsxs("linearGradient",{id:"colorVisitors",x1:"0",y1:"0",x2:"0",y2:"1",children:[h.jsx("stop",{offset:"0%",stopColor:"#6366F1",stopOpacity:.25}),h.jsx("stop",{offset:"100%",stopColor:"#6366F1",stopOpacity:0})]})}),h.jsx(fr,{strokeDasharray:"3 3",vertical:!1,stroke:"#F1F5F9"}),h.jsx(Gn,{dataKey:"day",type:"category",scale:"point",padding:{left:20,right:20},tick:{fontSize:12,fill:"#64748B"},axisLine:!0,tickLine:!1,tickFormatter:v=>new Date(v).toLocaleDateString("en-GB",{day:"2-digit",month:"short"})}),h.jsx($n,{width:35,tick:{fontSize:12,fill:"#64748B"},axisLine:!1,tickLine:!1,allowDecimals:!1,domain:[0,"dataMax + 2"]}),h.jsx(kt,{cursor:!1,content:v=>{const{active:x,payload:_,label:w}=v;if(!x||!_?.length)return null;const y=new Date(w).toLocaleDateString("en-GB",{day:"2-digit",month:"short"});return h.jsx(Zt,{...v,data:m,children:h.jsx(Gr,{active:x,payload:_,label:y})})}}),h.jsx(r1,{type:"monotone",dataKey:"no_of_visitors",stroke:"#6366F1",strokeWidth:2,fill:"url(#colorVisitors)",dot:{r:5,stroke:"#6366F1",strokeWidth:2,fill:"#fff"},activeDot:v=>{const{cx:x,cy:_,stroke:w}=v;return h.jsxs("g",{children:[h.jsx("circle",{cx:x,cy:_,r:6,fill:"#fff",stroke:"#6466F1",strokeWidth:2}),h.jsx("circle",{cx:x,cy:_,r:2.5,fill:"#6466F1"})]})}})]})})})]})},sme=[{building_name:"Google",no_of_visitors:1e3},{building_name:"Uber",no_of_visitors:3500},{building_name:"ANAROCK",no_of_visitors:2e3},{building_name:"Flipkart",no_of_visitors:8e3},{building_name:"HP",no_of_visitors:1650}],l4=({data:e,title:t,bar:n})=>{const r=Array.isArray(e)&&e?.length===0,i=e==null?sme:Array.isArray(e)?e:[];return h.jsx(St,{title:t||"Organisation Wise Visitors",titleWeight:"semi-bold",className:"h-[360px]",childrenClassName:"mt-6",children:h.jsx("div",{className:"w-full h-[260px] flex items-center justify-center",children:r?h.jsx(Vt,{title:t||"Organisation Wise Visitors",description:"Catch up all the data. Change the date range to see the data."}):h.jsx(Pt,{width:"100%",height:"100%",children:h.jsxs(Mo,{data:i||[],margin:{top:10,right:10,left:10,bottom:-10},barCategoryGap:35,children:[h.jsx(fr,{strokeDasharray:"3 3",vertical:!1,stroke:"#F1F5F9"}),h.jsx(Gn,{dataKey:"building_name",tick:{fontSize:12,fill:"#64748B"},axisLine:!0,tickLine:!1,tickFormatter:o=>e?.length>2&&o?.length>8?`${o.slice(0,8)}...`:o}),h.jsx($n,{width:40,tick:{fontSize:12,fill:"#64748B"},axisLine:!1,tickLine:!1,allowDecimals:!1}),h.jsx(kt,{cursor:!1,content:o=>o.active?h.jsx(Zt,{...o,data:i,children:h.jsx(Gr,{...o})}):null}),h.jsx(Gt,{dataKey:"no_of_visitors",name:"Visitors",maxBarSize:55,fill:n||"#3C81F6"})]})})})})};function lme(){const e=[{day:"2026-03-05",no_of_visitors:0},{day:"2026-03-06",no_of_visitors:0},{day:"2026-03-07",no_of_visitors:0},{day:"2026-03-08",no_of_visitors:14},{day:"2026-03-09",no_of_visitors:0},{day:"2026-03-10",no_of_visitors:0},{day:"2026-03-11",no_of_visitors:0}];return h.jsxs(h.Fragment,{children:[h.jsx(xs,{text:"Visitors",Icon:_pe,iconColor:"#884EA7"}),h.jsxs("div",{className:"grid grid-cols-2 gap-[24px] mt-[24px]",children:[h.jsx(b0,{icon:Gpe,iconColor:"#329DFF",title:"Visitors Expected",value:"1,247",percentage:"+11.0%",percentageText:"Compared to last month"}),h.jsx(b0,{icon:lpe,iconColor:"#1FA05B",title:"Visitors Inside",value:"800",percentageText:"Across organisations"})]}),h.jsxs("div",{className:"grid grid-cols-2 gap-[24px] mt-[24px]",children:[h.jsx(s4,{data:e}),h.jsx(l4,{})]}),h.jsx("div",{})]})}function co({data:e}){return h.jsx("div",{className:"h-full",children:e.map((t,n)=>{const r=parseFloat(t.delta),i=r>=0;return h.jsx(Ie,{iconClassName:"!gap-[8px]",title:h.jsx("div",{className:"text-[#64748B]",children:t.title}),icon:h.jsx(t.Icon,{className:"h-[20px] w-[20px]",style:{color:t.iconColor||"#000000"}}),className:`${t?.widget==="amenities"?"h-[139px]":"h-[124px]"}`,children:h.jsxs("div",{className:`flex flex-col gap-[8px] ${t?.widget==="amenities"?"mt-[3.5px]":"mt-0"}`,children:[h.jsx("div",{className:"text-[28px] leading-[32px] font-medium text-[#121212]",children:t.value}),h.jsxs("div",{className:`flex items-center text-[12px] leading-[16px] ${t.delta?"gap-[8px]":""}`,children:[t.delta&&h.jsxs("div",{className:`flex items-center gap-[4px] px-[6px] py-[2px] rounded-[4px] font-medium
|
|
481
481
|
${i?"text-[#1FA05B] bg-[#F7FEFA]":"text-[#E11D48] bg-[#FBF4F4]"}
|
|
482
|
-
`,children:[i?h.jsx(oa,{}):h.jsx(ia,{}),Math.abs(r),"%"]}),h.jsx("div",{className:t.deltaColor?`text-[${t.deltaColor}] font-[600]`:"text-[#64748B]",children:t.deltaLabel})]})]})},n)})})}const cme=[{facility_name:"Table Tennis",total_booking:5},{facility_name:"Gym",total_booking:12},{facility_name:"Meeting Room A",total_booking:3},{facility_name:"Conference Hall",total_booking:8}],ume=({x:e,y:t,payload:n})=>h.jsx("foreignObject",{x:(e||0)-80,y:(t||0)-18,width:80,height:40,children:h.jsx("div",{className:"text-[12px] leading-[16px] text-[#121212]",style:{width:"80px",whiteSpace:"normal",wordBreak:"break-word",textAlign:"left"},children:n?.value||""})});function c4({data:e,bar:t}){const n=Array?.isArray(e)&&e?.length===0,i=(e==null?cme:Array?.isArray(e)?e:[]).map(o=>({...o,name:o.facility_name,color:"#8B5CF6"}));return h.jsx(Ie,{title:"Bookings",icon:h.jsx(Npe,{size:18,className:"text-[#DBB467]"}),className:"h-[288px]",children:h.jsx("div",{className:"w-full h-full flex items-center justify-center",children:n?h.jsx(Vt,{title:"No Booking Found",description:"Catch up all the data. Change the date range to see the data."}):h.jsx(Pt,{width:"100%",height:"100%",children:h.jsxs(Mo,{data:i||[],layout:"vertical",margin:{top:0,right:10,left:-12,bottom:0},children:[h.jsx(Gn,{type:"number",allowDecimals:!1,tick:{fill:"#64748B",fontSize:12},axisLine:!0,tickLine:!1}),h.jsx($n,{type:"category",dataKey:"facility_name",axisLine:!1,tickLine:!1,width:100,tick:h.jsx(ume,{})}),h.jsx(kt,{cursor:{fill:"transparent"},position:{x:300,y:0},allowEscapeViewBox:{x:!0,y:!0},content:o=>o.active?h.jsx(Zt,{...o,data:i,children:h.jsx(Gr,{...o})}):null}),h.jsx(Gt,{dataKey:"total_booking",barSize:40,fill:t||"#8B5CF6"})]})})})})}const dme=[{building_name:"Google",no_of_booking:1},{building_name:"Uber",no_of_booking:2},{building_name:"ANAROCK",no_of_booking:4},{building_name:"Flipkart",no_of_booking:2},{building_name:"HP",no_of_booking:1}];function u4({data:e}){const t=Array.isArray(e)&&e?.length===0,n=e==null?dme:Array.isArray(e)?e:[];return h.jsx(St,{title:"Booking Trend by Organisation",titleWeight:"semi-bold",className:"h-[362px]",children:h.jsx("div",{className:"w-full h-[265px] mt-[28px] flex items-center justify-center",children:t?h.jsx(Vt,{title:"No Booking Found",description:"Catch up all the data. Change the date range to see the data."}):h.jsx(Pt,{width:"100%",height:"100%",children:h.jsxs(Mo,{data:n||[],margin:{top:0,right:0,left:-30,bottom:0},children:[h.jsx(fr,{strokeDasharray:"3 3",vertical:!1,stroke:"#E5E7EB"}),h.jsx(Gn,{dataKey:"building_name",axisLine:!1,tickLine:!1,tick:{fill:"#64748B",fontSize:12},tickFormatter:r=>e?.length>2&&r?.length>8?`${r.slice(0,8)}...`:r}),h.jsx($n,{allowDecimals:!1,axisLine:!1,tickLine:!1,tick:{fill:"#64748B",fontSize:12},tickFormatter:r=>`${r??0}`}),h.jsx(kt,{cursor:!1,allowEscapeViewBox:{x:!0,y:!0},content:r=>r.active?h.jsx(Zt,{...r,data:n,children:h.jsx(Gr,{...r})}):null}),h.jsx(Gt,{dataKey:"no_of_booking",barSize:54,fill:"#12B981"})]})})})})}const fme=[{facility_name:"Table Tennis",paid_revenue:"24000.00"},{facility_name:"Games Room",paid_revenue:"14000.00"},{facility_name:"Badminton",paid_revenue:"10000.00"},{facility_name:"GYM",paid_revenue:"4000.00"}],af=["#3C81F6","#60A5FA","#95BFFA","#BEDAFE","#DAE6FC"];function d4({data:e,currencyType:t}){const n=Array?.isArray(e)&&e?.length===0,r=e??fme,i=Array?.isArray(r)&&r?.length>0?r?.map(l=>({name:l?.facility_name||"Unknown",value:Number(l?.paid_revenue)||0})):[],a=(i?.length>0?i?.every(l=>l?.value===0):!1)?i?.map((l,c)=>({...l,value:c===0?1:0})):i,s=l=>`${t||"Rs"} ${l?.toLocaleString?.("en-IN")||0}`;return h.jsx(St,{title:"Amenity Wise Revenue",titleWeight:"semi-bold",className:"h-[362px]",children:h.jsx("div",{className:"grid grid-cols-12 gap-[24px] items-center h-full mt-[16px]",children:n?h.jsx("div",{className:"col-span-12 flex items-center justify-center h-[240px]",children:h.jsx(Vt,{title:"No Amenity Found",description:"Catch up all the data. Change the date range to see the data."})}):h.jsxs(h.Fragment,{children:[h.jsx("div",{className:"col-span-6 h-[240px] w-full max-w-[240px]",children:h.jsx(Pt,{width:"100%",height:"100%",children:h.jsxs(Hi,{children:[h.jsx(ui,{data:a||[],dataKey:"value",nameKey:"name",cx:"50%",cy:"50%",outerRadius:95,stroke:"#fff",strokeWidth:1,children:a?.map?.((l,c)=>h.jsx(Ln,{fill:af?.[c%af?.length]},`cell-${c}`))}),h.jsx(kt,{cursor:!1,allowEscapeViewBox:{x:!0,y:!0},content:l=>l.active?h.jsx(Zt,{...l,data:a,children:h.jsx(Gr,{...l,formatter:c=>s(c)})}):null})]})})}),h.jsx("div",{className:"col-span-6",children:h.jsxs("div",{className:"rounded-[12px] !overflow-hidden border border-[#E2E8F0] !border-r-1 border-r-[#E2E8F0]! !pr-0 !mr-0",children:[h.jsxs("div",{className:"grid grid-cols-2 px-[12px] py-[8px] bg-[#EBEBEB] text-[12px] leading-[16px] font-semibold text-[#64748B]",children:[h.jsx("div",{children:"Amenity"}),h.jsx("div",{className:"text-right",children:"Revenue"})]}),h.jsx("div",{className:"divide-y divide-[#F1F5F9] max-h-[238px] overflow-y-auto hide-scrollbar",children:i?.map?.((l,c)=>h.jsxs("div",{className:"grid grid-cols-2 px-[16px] py-[16px] text-[14px] text-[#121212]",children:[h.jsxs("div",{className:"flex items-center gap-[12px]",children:[h.jsx("span",{className:"w-[16px] h-[7px]",style:{backgroundColor:af?.[c%af?.length]}}),h.jsx("span",{className:"text-[#64748B] text-[12px] leading-[16px]",children:l?.name||"Unknown"})]}),h.jsx("div",{className:"text-right text-[12px] leading-[16px] text-[#64748B]",children:s(l?.value||0)})]},l?.name||c))})]})})]})})})}function pme(){return h.jsxs(h.Fragment,{children:[h.jsx(xs,{text:"Amenities",Icon:Ppe,iconColor:"#F59D0D"}),h.jsxs("div",{className:"p-[16px] grid grid-cols-2 mt-[24px] gap-[24px]",children:[h.jsxs("div",{className:"grid grid-cols-2 gap-[24px]",children:[h.jsx(co,{data:[{title:"Total Bookings",value:145,delta:"+11.0%",deltaLabel:"Compared to last month",Icon:Upe,iconColor:"#1FA05B",iconBg:"bg-emerald-50"}]}),h.jsx(co,{data:[{title:"Utilisation Rate",value:"73%",delta:"+11.0%",deltaLabel:"Compared to last month",Icon:Lpe,iconColor:"#329DFF"}]}),h.jsx(co,{data:[{title:"Most Popular",value:"Table Tennis",delta:"+11.0%",deltaLabel:"Compared to last month",Icon:KI,iconColor:"#FA7E28"}]}),h.jsx(co,{data:[{title:"Pending Approvals",value:23,delta:"-8.0%",deltaLabel:"Compared to last month",Icon:HI,iconColor:"#AB0000"}]})]}),h.jsx(c4,{})]}),h.jsxs("div",{className:"grid grid-cols-2 gap-[24px] px-[16px]",children:[h.jsx(u4,{}),h.jsx(d4,{})]})]})}const sf=["#8CB33E","#F59E0B","#3B82F6","#06B6D4","#CFCFCF"],hme=[{asset_group_name:"Lifts",asset_count:3},{asset_group_name:"Fire Systems",asset_count:16},{asset_group_name:"Generators",asset_count:16},{asset_group_name:"HVAC",asset_count:24},{asset_group_name:"Others",asset_count:97}],f4=({rows:e,totalAssets:t})=>{const n=k.useMemo(()=>e?e.length===0?[]:e.map((i,o)=>({name:i.asset_group_name,facility_name:i.asset_group_name,value:i.asset_count||0,fill:sf[o%sf.length]})):hme.map((i,o)=>({name:i.asset_group_name,facility_name:i.asset_group_name,value:i.asset_count||0,fill:sf[o%sf.length]})),[e]),r=t??n.reduce((i,o)=>i+o.value,0);return e&&e.length===0?h.jsx(St,{title:"Assets by Type",titleWeight:"semi-bold",className:"h-[362px]",children:h.jsx("div",{className:"flex items-center justify-center h-[260px]",children:h.jsx(Vt,{title:"No Assets Found",description:"Catch up all the data. Change the date range to see the data."})})}):h.jsx(St,{title:"Assets by Type",titleWeight:"semi-bold",className:"h-[362px]",children:h.jsxs("div",{className:"flex items-center justify-between h-full mt-[16px]",children:[h.jsxs("div",{className:"relative w-[252px] h-[273px]",children:[h.jsx(Pt,{width:"100%",height:"100%",children:h.jsxs(Hi,{children:[h.jsx(ui,{data:n,dataKey:"value",cx:"50%",cy:"50%",innerRadius:60,outerRadius:90,paddingAngle:2,stroke:"#FFFFFF",strokeWidth:2,startAngle:90,endAngle:-270,isAnimationActive:!1,children:n.map((i,o)=>h.jsx(Ln,{fill:i.fill},o))}),h.jsx(kt,{cursor:!1,allowEscapeViewBox:{x:!0,y:!0},content:i=>i.active?h.jsx(Zt,{...i,data:n,children:h.jsx(Gr,{...i})}):null})]})}),h.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center pointer-events-none",children:[h.jsx("div",{className:"text-[24px] leading-[33px] font-medium text-[#121212]",children:r}),h.jsx("div",{className:"text-[12px] leading-[17px] text-[#64748B] mt-[2px]",children:"Total Assets"})]})]}),h.jsx("div",{className:"flex-1 max-w-[280px]",children:h.jsxs("div",{className:"rounded-[12px] overflow-hidden bg-white border border-[#E2E8F0] !border-r-1 border-r-[#E2E8F0]! !pr-0 !mr-0",children:[h.jsxs("div",{className:"flex items-center justify-between px-[16px] py-[12px] bg-[#F8FAFC]",children:[h.jsx("div",{className:"text-[12px] font-medium text-[#64748B]",children:"Asset"}),h.jsx("div",{className:"text-[12px] font-medium text-[#64748B]",children:"Count"})]}),n.map((i,o)=>h.jsxs("div",{className:"max-h-[205px] overflow-y-auto hide-scrollbar flex items-center justify-between px-[16px] py-[12px] border-t border-[#F1F5F9]",children:[h.jsxs("div",{className:"flex items-center gap-[8px]",children:[h.jsx("div",{className:"w-[16px] h-[7px]",style:{backgroundColor:i.fill}}),h.jsx("div",{className:"text-[13px] text-[#475569]",children:i.name})]}),h.jsx("div",{className:"text-[13px] text-[#64748B]",children:i.value})]},o))]})})]})})},p4=({data:e,title:t})=>{const[n,r]=k.useState({}),i=[{name:"Lifts",Cancelled:55,Closed:45,Open:50,OnHold:20,InProgress:10},{name:"Fire Systems",Cancelled:15,Closed:45,Open:15,OnHold:8,InProgress:5},{name:"Generators",Cancelled:12,Closed:45,Open:75,OnHold:18,InProgress:7},{name:"HVAC",Cancelled:45,Closed:80,Open:30,OnHold:22,InProgress:12},{name:"Others",Cancelled:18,Closed:18,Open:45,OnHold:9,InProgress:4}],o=k.useMemo(()=>e?Array.isArray(e)&&e.length===0?[]:e:i,[e]),a=s=>{const{dataKey:l}=s;r(c=>({...c,[l]:!c[l]}))};return Array.isArray(e)&&e.length===0?h.jsx(St,{title:t||"Maintenance Status",titleWeight:"semi-bold",className:"h-[362px]",children:h.jsx("div",{className:"w-full h-[260px] flex items-center justify-center",children:h.jsx(Vt,{title:"No Maintenance Assets Status Found",description:"Catch up all the data. Change the date range to see the data."})})}):h.jsx(St,{title:t||"Maintenance Status",titleWeight:"semi-bold",className:"h-[362px]",children:h.jsx("div",{className:"w-full h-[260px] flex items-center justify-center",children:Array.isArray(e)&&e.length===0?h.jsx("div",{className:"text-[#94A3B8] text-sm",children:"No Data Found"}):h.jsx("div",{className:`relative w-full ${t?"h-[261px]":"h-[297px]"} mt-[20px]`,children:h.jsx(Pt,{width:"100%",height:"100%",children:h.jsxs(Mo,{data:o,barSize:54,barCategoryGap:"40%",margin:{top:20,right:20,left:-20,bottom:0},children:[h.jsx(fr,{strokeDasharray:"3 3",vertical:!1,stroke:"#E2E8F0"}),h.jsx(Gn,{dataKey:"name",tick:{fill:"#64748B",fontSize:12},axisLine:!1,tickLine:!1,tickFormatter:s=>e?.length>2&&s?.length>8?`${s.slice(0,8)}...`:s}),h.jsx($n,{tick:{fill:"#64748B",fontSize:12},axisLine:!1,tickLine:!1,allowDecimals:!1}),h.jsx(kt,{cursor:{fill:"rgba(148, 163, 184, 0.12)"},allowEscapeViewBox:{x:!0,y:!0},content:s=>!s.active||!s.payload||!s.payload.length?null:h.jsx(Zt,{...s,data:o,children:h.jsxs("div",{className:"bg-[#121212] rounded-[10px] px-[14px] py-[10px] text-[12px] text-white",children:[h.jsx("div",{className:"mb-[6px] font-semibold",children:s.label}),s.payload.map((l,c)=>{const u=l.color||l.fill||"#fff";return h.jsxs("div",{className:"flex items-center gap-[6px]",children:[h.jsx("span",{className:"w-2 h-2 rounded-full inline-block",style:{backgroundColor:u}}),h.jsx("span",{className:"text-[#D1D3D4]",children:l.name}),h.jsx("span",{className:"text-white font-semibold",children:l.value})]},c)})]})})}),h.jsx(Ol,{verticalAlign:"bottom",align:"center",onClick:a,content:({payload:s})=>h.jsx("div",{className:"flex items-center justify-center gap-[16px] pt-4 flex-wrap",children:s.map((l,c)=>h.jsxs("div",{onClick:()=>a({dataKey:l.dataKey}),className:"flex items-center gap-[8px] cursor-pointer",children:[h.jsx("div",{style:{width:"16px",height:"8px",backgroundColor:n[l.dataKey]?"#CBD5E1":l.color}}),h.jsx("span",{style:{fontSize:"12px",color:n[l.dataKey]?"#CBD5E1":"#64748B"},children:l.value})]},c))})}),h.jsx(Gt,{dataKey:"Open",stackId:"a",fill:"#3B82F6",hide:n.Open}),h.jsx(Gt,{dataKey:"Closed",stackId:"a",fill:"#10B981",hide:n.Closed}),h.jsx(Gt,{dataKey:"Cancelled",stackId:"a",fill:"#B91C1C",hide:n.Cancelled}),h.jsx(Gt,{dataKey:"OnHold",stackId:"a",fill:"#64748B",hide:n.OnHold,name:"On-Hold"}),h.jsx(Gt,{dataKey:"InProgress",stackId:"a",fill:"#F59E0B",hide:n.InProgress,name:"In Progress"})]})})})})})};function mme(){return h.jsxs(h.Fragment,{children:[h.jsx(xs,{text:"Asset Management",Icon:Bpe,iconColor:"#A74E8A"}),h.jsxs("div",{className:"grid grid-cols-2 mt-4 gap-[24px]",children:[h.jsx(f4,{}),h.jsx(p4,{})]})]})}function h4({data:e}){const t=[{name:"Completed",value:Number(e?.completed||0),color:"#12B981"},{name:"Not - Completed",value:Number(e?.not_completed||0),color:"#F69E0A"},{name:"Missed",value:Number(e?.missed||0),color:"#EF4444"}],n=Number(e?.completed||0)+Number(e?.not_completed||0)+Number(e?.missed||0),r=Number(e?.completed||0);return h.jsx(St,{title:"Patrol Status",className:"h-[362px]",titleWeight:"semi-bold",children:h.jsxs("div",{className:"flex flex-col items-center justify-center",children:[h.jsxs("div",{className:"w-[215px] h-[182px] relative",children:[h.jsx(Pt,{width:"100%",height:"100%",children:h.jsxs(Hi,{children:[h.jsx(ui,{data:t,innerRadius:60,outerRadius:90,paddingAngle:2,dataKey:"value",nameKey:"name",children:t.map((i,o)=>h.jsx(Ln,{fill:i.color},`cell-${o}`))}),h.jsx(kt,{cursor:!1,allowEscapeViewBox:{x:!0,y:!0},content:i=>i.active?h.jsx(Zt,{...i,data:t,children:h.jsx(Gr,{...i})}):null})]})}),h.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center pointer-events-none",children:[h.jsxs("div",{className:"font-medium text-[19.35px] leading-[23.65px]",children:[r,"/",n]}),h.jsx("div",{className:"text-[10.75px] leading-[15.05px] text-[#64748B]",children:"Completed"})]})]}),h.jsx("div",{className:"flex flex-col w-full text-[14px]",children:t.map((i,o)=>h.jsxs("div",{className:`flex items-center justify-between py-[10px] ${o!==t.length-1?"border-b border-[#F1F5F9]":""}`,children:[h.jsxs("div",{className:"flex items-center gap-[10px]",children:[h.jsx("div",{className:"inline-block w-[16px] h-[7px]",style:{backgroundColor:i.color}}),h.jsx("div",{className:"leading-[16.09px] text-[12.07px] text-[#64748B]",children:i.name})]}),h.jsx("div",{className:"leading-[16.09px] text-[12.07px] text-[#64748B]",children:i.value})]},i.name))})]})})}function m4({incidentReports:e,incidentReportsDetails:t}){const n=Number(e?.open||0),r=Number(e?.in_progress||0),i=Number(e?.closed||0);return h.jsx(St,{title:"Incident Reports",className:"h-[362px]",titleWeight:"semi-bold",children:h.jsxs("div",{children:[h.jsxs("div",{className:"flex w-full text-center gap-[16px] mt-[24px]",children:[h.jsxs("div",{className:"flex-1 flex flex-col items-center justify-center bg-[#FBF4F4] h-[76px] rounded",children:[h.jsx("div",{className:"text-[24px] leading-[28px] font-medium text-[#AB0000]",children:n}),h.jsx("div",{className:"text-[12px] leading-[16px] text-[#AB0000]",children:"Open"})]}),h.jsxs("div",{className:"flex-1 flex flex-col items-center justify-center bg-[#FFFBF2] h-[76px] rounded",children:[h.jsx("div",{className:"text-[24px] leading-[28px] font-medium text-[#F2A815]",children:r}),h.jsx("div",{className:"text-[12px] leading-[16px] text-[#F2A815]",children:"In-progress"})]}),h.jsxs("div",{className:"flex-1 flex flex-col items-center justify-center bg-[#F7FEFA] h-[76px] rounded",children:[h.jsx("div",{className:"text-[24px] leading-[28px] font-medium text-[#1FA05B]",children:i}),h.jsx("div",{className:"text-[12px] leading-[16px] text-[#1FA05B]",children:"Closed"})]})]}),h.jsx("div",{className:"mt-4 space-y-2",children:t?.length>0?t.map((o,a)=>{const s=o?.escalation_level==="Danger"?"text-[#AB0000]":o?.escalation_level==="High"?"text-[#E7A015]":"text-[#1FA05B]";return h.jsxs("div",{className:"flex items-center justify-between p-[12px] bg-[#FAFBFD] rounded-md",children:[h.jsx("div",{className:"flex items-center gap-[8px]",children:h.jsx("div",{className:"text-gray-700 font-medium",children:o?.incident_reporting_id})}),h.jsx("div",{className:`!text-[12px] font-semibold flex items-center gap-[4px] ${s}`,children:h.jsxs("div",{children:[o?.escalation_value," - ",o?.escalation_level]})})]},a)}):h.jsx(h.Fragment,{})})]})})}function gme(){return h.jsxs(h.Fragment,{children:[h.jsx(xs,{text:"Guard Petrol",Icon:Hpe,iconColor:"#AB0000"}),h.jsxs("div",{className:"px-[16px] grid grid-cols-3 gap-[24px] mt-4",children:[h.jsx(h4,{}),h.jsx(m4,{}),h.jsx(qI,{})]})]})}function vme(){return h.jsxs(h.Fragment,{children:[h.jsx(xs,{text:"Engagement",Icon:Mpe,iconColor:"#3C81F6"}),h.jsxs("div",{className:"grid grid-cols-4 gap-[24px] mt-4",children:[h.jsx(co,{data:[{title:"Notice",value:20,deltaLabel:"Currently active",Icon:xpe,iconColor:"#1FA05B"}]}),h.jsx(co,{data:[{title:"Discussion Forum",value:9,deltaLabel:"Active threads",Icon:Cpe,iconColor:"#329DFF"}]}),h.jsx(co,{data:[{title:"Polls",value:3,deltaLabel:"Currently active",Icon:Ape,iconColor:"#FA7E28"}]}),h.jsx(co,{data:[{title:"Surveys",value:8,deltaLabel:"Currently active",Icon:Ipe,iconColor:"#DBB467"}]})]})]})}function g4({columns:e=[{key:"a",label:"Organisation"},{key:"b",label:"Item"},{key:"c",label:"Closed"},{key:"d",label:"Open"},{key:"e",label:"AOV"},{key:"f",label:"% Revenue"}],data:t=[{a:"Google",b:"Coffee",c:"34,908",d:"₹ 57,21,288",e:"₹ 450",f:"43.6%"},{a:"Uber",b:"Paneer Combo",c:"12,000",d:"₹ 12,00,000",e:"₹ 500",f:"100%"},{a:"Uber",b:"Paneer Combo",c:"12,000",d:"₹ 12,00,000",e:"₹ 500",f:"100%"},{a:"Uber",b:"Paneer Combo",c:"12,000",d:"₹ 12,00,000",e:"₹ 500",f:"100%"},{a:"Uber",b:"Paneer Combo",c:"12,000",d:"₹ 12,00,000",e:"₹ 500",f:"100%"},{a:"Uber",b:"Paneer Combo",c:"12,000",d:"₹ 12,00,000",e:"₹ 500",f:"100%"}],rowsPerPage:n=10,setRowsPerPage:r=()=>{},currentPage:i=1,setCurrentPage:o=()=>{},totalRows:a=0,totalPages:s=1,pageOptions:l=[10,20,30,40,50]}){const c=Array.isArray(t)?t:[],u=Array.isArray(e)?e:[],d=n>0?Math.ceil(c.length/n):1,f=s||d,p=c,m=a===0&&c.length===0,g=`repeat(${u.length}, 1fr)`;return h.jsxs("div",{className:"w-full bg-white rounded-[12px] h-[390px] !border-[0.5px] !border-[#EBEBEB] !shadow-[0_0_12px_0_#EAF2FF] overflow-hidden flex flex-col",children:[h.jsx("div",{className:"flex-1 overflow-auto hide-scrollbar",children:h.jsxs("div",{className:"h-full min-w-max",children:[h.jsx("div",{className:"grid bg-[#354A5E] text-white text-[16px] leading-[20px] font-medium sticky top-0 z-30",style:{gridTemplateColumns:g},children:u.map((v,x)=>h.jsx("div",{className:`px-[24px] py-[16px] whitespace-nowrap text-left ${x===0?"sticky left-0 z-40 bg-[#354A5E] text-[16px] leading-[20px] shadow-[2px_0_5px_rgba(0,0,0,0.1)] border-r border-[#2C3E50]":""}`,children:v.label},x))}),m?h.jsx("div",{className:"h-[calc(100%-50px)] flex items-center justify-center",children:h.jsx(Vt,{title:"No Data Found",description:"Catch up all the data. Change the date range to see the data."})}):p.map((v,x)=>h.jsx("div",{className:"grid",style:{gridTemplateColumns:g},children:u.map((_,w)=>{const y=v[_.key],E=_.label==="Closed",S=_.label==="Open",P=typeof y=="string"&&y.includes("%"),D=y==="100%"?"bg-[#F0FEF2] text-[#36AB6C]":"bg-[#FFF0F0] text-[#AB0000]";return h.jsx("div",{className:`px-[24px] py-[16px] flex items-center ${w===0?"bg-white sticky left-0 z-20 shadow-[2px_0_5px_rgba(0,0,0,0.05)] border-r border-gray-200":"bg-gray-50"} text-[#121212]`,children:E?h.jsx("div",{className:"text-[14px] font-medium",style:{color:"#36AB6C"},children:y??"-"}):S?h.jsx("div",{className:"text-[14px] font-medium",style:{color:"#AB0000"},children:y??"-"}):P?h.jsx("div",{className:`inline-block px-[12px] py-[4px] rounded-full text-[14px] font-medium ${D}`,children:y}):h.jsx("div",{children:y??"-"})},w)})},x))]})}),h.jsxs("div",{className:"flex justify-end items-center px-[24px] py-[16px] text-sm bg-white border-t border-[#F0F0F0] gap-[32px] shrink-0",children:[h.jsxs("div",{className:"flex items-center gap-[8px] text-gray-600 text-[14px]",children:[h.jsx("div",{children:"Rows per page:"}),h.jsx("select",{value:n,onChange:v=>{r(Number(v.target.value)),o(1)},className:"border rounded px-[8px] py-[4px]",children:l.map((v,x)=>h.jsx("option",{value:v,children:v},x))}),h.jsxs("div",{className:"ml-4 text-[14px]",children:[c?.length===0?"0–0":`1–${c?.length}`," of"," ",a||c?.length]})]}),h.jsxs("div",{className:"flex items-center space-x-2 text-gray-600 text-[14px]",children:[h.jsx("button",{onClick:()=>o(1),disabled:i===1,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:h.jsx(YI,{size:18})}),h.jsx("button",{onClick:()=>o(v=>v-1),disabled:i===1,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:h.jsx(W1,{size:18})}),h.jsx("button",{onClick:()=>o(v=>v+1),disabled:i===f,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:h.jsx(z1,{size:18})}),h.jsx("button",{onClick:()=>o(f),disabled:i===f,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:h.jsx(UI,{size:18})})]})]})]})}const v4=({options:e=[],value:t,onChange:n})=>{const[r,i]=k.useState(!1),o=k.useRef(null);return k.useEffect(()=>{const a=s=>{o.current&&!o.current.contains(s.target)&&i(!1)};return document.addEventListener("mousedown",a),()=>{document.removeEventListener("mousedown",a)}},[]),h.jsxs("div",{ref:o,className:"relative h-[32px]",children:[h.jsxs("div",{className:"flex items-center justify-between gap-[10px] px-[12px] py-[8px] border border-[#E2E8F0] rounded-[4px] cursor-pointer min-w-[140px]",onClick:()=>i(!r),children:[h.jsx("div",{className:"text-[12px] leading-[16px] min-w-[109px] text-[#64748B]",children:t}),h.jsx(hpe,{size:16,className:"text-[#64748B]"})]}),r&&h.jsx("div",{className:"absolute top-[110%] left-0 w-full bg-white border border-[#E2E8F0] rounded-[8px] shadow-md z-10",children:e.map((a,s)=>h.jsx("div",{className:"px-[12px] py-[8px] text-[14px] text-[#334155] hover:bg-[#F1F5F9] cursor-pointer",onClick:()=>{n(a),i(!1)},children:a},s))})]})},yme=({data:e,communities:t,title:n})=>{const[r,i]=k.useState({}),[o,a]=k.useState(""),s=t?.map(d=>d?.community_name)||[];k.useEffect(()=>{s?.length>0&&!o&&a(s[0])},[s,o]);const l=[{community_name:"L1",Cancelled:55,Open:50,OnHold:20,InProgress:10},{community_name:"L2",Cancelled:15,Open:15,OnHold:8,InProgress:5},{community_name:"L3",Cancelled:12,Open:75,OnHold:18,InProgress:7}],c=k.useMemo(()=>e?Array.isArray(e)&&e.length===0?[]:e:l,[e]),u=d=>{const{dataKey:f}=d||{};i(p=>({...p,[f]:!p?.[f]}))};return Array.isArray(e)&&e.length===0?h.jsx(St,{title:n||"Escalation Level By Building",titleWeight:"semi-bold",className:"h-[362px]",children:h.jsx("div",{className:"w-full flex items-center justify-center",children:h.jsx(Vt,{title:"No Maintenance Assets Status Found",description:"Catch up all the data. Change the date range to see the data."})})}):h.jsx(St,{title:n||"Escalation Level By Building",titleWeight:"semi-bold",className:"h-[362px]",childrenClassName:"mt-[21px]",rightContent:h.jsx(v4,{options:s,value:o,onChange:d=>a(d)}),children:h.jsx("div",{className:"w-full flex items-center justify-center",children:Array.isArray(e)&&e.length===0?h.jsx("div",{className:"text-[#94A3B8] text-sm",children:"No Data Found"}):h.jsx("div",{className:"relative w-full h-[261px]",children:h.jsx(Pt,{width:"100%",height:"100%",children:h.jsxs(Mo,{data:c,barSize:54,barCategoryGap:"40%",margin:{top:20,right:20,left:-20,bottom:0},children:[h.jsx(fr,{strokeDasharray:"3 3",vertical:!1,stroke:"#E2E8F0"}),h.jsx(Gn,{dataKey:"community_name",tick:{fill:"#64748B",fontSize:12},axisLine:!1,tickLine:!1}),h.jsx($n,{tick:{fill:"#64748B",fontSize:12},axisLine:!1,tickLine:!1,allowDecimals:!1}),h.jsx(kt,{cursor:{fill:"rgba(148, 163, 184, 0.12)"},allowEscapeViewBox:{x:!0,y:!0},content:d=>!d?.active||!d?.payload?.length?null:h.jsx(Zt,{...d,data:c,children:h.jsxs("div",{className:"bg-black rounded-[10px] px-[14px] py-[10px] text-[12px] text-white",children:[h.jsx("div",{className:"mb-[6px] font-semibold",children:d?.label}),d?.payload?.map((f,p)=>{const m=f?.color||f?.fill||"#fff";return h.jsxs("div",{className:"flex items-center gap-[6px]",children:[h.jsx("span",{className:"w-[8px] h-[8px] rounded-full inline-block",style:{backgroundColor:m}}),h.jsx("span",{className:"text-[#D1D3D4]",children:f?.name}),h.jsx("span",{className:"text-white font-semibold",children:f?.value})]},p)})]})})}),h.jsx(Ol,{verticalAlign:"bottom",align:"center",onClick:u,content:({payload:d})=>h.jsx("div",{className:"flex items-center justify-center gap-[16px] pt-4 flex-wrap",children:d?.map((f,p)=>h.jsxs("div",{onClick:()=>u({dataKey:f?.dataKey}),className:"flex items-center gap-[8px] cursor-pointer",children:[h.jsx("div",{className:`w-[16px] h-[8px] ${r?.[f?.dataKey]?"bg-slate-300":""}`,style:{backgroundColor:r?.[f?.dataKey]?"#CBD5E1":f?.color}}),h.jsx("span",{className:`text-[12px] ${r?.[f?.dataKey]?"text-[#CBD5E1]":"text-[#64748B]"}`,children:f?.value})]},p))})}),h.jsx(Gt,{dataKey:"Open",stackId:"a",fill:"#3B82F6",hide:r?.Open}),h.jsx(Gt,{dataKey:"Cancelled",stackId:"a",fill:"#B91C1C",hide:r?.Cancelled}),h.jsx(Gt,{dataKey:"OnHold",stackId:"a",fill:"#64748B",hide:r?.OnHold,name:"On-Hold"}),h.jsx(Gt,{dataKey:"InProgress",stackId:"a",fill:"#F59E0B",hide:r?.InProgress,name:"In Progress"})]})})})})})},bme=({data:e=[],communities:t})=>{const[n,r]=k.useState(""),i=t?.map(s=>s?.community_name)||[];k.useEffect(()=>{i?.length>0&&!n&&r(i[0])},[i,n]);const o=Array.isArray(e)?e:[],a=!o.length||o.every(s=>s.no_of_visitors===0);return h.jsx(St,{title:"Top 5 Tenants by Visitors",titleWeight:"semi-bold",className:"h-[360px]",childrenClassName:"mt-[20px]",rightContent:h.jsx(v4,{options:i,value:n,onChange:s=>r(s)}),children:a?h.jsx("div",{className:"w-full h-[280px] flex items-center justify-center",children:h.jsx(Vt,{title:"No Visitors Found",description:"Catch up all the data. Change the date range to see the data."})}):h.jsx("div",{className:"w-full h-[274px]",children:h.jsx(Pt,{width:"100%",height:"100%",children:h.jsxs(aR,{data:o,margin:{top:10,right:20,left:0,bottom:0},children:[h.jsx("defs",{children:h.jsxs("linearGradient",{id:"colorVisitors",x1:"0",y1:"0",x2:"0",y2:"1",children:[h.jsx("stop",{offset:"0%",stopColor:"#6366F1",stopOpacity:.25}),h.jsx("stop",{offset:"100%",stopColor:"#6366F1",stopOpacity:0})]})}),h.jsx(fr,{strokeDasharray:"3 3",vertical:!1,stroke:"#F1F5F9"}),h.jsx(Gn,{dataKey:"day",type:"category",scale:"point",axisLine:{stroke:"#EBEBEB"},padding:{left:30,right:30},tick:{fontSize:12,fill:"#64748B"},tickLine:!1,height:36,tickMargin:10,tickFormatter:e?.length>1?s=>{if(!s)return"";const l=8;return s.length>l?`${s.slice(0,l)}...`:s}:void 0}),h.jsx($n,{width:35,tick:{fontSize:12,fill:"#64748B"},axisLine:!1,tickLine:!1,allowDecimals:!1,domain:[0,"dataMax + 2"]}),h.jsx(kt,{cursor:!1,content:s=>h.jsx(Zt,{...s,data:o,children:(()=>{if(!s.active||!s.label)return null;const l=o.find(c=>c.day===s.label);return h.jsxs("div",{className:"bg-[#111] text-white px-[14px] py-[8px] rounded-[6px] flex flex-col gap-[6px] text-[13px]",children:[h.jsx("div",{className:"font-semibold",children:s.label}),h.jsxs("div",{className:"flex items-center gap-[8px]",children:[h.jsx("div",{className:"w-2 h-2 rounded-full bg-[#6366F1]"}),h.jsx("div",{className:"text-[#aaa]",children:"Visitors"}),h.jsx("div",{className:"font-bold",children:l?.no_of_visitors??0})]})]})})()})}),h.jsx(r1,{type:"monotone",dataKey:"no_of_visitors",stroke:"#6366F1",strokeWidth:2,fill:"url(#colorVisitors)",dot:{r:5,stroke:"#6366F1",strokeWidth:2,fill:"#fff"},activeDot:s=>{const{cx:l,cy:c}=s;return h.jsxs("g",{children:[h.jsx("circle",{cx:l,cy:c,r:6,fill:"#fff",stroke:"#6466F1",strokeWidth:2}),h.jsx("circle",{cx:l,cy:c,r:2.5,fill:"#6466F1"})]})}})]})})})})},xme=({data:e})=>{const t=[{name:"Kosmo One",total:29,pending_approval:1,cancelled:2},{name:"OWC",total:23,pending_approval:9,cancelled:3},{name:"Exora",total:40,pending_approval:12,cancelled:1},{name:"OIC - T3",total:27,pending_approval:19,cancelled:8}],n=e==null?t:Array.isArray(e)?e:[],r=Array.isArray(n)&&n.length===0;return h.jsx(St,{title:"Building Wise Approvals",titleWeight:"semi-bold",className:"h-[362px]",childrenClassName:"mt-[34px]",children:r?h.jsx("div",{className:"h-[250px] flex items-center justify-center",children:h.jsx(Vt,{title:"No Data Found",description:"Catch up all the data. Change the date range to see the data."})}):h.jsxs("div",{className:"w-full border border-[#EBEBEB] rounded-[10px] overflow-hidden",children:[h.jsxs("div",{className:"grid grid-cols-4 bg-[#FAFAFA] px-[12px] py-[8px] text-[12px] leading-[16px] font-semibold text-[#64748B]",children:[h.jsx("div",{children:"Tenant"}),h.jsx("div",{className:"flex justify-end",children:"Total"}),h.jsx("div",{className:"flex justify-end",children:"Pending"}),h.jsx("div",{className:"flex justify-end",children:"Cancelled"})]}),h.jsx("div",{className:"max-h-[280px] overflow-y-auto hide-scrollbar",children:n.map((i,o)=>h.jsxs("div",{className:"grid grid-cols-4 p-[12px] text-[12px] leading-[16px] border-t border-[#EBEBEB]",children:[h.jsx("div",{className:"text-[#475569]",children:i.name}),h.jsx("div",{className:"flex justify-end text-[#36AB6C]",children:i.total}),h.jsx("div",{className:"flex justify-end text-[#F2A815]",children:i.pending_approval}),h.jsx("div",{className:"flex justify-end text-[#AB0000]",children:i.cancelled})]},o))})]})})},lf=["#8CB33E","#F59E0B","#3B82F6","#06B6D4","#CFCFCF"],wme=[{asset_group_name:"Lifts",asset_count:3,investment:"₹ 45L"},{asset_group_name:"Fire Systems",asset_count:16,investment:"₹ 28L"},{asset_group_name:"Generators",asset_count:16,investment:"₹ 95L"},{asset_group_name:"HVAC",asset_count:24,investment:"₹ 1.2Cr"},{asset_group_name:"Others",asset_count:97,investment:"₹ 52L"}],_me=({rows:e,totalAssets:t})=>{const n=k.useMemo(()=>e?e.length===0?[]:e.map((i,o)=>({name:i.asset_group_name,facility_name:i.asset_group_name,value:i.asset_count||0,investment:i.investment||"-",fill:lf[o%lf.length]})):wme.map((i,o)=>({name:i.asset_group_name,facility_name:i.asset_group_name,value:i.asset_count||0,investment:i.investment||"-",fill:lf[o%lf.length]})),[e]),r=t??n.reduce((i,o)=>i+o.value,0);return e&&e.length===0?h.jsx(St,{title:"Assets by Type",titleWeight:"semi-bold",className:"h-[362px]",children:h.jsx("div",{className:"flex items-center justify-center h-full",children:h.jsx(Vt,{title:"No Assets Found",description:"Catch up all the data. Change the date range to see the data."})})}):h.jsx(St,{title:"Assets by Type",titleWeight:"semi-bold",className:"h-[362px]",children:h.jsxs("div",{className:"flex items-center justify-between h-full mt-[16px]",children:[h.jsxs("div",{className:"relative w-[252px] h-[273px]",children:[h.jsx(Pt,{width:"100%",height:"100%",children:h.jsxs(Hi,{children:[h.jsx(ui,{data:n,dataKey:"value",cx:"50%",cy:"50%",innerRadius:60,outerRadius:90,paddingAngle:2,stroke:"#FFFFFF",strokeWidth:2,startAngle:90,endAngle:-270,children:n.map((i,o)=>h.jsx(Ln,{fill:i.fill},o))}),h.jsx(kt,{cursor:!1,allowEscapeViewBox:{x:!0,y:!0},content:i=>i.active?h.jsx(Zt,{...i,data:n,children:h.jsx(Gr,{...i})}):null})]})}),h.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center pointer-events-none",children:[h.jsx("div",{className:"text-[24px] leading-[33px] font-medium text-[#121212]",children:r}),h.jsx("div",{className:"text-[12px] leading-[17px] text-[#64748B] mt-[2px]",children:"Total Assets"})]})]}),h.jsx("div",{className:"flex-1 max-w-[280px]",children:h.jsxs("div",{className:"rounded-[12px] overflow-hidden bg-white border border-[#E2E8F0]",children:[h.jsxs("div",{className:"grid grid-cols-3 px-[16px] py-[12px] bg-[#F8FAFC]",children:[h.jsx("div",{className:"text-[12px] font-medium text-[#64748B]",children:"Asset"}),h.jsx("div",{className:"text-[12px] font-medium text-[#64748B] text-center",children:"Count"}),h.jsx("div",{className:"text-[12px] font-medium text-[#64748B] text-right",children:"Investment"})]}),h.jsx("div",{className:"max-h-[205px] overflow-y-auto hide-scrollbar",children:n.map((i,o)=>h.jsxs("div",{className:"grid grid-cols-3 px-[16px] py-[12px] border-t border-[#F1F5F9]",children:[h.jsxs("div",{className:"flex items-center gap-[8px]",children:[h.jsx("div",{className:"w-[16px] h-[7px]",style:{backgroundColor:i.fill}}),h.jsx("div",{className:"text-[13px] text-[#475569]",children:i.name})]}),h.jsx("div",{className:"text-[13px] text-[#64748B] text-center",children:i.value}),h.jsx("div",{className:"text-[13px] text-[#64748B] text-right",children:i.investment})]},o))})]})})]})})};function Eme({columns:e=[],data:t=[],rowsPerPage:n=10,setRowsPerPage:r=()=>{},currentPage:i=1,setCurrentPage:o=()=>{},totalRows:a=0,totalPages:s=1,pageOptions:l=[10,20,30,40,50]}){const c=Array.isArray(t)?t:[],u=Array.isArray(e)?e:[],d=`200px repeat(${u.length-1}, minmax(150px, 1fr))`,f={};return u.forEach(p=>{if(p.key!=="name"){let m=0;for(let g=0;g<c.length;g++){const v=c[g][p.key];typeof v=="number"&&(m+=v)}f[p.key]=m}}),h.jsxs("div",{className:"w-full bg-white rounded-[12px] h-[390px] !border-[0.5px] !border-[#EBEBEB] !shadow-[0_0_12px_0_#EAF2FF] overflow-hidden flex flex-col",children:[h.jsx("div",{className:"flex-1 overflow-auto hide-scrollbar",children:c.length===0?h.jsx("div",{className:"h-full flex items-center justify-center",children:h.jsx(Vt,{title:"No Data Found",description:"Catch up all the data. Change the date range to see the data."})}):h.jsxs("div",{className:"min-w-full",children:[h.jsx("div",{className:"grid bg-[#354A5E] text-white text-[14px] font-medium sticky top-0 z-30",style:{gridTemplateColumns:d},children:u.map((p,m)=>h.jsx("div",{title:p.label,className:`px-[24px] py-[16px] whitespace-nowrap overflow-hidden text-ellipsis ${m===0?"sticky left-0 z-40 bg-[#354A5E] shadow-[2px_0_5px_rgba(0,0,0,0.1)] border-r border-[#2C3E50]":""}`,children:p.label},m))}),c.map((p,m)=>h.jsx("div",{className:"grid",style:{gridTemplateColumns:d},children:u.map((g,v)=>h.jsx("div",{className:`px-[24px] py-[14px] text-[14px] flex items-center ${v===0?"bg-white sticky left-0 z-20 font-medium shadow-[2px_0_5px_rgba(0,0,0,0.05)] border-r border-gray-200":"bg-gray-50"}`,children:p[g.key]??"-"},v))},m)),h.jsx("div",{className:"grid bg-[#F8FAFC] border-t border-[#F0F0F0] sticky bottom-0 z-30",style:{gridTemplateColumns:d},children:u.map((p,m)=>h.jsx("div",{className:`px-[24px] py-[16px] ${m===0?"sticky left-0 z-40 bg-[#F8FAFC] text-[#64748B] font-medium shadow-[2px_0_5px_rgba(0,0,0,0.05)] border-r border-gray-200":"text-[#64748B] font-medium"}`,children:p.key==="name"?"Grand Total":f[p.key]||"-"},m))})]})}),h.jsxs("div",{className:"flex justify-end items-center px-[24px] py-[16px] text-sm bg-white border-t border-[#F0F0F0] gap-[32px]",children:[h.jsxs("div",{className:"flex items-center gap-[8px] text-gray-600 text-[14px]",children:[h.jsx("div",{children:"Rows per page:"}),h.jsx("select",{value:n,onChange:p=>{r(Number(p.target.value)),o(1)},className:"border rounded px-[8px] py-[4px]",children:l.map((p,m)=>h.jsx("option",{value:p,children:p},m))}),h.jsxs("div",{className:"ml-4 text-[14px]",children:[c.length===0?"0–0":`1–${c.length}`," of"," ",a||c.length]})]}),h.jsxs("div",{className:"flex items-center space-x-2 text-gray-600 text-[14px]",children:[h.jsx("button",{onClick:()=>o(1),disabled:i===1,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:h.jsx(YI,{size:18})}),h.jsx("button",{onClick:()=>o(p=>p-1),disabled:i===1,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:h.jsx(W1,{size:18})}),h.jsx("button",{onClick:()=>o(p=>p+1),disabled:i===s,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:h.jsx(z1,{size:18})}),h.jsx("button",{onClick:()=>o(s),disabled:i===s,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:h.jsx(UI,{size:18})})]})]})]})}exports.AccessPointsUsage=i4;exports.Accounting=$fe;exports.Amenities=ZI;exports.AmenitiesStatsCard=co;exports.AmenityWiseRevenue=d4;exports.AssetValueBreakdown=Zfe;exports.AssetsByType=f4;exports.BlockWiseOccupancy=Afe;exports.BookingTrendChart=u4;exports.Bookings=c4;exports.Budgets=Hfe;exports.BuildingWiseApprovals=xme;exports.Card=Ie;exports.CardAccess=r4;exports.CashBankBalance=Ufe;exports.CommercialAccessOverview=n4;exports.CommercialAmenitiesDashboard=pme;exports.CommercialAssetManagementDashboard=mme;exports.CommercialDashboard=Zhe;exports.CommercialEngagementDashboard=vme;exports.CommercialGuardPatrols=h4;exports.CommercialGuardPetrolDashboard=gme;exports.CommercialHelpdeskDashboard=ame;exports.CommercialIncidentReports=m4;exports.CommercialOccupancy=GI;exports.CommercialReportTable=g4;exports.CommercialSmartAccessDashboard=nme;exports.CommercialTableDashboard=g4;exports.CommercialVisitorsDashboard=lme;exports.Community=pse;exports.Complaints=whe;exports.ComplaintsByLevel=She;exports.DuesAgeing=qfe;exports.EmployeeFootfall=XI;exports.Engagement=WR;exports.EngagementStatsGrid=Hhe;exports.EscalationLevel=yme;exports.EventsUtilisation=Ihe;exports.ExpenseCategories=Xfe;exports.Facilities=hse;exports.FinanceSummary=mse;exports.FoodBeverages=QI;exports.GateAndSecurityStatsGrid=yhe;exports.GateUpdates=nle;exports.GuardPatrols=ihe;exports.Header=B8;exports.Helpdesk=rle;exports.HelpdeskStatsGrid=jhe;exports.HourlyTrafficFlow=che;exports.IncidentReports=fhe;exports.IncomeExpenditure=zI;exports.MainHeader=J8;exports.MaintenanceStatus=p4;exports.MetricCard=b0;exports.MobileAccess=r4;exports.MoveInOutTrends=jfe;exports.NoticeBoardStatus=$he;exports.OccupancyOverview=kfe;exports.OrganisationWiseVisitors=l4;exports.PortfolioAssetsByType=_me;exports.RequestBox=Che;exports.ResidentOverview=Pfe;exports.RevenuebyCategory=epe;exports.SingleStats=Whe;exports.StaffAttendance=qI;exports.StatsGrid=nhe;exports.TenantsByVisitors=bme;exports.TicketEscalation=JI;exports.TicketStatus=e4;exports.Tickets=o4;exports.TicketsperCategory=a4;exports.TotalCommercialTable=Eme;exports.UnitStatus=Cfe;exports.VisitorUpdates=t4;exports.WeeklyVisitorPattern=s4;
|
|
482
|
+
`,children:[i?h.jsx(oa,{}):h.jsx(ia,{}),Math.abs(r),"%"]}),h.jsx("div",{className:t.deltaColor?`text-[${t.deltaColor}] font-[600]`:"text-[#64748B]",children:t.deltaLabel})]})]})},n)})})}const cme=[{facility_name:"Table Tennis",total_booking:5},{facility_name:"Gym",total_booking:12},{facility_name:"Meeting Room A",total_booking:3},{facility_name:"Conference Hall",total_booking:8}],ume=({x:e,y:t,payload:n})=>h.jsx("foreignObject",{x:(e||0)-80,y:(t||0)-18,width:80,height:40,children:h.jsx("div",{className:"text-[12px] leading-[16px] text-[#121212]",style:{width:"80px",whiteSpace:"normal",wordBreak:"break-word",textAlign:"left"},children:n?.value||""})});function c4({data:e,bar:t}){const n=Array?.isArray(e)&&e?.length===0,i=(e==null?cme:Array?.isArray(e)?e:[]).map(o=>({...o,name:o.facility_name,color:"#8B5CF6"}));return h.jsx(Ie,{title:"Bookings",icon:h.jsx(Npe,{size:18,className:"text-[#DBB467]"}),className:"h-[288px]",children:h.jsx("div",{className:"w-full h-full flex items-center justify-center",children:n?h.jsx(Vt,{title:"No Booking Found",description:"Catch up all the data. Change the date range to see the data."}):h.jsx(Pt,{width:"100%",height:"100%",children:h.jsxs(Mo,{data:i||[],layout:"vertical",margin:{top:0,right:10,left:-12,bottom:0},children:[h.jsx(Gn,{type:"number",allowDecimals:!1,tick:{fill:"#64748B",fontSize:12},axisLine:!0,tickLine:!1}),h.jsx($n,{type:"category",dataKey:"facility_name",axisLine:!1,tickLine:!1,width:100,tick:h.jsx(ume,{})}),h.jsx(kt,{cursor:{fill:"transparent"},position:{x:300,y:0},allowEscapeViewBox:{x:!0,y:!0},content:o=>o.active?h.jsx(Zt,{...o,data:i,children:h.jsx(Gr,{...o})}):null}),h.jsx(Gt,{dataKey:"total_booking",barSize:40,fill:t||"#8B5CF6"})]})})})})}const dme=[{building_name:"Google",no_of_booking:1},{building_name:"Uber",no_of_booking:2},{building_name:"ANAROCK",no_of_booking:4},{building_name:"Flipkart",no_of_booking:2},{building_name:"HP",no_of_booking:1}];function u4({data:e}){const t=Array.isArray(e)&&e?.length===0,n=e==null?dme:Array.isArray(e)?e:[];return h.jsx(St,{title:"Booking Trend by Organisation",titleWeight:"semi-bold",className:"h-[362px]",children:h.jsx("div",{className:"w-full h-[265px] mt-[28px] flex items-center justify-center",children:t?h.jsx(Vt,{title:"No Booking Found",description:"Catch up all the data. Change the date range to see the data."}):h.jsx(Pt,{width:"100%",height:"100%",children:h.jsxs(Mo,{data:n||[],margin:{top:0,right:0,left:-30,bottom:0},children:[h.jsx(fr,{strokeDasharray:"3 3",vertical:!1,stroke:"#E5E7EB"}),h.jsx(Gn,{dataKey:"building_name",axisLine:!1,tickLine:!1,tick:{fill:"#64748B",fontSize:12},tickFormatter:r=>e?.length>2&&r?.length>8?`${r.slice(0,8)}...`:r}),h.jsx($n,{allowDecimals:!1,axisLine:!1,tickLine:!1,tick:{fill:"#64748B",fontSize:12},tickFormatter:r=>`${r??0}`}),h.jsx(kt,{cursor:!1,allowEscapeViewBox:{x:!0,y:!0},content:r=>r.active?h.jsx(Zt,{...r,data:n,children:h.jsx(Gr,{...r})}):null}),h.jsx(Gt,{dataKey:"no_of_booking",barSize:54,fill:"#12B981"})]})})})})}const fme=[{facility_name:"Table Tennis",paid_revenue:"24000.00"},{facility_name:"Games Room",paid_revenue:"14000.00"},{facility_name:"Badminton",paid_revenue:"10000.00"},{facility_name:"GYM",paid_revenue:"4000.00"}],af=["#3C81F6","#60A5FA","#95BFFA","#BEDAFE","#DAE6FC"];function d4({data:e,currencyType:t}){const n=Array?.isArray(e)&&e?.length===0,r=e??fme,i=Array?.isArray(r)&&r?.length>0?r?.map(l=>({name:l?.facility_name||"Unknown",value:Number(l?.paid_revenue)||0})):[],a=(i?.length>0?i?.every(l=>l?.value===0):!1)?i?.map((l,c)=>({...l,value:c===0?1:0})):i,s=l=>`${t||"Rs"} ${l?.toLocaleString?.("en-IN")||0}`;return h.jsx(St,{title:"Amenity Wise Revenue",titleWeight:"semi-bold",className:"h-[362px]",children:h.jsx("div",{className:"grid grid-cols-12 gap-[24px] items-center h-full mt-[16px]",children:n?h.jsx("div",{className:"col-span-12 flex items-center justify-center h-[240px]",children:h.jsx(Vt,{title:"No Amenity Found",description:"Catch up all the data. Change the date range to see the data."})}):h.jsxs(h.Fragment,{children:[h.jsx("div",{className:"col-span-6 h-[240px] w-full max-w-[240px]",children:h.jsx(Pt,{width:"100%",height:"100%",children:h.jsxs(Hi,{children:[h.jsx(ui,{data:a||[],dataKey:"value",nameKey:"name",cx:"50%",cy:"50%",outerRadius:95,stroke:"#fff",strokeWidth:1,children:a?.map?.((l,c)=>h.jsx(Ln,{fill:af?.[c%af?.length]},`cell-${c}`))}),h.jsx(kt,{cursor:!1,allowEscapeViewBox:{x:!0,y:!0},content:l=>l.active?h.jsx(Zt,{...l,data:a,children:h.jsx(Gr,{...l,formatter:c=>s(c)})}):null})]})})}),h.jsx("div",{className:"col-span-6",children:h.jsxs("div",{className:"rounded-[12px] !overflow-hidden border border-[#E2E8F0] !border-r-1 border-r-[#E2E8F0]! !pr-0 !mr-0",children:[h.jsxs("div",{className:"grid grid-cols-2 px-[12px] py-[8px] bg-[#EBEBEB] text-[12px] leading-[16px] font-semibold text-[#64748B]",children:[h.jsx("div",{children:"Amenity"}),h.jsx("div",{className:"text-right",children:"Revenue"})]}),h.jsx("div",{className:"divide-y divide-[#F1F5F9] max-h-[238px] overflow-y-auto hide-scrollbar",children:i?.map?.((l,c)=>h.jsxs("div",{className:"grid grid-cols-2 px-[16px] py-[16px] text-[14px] text-[#121212]",children:[h.jsxs("div",{className:"flex items-center gap-[12px]",children:[h.jsx("span",{className:"w-[16px] h-[7px]",style:{backgroundColor:af?.[c%af?.length]}}),h.jsx("span",{className:"text-[#64748B] text-[12px] leading-[16px]",children:l?.name||"Unknown"})]}),h.jsx("div",{className:"text-right text-[12px] leading-[16px] text-[#64748B]",children:s(l?.value||0)})]},l?.name||c))})]})})]})})})}function pme(){return h.jsxs(h.Fragment,{children:[h.jsx(xs,{text:"Amenities",Icon:Ppe,iconColor:"#F59D0D"}),h.jsxs("div",{className:"p-[16px] grid grid-cols-2 mt-[24px] gap-[24px]",children:[h.jsxs("div",{className:"grid grid-cols-2 gap-[24px]",children:[h.jsx(co,{data:[{title:"Total Bookings",value:145,delta:"+11.0%",deltaLabel:"Compared to last month",Icon:Upe,iconColor:"#1FA05B",iconBg:"bg-emerald-50"}]}),h.jsx(co,{data:[{title:"Utilisation Rate",value:"73%",delta:"+11.0%",deltaLabel:"Compared to last month",Icon:Lpe,iconColor:"#329DFF"}]}),h.jsx(co,{data:[{title:"Most Popular",value:"Table Tennis",delta:"+11.0%",deltaLabel:"Compared to last month",Icon:KI,iconColor:"#FA7E28"}]}),h.jsx(co,{data:[{title:"Pending Approvals",value:23,delta:"-8.0%",deltaLabel:"Compared to last month",Icon:HI,iconColor:"#AB0000"}]})]}),h.jsx(c4,{})]}),h.jsxs("div",{className:"grid grid-cols-2 gap-[24px] px-[16px]",children:[h.jsx(u4,{}),h.jsx(d4,{})]})]})}const sf=["#8CB33E","#F59E0B","#3B82F6","#06B6D4","#CFCFCF"],hme=[{asset_group_name:"Lifts",asset_count:3},{asset_group_name:"Fire Systems",asset_count:16},{asset_group_name:"Generators",asset_count:16},{asset_group_name:"HVAC",asset_count:24},{asset_group_name:"Others",asset_count:97}],f4=({rows:e,totalAssets:t})=>{const n=k.useMemo(()=>e?e.length===0?[]:e.map((i,o)=>({name:i.asset_group_name,facility_name:i.asset_group_name,value:i.asset_count||0,fill:sf[o%sf.length]})):hme.map((i,o)=>({name:i.asset_group_name,facility_name:i.asset_group_name,value:i.asset_count||0,fill:sf[o%sf.length]})),[e]),r=t??n.reduce((i,o)=>i+o.value,0);return e&&e.length===0?h.jsx(St,{title:"Assets by Type",titleWeight:"semi-bold",className:"h-[362px]",children:h.jsx("div",{className:"flex items-center justify-center h-[260px]",children:h.jsx(Vt,{title:"No Assets Found",description:"Catch up all the data. Change the date range to see the data."})})}):h.jsx(St,{title:"Assets by Type",titleWeight:"semi-bold",className:"h-[362px]",children:h.jsxs("div",{className:"flex items-center justify-between h-full mt-[16px]",children:[h.jsxs("div",{className:"relative w-[252px] h-[273px]",children:[h.jsx(Pt,{width:"100%",height:"100%",children:h.jsxs(Hi,{children:[h.jsx(ui,{data:n,dataKey:"value",cx:"50%",cy:"50%",innerRadius:60,outerRadius:90,paddingAngle:2,stroke:"#FFFFFF",strokeWidth:2,startAngle:90,endAngle:-270,isAnimationActive:!1,children:n.map((i,o)=>h.jsx(Ln,{fill:i.fill},o))}),h.jsx(kt,{cursor:!1,allowEscapeViewBox:{x:!0,y:!0},content:i=>i.active?h.jsx(Zt,{...i,data:n,children:h.jsx(Gr,{...i})}):null})]})}),h.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center pointer-events-none",children:[h.jsx("div",{className:"text-[24px] leading-[33px] font-medium text-[#121212]",children:r}),h.jsx("div",{className:"text-[12px] leading-[17px] text-[#64748B] mt-[2px]",children:"Total Assets"})]})]}),h.jsx("div",{className:"flex-1 max-w-[280px]",children:h.jsxs("div",{className:"rounded-[12px] overflow-hidden bg-white border border-[#E2E8F0] !border-r-1 border-r-[#E2E8F0]! !pr-0 !mr-0",children:[h.jsxs("div",{className:"flex items-center justify-between px-[16px] py-[12px] bg-[#F8FAFC]",children:[h.jsx("div",{className:"text-[12px] font-medium text-[#64748B]",children:"Asset"}),h.jsx("div",{className:"text-[12px] font-medium text-[#64748B]",children:"Count"})]}),n.map((i,o)=>h.jsxs("div",{className:"max-h-[205px] overflow-y-auto hide-scrollbar flex items-center justify-between px-[16px] py-[12px] border-t border-[#F1F5F9]",children:[h.jsxs("div",{className:"flex items-center gap-[8px]",children:[h.jsx("div",{className:"w-[16px] h-[7px]",style:{backgroundColor:i.fill}}),h.jsx("div",{className:"text-[13px] text-[#475569]",children:i.name})]}),h.jsx("div",{className:"text-[13px] text-[#64748B]",children:i.value})]},o))]})})]})})},p4=({data:e,title:t})=>{const[n,r]=k.useState({}),i=[{name:"Lifts",Cancelled:55,Closed:45,Open:50,OnHold:20,InProgress:10},{name:"Fire Systems",Cancelled:15,Closed:45,Open:15,OnHold:8,InProgress:5},{name:"Generators",Cancelled:12,Closed:45,Open:75,OnHold:18,InProgress:7},{name:"HVAC",Cancelled:45,Closed:80,Open:30,OnHold:22,InProgress:12},{name:"Others",Cancelled:18,Closed:18,Open:45,OnHold:9,InProgress:4}],o=k.useMemo(()=>e?Array.isArray(e)&&e.length===0?[]:e:i,[e]),a=s=>{const{dataKey:l}=s;r(c=>({...c,[l]:!c[l]}))};return Array.isArray(e)&&e.length===0?h.jsx(St,{title:t||"Maintenance Status",titleWeight:"semi-bold",className:"h-[362px]",children:h.jsx("div",{className:"w-full h-[260px] flex items-center justify-center",children:h.jsx(Vt,{title:"No Maintenance Assets Status Found",description:"Catch up all the data. Change the date range to see the data."})})}):h.jsx(St,{title:t||"Maintenance Status",titleWeight:"semi-bold",className:"h-[362px]",children:h.jsx("div",{className:"w-full h-[260px] flex items-center justify-center",children:Array.isArray(e)&&e.length===0?h.jsx("div",{className:"text-[#94A3B8] text-sm",children:"No Data Found"}):h.jsx("div",{className:`relative w-full ${t?"h-[261px]":"h-[297px]"} mt-[20px]`,children:h.jsx(Pt,{width:"100%",height:"100%",children:h.jsxs(Mo,{data:o,barSize:54,barCategoryGap:"40%",margin:{top:20,right:20,left:-20,bottom:0},children:[h.jsx(fr,{strokeDasharray:"3 3",vertical:!1,stroke:"#E2E8F0"}),h.jsx(Gn,{dataKey:"name",tick:{fill:"#64748B",fontSize:12},axisLine:!1,tickLine:!1,tickFormatter:s=>e?.length>2&&s?.length>8?`${s.slice(0,8)}...`:s}),h.jsx($n,{tick:{fill:"#64748B",fontSize:12},axisLine:!1,tickLine:!1,allowDecimals:!1}),h.jsx(kt,{cursor:{fill:"rgba(148, 163, 184, 0.12)"},allowEscapeViewBox:{x:!0,y:!0},content:s=>!s.active||!s.payload||!s.payload.length?null:h.jsx(Zt,{...s,data:o,children:h.jsxs("div",{className:"bg-[#121212] rounded-[10px] px-[14px] py-[10px] text-[12px] text-white",children:[h.jsx("div",{className:"mb-[6px] font-semibold",children:s.label}),s.payload.map((l,c)=>{const u=l.color||l.fill||"#fff";return h.jsxs("div",{className:"flex items-center gap-[6px]",children:[h.jsx("span",{className:"w-2 h-2 rounded-full inline-block",style:{backgroundColor:u}}),h.jsx("span",{className:"text-[#D1D3D4]",children:l.name}),h.jsx("span",{className:"text-white font-semibold",children:l.value})]},c)})]})})}),h.jsx(Ol,{verticalAlign:"bottom",align:"center",onClick:a,content:({payload:s})=>h.jsx("div",{className:"flex items-center justify-center gap-[16px] pt-4 flex-wrap",children:s.map((l,c)=>h.jsxs("div",{onClick:()=>a({dataKey:l.dataKey}),className:"flex items-center gap-[8px] cursor-pointer",children:[h.jsx("div",{style:{width:"16px",height:"8px",backgroundColor:n[l.dataKey]?"#CBD5E1":l.color}}),h.jsx("span",{style:{fontSize:"12px",color:n[l.dataKey]?"#CBD5E1":"#64748B"},children:l.value})]},c))})}),h.jsx(Gt,{dataKey:"Open",stackId:"a",fill:"#3B82F6",hide:n.Open}),h.jsx(Gt,{dataKey:"Closed",stackId:"a",fill:"#10B981",hide:n.Closed}),h.jsx(Gt,{dataKey:"Cancelled",stackId:"a",fill:"#B91C1C",hide:n.Cancelled}),h.jsx(Gt,{dataKey:"OnHold",stackId:"a",fill:"#64748B",hide:n.OnHold,name:"On-Hold"}),h.jsx(Gt,{dataKey:"InProgress",stackId:"a",fill:"#F59E0B",hide:n.InProgress,name:"In Progress"})]})})})})})};function mme(){return h.jsxs(h.Fragment,{children:[h.jsx(xs,{text:"Asset Management",Icon:Bpe,iconColor:"#A74E8A"}),h.jsxs("div",{className:"grid grid-cols-2 mt-4 gap-[24px]",children:[h.jsx(f4,{}),h.jsx(p4,{})]})]})}function h4({data:e}){const t=[{name:"Completed",value:Number(e?.completed||0),color:"#12B981"},{name:"Not - Completed",value:Number(e?.not_completed||0),color:"#F69E0A"},{name:"Missed",value:Number(e?.missed||0),color:"#EF4444"}],n=Number(e?.completed||0)+Number(e?.not_completed||0)+Number(e?.missed||0),r=Number(e?.completed||0);return h.jsx(St,{title:"Patrol Status",className:"h-[362px]",titleWeight:"semi-bold",children:h.jsxs("div",{className:"flex flex-col items-center justify-center",children:[h.jsxs("div",{className:"w-[215px] h-[182px] relative",children:[h.jsx(Pt,{width:"100%",height:"100%",children:h.jsxs(Hi,{children:[h.jsx(ui,{data:t,innerRadius:60,outerRadius:90,paddingAngle:2,dataKey:"value",nameKey:"name",children:t.map((i,o)=>h.jsx(Ln,{fill:i.color},`cell-${o}`))}),h.jsx(kt,{cursor:!1,allowEscapeViewBox:{x:!0,y:!0},content:i=>i.active?h.jsx(Zt,{...i,data:t,children:h.jsx(Gr,{...i})}):null})]})}),h.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center pointer-events-none",children:[h.jsxs("div",{className:"font-medium text-[19.35px] leading-[23.65px]",children:[r,"/",n]}),h.jsx("div",{className:"text-[10.75px] leading-[15.05px] text-[#64748B]",children:"Completed"})]})]}),h.jsx("div",{className:"flex flex-col w-full text-[14px]",children:t.map((i,o)=>h.jsxs("div",{className:`flex items-center justify-between py-[10px] ${o!==t.length-1?"border-b border-[#F1F5F9]":""}`,children:[h.jsxs("div",{className:"flex items-center gap-[10px]",children:[h.jsx("div",{className:"inline-block w-[16px] h-[7px]",style:{backgroundColor:i.color}}),h.jsx("div",{className:"leading-[16.09px] text-[12.07px] text-[#64748B]",children:i.name})]}),h.jsx("div",{className:"leading-[16.09px] text-[12.07px] text-[#64748B]",children:i.value})]},i.name))})]})})}function m4({incidentReports:e,incidentReportsDetails:t}){const n=Number(e?.open||0),r=Number(e?.in_progress||0),i=Number(e?.closed||0);return h.jsx(St,{title:"Incident Reports",className:"h-[362px]",titleWeight:"semi-bold",children:h.jsxs("div",{children:[h.jsxs("div",{className:"flex w-full text-center gap-[16px] mt-[24px]",children:[h.jsxs("div",{className:"flex-1 flex flex-col items-center justify-center bg-[#FBF4F4] h-[76px] rounded",children:[h.jsx("div",{className:"text-[24px] leading-[28px] font-medium text-[#AB0000]",children:n}),h.jsx("div",{className:"text-[12px] leading-[16px] text-[#AB0000]",children:"Open"})]}),h.jsxs("div",{className:"flex-1 flex flex-col items-center justify-center bg-[#FFFBF2] h-[76px] rounded",children:[h.jsx("div",{className:"text-[24px] leading-[28px] font-medium text-[#F2A815]",children:r}),h.jsx("div",{className:"text-[12px] leading-[16px] text-[#F2A815]",children:"In-progress"})]}),h.jsxs("div",{className:"flex-1 flex flex-col items-center justify-center bg-[#F7FEFA] h-[76px] rounded",children:[h.jsx("div",{className:"text-[24px] leading-[28px] font-medium text-[#1FA05B]",children:i}),h.jsx("div",{className:"text-[12px] leading-[16px] text-[#1FA05B]",children:"Closed"})]})]}),h.jsx("div",{className:"mt-4 space-y-2",children:t?.length>0?t.map((o,a)=>{const s=o?.escalation_level==="Danger"?"text-[#AB0000]":o?.escalation_level==="High"?"text-[#E7A015]":"text-[#1FA05B]";return h.jsxs("div",{className:"flex items-center justify-between p-[12px] bg-[#FAFBFD] rounded-md",children:[h.jsx("div",{className:"flex items-center gap-[8px]",children:h.jsx("div",{className:"text-gray-700 font-medium",children:o?.incident_reporting_id})}),h.jsx("div",{className:`!text-[12px] font-semibold flex items-center gap-[4px] ${s}`,children:h.jsxs("div",{children:[o?.escalation_value," - ",o?.escalation_level]})})]},a)}):h.jsx(h.Fragment,{})})]})})}function gme(){return h.jsxs(h.Fragment,{children:[h.jsx(xs,{text:"Guard Petrol",Icon:Hpe,iconColor:"#AB0000"}),h.jsxs("div",{className:"px-[16px] grid grid-cols-3 gap-[24px] mt-4",children:[h.jsx(h4,{}),h.jsx(m4,{}),h.jsx(qI,{})]})]})}function vme(){return h.jsxs(h.Fragment,{children:[h.jsx(xs,{text:"Engagement",Icon:Mpe,iconColor:"#3C81F6"}),h.jsxs("div",{className:"grid grid-cols-4 gap-[24px] mt-4",children:[h.jsx(co,{data:[{title:"Notice",value:20,deltaLabel:"Currently active",Icon:xpe,iconColor:"#1FA05B"}]}),h.jsx(co,{data:[{title:"Discussion Forum",value:9,deltaLabel:"Active threads",Icon:Cpe,iconColor:"#329DFF"}]}),h.jsx(co,{data:[{title:"Polls",value:3,deltaLabel:"Currently active",Icon:Ape,iconColor:"#FA7E28"}]}),h.jsx(co,{data:[{title:"Surveys",value:8,deltaLabel:"Currently active",Icon:Ipe,iconColor:"#DBB467"}]})]})]})}function g4({columns:e=[{key:"a",label:"Organisation"},{key:"b",label:"Item"},{key:"c",label:"Closed"},{key:"d",label:"Open"},{key:"e",label:"AOV"},{key:"f",label:"% Revenue"}],data:t=[{a:"Google",b:"Coffee",c:"34,908",d:"₹ 57,21,288",e:"₹ 450",f:"43.6%"},{a:"Uber",b:"Paneer Combo",c:"12,000",d:"₹ 12,00,000",e:"₹ 500",f:"100%"},{a:"Uber",b:"Paneer Combo",c:"12,000",d:"₹ 12,00,000",e:"₹ 500",f:"100%"},{a:"Uber",b:"Paneer Combo",c:"12,000",d:"₹ 12,00,000",e:"₹ 500",f:"100%"},{a:"Uber",b:"Paneer Combo",c:"12,000",d:"₹ 12,00,000",e:"₹ 500",f:"100%"},{a:"Uber",b:"Paneer Combo",c:"12,000",d:"₹ 12,00,000",e:"₹ 500",f:"100%"}],rowsPerPage:n=10,setRowsPerPage:r=()=>{},currentPage:i=1,setCurrentPage:o=()=>{},totalRows:a=0,totalPages:s=1,pageOptions:l=[10,20,30,40,50]}){const c=Array.isArray(t)?t:[],u=Array.isArray(e)?e:[],d=n>0?Math.ceil(c.length/n):1,f=s||d,p=c,m=a===0&&c.length===0,g=`repeat(${u.length}, 1fr)`;return h.jsxs("div",{className:"w-full bg-white rounded-[12px] h-[390px] !border-[0.5px] !border-[#EBEBEB] !shadow-[0_0_12px_0_#EAF2FF] overflow-hidden flex flex-col",children:[h.jsx("div",{className:"flex-1 overflow-auto hide-scrollbar",children:h.jsxs("div",{className:"h-full min-w-max",children:[h.jsx("div",{className:"grid bg-[#354A5E] text-white text-[16px] leading-[20px] font-medium sticky top-0 z-30",style:{gridTemplateColumns:g},children:u.map((v,x)=>h.jsx("div",{className:`px-[24px] py-[16px] whitespace-nowrap text-left ${x===0?"sticky left-0 z-40 bg-[#354A5E] text-[16px] leading-[20px] shadow-[2px_0_5px_rgba(0,0,0,0.1)] border-r border-[#2C3E50]":""}`,children:v.label},x))}),m?h.jsx("div",{className:"h-[calc(100%-50px)] flex items-center justify-center",children:h.jsx(Vt,{title:"No Data Found",description:"Catch up all the data. Change the date range to see the data."})}):p.map((v,x)=>h.jsx("div",{className:"grid",style:{gridTemplateColumns:g},children:u.map((_,w)=>{const y=v[_.key],E=_.label==="Closed",S=_.label==="Open",P=typeof y=="string"&&y.includes("%"),D=y==="100%"?"bg-[#F0FEF2] text-[#36AB6C]":"bg-[#FFF0F0] text-[#AB0000]";return h.jsx("div",{className:`px-[24px] py-[16px] flex items-center ${w===0?"bg-white sticky left-0 z-20 shadow-[2px_0_5px_rgba(0,0,0,0.05)] border-r border-gray-200":"bg-gray-50"} text-[#121212]`,children:E?h.jsx("div",{className:"text-[14px] font-medium",style:{color:"#36AB6C"},children:y??"-"}):S?h.jsx("div",{className:"text-[14px] font-medium",style:{color:"#AB0000"},children:y??"-"}):P?h.jsx("div",{className:`inline-block px-[12px] py-[4px] rounded-full text-[14px] font-medium ${D}`,children:y}):h.jsx("div",{children:y??"-"})},w)})},x))]})}),h.jsxs("div",{className:"flex justify-end items-center px-[24px] py-[16px] text-sm bg-white border-t border-[#F0F0F0] gap-[32px] shrink-0",children:[h.jsxs("div",{className:"flex items-center gap-[8px] text-gray-600 text-[14px]",children:[h.jsx("div",{children:"Rows per page:"}),h.jsx("select",{value:n,onChange:v=>{r(Number(v.target.value)),o(1)},className:"border rounded px-[8px] py-[4px]",children:l.map((v,x)=>h.jsx("option",{value:v,children:v},x))}),h.jsxs("div",{className:"ml-4 text-[14px]",children:[c?.length===0?"0–0":`1–${c?.length}`," of"," ",a||c?.length]})]}),h.jsxs("div",{className:"flex items-center space-x-2 text-gray-600 text-[14px]",children:[h.jsx("button",{onClick:()=>o(1),disabled:i===1,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:h.jsx(YI,{size:18})}),h.jsx("button",{onClick:()=>o(v=>v-1),disabled:i===1,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:h.jsx(W1,{size:18})}),h.jsx("button",{onClick:()=>o(v=>v+1),disabled:i===f,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:h.jsx(z1,{size:18})}),h.jsx("button",{onClick:()=>o(f),disabled:i===f,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:h.jsx(UI,{size:18})})]})]})]})}const v4=({options:e=[],value:t,onChange:n})=>{const[r,i]=k.useState(!1),o=k.useRef(null);return k.useEffect(()=>{const a=s=>{o.current&&!o.current.contains(s.target)&&i(!1)};return document.addEventListener("mousedown",a),()=>{document.removeEventListener("mousedown",a)}},[]),h.jsxs("div",{ref:o,className:"relative h-[32px]",children:[h.jsxs("div",{className:"flex items-center justify-between gap-[10px] px-[12px] py-[8px] border border-[#E2E8F0] rounded-[4px] cursor-pointer min-w-[140px]",onClick:()=>i(!r),children:[h.jsx("div",{className:"text-[12px] leading-[16px] min-w-[109px] text-[#64748B]",children:t}),h.jsx(hpe,{size:16,className:"text-[#64748B]"})]}),r&&h.jsx("div",{className:"absolute top-[110%] left-0 w-full bg-white border border-[#E2E8F0] rounded-[8px] shadow-md z-10",children:e.map((a,s)=>h.jsx("div",{className:"px-[12px] py-[8px] text-[14px] text-[#334155] hover:bg-[#F1F5F9] cursor-pointer",onClick:()=>{n(a),i(!1)},children:a},s))})]})},yme=({data:e,communities:t,title:n})=>{const[r,i]=k.useState({}),[o,a]=k.useState(""),s=t?.map(d=>d?.community_name)||[];k.useEffect(()=>{s?.length>0&&!o&&a(s[0])},[s,o]);const l=[{community_name:"L1",Cancelled:55,Open:50,OnHold:20,InProgress:10},{community_name:"L2",Cancelled:15,Open:15,OnHold:8,InProgress:5},{community_name:"L3",Cancelled:12,Open:75,OnHold:18,InProgress:7}],c=k.useMemo(()=>e?Array.isArray(e)&&e.length===0?[]:e:l,[e]),u=d=>{const{dataKey:f}=d||{};i(p=>({...p,[f]:!p?.[f]}))};return Array.isArray(e)&&e.length===0?h.jsx(St,{title:n||"Escalation Level By Building",titleWeight:"semi-bold",className:"h-[362px]",children:h.jsx("div",{className:"w-full flex items-center justify-center",children:h.jsx(Vt,{title:"No Maintenance Assets Status Found",description:"Catch up all the data. Change the date range to see the data."})})}):h.jsx(St,{title:n||"Escalation Level By Building",titleWeight:"semi-bold",className:"h-[362px]",childrenClassName:"mt-[21px]",rightContent:h.jsx(v4,{options:s,value:o,onChange:d=>a(d)}),children:h.jsx("div",{className:"w-full flex items-center justify-center",children:Array.isArray(e)&&e.length===0?h.jsx("div",{className:"text-[#94A3B8] text-sm",children:"No Data Found"}):h.jsx("div",{className:"relative w-full h-[261px]",children:h.jsx(Pt,{width:"100%",height:"100%",children:h.jsxs(Mo,{data:c,barSize:54,barCategoryGap:"40%",margin:{top:20,right:20,left:-20,bottom:0},children:[h.jsx(fr,{strokeDasharray:"3 3",vertical:!1,stroke:"#E2E8F0"}),h.jsx(Gn,{dataKey:"community_name",tick:{fill:"#64748B",fontSize:12},axisLine:!1,tickLine:!1}),h.jsx($n,{tick:{fill:"#64748B",fontSize:12},axisLine:!1,tickLine:!1,allowDecimals:!1}),h.jsx(kt,{cursor:{fill:"rgba(148, 163, 184, 0.12)"},allowEscapeViewBox:{x:!0,y:!0},content:d=>!d?.active||!d?.payload?.length?null:h.jsx(Zt,{...d,data:c,children:h.jsxs("div",{className:"bg-black rounded-[10px] px-[14px] py-[10px] text-[12px] text-white",children:[h.jsx("div",{className:"mb-[6px] font-semibold",children:d?.label}),d?.payload?.map((f,p)=>{const m=f?.color||f?.fill||"#fff";return h.jsxs("div",{className:"flex items-center gap-[6px]",children:[h.jsx("span",{className:"w-[8px] h-[8px] rounded-full inline-block",style:{backgroundColor:m}}),h.jsx("span",{className:"text-[#D1D3D4]",children:f?.name}),h.jsx("span",{className:"text-white font-semibold",children:f?.value})]},p)})]})})}),h.jsx(Ol,{verticalAlign:"bottom",align:"center",onClick:u,content:({payload:d})=>h.jsx("div",{className:"flex items-center justify-center gap-[16px] pt-4 flex-wrap",children:d?.map((f,p)=>h.jsxs("div",{onClick:()=>u({dataKey:f?.dataKey}),className:"flex items-center gap-[8px] cursor-pointer",children:[h.jsx("div",{className:`w-[16px] h-[8px] ${r?.[f?.dataKey]?"bg-slate-300":""}`,style:{backgroundColor:r?.[f?.dataKey]?"#CBD5E1":f?.color}}),h.jsx("span",{className:`text-[12px] ${r?.[f?.dataKey]?"text-[#CBD5E1]":"text-[#64748B]"}`,children:f?.value})]},p))})}),h.jsx(Gt,{dataKey:"Open",stackId:"a",fill:"#3B82F6",hide:r?.Open}),h.jsx(Gt,{dataKey:"Cancelled",stackId:"a",fill:"#B91C1C",hide:r?.Cancelled}),h.jsx(Gt,{dataKey:"OnHold",stackId:"a",fill:"#64748B",hide:r?.OnHold,name:"On-Hold"}),h.jsx(Gt,{dataKey:"InProgress",stackId:"a",fill:"#F59E0B",hide:r?.InProgress,name:"In Progress"})]})})})})})},bme=({data:e=[],communities:t})=>{const[n,r]=k.useState(""),i=t?.map(s=>s?.community_name)||[];k.useEffect(()=>{i?.length>0&&!n&&r(i[0])},[i,n]);const o=Array.isArray(e)?e:[],a=!o.length||o.every(s=>s.no_of_visitors===0);return h.jsx(St,{title:"Top 5 Tenants by Visitors",titleWeight:"semi-bold",className:"h-[360px]",childrenClassName:"mt-[20px]",rightContent:h.jsx(v4,{options:i,value:n,onChange:s=>r(s)}),children:a?h.jsx("div",{className:"w-full h-[280px] flex items-center justify-center",children:h.jsx(Vt,{title:"No Visitors Found",description:"Catch up all the data. Change the date range to see the data."})}):h.jsx("div",{className:"w-full h-[274px]",children:h.jsx(Pt,{width:"100%",height:"100%",children:h.jsxs(aR,{data:o,margin:{top:10,right:20,left:0,bottom:0},children:[h.jsx("defs",{children:h.jsxs("linearGradient",{id:"colorVisitors",x1:"0",y1:"0",x2:"0",y2:"1",children:[h.jsx("stop",{offset:"0%",stopColor:"#6366F1",stopOpacity:.25}),h.jsx("stop",{offset:"100%",stopColor:"#6366F1",stopOpacity:0})]})}),h.jsx(fr,{strokeDasharray:"3 3",vertical:!1,stroke:"#F1F5F9"}),h.jsx(Gn,{dataKey:"day",type:"category",scale:"point",axisLine:{stroke:"#EBEBEB"},padding:{left:30,right:30},tick:{fontSize:12,fill:"#64748B"},tickLine:!1,height:36,tickMargin:10,tickFormatter:e?.length>1?s=>{if(!s)return"";const l=8;return s.length>l?`${s.slice(0,l)}...`:s}:void 0}),h.jsx($n,{width:35,tick:{fontSize:12,fill:"#64748B"},axisLine:!1,tickLine:!1,allowDecimals:!1,domain:[0,"dataMax + 2"]}),h.jsx(kt,{cursor:!1,content:s=>h.jsx(Zt,{...s,data:o,children:(()=>{if(!s.active||!s.label)return null;const l=o.find(c=>c.day===s.label);return h.jsxs("div",{className:"bg-[#111] text-white px-[14px] py-[8px] rounded-[6px] flex flex-col gap-[6px] text-[13px]",children:[h.jsx("div",{className:"font-semibold",children:s.label}),h.jsxs("div",{className:"flex items-center gap-[8px]",children:[h.jsx("div",{className:"w-2 h-2 rounded-full bg-[#6366F1]"}),h.jsx("div",{className:"text-[#aaa]",children:"Visitors"}),h.jsx("div",{className:"font-bold",children:l?.no_of_visitors??0})]})]})})()})}),h.jsx(r1,{type:"monotone",dataKey:"no_of_visitors",stroke:"#6366F1",strokeWidth:2,fill:"url(#colorVisitors)",dot:{r:5,stroke:"#6366F1",strokeWidth:2,fill:"#fff"},activeDot:s=>{const{cx:l,cy:c}=s;return h.jsxs("g",{children:[h.jsx("circle",{cx:l,cy:c,r:6,fill:"#fff",stroke:"#6466F1",strokeWidth:2}),h.jsx("circle",{cx:l,cy:c,r:2.5,fill:"#6466F1"})]})}})]})})})})},xme=({data:e})=>{const t=[{name:"Kosmo One",total:29,pending_approval:1,cancelled:2},{name:"OWC",total:23,pending_approval:9,cancelled:3},{name:"Exora",total:40,pending_approval:12,cancelled:1},{name:"OIC - T3",total:27,pending_approval:19,cancelled:8}],n=e==null?t:Array.isArray(e)?e:[],r=Array.isArray(n)&&n.length===0;return h.jsx(St,{title:"Building Wise Approvals",titleWeight:"semi-bold",className:"h-[362px]",childrenClassName:"mt-[34px]",children:r?h.jsx("div",{className:"h-[250px] flex items-center justify-center",children:h.jsx(Vt,{title:"No Data Found",description:"Catch up all the data. Change the date range to see the data."})}):h.jsxs("div",{className:"w-full border border-[#EBEBEB] rounded-[10px] overflow-hidden",children:[h.jsxs("div",{className:"grid grid-cols-4 bg-[#FAFAFA] px-[12px] py-[8px] text-[12px] leading-[16px] font-semibold text-[#64748B]",children:[h.jsx("div",{children:"Tenant"}),h.jsx("div",{className:"flex justify-end",children:"Total"}),h.jsx("div",{className:"flex justify-end",children:"Pending"}),h.jsx("div",{className:"flex justify-end",children:"Cancelled"})]}),h.jsx("div",{className:"max-h-[280px] overflow-y-auto hide-scrollbar",children:n.map((i,o)=>h.jsxs("div",{className:"grid grid-cols-4 p-[12px] text-[12px] leading-[16px] border-t border-[#EBEBEB]",children:[h.jsx("div",{className:"text-[#475569]",children:i.name}),h.jsx("div",{className:"flex justify-end text-[#36AB6C]",children:i.total}),h.jsx("div",{className:"flex justify-end text-[#F2A815]",children:i.pending_approval}),h.jsx("div",{className:"flex justify-end text-[#AB0000]",children:i.cancelled})]},o))})]})})},lf=["#8CB33E","#F59E0B","#3B82F6","#06B6D4","#CFCFCF"],wme=[{asset_group_name:"Lifts",asset_count:3,investment:"₹ 45L"},{asset_group_name:"Fire Systems",asset_count:16,investment:"₹ 28L"},{asset_group_name:"Generators",asset_count:16,investment:"₹ 95L"},{asset_group_name:"HVAC",asset_count:24,investment:"₹ 1.2Cr"},{asset_group_name:"Others",asset_count:97,investment:"₹ 52L"}],_me=({rows:e,totalAssets:t})=>{const n=k.useMemo(()=>e?e.length===0?[]:e.map((i,o)=>({name:i.asset_group_name,facility_name:i.asset_group_name,value:i.asset_count||0,investment:i.investment||"-",fill:lf[o%lf.length]})):wme.map((i,o)=>({name:i.asset_group_name,facility_name:i.asset_group_name,value:i.asset_count||0,investment:i.investment||"-",fill:lf[o%lf.length]})),[e]),r=t??n.reduce((i,o)=>i+o.value,0);return e&&e.length===0?h.jsx(St,{title:"Assets by Type",titleWeight:"semi-bold",className:"h-[362px]",children:h.jsx("div",{className:"flex items-center justify-center h-full",children:h.jsx(Vt,{title:"No Assets Found",description:"Catch up all the data. Change the date range to see the data."})})}):h.jsx(St,{title:"Assets by Type",titleWeight:"semi-bold",className:"h-[362px]",children:h.jsxs("div",{className:"flex items-center justify-between h-full mt-[16px]",children:[h.jsxs("div",{className:"relative w-[252px] h-[273px]",children:[h.jsx(Pt,{width:"100%",height:"100%",children:h.jsxs(Hi,{children:[h.jsx(ui,{data:n,dataKey:"value",cx:"50%",cy:"50%",innerRadius:60,outerRadius:90,paddingAngle:2,stroke:"#FFFFFF",strokeWidth:2,startAngle:90,endAngle:-270,children:n.map((i,o)=>h.jsx(Ln,{fill:i.fill},o))}),h.jsx(kt,{cursor:!1,allowEscapeViewBox:{x:!0,y:!0},content:i=>i.active?h.jsx(Zt,{...i,data:n,children:h.jsx(Gr,{...i})}):null})]})}),h.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center pointer-events-none",children:[h.jsx("div",{className:"text-[24px] leading-[33px] font-medium text-[#121212]",children:r}),h.jsx("div",{className:"text-[12px] leading-[17px] text-[#64748B] mt-[2px]",children:"Total Assets"})]})]}),h.jsx("div",{className:"flex-1 max-w-[280px]",children:h.jsxs("div",{className:"rounded-[12px] overflow-hidden bg-white border border-[#E2E8F0]",children:[h.jsxs("div",{className:"grid grid-cols-3 px-[16px] py-[12px] bg-[#F8FAFC]",children:[h.jsx("div",{className:"text-[12px] font-medium text-[#64748B]",children:"Asset"}),h.jsx("div",{className:"text-[12px] font-medium text-[#64748B] text-center",children:"Count"}),h.jsx("div",{className:"text-[12px] font-medium text-[#64748B] text-right",children:"Investment"})]}),h.jsx("div",{className:"max-h-[205px] overflow-y-auto hide-scrollbar",children:n.map((i,o)=>h.jsxs("div",{className:"grid grid-cols-3 px-[16px] py-[12px] border-t border-[#F1F5F9]",children:[h.jsxs("div",{className:"flex items-center gap-[8px]",children:[h.jsx("div",{className:"w-[16px] h-[7px]",style:{backgroundColor:i.fill}}),h.jsx("div",{className:"text-[13px] text-[#475569]",children:i.name})]}),h.jsx("div",{className:"text-[13px] text-[#64748B] text-center",children:i.value}),h.jsx("div",{className:"text-[13px] text-[#64748B] text-right",children:i.investment})]},o))})]})})]})})};function Eme({columns:e=[],data:t=[],rowsPerPage:n=10,setRowsPerPage:r=()=>{},currentPage:i=1,setCurrentPage:o=()=>{},totalRows:a=0,totalPages:s=1,pageOptions:l=[10,20,30,40,50],disableRowsPerPage:c}){const u=Array.isArray(t)?t:[],d=Array.isArray(e)?e:[],f=`200px repeat(${d.length-1}, minmax(150px, 1fr))`,p={};return d.forEach(m=>{if(m.key!=="name"){let g=0;for(let v=0;v<u.length;v++){const x=u[v][m.key];typeof x=="number"&&(g+=x)}p[m.key]=g}}),h.jsxs("div",{className:"w-full bg-white rounded-[12px] h-[390px] !border-[0.5px] !border-[#EBEBEB] !shadow-[0_0_12px_0_#EAF2FF] overflow-hidden flex flex-col",children:[h.jsx("div",{className:"flex-1 overflow-auto hide-scrollbar",children:u.length===0?h.jsx("div",{className:"h-full flex items-center justify-center",children:h.jsx(Vt,{title:"No Data Found",description:"Catch up all the data. Change the date range to see the data."})}):h.jsxs("div",{className:"min-w-full",children:[h.jsx("div",{className:"grid bg-[#354A5E] text-white text-[14px] font-medium sticky top-0 z-30",style:{gridTemplateColumns:f},children:d.map((m,g)=>h.jsx("div",{title:m.label,className:`px-[24px] py-[16px] whitespace-nowrap overflow-hidden text-ellipsis ${g===0?"sticky left-0 z-40 bg-[#354A5E] shadow-[2px_0_5px_rgba(0,0,0,0.1)] border-r border-[#2C3E50]":""}`,children:m.label},g))}),u.map((m,g)=>h.jsx("div",{className:"grid",style:{gridTemplateColumns:f},children:d.map((v,x)=>h.jsx("div",{className:`px-[24px] py-[14px] text-[14px] flex items-center ${x===0?"bg-white sticky left-0 z-20 font-medium shadow-[2px_0_5px_rgba(0,0,0,0.05)] border-r border-gray-200":"bg-gray-50"}`,children:m[v.key]??"-"},x))},g)),h.jsx("div",{className:"grid bg-[#F8FAFC] border-t border-[#F0F0F0] sticky bottom-0 z-30",style:{gridTemplateColumns:f},children:d.map((m,g)=>h.jsx("div",{className:`px-[24px] py-[16px] ${g===0?"sticky left-0 z-40 bg-[#F8FAFC] text-[#64748B] font-medium shadow-[2px_0_5px_rgba(0,0,0,0.05)] border-r border-gray-200":"text-[#64748B] font-medium"}`,children:m.key==="name"?"Grand Total":p[m.key]||"-"},g))})]})}),h.jsxs("div",{className:"flex justify-end items-center px-[24px] py-[16px] text-sm bg-white border-t border-[#F0F0F0] gap-[32px]",children:[h.jsxs("div",{className:"flex items-center gap-[8px] text-gray-600 text-[14px]",children:[h.jsx("div",{children:"Rows per page:"}),h.jsx("select",{value:n,disabled:c,onChange:m=>{r(Number(m.target.value)),o(1)},className:"border rounded px-[8px] py-[4px]",children:l.map((m,g)=>h.jsx("option",{value:m,children:m},g))}),h.jsxs("div",{className:"ml-4 text-[14px]",children:[u.length===0?"0–0":`1–${u.length}`," of"," ",a||u.length]})]}),h.jsxs("div",{className:"flex items-center space-x-2 text-gray-600 text-[14px]",children:[h.jsx("button",{onClick:()=>o(1),disabled:i===1,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:h.jsx(YI,{size:18})}),h.jsx("button",{onClick:()=>o(m=>m-1),disabled:i===1,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:h.jsx(W1,{size:18})}),h.jsx("button",{onClick:()=>o(m=>m+1),disabled:i===s,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:h.jsx(z1,{size:18})}),h.jsx("button",{onClick:()=>o(s),disabled:i===s,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:h.jsx(UI,{size:18})})]})]})]})}exports.AccessPointsUsage=i4;exports.Accounting=$fe;exports.Amenities=ZI;exports.AmenitiesStatsCard=co;exports.AmenityWiseRevenue=d4;exports.AssetValueBreakdown=Zfe;exports.AssetsByType=f4;exports.BlockWiseOccupancy=Afe;exports.BookingTrendChart=u4;exports.Bookings=c4;exports.Budgets=Hfe;exports.BuildingWiseApprovals=xme;exports.Card=Ie;exports.CardAccess=r4;exports.CashBankBalance=Ufe;exports.CommercialAccessOverview=n4;exports.CommercialAmenitiesDashboard=pme;exports.CommercialAssetManagementDashboard=mme;exports.CommercialDashboard=Zhe;exports.CommercialEngagementDashboard=vme;exports.CommercialGuardPatrols=h4;exports.CommercialGuardPetrolDashboard=gme;exports.CommercialHelpdeskDashboard=ame;exports.CommercialIncidentReports=m4;exports.CommercialOccupancy=GI;exports.CommercialReportTable=g4;exports.CommercialSmartAccessDashboard=nme;exports.CommercialTableDashboard=g4;exports.CommercialVisitorsDashboard=lme;exports.Community=pse;exports.Complaints=whe;exports.ComplaintsByLevel=She;exports.DuesAgeing=qfe;exports.EmployeeFootfall=XI;exports.Engagement=WR;exports.EngagementStatsGrid=Hhe;exports.EscalationLevel=yme;exports.EventsUtilisation=Ihe;exports.ExpenseCategories=Xfe;exports.Facilities=hse;exports.FinanceSummary=mse;exports.FoodBeverages=QI;exports.GateAndSecurityStatsGrid=yhe;exports.GateUpdates=nle;exports.GuardPatrols=ihe;exports.Header=B8;exports.Helpdesk=rle;exports.HelpdeskStatsGrid=jhe;exports.HourlyTrafficFlow=che;exports.IncidentReports=fhe;exports.IncomeExpenditure=zI;exports.MainHeader=J8;exports.MaintenanceStatus=p4;exports.MetricCard=b0;exports.MobileAccess=r4;exports.MoveInOutTrends=jfe;exports.NoticeBoardStatus=$he;exports.OccupancyOverview=kfe;exports.OrganisationWiseVisitors=l4;exports.PortfolioAssetsByType=_me;exports.RequestBox=Che;exports.ResidentOverview=Pfe;exports.RevenuebyCategory=epe;exports.SingleStats=Whe;exports.StaffAttendance=qI;exports.StatsGrid=nhe;exports.TenantsByVisitors=bme;exports.TicketEscalation=JI;exports.TicketStatus=e4;exports.Tickets=o4;exports.TicketsperCategory=a4;exports.TotalCommercialTable=Eme;exports.UnitStatus=Cfe;exports.VisitorUpdates=t4;exports.WeeklyVisitorPattern=s4;
|
package/dist/index.es.js
CHANGED
|
@@ -57491,20 +57491,21 @@ function sge({
|
|
|
57491
57491
|
},
|
|
57492
57492
|
totalRows: a = 0,
|
|
57493
57493
|
totalPages: s = 1,
|
|
57494
|
-
pageOptions: l = [10, 20, 30, 40, 50]
|
|
57494
|
+
pageOptions: l = [10, 20, 30, 40, 50],
|
|
57495
|
+
disableRowsPerPage: c
|
|
57495
57496
|
}) {
|
|
57496
|
-
const
|
|
57497
|
-
return
|
|
57498
|
-
if (
|
|
57499
|
-
let
|
|
57500
|
-
for (let
|
|
57501
|
-
const
|
|
57502
|
-
typeof
|
|
57497
|
+
const u = Array.isArray(t) ? t : [], d = Array.isArray(e) ? e : [], f = `200px repeat(${d.length - 1}, minmax(150px, 1fr))`, p = {};
|
|
57498
|
+
return d.forEach((m) => {
|
|
57499
|
+
if (m.key !== "name") {
|
|
57500
|
+
let g = 0;
|
|
57501
|
+
for (let v = 0; v < u.length; v++) {
|
|
57502
|
+
const x = u[v][m.key];
|
|
57503
|
+
typeof x == "number" && (g += x);
|
|
57503
57504
|
}
|
|
57504
|
-
|
|
57505
|
+
p[m.key] = g;
|
|
57505
57506
|
}
|
|
57506
57507
|
}), /* @__PURE__ */ h.jsxs("div", { className: "w-full bg-white rounded-[12px] h-[390px] !border-[0.5px] !border-[#EBEBEB] !shadow-[0_0_12px_0_#EAF2FF] overflow-hidden flex flex-col", children: [
|
|
57507
|
-
/* @__PURE__ */ h.jsx("div", { className: "flex-1 overflow-auto hide-scrollbar", children:
|
|
57508
|
+
/* @__PURE__ */ h.jsx("div", { className: "flex-1 overflow-auto hide-scrollbar", children: u.length === 0 ? /* @__PURE__ */ h.jsx("div", { className: "h-full flex items-center justify-center", children: /* @__PURE__ */ h.jsx(
|
|
57508
57509
|
qt,
|
|
57509
57510
|
{
|
|
57510
57511
|
title: "No Data Found",
|
|
@@ -57515,46 +57516,46 @@ function sge({
|
|
|
57515
57516
|
"div",
|
|
57516
57517
|
{
|
|
57517
57518
|
className: "grid bg-[#354A5E] text-white text-[14px] font-medium sticky top-0 z-30",
|
|
57518
|
-
style: { gridTemplateColumns:
|
|
57519
|
-
children:
|
|
57519
|
+
style: { gridTemplateColumns: f },
|
|
57520
|
+
children: d.map((m, g) => /* @__PURE__ */ h.jsx(
|
|
57520
57521
|
"div",
|
|
57521
57522
|
{
|
|
57522
|
-
title:
|
|
57523
|
-
className: `px-[24px] py-[16px] whitespace-nowrap overflow-hidden text-ellipsis ${
|
|
57524
|
-
children:
|
|
57523
|
+
title: m.label,
|
|
57524
|
+
className: `px-[24px] py-[16px] whitespace-nowrap overflow-hidden text-ellipsis ${g === 0 ? "sticky left-0 z-40 bg-[#354A5E] shadow-[2px_0_5px_rgba(0,0,0,0.1)] border-r border-[#2C3E50]" : ""}`,
|
|
57525
|
+
children: m.label
|
|
57525
57526
|
},
|
|
57526
|
-
|
|
57527
|
+
g
|
|
57527
57528
|
))
|
|
57528
57529
|
}
|
|
57529
57530
|
),
|
|
57530
|
-
|
|
57531
|
+
u.map((m, g) => /* @__PURE__ */ h.jsx(
|
|
57531
57532
|
"div",
|
|
57532
57533
|
{
|
|
57533
57534
|
className: "grid",
|
|
57534
|
-
style: { gridTemplateColumns:
|
|
57535
|
-
children:
|
|
57535
|
+
style: { gridTemplateColumns: f },
|
|
57536
|
+
children: d.map((v, x) => /* @__PURE__ */ h.jsx(
|
|
57536
57537
|
"div",
|
|
57537
57538
|
{
|
|
57538
|
-
className: `px-[24px] py-[14px] text-[14px] flex items-center ${
|
|
57539
|
-
children:
|
|
57539
|
+
className: `px-[24px] py-[14px] text-[14px] flex items-center ${x === 0 ? "bg-white sticky left-0 z-20 font-medium shadow-[2px_0_5px_rgba(0,0,0,0.05)] border-r border-gray-200" : "bg-gray-50"}`,
|
|
57540
|
+
children: m[v.key] ?? "-"
|
|
57540
57541
|
},
|
|
57541
|
-
|
|
57542
|
+
x
|
|
57542
57543
|
))
|
|
57543
57544
|
},
|
|
57544
|
-
|
|
57545
|
+
g
|
|
57545
57546
|
)),
|
|
57546
57547
|
/* @__PURE__ */ h.jsx(
|
|
57547
57548
|
"div",
|
|
57548
57549
|
{
|
|
57549
57550
|
className: "grid bg-[#F8FAFC] border-t border-[#F0F0F0] sticky bottom-0 z-30",
|
|
57550
|
-
style: { gridTemplateColumns:
|
|
57551
|
-
children:
|
|
57551
|
+
style: { gridTemplateColumns: f },
|
|
57552
|
+
children: d.map((m, g) => /* @__PURE__ */ h.jsx(
|
|
57552
57553
|
"div",
|
|
57553
57554
|
{
|
|
57554
|
-
className: `px-[24px] py-[16px] ${
|
|
57555
|
-
children:
|
|
57555
|
+
className: `px-[24px] py-[16px] ${g === 0 ? "sticky left-0 z-40 bg-[#F8FAFC] text-[#64748B] font-medium shadow-[2px_0_5px_rgba(0,0,0,0.05)] border-r border-gray-200" : "text-[#64748B] font-medium"}`,
|
|
57556
|
+
children: m.key === "name" ? "Grand Total" : p[m.key] || "-"
|
|
57556
57557
|
},
|
|
57557
|
-
|
|
57558
|
+
g
|
|
57558
57559
|
))
|
|
57559
57560
|
}
|
|
57560
57561
|
)
|
|
@@ -57566,18 +57567,19 @@ function sge({
|
|
|
57566
57567
|
"select",
|
|
57567
57568
|
{
|
|
57568
57569
|
value: n,
|
|
57569
|
-
|
|
57570
|
-
|
|
57570
|
+
disabled: c,
|
|
57571
|
+
onChange: (m) => {
|
|
57572
|
+
r(Number(m.target.value)), o(1);
|
|
57571
57573
|
},
|
|
57572
57574
|
className: "border rounded px-[8px] py-[4px]",
|
|
57573
|
-
children: l.map((
|
|
57575
|
+
children: l.map((m, g) => /* @__PURE__ */ h.jsx("option", { value: m, children: m }, g))
|
|
57574
57576
|
}
|
|
57575
57577
|
),
|
|
57576
57578
|
/* @__PURE__ */ h.jsxs("div", { className: "ml-4 text-[14px]", children: [
|
|
57577
|
-
|
|
57579
|
+
u.length === 0 ? "0–0" : `1–${u.length}`,
|
|
57578
57580
|
" of",
|
|
57579
57581
|
" ",
|
|
57580
|
-
a ||
|
|
57582
|
+
a || u.length
|
|
57581
57583
|
] })
|
|
57582
57584
|
] }),
|
|
57583
57585
|
/* @__PURE__ */ h.jsxs("div", { className: "flex items-center space-x-2 text-gray-600 text-[14px]", children: [
|
|
@@ -57593,7 +57595,7 @@ function sge({
|
|
|
57593
57595
|
/* @__PURE__ */ h.jsx(
|
|
57594
57596
|
"button",
|
|
57595
57597
|
{
|
|
57596
|
-
onClick: () => o((
|
|
57598
|
+
onClick: () => o((m) => m - 1),
|
|
57597
57599
|
disabled: i === 1,
|
|
57598
57600
|
className: "p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",
|
|
57599
57601
|
children: /* @__PURE__ */ h.jsx(nw, { size: 18 })
|
|
@@ -57602,7 +57604,7 @@ function sge({
|
|
|
57602
57604
|
/* @__PURE__ */ h.jsx(
|
|
57603
57605
|
"button",
|
|
57604
57606
|
{
|
|
57605
|
-
onClick: () => o((
|
|
57607
|
+
onClick: () => o((m) => m + 1),
|
|
57606
57608
|
disabled: i === s,
|
|
57607
57609
|
className: "p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",
|
|
57608
57610
|
children: /* @__PURE__ */ h.jsx(rw, { size: 18 })
|
package/dist/index.umd.js
CHANGED
|
@@ -479,4 +479,4 @@ Take a look at the reducer(s) handling this action type: ${p.type}.
|
|
|
479
479
|
${i?"bg-[#F7FEFA] text-[#1FA05B]":"bg-[#FBF4F4] text-[#EF4444]"} p-[4px] rounded-[4px] font-medium
|
|
480
480
|
`,children:n}),h.jsx("div",{className:"!text-[#64748B]",children:r})]})]})}const Ape=[{title:"Total Visitors",value:160,delta:"+11.0%",deltaLabel:"Compared to last month",positive:!0,Icon:Ng,iconColor:"text-[#329DFF]"},{title:"Active Incidents",value:73,delta:"+2.0%",deltaLabel:"Compared to last month",positive:!0,Icon:Zae,iconColor:"text-[#F69E0A]"},{title:"Missed Patrols",value:3,delta:"+11.0%",deltaLabel:"Compared to last month",positive:!0,Icon:Ppe,iconColor:"text-[#AB0000]"},{title:"Parking Usage",value:5,delta:"-8.0%",deltaLabel:"Compared to last month",positive:!1,Icon:F8,iconColor:"text-[#36AB6C]"}];function Tpe({data:e}){const t=Array.isArray(e)&&e.length>0?e:Ape;return h.jsx("div",{className:"px-[20px] grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-[24px]",children:t.map((n,r)=>h.jsx(Dpe,{...n},r))})}const Npe=[{title:"Maintenance",total:12,pending:3},{title:"Security",total:8,pending:1},{title:"Housekeeping",total:6,pending:2},{title:"Utilities",total:10,pending:4}],jpe=(e="")=>e.replace(/</g,"<").replace(/>/g,">").replace(/<[^>]*>/g,"").trim();function Mpe({data:e}){const t=Array.isArray(e?.complaints_by_category)&&e.complaints_by_category.length>0?e.complaints_by_category.map(n=>({title:jpe(n.category_name)||"—",total:n.total||0,pending:n.pending||0})):Npe;return h.jsx(Le,{title:"Complaints",titleClassName:"!text-[20px] !leading-[24px] font-semibold!",className:"w-full h-[362px] p-[24px]!",children:h.jsx("div",{className:"flex flex-col gap-[12px] max-h-full overflow-y-auto hide-scrollbar",children:t.map((n,r)=>h.jsxs("div",{className:"flex items-center justify-between bg-[#F8FAFC] rounded-[4px] p-[12px]",children:[h.jsxs("div",{className:"flex flex-col gap-[4px]",children:[h.jsx("div",{className:"text-[14px] leading-[18px] font-medium text-[#121212] capitalize",children:n.title}),h.jsxs("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:["Total: ",n.total]})]}),h.jsxs("div",{className:"flex flex-col items-end gap-[4px]",children:[h.jsx("div",{className:"text-[14px] leading-[18px] font-medium text-[#AB0000]",children:String(n.pending).padStart(2,"0")}),h.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:"Pending"})]})]},r))})})}const Ipe=[{level:"Level 1",open_count:3,in_progress_count:4,closed_count:5,total:12},{level:"Level 2",open_count:1,in_progress_count:1,closed_count:1,total:3},{level:"Level 3",open_count:5,in_progress_count:2,closed_count:3,total:10}],Fpe=()=>{const e=[{label:"Open",color:"#EF4444"},{label:"In Progress",color:"#F59D0D"},{label:"Closed",color:"#12B981"}];return h.jsx("div",{style:{display:"flex",justifyContent:"space-between",gap:"15px"},children:e.map(t=>h.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"6px"},children:[h.jsx("div",{style:{width:"6px",height:"6px",backgroundColor:t.color,transform:"rotate(45deg)"}}),h.jsx("span",{style:{fontSize:"14px"},children:t.label})]},t.label))})},Lpe=({data:e})=>{const t=k.useMemo(()=>(Array.isArray(e?.complaints_by_level)&&e.complaints_by_level.some(l=>Number(l.total)>0)?e.complaints_by_level:Ipe).map(l=>({level:l.level||"—",open_count:Number(l.open_count)||0,in_progress_count:Number(l.in_progress_count)||0,closed_count:Number(l.closed_count)||0,total:Number(l.total)||0})),[e]),n=k.useMemo(()=>Math.max(...t.map(a=>a.total),5),[t]),r=Math.ceil(n*1.2),i=6,o=Math.max(Math.ceil(n/i),1);return h.jsxs(Le,{title:"Complaints by Level",className:"w-full h-[362px] p-[24px]! gap-[18px]!",titleClassName:"!text-[20px] !leading-[24px] font-semibold!",children:[h.jsx(Ot,{width:"100%",height:"85%",children:h.jsxs(ko,{data:t,margin:{top:5,right:-25,left:-30,bottom:5},children:[h.jsx(sr,{strokeDasharray:"0",vertical:!1}),h.jsx(Gn,{dataKey:"level"}),h.jsx($n,{domain:[0,r],ticks:Array.from({length:i+1},(a,s)=>s*o)}),h.jsx(St,{cursor:{fill:"rgba(148, 163, 184, 0.12)"},allowEscapeViewBox:{x:!0,y:!0},content:a=>!a.active||!a.payload||!a.payload.length?null:h.jsx(Ut,{...a,data:t,children:h.jsxs("div",{className:"bg-[#121212] rounded-[10px] px-[14px] py-[10px] text-[12px] text-white",children:[h.jsx("div",{className:"mb-[6px] font-semibold",children:a.label}),a.payload.map((s,l)=>{const c=s.color||s.fill||"#fff";return h.jsxs("div",{className:"flex items-center gap-[6px]",children:[h.jsx("span",{className:"w-2 h-2 rounded-full inline-block",style:{backgroundColor:c}}),h.jsx("span",{className:"text-[#D1D3D4]",children:s.name}),h.jsx("span",{className:"text-white font-semibold",children:s.value})]},l)})]})})}),h.jsx(Gt,{dataKey:"open_count",name:"Open",stackId:"a",fill:"#EF4444",barSize:44,radius:[0,0,0,0]}),h.jsx(Gt,{dataKey:"in_progress_count",name:"In Progress",stackId:"a",fill:"#F59D0D",barSize:44,radius:[0,0,0,0]}),h.jsx(Gt,{dataKey:"closed_count",name:"Closed",stackId:"a",fill:"#12B981",barSize:44,radius:[0,0,0,0]})]})}),h.jsx(Fpe,{})]})},$pe=[{title:"Maintenance",total:18,pending:4},{title:"Security",total:11,pending:2},{title:"Housekeeping",total:9,pending:3},{title:"Utilities",total:14,pending:5}];function Rpe({data:e}){const t=Array.isArray(e?.request_box_by_type)&&e.request_box_by_type.length>0?e.request_box_by_type.map(n=>({title:n.category_name||"—",total:Number(n.total)||0,pending:Number(n.pending)||0})):$pe;return h.jsx(Le,{title:"Request Box",titleClassName:"!text-[20px] !leading-[24px] font-semibold!",className:"w-full h-[362px] p-[24px]!",children:h.jsx("div",{className:"flex flex-col gap-[12px] max-h-full overflow-y-auto hide-scrollbar",children:t.map((n,r)=>h.jsxs("div",{className:"flex items-center justify-between bg-[#F8FAFC] rounded-[4px] p-[12px]",children:[h.jsxs("div",{className:"flex flex-col gap-[4px]",children:[h.jsx("div",{className:"text-[14px] leading-[18px] font-medium text-[#121212] capitalize",children:n.title}),h.jsxs("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:["Total: ",n.total]})]}),h.jsxs("div",{className:"flex flex-col items-end gap-[4px]",children:[h.jsx("div",{className:"text-[14px] leading-[18px] font-medium text-[#AB0000]",children:String(n.pending).padStart(2,"0")}),h.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:"Pending"})]})]},`${n.title}-${r}`))})})}function Bpe(e){return gt({attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{fill:"none",strokeLinejoin:"round",strokeWidth:"32",d:"M416 221.25V416a48 48 0 0 1-48 48H144a48 48 0 0 1-48-48V96a48 48 0 0 1 48-48h98.75a32 32 0 0 1 22.62 9.37l141.26 141.26a32 32 0 0 1 9.37 22.62z"},child:[]},{tag:"path",attr:{fill:"none",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"32",d:"M256 56v120a32 32 0 0 0 32 32h120m-232 80h160m-160 80h160"},child:[]}]})(e)}const Wpe=["open_complaints","pending_requests","avg_response_time","resolution_rate"],zpe={open_complaints:{title:"Open Complaints",Icon:lS,iconColor:"#AB0000",deltaLabel:"Compared to last month"},pending_requests:{title:"Pending Requests",Icon:Bpe,iconColor:"#E7A015",deltaLabel:"Compared to last month"},avg_response_time:{title:"Avg Response Time",Icon:V8,iconColor:"#1FA05B",deltaLabel:"Compared to last month"},resolution_rate:{title:"Resolution Rate",Icon:W8,iconColor:"#329DFF",deltaLabel:"Compared to last month"}},Vpe=({children:e,size:t=28,lineHeight:n=32,weight:r=500,color:i="#121212"})=>h.jsx("div",{style:{fontWeight:r,fontSize:`${t}px`,lineHeight:`${n}px`,color:i},children:e}),Hpe={primary:{size:28,lineHeight:32,weight:500}},Ype={open_complaints:{current:24,trend_percent:"-8%",direction:"bad"},pending_requests:{current:17,trend_percent:"-5%",direction:"bad"},avg_response_time:{current:"2.4 h",trend_percent:"+6%",direction:"good"},resolution_rate:{current:"89%",trend_percent:"+4%",direction:"good"}};function Upe({id:e,data:t}){return e&&t&&!t[e]&&t.current!==void 0?h.jsx(B4,{id:e,data:t}):h.jsx("div",{className:"px-[20px] grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-[16px]",children:Wpe.map(n=>h.jsx(B4,{id:n},n))})}function B4({id:e,data:t}){const n=zpe[e];if(!n)return null;const r=(d,f)=>f==null?"—":d==="avg_response_time"?typeof f=="number"?`${f} h`:f:d==="resolution_rate"&&typeof f=="number"?`${f}%`:f,{title:i,Icon:o=Ld,iconColor:a,deltaLabel:s}=n,l=t&&Object.keys(t).length>0?t:Ype[e],c=r(e,l?.current),u=l?.trend_percent??"—";return l?.direction==="good"||l?.direction,h.jsx("div",{className:"h-[132px]",children:h.jsxs(Le,{title:i,titleColor:a,icon:h.jsx("div",{className:"h-[20px] w-[20px] flex items-center justify-center",children:h.jsx(o,{className:"h-[20px] w-[20px]",style:{color:a}})}),childrenClassName:"!space-y-[12px]",iconClassName:"!gap-[12px]",children:[h.jsx(Vpe,{...Hpe.primary,children:c}),h.jsxs("div",{className:"flex items-center gap-[8px] text-[12px] leading-[16px]",children:[h.jsx(Tc,{value:u}),h.jsx("div",{className:"text-[#64748B] text-[12px] leading-[16px]",children:s})]})]})})}const Kpe=[{title:"Holi Celebration",date:"25 Jun 2025",rsvp:"78/100",utilisation:71,status:"Upcoming"},{title:"Maintenance Meeting",date:"25 Jun 2025",rsvp:"45/60",utilisation:75,status:"Completed"},{title:"Maintenance Meeting",date:"25 Jun 2025",rsvp:"45/60",utilisation:75,status:"Completed"},{title:"Maintenance Meeting",date:"25 Jun 2025",rsvp:"45/60",utilisation:75,status:"Completed"}];function qpe({title:e,date:t,rsvp:n,utilisation:r,status:i}){return h.jsxs("div",{className:"bg-[#F8FAFC] p-[12px] rounded-[4px]",children:[h.jsxs("div",{className:"flex items-center justify-between",children:[h.jsx("div",{className:"text-[16px] leading-[20px] font-semibold text-[#121212]",children:e}),h.jsx("div",{className:`!text-[12px] leading-[16px] font-medium p-[4px] rounded-[4px] ${i==="Completed"?"text-[#36AB6C] bg-[#E6F7EE]":i==="Upcoming"?"text-[#329DFF] bg-[#E6F2FF]":"text-slate-500 bg-slate-100"}`,children:i})]}),h.jsx("div",{className:"text-[14px] leading-[18px] text-[#64748B]",children:t}),h.jsxs("div",{className:"mt-[8px] flex justify-between items-center",children:[h.jsxs("div",{className:"text-[14px] leading-[18px] text-[#64748B]",children:[n," RSVP"]}),h.jsxs("div",{className:"text-[#3C82F6] text-[14px] leading-[18px] font-medium",children:[r,"% utilisation"]})]}),h.jsx("div",{className:"mt-[8px] w-full bg-[#F8FAFC] h-[6px] rounded",children:h.jsx("div",{className:"h-[6px] rounded bg-[#3C82F6]",style:{width:`${r}%`}})})]})}function Gpe({data:e}){const t=Array.isArray(e)&&e.length===0,n=Array.isArray(e)?e:Kpe;return h.jsx(Le,{title:"Events Utilisation",className:"w-full h-[360px] p-[24px]!",childrenClassName:t?"h-full":"overflow-y-auto hide-scrollbar",titleClassName:"!text-[20px] !leading-[24px] font-semibold!",children:h.jsx("div",{className:`w-full h-full ${t?"flex items-center justify-center":"space-y-[12px]"}`,children:n?.length>0?n.map((r,i)=>h.jsx(qpe,{...r},`${r.title}-${i}`)):h.jsx(Vt,{})})})}const Xpe=[{label:"Active",value:138,subLabel:"3 expiring soon",bgColor:"bg-[#F0FFF7]",textColor:"text-[#1FA05B]"},{label:"Scheduled",value:13,subLabel:"4 this week",bgColor:"bg-[#FFFBF2]",textColor:"text-[#E7A015]"},{label:"Recurring",value:3,subLabel:"All active",bgColor:"bg-[#EDF6FF]",textColor:"text-[#329DFF]"},{label:"Expired",value:7,subLabel:"4 recent",bgColor:"bg-[#F6F6F6]",textColor:"text-[#64748B]"}];function Qpe({label:e,value:t,subLabel:n,bgColor:r,textColor:i}){return h.jsxs("div",{className:`border-[0.5px] border-[#EBEBEB] rounded-[12px] p-[16px] ${r} h-[124px]`,children:[h.jsx("div",{className:`text-[16px] leading-[20px]! tracking-[-2%] font-medium ${i}`,children:e}),h.jsx("div",{className:"mt-[16px] text-[28px] leading-[32px] font-semibold text-[#121212]",children:t}),h.jsx("div",{className:"mt-[8px] !text-[12px] leading-[16px] text-[#64748B]",children:n})]})}function Zpe({data:e}){const t=Array.isArray(e)&&e.length>0?e:Xpe;return h.jsx(Le,{title:"Notice Board Status",className:"w-full h-[360px] !p-[24px]",titleClassName:"!text-[20px] !leading-[24px] font-semibold!",children:h.jsx("div",{className:"grid grid-cols-2 gap-[24px]",children:t.map((n,r)=>h.jsx(Qpe,{...n},`${n.label}-${r}`))})})}function Jpe({title:e,value:t,delta:n,deltaLabel:r,positive:i=!0,Icon:o=Ld,iconColor:a="text-emerald-600",iconBg:s="bg-emerald-50",iconUrl:l}){return h.jsx(Le,{title:e,icon:h.jsx("div",{className:"grid place-items-center ",children:l?h.jsx("img",{src:l,alt:"icon",className:"h-8 w-8 object-contain"}):h.jsx(o,{className:`h-8 w-8 ${a}`})}),className:"h-[132px]",children:h.jsxs("div",{children:[h.jsx("div",{className:"text-[28px] leading-[32px] font-medium text-[#121212]",children:t}),h.jsxs("div",{className:"flex items-center gap-[8px] pt-[8px] !text-[12px] leading-[16px]",children:[h.jsx(Tc,{value:n}),h.jsx("div",{className:"text-[#64748B]",children:r})]})]})})}function ehe({data:e}){const t=[{title:e?.title||"Total Bookings",value:e?.value??0,delta:e?.delta??"0%",deltaLabel:e?.deltaLabel||"Compared to last month",positive:e?.positive??!1,Icon:e?.Icon,iconUrl:e?.iconUrl,iconColor:e?.iconColor||"text-emerald-600",iconBg:e?.iconBg||"bg-emerald-50"}];return h.jsx("div",{className:"h-full",children:t.map((n,r)=>h.jsx(Jpe,{...n},r))})}function the({title:e,value:t,delta:n,deltaLabel:r,positive:i=!0,icon:o,iconColor:a="text-emerald-600",iconBg:s="bg-emerald-50"}){return h.jsxs(Le,{title:e,icon:h.jsx("div",{className:"size-[20px] grid place-items-center",children:h.jsx("img",{src:o,alt:e})}),className:"h-[132px]",titleClassName:"text-[#64748B]! leading-[20px]",childrenClassName:"space-y-[8px]!",children:[h.jsx("div",{className:"text-[28px] leading-[32px] font-medium text-[#121212]",children:t}),h.jsxs("div",{className:"flex items-center gap-[8px] text-[12px] leading-[16px]",children:[h.jsx(Tc,{value:n}),h.jsx("div",{className:"text-[#64748B] text-[12px] leading-[16px]",children:r})]})]})}const nhe=[{title:"Notice",value:160,delta:"+11.0%",deltaLabel:"Compared to last month",positive:!0,icon:"https://res.cloudinary.com/dzqlw1ixr/image/upload/v1773902569/notice_djcorh.svg"},{title:"Post",value:83,delta:"+2.0%",deltaLabel:"Compared to last month",positive:!0,icon:"https://res.cloudinary.com/dzqlw1ixr/image/upload/v1773902568/post_rivboo.svg"},{title:"Poll",value:3,delta:"+11.0%",deltaLabel:"Compared to last month",positive:!0,icon:"https://res.cloudinary.com/dzqlw1ixr/image/upload/v1773902569/poll_b43jo0.svg"},{title:"Survey",value:5,delta:"-8.0%",deltaLabel:"Compared to last month",positive:!1,icon:"https://res.cloudinary.com/dzqlw1ixr/image/upload/v1773902568/survey_yevzwi.svg"}];function rhe({data:e}){const t=Array.isArray(e)&&e.length>0?e:nhe;return h.jsx("div",{className:"px-[20px] grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-[24px]",children:t.map((n,r)=>h.jsx(the,{...n},r))})}const W4=({value:e=0,total:t=1,colorClass:n="",label:r=""})=>{const i=Number(e)||0,o=Number(t)||1,a=Math.max(0,Math.min(100,i/o*100)),s=n==="bg-[#3C81F6]"?"text-[#8B5CF6]":n==="bg-[#8B5CF6]"?"text-[#12B981]":"text-slate-600";return h.jsxs("div",{className:"flex flex-col items-start",children:[h.jsx("div",{className:"w-2/3 min-w-[80px] h-5 rounded-full overflow-hidden",children:h.jsx("div",{className:`h-[11px] rounded-full ${n||""}`,style:{width:n==="bg-[#12B981]"?`${a+45}%`:`${a}%`}})}),h.jsx("div",{className:`${s} !text-[12px] font-bold mt-1`,children:i??0}),h.jsx("div",{className:"!text-[12px] leading-[16px] text-[#64748B] mt-1",children:r??""})]})},z4=({data:e,occupiedUnits:t=1,EmployeesCount:n=8910,AdminsCount:r=910})=>{const i=e?.total_occupants!==void 0&&e?.total_occupants!==null?Number(e?.total_occupants)||0:Number(t)||0,o=e?.total_members!==void 0&&e?.total_members!==null?Number(e?.total_members)||0:Number(n)||0,a=e?.total_admins!==void 0&&e?.total_admins!==null?Number(e?.total_admins)||0:Number(r)||0,s=(o||0)+(a||0);return h.jsx("div",{children:h.jsxs("div",{className:"bg-white !border-[0.5px] !border-[#EBEBEB] rounded-[12px] shadow-[0_0_12px_0_#EAF2FF] p-[16px] h-[128px]",children:[h.jsxs("div",{className:"flex items-center gap-[12px] h-[20px]",style:{marginBottom:"24px"},children:[h.jsx(Ng,{className:"!text-[20px] text-[#329DFF]"}),h.jsx("div",{className:"font-medium text-[#121212] text-[16px] leading-[20px]",children:"Occupancy Overview"})]}),h.jsxs("div",{className:"flex items-start justify-between",children:[h.jsxs("div",{className:"flex flex-col gap-[4px]",children:[h.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B] font-normal",children:"Total Occupants"}),h.jsx("div",{className:"text-[28px] leading-[32px] font-medium text-[#121212]",children:i??0})]}),h.jsxs("div",{className:"flex items-end gap-[4px]",children:[h.jsx(W4,{value:o??0,total:s||1,colorClass:"bg-[#3C81F6]",label:(o??0)<=1?"Employee":"Employees"}),h.jsx(W4,{value:a??0,total:s||1,colorClass:"bg-[#8B5CF6]",label:(a??0)<=1?"Admin":"Admins"})]})]})]})})};Bn.register(Fo,Lo,Wl,Ar);const V4=({data:e})=>{const t=e!=null,n=e?.employee_data,r=["HP","Adobe","Anarock","Swiggy","Infosys","Zepto"],i=[2e3,1700,1500,1200,900,800],o=[],a=[];if(t){if(n&&n.length>0)for(let d=0;d<n.length;d++)o.push(n[d].name),a.push(n[d].employees)}else for(let d=0;d<r.length;d++)o.push(r[d]),a.push(i[d]);let s=!1;if(t)if(!n||n.length===0)s=!0;else{s=!0;for(let d=0;d<n.length;d++)if(n[d].employees!==0){s=!1;break}}let l=0;for(let d=0;d<a.length;d++)a[d]>l&&(l=a[d]);const c={labels:o,datasets:[{data:a,backgroundColor:[],barThickness:34}]};for(let d=0;d<a.length;d++)c.datasets[0].backgroundColor.push("#3C81F6");const u={responsive:!0,maintainAspectRatio:!1,plugins:{legend:{display:!1},tooltip:{backgroundColor:"#0F172A",titleColor:"#fff",bodyColor:"#fff",displayColors:!1,callbacks:{label:d=>`Employees: ${d.parsed.y}`}}},scales:{x:{grid:{display:!1},ticks:{color:"#64748B",font:{size:12},callback:function(d){const f=this.getLabelForValue(d);return c?.length>2&&f?.length>10?`${f.slice(0,10)}...`:f}}},y:{beginAtZero:!0,min:0,max:l>0?l+5:2e3,ticks:{stepSize:l>0?Math.ceil((l+5)/5):500,color:"#64748B",callback:d=>d},grid:{display:!1,color:"#E5E7EB",borderDash:[4,4],drawBorder:!1}}}};return t&&s?h.jsx(Le,{className:"w-full h-[238px]",title:"Employee Footfall",period:"Today",icon:h.jsx(I4,{className:"!text-[24px] text-[#8B5CF6]"}),children:h.jsx("div",{className:"h-full flex items-center justify-center",children:h.jsx(Vt,{title:"No Employee footfall Found",description:"Catch up all the data. Change the date range to see the data."})})}):h.jsxs(Le,{className:"w-full h-[238px]",title:"Employee Footfall",period:"Today",icon:h.jsx(I4,{className:"!text-[24px] text-[#8B5CF6]"}),children:[h.jsxs("div",{className:"mb-[10px] mt-[8px] flex flex-col gap-[4px]!",children:[h.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:"Employees Inside"}),h.jsx("div",{className:"text-[20px] leading-[24px] font-medium text-[#3C81F6]",children:t?e.total_employees:7500})]}),h.jsx("div",{className:"h-[110px]",children:h.jsx(zl,{data:c,options:u})})]})},ihe="Rs",H4=["bg-blue-500","bg-red-500","bg-purple-700"],bs={title:"Food & Beverages (Static Data)",period:"Today",summary:{totalOrders:247,revenueGenerated:"82K",growthPercentage:8,growthTotalPercentage:0},outlets:[{name:"HP",orders:120,revenue:"45K",percentage:70,color:"bg-[#3C81F6]"},{name:"Adobe",orders:85,revenue:"23K",percentage:50,color:"bg-[#3C81F6]"},{name:"Anarock",orders:42,revenue:"14K",percentage:25,color:"bg-[#3C81F6]"}]};function hm(e,t=null){if(typeof e=="number")return e;if(typeof e=="string"){const n=Number(e.replace("%","").trim());return Number.isNaN(n)?t:n}return t}function Y4(e){if(e==null||e==="")return"0";if(typeof e=="number")return t2(e);const t=Number(e);return Number.isNaN(t)?String(e):t2(t)}function ohe(e){const t=e?.food_beverage_summary?{title:e?.title,period:e?.period,summary:{totalOrders:e?.food_beverage_summary?.total_orders,revenueGenerated:e?.food_beverage_summary?.revenue_generated,growthPercentage:e?.food_beverage_summary?.growth_percentage??e?.food_beverage_summary?.revenue_growth,growthTotalPercentage:e?.food_beverage_summary?.order_growth,currencyType:e?.food_beverage_summary?.currency_type},outlets:e?.chart_data}:e||{},n=t?.summary||{},i=(Array.isArray(t?.outlets)?t.outlets:[]).map((f,p)=>({name:f?.name||f?.outlet_name||f?.tenant_name||f?.company_name||"Unknown",orders:f?.orders??f?.total_orders??f?.count??0,revenue:f?.revenue??f?.revenue_generated??f?.total_revenue??0,percentage:f?.percentage,color:f?.color||H4[p%H4.length]})),o=n?.totalOrders??n?.orders??bs.summary.totalOrders,a=n?.revenueGenerated??n?.revenue??bs.summary.revenueGenerated,s=hm(n?.growthPercentage??n?.revenueGrowth,bs.summary.growthPercentage),l=hm(n?.growthTotalPercentage??n?.orderGrowth,bs.summary.growthTotalPercentage),c=n?.currencyType||n?.currency||ihe,u=i.reduce((f,p)=>f+(Number(p?.orders)||0),0),d=i.map(f=>({...f,percentage:f?.percentage!==null&&f?.percentage!==void 0?Number(f.percentage)||0:u>0?Math.round((Number(f?.orders)||0)/u*100):0}));return{title:t?.title||bs.title,period:t?.period||bs.period,summary:{totalOrders:o,revenueGenerated:a,growthPercentage:s,growthTotalPercentage:l,currencyType:c},outlets:d.length>0?d:bs.outlets}}function U4({data:e,title:t,period:n,icon:r}){const i=ohe(e),o=t||i.title,a=n||i.period,s=r||h.jsx(dpe,{className:"!text-[24px] text-[#FA7E28]"}),l=i.summary.totalOrders??0,c=Y4(i.summary.revenueGenerated),u=hm(i.summary.growthPercentage,0),d=hm(i.summary.growthTotalPercentage,0),f=u>=0,p=d>=0;return h.jsx(Le,{className:"h-[324px]",title:o,period:a,icon:s,children:h.jsxs("div",{className:"flex flex-col h-full",children:[h.jsxs("div",{className:"flex gap-[24px]",children:[h.jsxs("div",{className:"w-full flex flex-col gap-[8px]!",children:[h.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:"Total Orders"}),h.jsx("div",{className:"text-[28px] leading-[32px] font-medium text-[#8B5CF6]",children:l}),h.jsxs("div",{className:`w-fit inline-flex items-center gap-[4px] text-[10px] leading-[14px] p-[4px] rounded-[4px] ${p?"text-[#1FA05B] bg-green-50":"text-red-600 bg-red-50"}`,children:[p?h.jsx(Xo,{}):h.jsx(Go,{}),d,"%",h.jsx("span",{children:"from last month"})]})]}),h.jsx("div",{className:"w-full flex justify-end",children:h.jsxs("div",{className:"flex flex-col gap-[8px]",children:[h.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B] whitespace-nowrap",children:"Revenue Generated"}),h.jsxs("div",{className:"text-[28px] leading-[32px] font-medium text-[#329DFF] whitespace-nowrap",children:[i.summary.currencyType," ",c]}),h.jsxs("div",{className:`w-fit inline-flex items-center gap-[4px] text-[10px] leading-[14px] p-[4px] rounded-[4px] whitespace-nowrap ${f?"text-[#1FA05B] bg-green-50":"text-red-600 bg-red-50"}`,children:[f?h.jsx(Xo,{}):h.jsx(Go,{}),u,"%",h.jsx("span",{children:"from last month"})]})]})})]}),h.jsx("div",{className:"mt-[16px]",children:i.outlets.map((m,g)=>h.jsxs("div",{className:g===i.outlets.length-1?"":"mb-[16px]",children:[h.jsxs("div",{className:"flex justify-between text-sm mb-[8px]",children:[h.jsx("div",{className:"text-[#64748B] text-[12px] leading-[16px]",children:m.name}),h.jsxs("div",{className:"font-medium text-[12px] leading-[16px] flex items-center",children:[h.jsxs("div",{className:"text-[#64748B] inline-block",children:[m.orders," orders"]}),h.jsxs("div",{className:"mx-2 text-[#121212] inline-block",children:[i.summary.currencyType," ",Y4(m.revenue)]})]})]}),h.jsx("div",{className:"h-[11px] bg-gray-100 rounded-full",children:h.jsx("div",{className:`h-[11px] rounded-full ${m.color}`,style:{width:`${m.percentage}%`}})})]},`${m.name}-${g}`))})]})})}function K4({data:e}){const t=e?.amenity_summary?{amenitySummary:{totalBookings:e?.amenity_summary?.total_bookings??0,todayPaidRevenue:e?.amenity_summary?.today_paid_revenue??"0.00",growthPercentage:e?.amenity_summary?.growth_percentage??null,bookingGrowth:e?.amenity_summary?.booking_growth??null,currencyType:e?.amenity_summary?.currency_type??"Rs"},chartData:Array.isArray(e?.chart_data)?e.chart_data.map(m=>({facility_name:m?.facility_name,total_bookings:m?.total_bookings??0,paid_revenue:m?.paid_revenue??"0",isPaid:m?.is_paid===!0})):[]}:e||{},n=t?.amenitySummary||{},i=(Array.isArray(t?.chartData)?t.chartData:[]).map(m=>({...m,isPaid:m?.isPaid===!0})),o=i.length>0&&i.every(m=>m?.isPaid===!1),a=n?.totalBookings||0,s=n?.bookingGrowth;let l=0;if(typeof s=="number")l=s;else if(typeof s=="string"){const m=s.replace("%","").trim(),g=Number(m);l=isNaN(g)?0:g}const c=i.reduce((m,g)=>{const v=g?.total_bookings||0;return m+v},0),u=i.map(m=>{const g=m?.total_bookings||0,v=m?.isPaid?`${n?.currencyType||"Rs"} ${m?.paid_revenue||"0.00"}`:"",x=c>0?Math.round(g/c*100):0;return{name:m?.facility_name||"Unknown",bookings:g,revenue:v,percentage:x,color:"bg-[#3C81F6]",isPaid:m?.isPaid}}),d=n?.growthPercentage;let f=null;if(typeof d=="number")f=d;else if(typeof d=="string"){const m=d.replace("%","").trim(),g=Number(m);f=isNaN(g)?null:g}const p=f!==null?f>=0:!0;return h.jsx(Le,{className:"h-[324px]",title:"Amenities",period:"Today",icon:h.jsx(fpe,{className:"!text-[24px] text-[#8B5CF6]"}),children:h.jsxs("div",{className:"flex flex-col h-full",children:[h.jsxs("div",{className:"flex gap-[24px]",children:[h.jsxs("div",{className:"w-full flex flex-col gap-[8px]!",children:[h.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:"Total Bookings"}),h.jsx("div",{className:"text-[28px] leading-[32px] font-medium text-[#8B5CF6]",children:a}),h.jsxs("div",{className:`w-fit inline-flex items-center gap-[4px] text-[10px] leading-[14px] p-[4px] rounded-[4px] ${l>=0?"text-[#1FA05B] bg-green-50":"text-red-600 bg-red-50"}`,children:[l>=0?h.jsx(Xo,{}):h.jsx(Go,{}),l,"%",h.jsx("span",{children:"from last month"})]})]}),!o&&h.jsx("div",{className:"w-full flex justify-end",children:h.jsxs("div",{className:"flex flex-col gap-[8px]",children:[h.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B] whitespace-nowrap",children:"Revenue Generated"}),h.jsxs("div",{className:"text-[28px] leading-[32px] font-medium text-[#329DFF] whitespace-nowrap",children:[n?.currencyType||"Rs"," ",n?.todayPaidRevenue??"0.00"]}),f!==null&&h.jsxs("div",{className:`w-fit inline-flex items-center gap-[4px] text-[10px] leading-[14px] p-[4px] rounded-[4px] whitespace-nowrap ${p?"text-[#1FA05B] bg-green-50":"text-red-600 bg-red-50"}`,children:[p?h.jsx(Xo,{}):h.jsx(Go,{}),f,"%",h.jsx("span",{children:"from last month"})]})]})})]}),h.jsx("div",{className:"mt-[16px]",children:u.length>0?u.map((m,g)=>h.jsxs("div",{className:g===u.length-1?"":"mb-[16px]",children:[h.jsxs("div",{className:"flex justify-between text-sm mb-[8px]",children:[h.jsx("div",{className:"text-[#64748B] text-[12px] leading-[16px]",children:m?.name}),h.jsxs("div",{className:"font-medium text-[12px] leading-[16px]",children:[h.jsxs("div",{className:"text-[#64748B] inline",children:[m?.bookings," ",m?.bookings<=1?"booking":"bookings"]}),m?.isPaid&&h.jsx("div",{className:"mx-2 text-[#121212] inline",children:m?.revenue})]})]}),h.jsx("div",{className:"h-[11px] bg-gray-100 rounded-full",children:h.jsx("div",{className:`h-[11px] rounded-full ${m?.color}`,style:{width:`${m?.percentage}%`}})})]},g)):h.jsx("div",{className:"flex items-center justify-center h-[120px]",children:h.jsx("div",{className:"text-[12px] text-[#94A3B8]",children:"No amenity usage data available"})})})]})})}Bn.register(Fo,Lo,Wl,Ar,Zr);function q4({data:e=[]}){const t=[{level:"L1",open:55,in_progress:22,on_hold:15,closed:6},{level:"L2",open:45,in_progress:25,on_hold:18,closed:5},{level:"L3",open:58,in_progress:23,on_hold:14,closed:6}],n=e.length>0?e:t,r=[],i=[],o=[],a=[],s=[];for(let u=0;u<n.length;u++)r.push(n[u].level),i.push(Number(n[u].open)),o.push(Number(n[u].in_progress)),a.push(Number(n[u].on_hold)),s.push(Number(n[u].cancelled));const l={labels:r,datasets:[{label:"Open",data:i,backgroundColor:"#3B82F6",borderColor:"#FFFFFF",borderWidth:2,barThickness:38,stack:"tickets"},{label:"In Progress",data:o,backgroundColor:"#F59E0B",borderColor:"#FFFFFF",borderWidth:2,barThickness:38,stack:"tickets"},{label:"On-Hold",data:a,backgroundColor:"#64748B",borderColor:"#FFFFFF",borderWidth:2,barThickness:38,stack:"tickets"},{label:"Cancelled",data:s,backgroundColor:"#FB2C36",borderColor:"#FFFFFF",borderWidth:2,barThickness:38,stack:"tickets"}]},c={responsive:!0,maintainAspectRatio:!1,plugins:{legend:{position:"bottom",labels:{usePointStyle:!1,pointStyle:"rect",padding:12,boxWidth:20,boxHeight:8,color:"#64748B"}},tooltip:{backgroundColor:"#0F172A",titleColor:"#fff",bodyColor:"#fff"}},scales:{x:{stacked:!0,grid:{display:!1},ticks:{color:"#64748B"}},y:{stacked:!0,beginAtZero:!0,grid:{display:!1,color:"#E5E7EB",borderDash:[4,4],drawBorder:!1},ticks:{color:"#64748B",stepSize:1,precision:0,callback:u=>Math.round(u)}}}};return h.jsx(Le,{className:"h-[267px]",title:"Ticket Escalation Levels",period:"Today",icon:h.jsx(z8,{className:"!text-[24px] text-[#3C81F6]"}),children:h.jsx("div",{className:"h-full",children:h.jsx(zl,{data:l,options:c})})})}const ahe=({active:e,payload:t})=>{if(!e||!t||!t.length)return null;const n=t[0],r=n.payload.color;return h.jsx("div",{style:{backgroundColor:"#000000",color:"#ffffff",padding:"8px 10px",borderRadius:"8px",fontSize:"12px"},children:h.jsxs("div",{className:"flex items-center gap-[8px] font-medium",children:[h.jsx("div",{style:{width:"8px",height:"8px",borderRadius:"50%",backgroundColor:r}}),h.jsx("div",{children:n.name}),h.jsx("div",{className:"ml-2",children:n.value})]})})};function G4({data:e=null}){const n=e||{open:12,on_hold:5,cancelled:3,completed:156,in_progress:8,total_complaints:184},r=a=>{const s=Number(a);return isNaN(s)?0:s},i=[{name:"Completed",value:r(n.completed),color:"#10B981"},{name:"Open",value:r(n.open),color:"#3B82F6"},{name:"In Progress",value:r(n.in_progress),color:"#F59E0B"},{name:"On Hold",value:r(n.on_hold),color:"#6B7280"},{name:"Cancelled",value:r(n.cancelled),color:"#EF4444"}],o=r(n.total_complaints);return h.jsx(Le,{className:"h-[267px]",title:"Ticket Status",period:"Today",icon:h.jsx(wf,{className:"!text-[24px] text-[#EF4444]"}),children:h.jsxs("div",{className:"flex h-full items-center gap-[16px]",children:[h.jsxs("div",{className:"w-[202px] h-[170px] relative",children:[h.jsx(Ot,{width:"100%",height:"100%",children:h.jsxs(Ri,{children:[h.jsx(ai,{data:i,innerRadius:55,outerRadius:85,dataKey:"value",stroke:"#FFFFFF",strokeWidth:2,children:i.map((a,s)=>h.jsx(In,{fill:a.color},s))}),h.jsx(St,{content:a=>h.jsx(Ut,{...a,data:i,children:h.jsx(ahe,{...a})})})]})}),h.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center pointer-events-none",children:[h.jsxs("div",{className:"flex items-baseline text-[18px] leading-[22px] font-medium text-[#121212]",children:[h.jsx("div",{children:r(n.completed)}),h.jsxs("div",{className:"text-[18.18px] leading-[22.22px] text-[#121212]",children:["/",o]})]}),h.jsx("div",{className:"text-[10.1px] leading-[14.14px] text-[#64748B]",children:"Completed"})]})]}),h.jsx("div",{className:"flex-1 space-y-2",children:i.map(a=>h.jsxs("div",{className:"flex items-center justify-between text-[12px] leading-[17px] mt-[12px]",children:[h.jsxs("div",{className:"flex items-center gap-[8px]",children:[h.jsx("div",{className:"h-[7px] w-[16px]",style:{backgroundColor:a.color}}),h.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:a.name})]}),h.jsx("div",{className:"text-[#64748B] text-[12px] leading-[16px] font-medium",children:a.value})]},a.name))})]})})}const X4={visitorSummary:{totalVisitorsToday:150,peakTime:"2:00 - 4:00PM",peakCount:50,activeWalkins:18,preApprovedCheckins:3},popupData:{walkins:{currently_inside:18,total_visited_today:58},preApproved:{completed_visits:3,total_expected_today:5}},chart_data:[{hour:10,walkins:22,preApproved:30},{hour:12,walkins:15,preApproved:28},{hour:14,walkins:30,preApproved:38},{hour:16,walkins:45,preApproved:50},{hour:18,walkins:25,preApproved:40}]};function she(e){const t=e>=12?"PM":"AM";let n=e%12;return n===0&&(n=12),`${n} ${t}`}function lhe(e){if(typeof e=="number"&&e>=0&&e<=23)return e;if(typeof e=="string"){const t=e.trim().toUpperCase(),n=t.match(/^(\d{1,2})(?::\d{2})?\s*(AM|PM)$/);if(n){let i=Number(n[1])%12;return n[2]==="PM"&&(i+=12),i}const r=Number(t);if(!Number.isNaN(r)&&r>=0&&r<=23)return r}return null}function che(e=[]){return Array.from({length:24},(t,n)=>{const r=e.find(i=>lhe(i?.hour)===n)||{};return{hour:n,time:she(n),walkins:Number(r?.walkins??0),approved:Number(r?.pre_approved??r?.preApproved??r?.approved??0)}})}function Q4({title:e,color:t,rows:n=[],children:r}){const i=h.jsxs("div",{className:"bg-white rounded-[12px] min-w-[260px] p-[16px] border-[0.5px] border-[#EBEBEB] shadow-[0px_0px_12px_0px_#EAF2FF]",children:[h.jsx("div",{className:"flex items-center gap-[8px] font-medium text-[#121212]",children:h.jsx("div",{children:e??""})}),h.jsx("div",{className:"mt-[16px] pt-[16px] border-t border-dashed border-[#EBEBEB] space-y-[16px]",children:n?.map(({label:o,value:a,valueColor:s})=>h.jsxs("div",{className:"flex justify-between text-[14px] leading-[18px]",children:[h.jsx("div",{className:"text-[#64748B]",children:o??""}),h.jsx("div",{className:"font-semibold",style:{color:s||"#121212"},children:a??0})]},o))})]});return h.jsx(EM,{placement:"right-start",interactive:!0,delay:[100,0],offset:[6,0],appendTo:()=>document.body,maxWidth:"none",render:o=>h.jsx("div",{tabIndex:"-1",...o,children:i}),children:r})}function uhe({active:e,payload:t}){return!e||!t?.length?null:h.jsx("div",{className:"rounded-[8px] bg-[#121212] px-[12px] py-[8px] text-[12px] text-white shadow-lg",children:t.map(n=>h.jsxs("div",{className:"flex items-center gap-[8px]",children:[h.jsx("span",{className:"h-2 w-2 rounded-full",style:{backgroundColor:n.stroke}}),h.jsx("span",{className:"min-w-[82px] text-[#D1D3D4]",children:n.name}),h.jsx("span",{className:"font-semibold",children:n.value})]},n.dataKey))})}function Z4({data:e}){const t=e&&Object.keys(e).length?e:X4,n=t?.visitor_summary?{totalVisitorsToday:t?.visitor_summary?.total_visitors_today??0,peakTime:t?.visitor_summary?.peak_time??"-"}:t?.visitorSummary??{},r=t?.walkins_popup_data?{walkins:{currently_inside:Number(t?.walkins_popup_data?.walkins_inside??0),total_visited_today:Number(t?.walkins_popup_data?.total_walkins??0)},preApproved:{completed_visits:Number(t?.pre_approved_popup_data?.pre_approved_check_ins??0),total_expected_today:Number(t?.pre_approved_popup_data?.total_pre_approved_check_ins??0)}}:t?.popupData??{},i=k.useMemo(()=>{const l=t?.chart_data??[];return che(l.length?l:X4.chart_data)},[t]),{yAxisTicks:o,yAxisMax:a}=k.useMemo(()=>{const l=Math.max(...i.map(u=>Math.max(u.walkins,u.approved))),c=l>0?l:5;return{yAxisTicks:[0,Math.ceil(c/2),c],yAxisMax:c}},[i]),s=new Date().toLocaleTimeString("en-IN",{hour:"2-digit",minute:"2-digit",hour12:!0});return h.jsx(Le,{className:"h-[377px]",title:"Visitor Updates",period:`Today at ${s}`,icon:h.jsx(Ag,{className:"!text-[24px] text-[#8B5CF6]"}),children:h.jsxs("div",{className:"flex flex-col gap-[24px]",children:[h.jsxs("div",{className:"grid grid-cols-2 gap-y-4 gap-x-6",children:[h.jsxs("div",{className:"flex flex-col gap-[8px]!",children:[h.jsx("div",{className:"text-[10px] text-[#64748B]",children:"Total Visitors"}),h.jsx("div",{className:"text-[20px] font-medium text-[#08B6D4]",children:n?.totalVisitorsToday??0})]}),h.jsxs("div",{className:"flex flex-col gap-[8px]!",children:[h.jsx("div",{className:"text-[10px] text-[#64748B]",children:"Peak Time"}),h.jsx("div",{className:"text-[20px] font-medium text-[#8B5CF6]",children:n?.peakTime??"-"})]}),h.jsxs("div",{className:"mt-2 flex flex-col gap-[8px]!",children:[h.jsx("div",{className:"text-[10px] text-[#64748B]",children:"Active Walk-ins"}),h.jsxs("div",{className:"flex items-baseline text-xl font-medium leading-[32px]",children:[h.jsx("div",{className:"text-[28px] text-[#1FA05B] leading-[32px]",children:r?.walkins?.currently_inside??0}),h.jsx(Q4,{title:"Active Walk-ins",color:"text-[#1FA05B]",rows:[{label:"Currently Inside",value:r?.walkins?.currently_inside??0,valueColor:"#1FA05B"},{label:"Total Visited Today",value:r?.walkins?.total_visited_today??0}],children:h.jsxs("div",{className:"text-[#64748B] cursor-pointer text-[20px] leading-[32px]",children:["/",r?.walkins?.total_visited_today??0]})})]})]}),h.jsxs("div",{className:"mt-2 flex flex-col gap-[8px]!",children:[h.jsx("div",{className:"text-[10px] text-[#64748B]",children:"Pre-approved Check-ins"}),h.jsxs("div",{className:"flex items-baseline text-xl font-medium leading-[32px]",children:[h.jsx("div",{className:"text-[28px] text-[#E7A015] leading-[32px]",children:r?.preApproved?.completed_visits??0}),h.jsx(Q4,{title:"Pre-approved Check-ins",color:"text-[#E7A015]",rows:[{label:"Completed Visits",value:r?.preApproved?.completed_visits??0,valueColor:"#E7A015"},{label:"Total Expected Check-ins Today",value:r?.preApproved?.total_expected_today??0}],children:h.jsxs("div",{className:"text-[#64748B] cursor-pointer text-[20px] leading-[32px]",children:["/",r?.preApproved?.total_expected_today??0]})})]})]})]}),h.jsx("div",{className:"w-full h-[149px]",children:h.jsx(Ot,{width:"100%",height:"100%",children:h.jsxs(Ox,{data:i??[],margin:{top:5,right:0,left:0,bottom:-10},children:[h.jsx(sr,{stroke:"#E5E7EB",strokeDasharray:"4 4",vertical:!1}),h.jsx(Gn,{dataKey:"time",tickFormatter:(l,c)=>c%4===0?l:"",axisLine:!1,tickLine:!1,tick:{fill:"#121212",fontSize:10,fontWeight:400}}),h.jsx($n,{width:24,axisLine:!1,tickLine:!1,allowDecimals:!1,ticks:o,domain:[0,a],tick:{fill:"#64748B",fontSize:10,fontWeight:400}}),h.jsx(St,{content:l=>h.jsx(Ut,{...l,data:i,children:h.jsx(uhe,{...l})})}),h.jsx(da,{type:"monotone",dataKey:"walkins",stroke:"#22C55E",strokeWidth:2,dot:!1,name:"Walk-ins",isAnimationActive:!1}),h.jsx(da,{type:"monotone",dataKey:"approved",stroke:"#F59E0B",strokeWidth:2,strokeDasharray:"5 5",dot:!1,name:"Pre-approved",isAnimationActive:!1})]})})})]})})}function dhe(){return h.jsxs(h.Fragment,{children:[h.jsxs("div",{className:"px-[20px] grid grid-cols-1 lg:grid-cols-[minmax(0,1fr)_minmax(0,2fr)] gap-[24px] mt-6 auto-rows-fr",children:[h.jsx(z4,{}),h.jsx(V4,{})]}),h.jsxs("div",{className:"px-[20px] grid grid-cols-1 lg:grid-cols-3 gap-[24px] mt-6 auto-rows-fr",children:[h.jsx("div",{className:"mt-[-115px]",children:h.jsx(Z4,{})}),h.jsx(G4,{}),h.jsx(q4,{})]}),h.jsxs("div",{className:"px-[20px] grid grid-cols-1 lg:grid-cols-3 gap-[24px] mt-6 auto-rows-fr",children:[h.jsx(tM,{}),h.jsx(K4,{}),h.jsx(U4,{})]})]})}function J4({data:e=null}){const t={total_entries:79.6,entries:59350,exit:40950},n=e&&Object.keys(e).length>0?e:t,r=c=>{const u=Number(c);return isNaN(u)?0:u},i=r(n.entries),o=r(n.exit),a=e&&Object.keys(e).length>0&&Number(e.entries)===0&&Number(e.exit)===0,s=[{name:"Entries",value:i,color:"#8B5CF6"},{name:"Exit",value:o,color:"#329DFF"}],l=r(n.total_entries);return h.jsx(kt,{className:"h-[362px]",title:"Access Overview",titleWeight:"semi-bold",children:a?h.jsx("div",{className:"h-[300px] flex items-center justify-center",children:h.jsx(Vt,{title:"No access Point Found",description:"Catch up all the data. Change the date range to see the data."})}):h.jsxs("div",{className:"flex flex-col items-center mt-[16px]",children:[h.jsxs("div",{className:"relative w-[212px] h-[212px]",children:[h.jsx("div",{className:"absolute inset-0 flex items-center justify-center",children:h.jsx("div",{className:"w-[130px] h-[130px] rounded-full shadow-[0px_12px_35px_rgba(0,0,0,0.12)]"})}),h.jsx("div",{className:"h-[212px]",children:h.jsx(Ot,{width:"100%",height:"100%",children:h.jsxs(Ri,{children:[h.jsx(ai,{data:s,dataKey:"value",innerRadius:65,outerRadius:100,startAngle:360,endAngle:-180,paddingAngle:1,stroke:"transparent",children:s.map((c,u)=>h.jsx(In,{fill:c.color},u))}),h.jsx(St,{content:c=>h.jsx(Ut,{...c,data:s,children:h.jsx($r,{...c})})})]})})}),h.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center pointer-events-none",children:[h.jsx("div",{className:"text-[22px] leading-[27px] font-medium text-[#121212]",children:l}),h.jsx("div",{className:"text-[12px] leading-[17px] text-[#64748B]",children:"Total Access"})]})]}),h.jsxs("div",{className:"mt-[28px] flex justify-between w-full px-[20px]",children:[h.jsxs("div",{className:"flex flex-col items-center",children:[h.jsxs("div",{className:"flex items-center gap-[6px]",children:[h.jsx("div",{className:"w-[14px] h-[6px] bg-[#8B5CF6]"}),h.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:"Entries"})]}),h.jsx("div",{className:"text-[18px] font-medium text-[#8B5CF6] mt-[4px]",children:i.toLocaleString()})]}),h.jsxs("div",{className:"flex flex-col items-center",children:[h.jsxs("div",{className:"flex items-center gap-[6px]",children:[h.jsx("div",{className:"w-[14px] h-[6px] bg-[#329DFF]"}),h.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:"Exit"})]}),h.jsx("div",{className:"text-[18px] font-medium text-[#329DFF] mt-[4px]",children:o.toLocaleString()})]})]})]})})}function eF({title:e="Access",data:t=[],height:n="h-[362px]"}){const r=i=>i==null?"0":Number(i).toLocaleString();return h.jsx(kt,{className:n,title:e,titleWeight:"semi-bold",children:h.jsxs("div",{className:"rounded-[12px] overflow-hidden mt-[16px]",children:[h.jsxs("div",{className:"grid grid-cols-2 bg-[#F8FAFC] py-[8px] px-[12px] text-[12px] leading-[16px] font-medium text-[#64748B]",children:[h.jsx("div",{children:"Point"}),h.jsx("div",{className:"text-right",children:"Access"})]}),t.map((i,o)=>h.jsxs("div",{className:"grid grid-cols-2 p-[12px] text-[14px] border-t border-[#E2E8F0]",children:[h.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:i.label}),h.jsx("div",{className:"text-[12px] leading-[16px] text-right font-medium",style:{color:i.color||"#000"},children:r(i.value)})]},o))]})})}function tF({data:e=[]}){const[t,n]=k.useState([]),r=e&&e.length?e:[],i=!e||e.length===0,o=e&&e.length>0&&e.every(c=>Number(c.entries)===0&&Number(c.exit)===0),a=i||o,s=c=>c>=1e3?`${c/1e3}K`:c,l=c=>{n(u=>u.includes(c)?u.filter(d=>d!==c):[...u,c])};return h.jsx(kt,{title:"Access Points Usage",titleWeight:"semi-bold",className:"h-[362px]",children:a?h.jsx("div",{className:"h-[270px] flex items-center justify-center",children:h.jsx(Vt,{title:"No access Point Found",description:"Catch up all the data. Change the date range to see the data."})}):h.jsx("div",{className:"mt-[24px] h-[270px] w-full",children:h.jsx(Ot,{width:"100%",height:"100%",children:h.jsxs(ko,{data:r,barSize:54,margin:{top:0,right:0,left:-20,bottom:0},children:[h.jsx(sr,{strokeDasharray:"8 8",vertical:!1}),h.jsx(lx,{y:0,stroke:"#EBEBEB"}),h.jsx(Gn,{dataKey:"block_name",tick:{fontSize:12,fill:"#64748B"},axisLine:!1,tickFormatter:c=>e?.length>2&&c?.length>8?`${c.slice(0,8)}...`:c,tickLine:!1}),h.jsx($n,{tickFormatter:s,tick:{fontSize:12,fill:"#64748B"},axisLine:!1,tickLine:!1}),h.jsx(St,{cursor:!1,content:c=>h.jsx(Ut,{...c,data:r,children:(()=>{if(!c.active||!c.label)return null;const u=r.find(d=>d.block_name===c.label);return h.jsxs("div",{className:"bg-[#111] text-white px-[14px] py-[8px] rounded-[6px] flex flex-col gap-[6px] text-[13px]",children:[h.jsx("div",{className:"font-semibold",children:c.label}),!t.includes("entries")&&h.jsxs("div",{className:"flex items-center gap-[8px]",children:[h.jsx("div",{className:"w-2 h-2 rounded-full bg-[#329DFF]"}),h.jsx("div",{className:"text-[#aaa]",children:"Entries"}),h.jsx("div",{className:"font-bold",children:u?.entries??0})]}),!t.includes("exit")&&h.jsxs("div",{className:"flex items-center gap-[8px]",children:[h.jsx("div",{className:"w-2 h-2 rounded-full bg-[#76BDFF]"}),h.jsx("div",{className:"text-[#aaa]",children:"Exit"}),h.jsx("div",{className:"font-bold",children:u?.exit??0})]})]})})()})}),h.jsx(rl,{verticalAlign:"bottom",height:36,content:()=>{const c=[{key:"entries",label:"Entries",color:"#329DFF"},{key:"exit",label:"Exit",color:"#76BDFF"}];return h.jsx("div",{style:{display:"flex",gap:"20px",justifyContent:"center",marginTop:"20px"},children:c.map((u,d)=>{const f=t.includes(u.key);return h.jsxs("div",{onClick:()=>l(u.key),style:{display:"flex",alignItems:"center",gap:"8px",cursor:"pointer",opacity:f?.4:1},children:[h.jsx("div",{style:{width:"20px",height:"8px",backgroundColor:u.color}}),h.jsx("div",{style:{fontSize:"12px",color:"#64748B"},children:u.label})]},d)})})}}),h.jsx(Gt,{dataKey:"entries",stackId:"a",fill:"#329DFF",hide:t.includes("entries")}),h.jsx(Gt,{dataKey:"exit",stackId:"a",fill:"#76BDFF",hide:t.includes("exit")})]})})})})}function fhe(e){return gt({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"rect",attr:{x:"3",y:"4",width:"18",height:"18",rx:"2",ry:"2"},child:[]},{tag:"line",attr:{x1:"16",y1:"2",x2:"16",y2:"6"},child:[]},{tag:"line",attr:{x1:"8",y1:"2",x2:"8",y2:"6"},child:[]},{tag:"line",attr:{x1:"3",y1:"10",x2:"21",y2:"10"},child:[]}]})(e)}function phe(e){return gt({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"polyline",attr:{points:"6 9 12 15 18 9"},child:[]}]})(e)}function hhe(e){return gt({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"path",attr:{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"},child:[]},{tag:"polyline",attr:{points:"7 10 12 15 17 10"},child:[]},{tag:"line",attr:{x1:"12",y1:"15",x2:"12",y2:"3"},child:[]}]})(e)}function xs({text:e="Smart Access",Icon:t,iconColor:n="#329DFF"}){return h.jsxs("div",{className:"px-[20px] pt-6",children:[h.jsxs("div",{className:"flex items-center justify-between",children:[h.jsxs("div",{className:"flex items-center gap-[8px]",children:[t?h.jsx("div",{className:"flex items-center justify-center",children:h.jsx(t,{size:20,style:{color:n}})}):null,h.jsx("div",{className:"text-[24px] leading-[32px] font-semibold text-[#121212]",children:e})]}),h.jsxs("div",{className:"flex items-center gap-[12px]",children:[h.jsxs("div",{className:"flex items-center gap-[8px] bg-white px-[16px] py-[8px].5 rounded-[8px] border border-[#EBEBEB] text-sm font-medium text-[#64748B] hover:bg-gray-100 transition-colors cursor-pointer",children:[h.jsx("div",{className:"flex items-center",children:h.jsx(fhe,{size:16})}),h.jsx("div",{children:"Today"}),h.jsx("div",{className:"flex items-center",children:h.jsx(phe,{size:16})})]}),h.jsxs("div",{className:"flex items-center gap-[8px] px-[12px] py-[8px] rounded-[8px] border border-[#EBEBEB] bg-white text-[#7C3AED] text-[14px] font-medium hover:bg-[#E9D5FF] transition cursor-pointer",children:[h.jsx("div",{children:"Export Report"}),h.jsx("div",{className:"flex items-center",children:h.jsx(hhe,{size:16})})]})]})]}),h.jsx("div",{className:"mt-4 border-t border-dashed border-[#E2E8F0]"})]})}function mhe(){return h.jsxs(h.Fragment,{children:[h.jsx(xs,{text:"Smart Access",Icon:spe}),h.jsxs("div",{className:"px-[20px] grid grid-cols-1 lg:grid-cols-3 gap-[24px] mt-6 auto-rows-fr",children:[h.jsx(J4,{}),h.jsx(tF,{})]}),h.jsx("div",{className:"mt-7 px-[20px]"})]})}Bn.register(lm,Ar,Zr);const W1=e=>{const t=Number(e);return Number.isFinite(t)?t:0},ghe={id:"bottomGlow",afterDatasetsDraw(e,t,n){if(!n?.enabled)return;const r=e.getDatasetMeta(0);if(!r?.data?.[0])return;const{ctx:i}=e,{x:o,y:a,innerRadius:s}=r.data[0],l=Math.max(s-2,0),c=a+l*.9,u=i.createRadialGradient(o,c,0,o,c,l*1.08);u.addColorStop(0,n.color??"rgba(186, 230, 253, 0.72)"),u.addColorStop(.3,"rgba(186, 230, 253, 0.4)"),u.addColorStop(.58,"rgba(186, 230, 253, 0.16)"),u.addColorStop(1,"rgba(186, 230, 253, 0)"),i.save(),i.beginPath(),i.arc(o,a,l,0,Math.PI*2),i.clip(),i.fillStyle=u,i.beginPath(),i.ellipse(o,c,l*1.08,l*.52,0,0,Math.PI*2),i.fill(),i.restore()}},vhe={id:"centerText",afterDraw(e,t,n){const{ctx:r}=e,i=e.getDatasetMeta(0);if(!i?.data?.[0])return;const{x:o,y:a}=i.data[0],{top:s="",bottom:l="",topSize:c=24,bottomSize:u=9,topColor:d="#121212",bottomColor:f="#121212"}=n||{};r.save(),r.textAlign="center",r.textBaseline="middle",r.fillStyle=d,r.font=`600 ${c}px Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif`,r.fillText(s,o,a-6),r.fillStyle=f,r.font=`500 ${u}px Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif`,r.fillText(l,o,a+22),r.restore()}},nF=({title:e="Tickets",icon:t,firstLabel:n="First",firstValue:r=0,firstColor:i="#12B981",secondLabel:o="Second",secondValue:a=0,secondColor:s="#AB0000",growthPercentage:l="+0%",growthText:c="Compared to last month",totalLabel:u="Total",centerTopColor:d="#0F172A",centerBottomColor:f="#64748B",centerTopSize:p,centerBottomSize:m,showBottomGlow:g=!1,bottomGlowColor:v="rgba(186, 230, 253, 0.75)",showEmptyStateWhenZero:x=!1,widgetType:_="",resolvedWidgetType:w="",data:y})=>{const E=y?.title??e;y?.icon;const S=y?.firstLabel??n,P=W1(y?.firstValue??y?.resolved?.current??y?.sold?.current??y?.first?.current??r??0),D=y?.firstColor??i,T=y?.secondLabel??o,I=W1(y?.secondValue??y?.open?.current??y?.unsold?.current??y?.second?.current??a??0),A=y?.secondColor??s,C=y?.growthPercentage??y?.trend_percent??l??"+0%",j=y?.growthText??c,N=y?.totalLabel??u,M=y?.widgetType??_??w,$=y?.centerTopSize??p??(M==="commercial"?34:20),B=y?.centerBottomSize??m??(M==="commercial"?14:10),V=y?.showBottomGlow??g,z=y?.bottomGlowColor??v,W=y?.showEmptyStateWhenZero??x,Q=P+I,G=W1(y?.total_tickets?.current??y?.total_units?.current??y?.total?.current??y?.current??Q),ie=W&&Q===0&&G===0,J={labels:[S,T],datasets:[{data:[P,I],backgroundColor:[D,A],borderWidth:2,hoverOffset:4}]},re={responsive:!0,maintainAspectRatio:!1,cutout:"68%",plugins:{legend:{display:!1},tooltip:{enabled:!1,external:ri()},centerText:{top:`${Q}`,bottom:N,topSize:$,bottomSize:B,topColor:d,bottomColor:f},bottomGlow:{enabled:V,color:z}}},se=[{label:S,value:P,color:D},{label:T,value:I,color:A}],ce=C.toString().includes("+"),de=C.toString().includes("-"),K=ce?"#1FA05B":"#AB0000";return h.jsx(kt,{title:E,className:"h-[362px] leading-[24px]",titleWeight:"semi-bold",childrenClassName:ie?"h-full":"",children:ie?h.jsx("div",{className:"w-full h-full flex items-center justify-center",children:h.jsx(Vt,{})}):h.jsxs("div",{className:"grid grid-cols-12 gap-[16px] items-center",children:[h.jsxs("div",{className:"col-span-5 space-y-[12px]",children:[se.map((U,Z)=>h.jsxs("div",{children:[h.jsx("div",{className:"text-[12px] text-[#64748B] mb-[8px]",children:U.label}),h.jsx("div",{className:"text-[28px] leading-[32px]",style:{color:U.color},children:U.value})]},Z)),h.jsxs("div",{className:`text-[12px] flex gap-[4px] ${M==="commercial"?"mt-[20px]":""} items-center`,style:{color:K},children:[ce&&h.jsx(Xo,{}),de&&h.jsx(Go,{}),h.jsx("div",{children:C.replace("+","").replace("-","")}),h.jsx("div",{className:"text-[#64748B] text-[12px] leading-[14px] ml-[4px] whitespace-nowrap",children:j})]})]}),h.jsx("div",{className:"col-span-7",children:h.jsx("div",{className:`${M==="commercial"?"h-[260px] max-w-[263px]":"h-[158px] w-[158px]"} ml-auto mr-2`,children:h.jsx(fm,{data:J,options:re,plugins:[ghe,vhe]})})})]})})},yhe=({x:e,y:t,payload:n})=>{const r=n.value.split(" ");return h.jsx("g",{transform:`translate(${e},${t})`,children:h.jsx("text",{x:-85,y:0,textAnchor:"start",fill:"#121212",fontSize:14,children:r.map((i,o)=>h.jsx("tspan",{x:-85,dy:o===0?0:16,children:i},o))})})};function rF({data:e=[]}){const t=e&&e.length>0,n=e.map(r=>({name:r.category_name,value:r.total_complaints,color:"#08B6D4"}));return h.jsx(kt,{title:"Tickets per Category",className:"h-[362px]",titleWeight:"semi-bold",childrenClassName:"h-full mt-[24px]!",children:t?h.jsx("div",{className:"w-full h-[262px]",children:h.jsx(Ot,{width:"100%",height:"100%",children:h.jsxs(ko,{data:n,layout:"vertical",margin:{top:0,right:8,left:-20,bottom:0},children:[h.jsx(sr,{strokeDasharray:"3 3",horizontal:!1,stroke:"#E5E7EB"}),h.jsx(Gn,{type:"number",tick:{fill:"#94A3B8",fontSize:12},axisLine:!0,tickLine:!1,tickMargin:10,allowDecimals:!1}),h.jsx($n,{type:"category",dataKey:"name",axisLine:!1,tickLine:!1,width:132,tick:h.jsx(yhe,{})}),h.jsx(St,{cursor:{fill:"transparent"},position:{x:300,y:0},allowEscapeViewBox:{x:!0,y:!0},content:r=>r.active?h.jsx(Ut,{...r,data:n,children:h.jsx($r,{...r})}):null}),h.jsx(Gt,{dataKey:"value",barSize:36,fill:"#08B6D4"})]})})}):h.jsx(Vt,{title:"No Tickets Found",description:"Catch up all the data. Change the date range to see the data."})})}function z1({icon:e,iconColor:t="#329DFF",title:n,value:r,percentage:i,percentageText:o}){const a=parseFloat(i),s=a>=0,l=s?"#16A34A":"#DC2626";return h.jsxs("div",{className:"relative bg-white !border-[0.5px] !border-[#EBEBEB] !rounded-[12px] !shadow-[0_0_12px_0_#EAF2FF] p-[16px] h-[132px]",children:[h.jsxs("div",{className:"flex items-center gap-[8px]",children:[e&&h.jsx("div",{className:"h-[20px] w-[20px]",style:{color:t,display:"flex",alignItems:"center",justifyContent:"center"},children:h.jsx(e,{className:"h-[20px] w-[20px]"})}),h.jsx("div",{className:"text-[16px] leading-[20px] tracking-[-2%] font-medium text-[#64748B]",children:n})]}),h.jsx("div",{className:"mt-[16px] text-[28px] leading-[32px] font-medium text-[#121212]",children:r}),(i||o)&&h.jsxs("div",{className:"mt-[12px] flex items-center gap-[8px]",children:[i&&h.jsxs("div",{className:"flex items-center gap-[4px] text-[12px] leading-[16px] font-medium",style:{color:l},children:[s?h.jsx(Xo,{}):h.jsx(Go,{}),Math.abs(a),"%"]}),o&&h.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:o})]})]})}function bhe(){const e=[{category_name:"Plumbing",total_complaints:12},{category_name:"Electrical Issues",total_complaints:8},{category_name:"Cleaning Services",total_complaints:15}];return h.jsxs(h.Fragment,{children:[h.jsx(xs,{text:"Helpdesk",Icon:Zfe,iconColor:"#12B981"}),h.jsxs("div",{className:"flex gap-[24px] mt-[24px] px-[16px]",children:[h.jsx("div",{className:"w-[380px] h-full space-y-[16px]",children:h.jsx(nF,{title:"Tickets",icon:h.jsx(wf,{className:"h-6 w-6 text-[#EF4444]"}),firstLabel:"Resolved",firstValue:779,firstColor:"#12B981",secondLabel:"Open",secondValue:83,secondColor:"#AB0000",growthPercentage:"+9.1%",growthColor:"#1FA05B",growthText:"Compared to last month",widgetType:"commercial",totalLabel:"Total",centerTopSize:34,centerBottomSize:14,showBottomGlow:!0,showEmptyStateWhenZero:!0})}),h.jsx("div",{className:"flex-1",children:h.jsx(rF,{data:e})})]})]})}const iF=e=>String(e).padStart(2,"0"),oF=(e,t="start")=>e?`${[e.getFullYear(),iF(e.getMonth()+1),iF(e.getDate())].join("-")} ${t==="end"?"23:59:59":"00:00:00"}`:"",aF=({data:e=[],onDateChange:t})=>{const[n,r]=k.useState(new Date),[i,o]=k.useState(!1),s=(v=>{const x=new Date(v);return x.setDate(x.getDate()-6),x})(n),l=v=>{try{return v.toLocaleDateString("en-GB",{day:"2-digit",month:"short"})}catch{return""}},c=v=>{const x=new Date(v),_=new Date(x);_.setDate(_.getDate()-6),t&&t(oF(_,"start"),oF(x,"end"))},u=()=>{const v=new Date(n);v.setDate(v.getDate()-7),r(v),c(v)},d=()=>{const v=new Date(n);v.setDate(v.getDate()+7),r(v),c(v)},f=()=>{o(v=>!v)},p=v=>{const x=v||new Date;r(x),c(x),o(!1)},m=Array.isArray(e)?e:[],g=!m.length||m.every(v=>v.no_of_visitors===0);return h.jsxs(kt,{title:"Weekly Visitor Pattern",period:`${l(s)} - ${l(n)}`,isDateSelector:!0,titleWeight:"semi-bold",className:"h-[360px]",childrenClassName:"mt-6",onPrevClick:u,onNextClick:d,onCalendarClick:f,children:[i&&h.jsx("div",{className:"anarock-datepicker absolute top-[70px] right-[24px] z-50",children:h.jsx(eS,{selected:n,onChange:p,inline:!0,maxDate:new Date,showYearDropdown:!0,scrollableYearDropdown:!0,yearDropdownItemNumber:40})}),g?h.jsx("div",{className:"w-full h-[280px] flex items-center justify-center",children:h.jsx(Vt,{title:"No Visitors Found",description:"Catch up all the data. Change the date range to see the data."})}):h.jsx("div",{className:"w-full h-[280px]",children:h.jsx(Ot,{width:"100%",height:"100%",children:h.jsxs(tj,{data:m,margin:{top:10,right:-10,left:-10,bottom:0},children:[h.jsx("defs",{children:h.jsxs("linearGradient",{id:"colorVisitors",x1:"0",y1:"0",x2:"0",y2:"1",children:[h.jsx("stop",{offset:"0%",stopColor:"#6366F1",stopOpacity:.25}),h.jsx("stop",{offset:"100%",stopColor:"#6366F1",stopOpacity:0})]})}),h.jsx(sr,{strokeDasharray:"3 3",vertical:!1,stroke:"#F1F5F9"}),h.jsx(Gn,{dataKey:"day",type:"category",scale:"point",padding:{left:20,right:20},tick:{fontSize:12,fill:"#64748B"},axisLine:!0,tickLine:!1,tickFormatter:v=>new Date(v).toLocaleDateString("en-GB",{day:"2-digit",month:"short"})}),h.jsx($n,{width:35,tick:{fontSize:12,fill:"#64748B"},axisLine:!1,tickLine:!1,allowDecimals:!1,domain:[0,"dataMax + 2"]}),h.jsx(St,{cursor:!1,content:v=>{const{active:x,payload:_,label:w}=v;if(!x||!_?.length)return null;const y=new Date(w).toLocaleDateString("en-GB",{day:"2-digit",month:"short"});return h.jsx(Ut,{...v,data:m,children:h.jsx($r,{active:x,payload:_,label:y})})}}),h.jsx(hx,{type:"monotone",dataKey:"no_of_visitors",stroke:"#6366F1",strokeWidth:2,fill:"url(#colorVisitors)",dot:{r:5,stroke:"#6366F1",strokeWidth:2,fill:"#fff"},activeDot:v=>{const{cx:x,cy:_,stroke:w}=v;return h.jsxs("g",{children:[h.jsx("circle",{cx:x,cy:_,r:6,fill:"#fff",stroke:"#6466F1",strokeWidth:2}),h.jsx("circle",{cx:x,cy:_,r:2.5,fill:"#6466F1"})]})}})]})})})]})},xhe=[{building_name:"Google",no_of_visitors:1e3},{building_name:"Uber",no_of_visitors:3500},{building_name:"ANAROCK",no_of_visitors:2e3},{building_name:"Flipkart",no_of_visitors:8e3},{building_name:"HP",no_of_visitors:1650}],sF=({data:e,title:t,bar:n})=>{const r=Array.isArray(e)&&e?.length===0,i=e==null?xhe:Array.isArray(e)?e:[];return h.jsx(kt,{title:t||"Organisation Wise Visitors",titleWeight:"semi-bold",className:"h-[360px]",childrenClassName:"mt-6",children:h.jsx("div",{className:"w-full h-[260px] flex items-center justify-center",children:r?h.jsx(Vt,{title:t||"Organisation Wise Visitors",description:"Catch up all the data. Change the date range to see the data."}):h.jsx(Ot,{width:"100%",height:"100%",children:h.jsxs(ko,{data:i||[],margin:{top:10,right:10,left:10,bottom:-10},barCategoryGap:35,children:[h.jsx(sr,{strokeDasharray:"3 3",vertical:!1,stroke:"#F1F5F9"}),h.jsx(Gn,{dataKey:"building_name",tick:{fontSize:12,fill:"#64748B"},axisLine:!0,tickLine:!1,tickFormatter:o=>e?.length>2&&o?.length>8?`${o.slice(0,8)}...`:o}),h.jsx($n,{width:40,tick:{fontSize:12,fill:"#64748B"},axisLine:!1,tickLine:!1,allowDecimals:!1}),h.jsx(St,{cursor:!1,content:o=>o.active?h.jsx(Ut,{...o,data:i,children:h.jsx($r,{...o})}):null}),h.jsx(Gt,{dataKey:"no_of_visitors",name:"Visitors",maxBarSize:55,fill:n||"#3C81F6"})]})})})})};function whe(){const e=[{day:"2026-03-05",no_of_visitors:0},{day:"2026-03-06",no_of_visitors:0},{day:"2026-03-07",no_of_visitors:0},{day:"2026-03-08",no_of_visitors:14},{day:"2026-03-09",no_of_visitors:0},{day:"2026-03-10",no_of_visitors:0},{day:"2026-03-11",no_of_visitors:0}];return h.jsxs(h.Fragment,{children:[h.jsx(xs,{text:"Visitors",Icon:Qfe,iconColor:"#884EA7"}),h.jsxs("div",{className:"grid grid-cols-2 gap-[24px] mt-[24px]",children:[h.jsx(z1,{icon:upe,iconColor:"#329DFF",title:"Visitors Expected",value:"1,247",percentage:"+11.0%",percentageText:"Compared to last month"}),h.jsx(z1,{icon:Kfe,iconColor:"#1FA05B",title:"Visitors Inside",value:"800",percentageText:"Across organisations"})]}),h.jsxs("div",{className:"grid grid-cols-2 gap-[24px] mt-[24px]",children:[h.jsx(aF,{data:e}),h.jsx(sF,{})]}),h.jsx("div",{})]})}function $o({data:e}){return h.jsx("div",{className:"h-full",children:e.map((t,n)=>{const r=parseFloat(t.delta),i=r>=0;return h.jsx(Le,{iconClassName:"!gap-[8px]",title:h.jsx("div",{className:"text-[#64748B]",children:t.title}),icon:h.jsx(t.Icon,{className:"h-[20px] w-[20px]",style:{color:t.iconColor||"#000000"}}),className:`${t?.widget==="amenities"?"h-[139px]":"h-[124px]"}`,children:h.jsxs("div",{className:`flex flex-col gap-[8px] ${t?.widget==="amenities"?"mt-[3.5px]":"mt-0"}`,children:[h.jsx("div",{className:"text-[28px] leading-[32px] font-medium text-[#121212]",children:t.value}),h.jsxs("div",{className:`flex items-center text-[12px] leading-[16px] ${t.delta?"gap-[8px]":""}`,children:[t.delta&&h.jsxs("div",{className:`flex items-center gap-[4px] px-[6px] py-[2px] rounded-[4px] font-medium
|
|
481
481
|
${i?"text-[#1FA05B] bg-[#F7FEFA]":"text-[#E11D48] bg-[#FBF4F4]"}
|
|
482
|
-
`,children:[i?h.jsx(Xo,{}):h.jsx(Go,{}),Math.abs(r),"%"]}),h.jsx("div",{className:t.deltaColor?`text-[${t.deltaColor}] font-[600]`:"text-[#64748B]",children:t.deltaLabel})]})]})},n)})})}const _he=[{facility_name:"Table Tennis",total_booking:5},{facility_name:"Gym",total_booking:12},{facility_name:"Meeting Room A",total_booking:3},{facility_name:"Conference Hall",total_booking:8}],Ehe=({x:e,y:t,payload:n})=>h.jsx("foreignObject",{x:(e||0)-80,y:(t||0)-18,width:80,height:40,children:h.jsx("div",{className:"text-[12px] leading-[16px] text-[#121212]",style:{width:"80px",whiteSpace:"normal",wordBreak:"break-word",textAlign:"left"},children:n?.value||""})});function lF({data:e,bar:t}){const n=Array?.isArray(e)&&e?.length===0,i=(e==null?_he:Array?.isArray(e)?e:[]).map(o=>({...o,name:o.facility_name,color:"#8B5CF6"}));return h.jsx(Le,{title:"Bookings",icon:h.jsx(npe,{size:18,className:"text-[#DBB467]"}),className:"h-[288px]",children:h.jsx("div",{className:"w-full h-full flex items-center justify-center",children:n?h.jsx(Vt,{title:"No Booking Found",description:"Catch up all the data. Change the date range to see the data."}):h.jsx(Ot,{width:"100%",height:"100%",children:h.jsxs(ko,{data:i||[],layout:"vertical",margin:{top:0,right:10,left:-12,bottom:0},children:[h.jsx(Gn,{type:"number",allowDecimals:!1,tick:{fill:"#64748B",fontSize:12},axisLine:!0,tickLine:!1}),h.jsx($n,{type:"category",dataKey:"facility_name",axisLine:!1,tickLine:!1,width:100,tick:h.jsx(Ehe,{})}),h.jsx(St,{cursor:{fill:"transparent"},position:{x:300,y:0},allowEscapeViewBox:{x:!0,y:!0},content:o=>o.active?h.jsx(Ut,{...o,data:i,children:h.jsx($r,{...o})}):null}),h.jsx(Gt,{dataKey:"total_booking",barSize:40,fill:t||"#8B5CF6"})]})})})})}const She=[{building_name:"Google",no_of_booking:1},{building_name:"Uber",no_of_booking:2},{building_name:"ANAROCK",no_of_booking:4},{building_name:"Flipkart",no_of_booking:2},{building_name:"HP",no_of_booking:1}];function cF({data:e}){const t=Array.isArray(e)&&e?.length===0,n=e==null?She:Array.isArray(e)?e:[];return h.jsx(kt,{title:"Booking Trend by Organisation",titleWeight:"semi-bold",className:"h-[362px]",children:h.jsx("div",{className:"w-full h-[265px] mt-[28px] flex items-center justify-center",children:t?h.jsx(Vt,{title:"No Booking Found",description:"Catch up all the data. Change the date range to see the data."}):h.jsx(Ot,{width:"100%",height:"100%",children:h.jsxs(ko,{data:n||[],margin:{top:0,right:0,left:-30,bottom:0},children:[h.jsx(sr,{strokeDasharray:"3 3",vertical:!1,stroke:"#E5E7EB"}),h.jsx(Gn,{dataKey:"building_name",axisLine:!1,tickLine:!1,tick:{fill:"#64748B",fontSize:12},tickFormatter:r=>e?.length>2&&r?.length>8?`${r.slice(0,8)}...`:r}),h.jsx($n,{allowDecimals:!1,axisLine:!1,tickLine:!1,tick:{fill:"#64748B",fontSize:12},tickFormatter:r=>`${r??0}`}),h.jsx(St,{cursor:!1,allowEscapeViewBox:{x:!0,y:!0},content:r=>r.active?h.jsx(Ut,{...r,data:n,children:h.jsx($r,{...r})}):null}),h.jsx(Gt,{dataKey:"no_of_booking",barSize:54,fill:"#12B981"})]})})})})}const Ohe=[{facility_name:"Table Tennis",paid_revenue:"24000.00"},{facility_name:"Games Room",paid_revenue:"14000.00"},{facility_name:"Badminton",paid_revenue:"10000.00"},{facility_name:"GYM",paid_revenue:"4000.00"}],mm=["#3C81F6","#60A5FA","#95BFFA","#BEDAFE","#DAE6FC"];function uF({data:e,currencyType:t}){const n=Array?.isArray(e)&&e?.length===0,r=e??Ohe,i=Array?.isArray(r)&&r?.length>0?r?.map(l=>({name:l?.facility_name||"Unknown",value:Number(l?.paid_revenue)||0})):[],a=(i?.length>0?i?.every(l=>l?.value===0):!1)?i?.map((l,c)=>({...l,value:c===0?1:0})):i,s=l=>`${t||"Rs"} ${l?.toLocaleString?.("en-IN")||0}`;return h.jsx(kt,{title:"Amenity Wise Revenue",titleWeight:"semi-bold",className:"h-[362px]",children:h.jsx("div",{className:"grid grid-cols-12 gap-[24px] items-center h-full mt-[16px]",children:n?h.jsx("div",{className:"col-span-12 flex items-center justify-center h-[240px]",children:h.jsx(Vt,{title:"No Amenity Found",description:"Catch up all the data. Change the date range to see the data."})}):h.jsxs(h.Fragment,{children:[h.jsx("div",{className:"col-span-6 h-[240px] w-full max-w-[240px]",children:h.jsx(Ot,{width:"100%",height:"100%",children:h.jsxs(Ri,{children:[h.jsx(ai,{data:a||[],dataKey:"value",nameKey:"name",cx:"50%",cy:"50%",outerRadius:95,stroke:"#fff",strokeWidth:1,children:a?.map?.((l,c)=>h.jsx(In,{fill:mm?.[c%mm?.length]},`cell-${c}`))}),h.jsx(St,{cursor:!1,allowEscapeViewBox:{x:!0,y:!0},content:l=>l.active?h.jsx(Ut,{...l,data:a,children:h.jsx($r,{...l,formatter:c=>s(c)})}):null})]})})}),h.jsx("div",{className:"col-span-6",children:h.jsxs("div",{className:"rounded-[12px] !overflow-hidden border border-[#E2E8F0] !border-r-1 border-r-[#E2E8F0]! !pr-0 !mr-0",children:[h.jsxs("div",{className:"grid grid-cols-2 px-[12px] py-[8px] bg-[#EBEBEB] text-[12px] leading-[16px] font-semibold text-[#64748B]",children:[h.jsx("div",{children:"Amenity"}),h.jsx("div",{className:"text-right",children:"Revenue"})]}),h.jsx("div",{className:"divide-y divide-[#F1F5F9] max-h-[238px] overflow-y-auto hide-scrollbar",children:i?.map?.((l,c)=>h.jsxs("div",{className:"grid grid-cols-2 px-[16px] py-[16px] text-[14px] text-[#121212]",children:[h.jsxs("div",{className:"flex items-center gap-[12px]",children:[h.jsx("span",{className:"w-[16px] h-[7px]",style:{backgroundColor:mm?.[c%mm?.length]}}),h.jsx("span",{className:"text-[#64748B] text-[12px] leading-[16px]",children:l?.name||"Unknown"})]}),h.jsx("div",{className:"text-right text-[12px] leading-[16px] text-[#64748B]",children:s(l?.value||0)})]},l?.name||c))})]})})]})})})}function Che(){return h.jsxs(h.Fragment,{children:[h.jsx(xs,{text:"Amenities",Icon:epe,iconColor:"#F59D0D"}),h.jsxs("div",{className:"p-[16px] grid grid-cols-2 mt-[24px] gap-[24px]",children:[h.jsxs("div",{className:"grid grid-cols-2 gap-[24px]",children:[h.jsx($o,{data:[{title:"Total Bookings",value:145,delta:"+11.0%",deltaLabel:"Compared to last month",Icon:cpe,iconColor:"#1FA05B",iconBg:"bg-emerald-50"}]}),h.jsx($o,{data:[{title:"Utilisation Rate",value:"73%",delta:"+11.0%",deltaLabel:"Compared to last month",Icon:ope,iconColor:"#329DFF"}]}),h.jsx($o,{data:[{title:"Most Popular",value:"Table Tennis",delta:"+11.0%",deltaLabel:"Compared to last month",Icon:$4,iconColor:"#FA7E28"}]}),h.jsx($o,{data:[{title:"Pending Approvals",value:23,delta:"-8.0%",deltaLabel:"Compared to last month",Icon:M4,iconColor:"#AB0000"}]})]}),h.jsx(lF,{})]}),h.jsxs("div",{className:"grid grid-cols-2 gap-[24px] px-[16px]",children:[h.jsx(cF,{}),h.jsx(uF,{})]})]})}const gm=["#8CB33E","#F59E0B","#3B82F6","#06B6D4","#CFCFCF"],khe=[{asset_group_name:"Lifts",asset_count:3},{asset_group_name:"Fire Systems",asset_count:16},{asset_group_name:"Generators",asset_count:16},{asset_group_name:"HVAC",asset_count:24},{asset_group_name:"Others",asset_count:97}],dF=({rows:e,totalAssets:t})=>{const n=k.useMemo(()=>e?e.length===0?[]:e.map((i,o)=>({name:i.asset_group_name,facility_name:i.asset_group_name,value:i.asset_count||0,fill:gm[o%gm.length]})):khe.map((i,o)=>({name:i.asset_group_name,facility_name:i.asset_group_name,value:i.asset_count||0,fill:gm[o%gm.length]})),[e]),r=t??n.reduce((i,o)=>i+o.value,0);return e&&e.length===0?h.jsx(kt,{title:"Assets by Type",titleWeight:"semi-bold",className:"h-[362px]",children:h.jsx("div",{className:"flex items-center justify-center h-[260px]",children:h.jsx(Vt,{title:"No Assets Found",description:"Catch up all the data. Change the date range to see the data."})})}):h.jsx(kt,{title:"Assets by Type",titleWeight:"semi-bold",className:"h-[362px]",children:h.jsxs("div",{className:"flex items-center justify-between h-full mt-[16px]",children:[h.jsxs("div",{className:"relative w-[252px] h-[273px]",children:[h.jsx(Ot,{width:"100%",height:"100%",children:h.jsxs(Ri,{children:[h.jsx(ai,{data:n,dataKey:"value",cx:"50%",cy:"50%",innerRadius:60,outerRadius:90,paddingAngle:2,stroke:"#FFFFFF",strokeWidth:2,startAngle:90,endAngle:-270,isAnimationActive:!1,children:n.map((i,o)=>h.jsx(In,{fill:i.fill},o))}),h.jsx(St,{cursor:!1,allowEscapeViewBox:{x:!0,y:!0},content:i=>i.active?h.jsx(Ut,{...i,data:n,children:h.jsx($r,{...i})}):null})]})}),h.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center pointer-events-none",children:[h.jsx("div",{className:"text-[24px] leading-[33px] font-medium text-[#121212]",children:r}),h.jsx("div",{className:"text-[12px] leading-[17px] text-[#64748B] mt-[2px]",children:"Total Assets"})]})]}),h.jsx("div",{className:"flex-1 max-w-[280px]",children:h.jsxs("div",{className:"rounded-[12px] overflow-hidden bg-white border border-[#E2E8F0] !border-r-1 border-r-[#E2E8F0]! !pr-0 !mr-0",children:[h.jsxs("div",{className:"flex items-center justify-between px-[16px] py-[12px] bg-[#F8FAFC]",children:[h.jsx("div",{className:"text-[12px] font-medium text-[#64748B]",children:"Asset"}),h.jsx("div",{className:"text-[12px] font-medium text-[#64748B]",children:"Count"})]}),n.map((i,o)=>h.jsxs("div",{className:"max-h-[205px] overflow-y-auto hide-scrollbar flex items-center justify-between px-[16px] py-[12px] border-t border-[#F1F5F9]",children:[h.jsxs("div",{className:"flex items-center gap-[8px]",children:[h.jsx("div",{className:"w-[16px] h-[7px]",style:{backgroundColor:i.fill}}),h.jsx("div",{className:"text-[13px] text-[#475569]",children:i.name})]}),h.jsx("div",{className:"text-[13px] text-[#64748B]",children:i.value})]},o))]})})]})})},fF=({data:e,title:t})=>{const[n,r]=k.useState({}),i=[{name:"Lifts",Cancelled:55,Closed:45,Open:50,OnHold:20,InProgress:10},{name:"Fire Systems",Cancelled:15,Closed:45,Open:15,OnHold:8,InProgress:5},{name:"Generators",Cancelled:12,Closed:45,Open:75,OnHold:18,InProgress:7},{name:"HVAC",Cancelled:45,Closed:80,Open:30,OnHold:22,InProgress:12},{name:"Others",Cancelled:18,Closed:18,Open:45,OnHold:9,InProgress:4}],o=k.useMemo(()=>e?Array.isArray(e)&&e.length===0?[]:e:i,[e]),a=s=>{const{dataKey:l}=s;r(c=>({...c,[l]:!c[l]}))};return Array.isArray(e)&&e.length===0?h.jsx(kt,{title:t||"Maintenance Status",titleWeight:"semi-bold",className:"h-[362px]",children:h.jsx("div",{className:"w-full h-[260px] flex items-center justify-center",children:h.jsx(Vt,{title:"No Maintenance Assets Status Found",description:"Catch up all the data. Change the date range to see the data."})})}):h.jsx(kt,{title:t||"Maintenance Status",titleWeight:"semi-bold",className:"h-[362px]",children:h.jsx("div",{className:"w-full h-[260px] flex items-center justify-center",children:Array.isArray(e)&&e.length===0?h.jsx("div",{className:"text-[#94A3B8] text-sm",children:"No Data Found"}):h.jsx("div",{className:`relative w-full ${t?"h-[261px]":"h-[297px]"} mt-[20px]`,children:h.jsx(Ot,{width:"100%",height:"100%",children:h.jsxs(ko,{data:o,barSize:54,barCategoryGap:"40%",margin:{top:20,right:20,left:-20,bottom:0},children:[h.jsx(sr,{strokeDasharray:"3 3",vertical:!1,stroke:"#E2E8F0"}),h.jsx(Gn,{dataKey:"name",tick:{fill:"#64748B",fontSize:12},axisLine:!1,tickLine:!1,tickFormatter:s=>e?.length>2&&s?.length>8?`${s.slice(0,8)}...`:s}),h.jsx($n,{tick:{fill:"#64748B",fontSize:12},axisLine:!1,tickLine:!1,allowDecimals:!1}),h.jsx(St,{cursor:{fill:"rgba(148, 163, 184, 0.12)"},allowEscapeViewBox:{x:!0,y:!0},content:s=>!s.active||!s.payload||!s.payload.length?null:h.jsx(Ut,{...s,data:o,children:h.jsxs("div",{className:"bg-[#121212] rounded-[10px] px-[14px] py-[10px] text-[12px] text-white",children:[h.jsx("div",{className:"mb-[6px] font-semibold",children:s.label}),s.payload.map((l,c)=>{const u=l.color||l.fill||"#fff";return h.jsxs("div",{className:"flex items-center gap-[6px]",children:[h.jsx("span",{className:"w-2 h-2 rounded-full inline-block",style:{backgroundColor:u}}),h.jsx("span",{className:"text-[#D1D3D4]",children:l.name}),h.jsx("span",{className:"text-white font-semibold",children:l.value})]},c)})]})})}),h.jsx(rl,{verticalAlign:"bottom",align:"center",onClick:a,content:({payload:s})=>h.jsx("div",{className:"flex items-center justify-center gap-[16px] pt-4 flex-wrap",children:s.map((l,c)=>h.jsxs("div",{onClick:()=>a({dataKey:l.dataKey}),className:"flex items-center gap-[8px] cursor-pointer",children:[h.jsx("div",{style:{width:"16px",height:"8px",backgroundColor:n[l.dataKey]?"#CBD5E1":l.color}}),h.jsx("span",{style:{fontSize:"12px",color:n[l.dataKey]?"#CBD5E1":"#64748B"},children:l.value})]},c))})}),h.jsx(Gt,{dataKey:"Open",stackId:"a",fill:"#3B82F6",hide:n.Open}),h.jsx(Gt,{dataKey:"Closed",stackId:"a",fill:"#10B981",hide:n.Closed}),h.jsx(Gt,{dataKey:"Cancelled",stackId:"a",fill:"#B91C1C",hide:n.Cancelled}),h.jsx(Gt,{dataKey:"OnHold",stackId:"a",fill:"#64748B",hide:n.OnHold,name:"On-Hold"}),h.jsx(Gt,{dataKey:"InProgress",stackId:"a",fill:"#F59E0B",hide:n.InProgress,name:"In Progress"})]})})})})})};function Phe(){return h.jsxs(h.Fragment,{children:[h.jsx(xs,{text:"Asset Management",Icon:ape,iconColor:"#A74E8A"}),h.jsxs("div",{className:"grid grid-cols-2 mt-4 gap-[24px]",children:[h.jsx(dF,{}),h.jsx(fF,{})]})]})}function pF({data:e}){const t=[{name:"Completed",value:Number(e?.completed||0),color:"#12B981"},{name:"Not - Completed",value:Number(e?.not_completed||0),color:"#F69E0A"},{name:"Missed",value:Number(e?.missed||0),color:"#EF4444"}],n=Number(e?.completed||0)+Number(e?.not_completed||0)+Number(e?.missed||0),r=Number(e?.completed||0);return h.jsx(kt,{title:"Patrol Status",className:"h-[362px]",titleWeight:"semi-bold",children:h.jsxs("div",{className:"flex flex-col items-center justify-center",children:[h.jsxs("div",{className:"w-[215px] h-[182px] relative",children:[h.jsx(Ot,{width:"100%",height:"100%",children:h.jsxs(Ri,{children:[h.jsx(ai,{data:t,innerRadius:60,outerRadius:90,paddingAngle:2,dataKey:"value",nameKey:"name",children:t.map((i,o)=>h.jsx(In,{fill:i.color},`cell-${o}`))}),h.jsx(St,{cursor:!1,allowEscapeViewBox:{x:!0,y:!0},content:i=>i.active?h.jsx(Ut,{...i,data:t,children:h.jsx($r,{...i})}):null})]})}),h.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center pointer-events-none",children:[h.jsxs("div",{className:"font-medium text-[19.35px] leading-[23.65px]",children:[r,"/",n]}),h.jsx("div",{className:"text-[10.75px] leading-[15.05px] text-[#64748B]",children:"Completed"})]})]}),h.jsx("div",{className:"flex flex-col w-full text-[14px]",children:t.map((i,o)=>h.jsxs("div",{className:`flex items-center justify-between py-[10px] ${o!==t.length-1?"border-b border-[#F1F5F9]":""}`,children:[h.jsxs("div",{className:"flex items-center gap-[10px]",children:[h.jsx("div",{className:"inline-block w-[16px] h-[7px]",style:{backgroundColor:i.color}}),h.jsx("div",{className:"leading-[16.09px] text-[12.07px] text-[#64748B]",children:i.name})]}),h.jsx("div",{className:"leading-[16.09px] text-[12.07px] text-[#64748B]",children:i.value})]},i.name))})]})})}function hF({incidentReports:e,incidentReportsDetails:t}){const n=Number(e?.open||0),r=Number(e?.in_progress||0),i=Number(e?.closed||0);return h.jsx(kt,{title:"Incident Reports",className:"h-[362px]",titleWeight:"semi-bold",children:h.jsxs("div",{children:[h.jsxs("div",{className:"flex w-full text-center gap-[16px] mt-[24px]",children:[h.jsxs("div",{className:"flex-1 flex flex-col items-center justify-center bg-[#FBF4F4] h-[76px] rounded",children:[h.jsx("div",{className:"text-[24px] leading-[28px] font-medium text-[#AB0000]",children:n}),h.jsx("div",{className:"text-[12px] leading-[16px] text-[#AB0000]",children:"Open"})]}),h.jsxs("div",{className:"flex-1 flex flex-col items-center justify-center bg-[#FFFBF2] h-[76px] rounded",children:[h.jsx("div",{className:"text-[24px] leading-[28px] font-medium text-[#F2A815]",children:r}),h.jsx("div",{className:"text-[12px] leading-[16px] text-[#F2A815]",children:"In-progress"})]}),h.jsxs("div",{className:"flex-1 flex flex-col items-center justify-center bg-[#F7FEFA] h-[76px] rounded",children:[h.jsx("div",{className:"text-[24px] leading-[28px] font-medium text-[#1FA05B]",children:i}),h.jsx("div",{className:"text-[12px] leading-[16px] text-[#1FA05B]",children:"Closed"})]})]}),h.jsx("div",{className:"mt-4 space-y-2",children:t?.length>0?t.map((o,a)=>{const s=o?.escalation_level==="Danger"?"text-[#AB0000]":o?.escalation_level==="High"?"text-[#E7A015]":"text-[#1FA05B]";return h.jsxs("div",{className:"flex items-center justify-between p-[12px] bg-[#FAFBFD] rounded-md",children:[h.jsx("div",{className:"flex items-center gap-[8px]",children:h.jsx("div",{className:"text-gray-700 font-medium",children:o?.incident_reporting_id})}),h.jsx("div",{className:`!text-[12px] font-semibold flex items-center gap-[4px] ${s}`,children:h.jsxs("div",{children:[o?.escalation_value," - ",o?.escalation_level]})})]},a)}):h.jsx(h.Fragment,{})})]})})}function Dhe(){return h.jsxs(h.Fragment,{children:[h.jsx(xs,{text:"Guard Petrol",Icon:lpe,iconColor:"#AB0000"}),h.jsxs("div",{className:"px-[16px] grid grid-cols-3 gap-[24px] mt-4",children:[h.jsx(pF,{}),h.jsx(hF,{}),h.jsx(R4,{})]})]})}function Ahe(){return h.jsxs(h.Fragment,{children:[h.jsx(xs,{text:"Engagement",Icon:rpe,iconColor:"#3C81F6"}),h.jsxs("div",{className:"grid grid-cols-4 gap-[24px] mt-4",children:[h.jsx($o,{data:[{title:"Notice",value:20,deltaLabel:"Currently active",Icon:Xfe,iconColor:"#1FA05B"}]}),h.jsx($o,{data:[{title:"Discussion Forum",value:9,deltaLabel:"Active threads",Icon:Jfe,iconColor:"#329DFF"}]}),h.jsx($o,{data:[{title:"Polls",value:3,deltaLabel:"Currently active",Icon:tpe,iconColor:"#FA7E28"}]}),h.jsx($o,{data:[{title:"Surveys",value:8,deltaLabel:"Currently active",Icon:ipe,iconColor:"#DBB467"}]})]})]})}function mF({columns:e=[{key:"a",label:"Organisation"},{key:"b",label:"Item"},{key:"c",label:"Closed"},{key:"d",label:"Open"},{key:"e",label:"AOV"},{key:"f",label:"% Revenue"}],data:t=[{a:"Google",b:"Coffee",c:"34,908",d:"₹ 57,21,288",e:"₹ 450",f:"43.6%"},{a:"Uber",b:"Paneer Combo",c:"12,000",d:"₹ 12,00,000",e:"₹ 500",f:"100%"},{a:"Uber",b:"Paneer Combo",c:"12,000",d:"₹ 12,00,000",e:"₹ 500",f:"100%"},{a:"Uber",b:"Paneer Combo",c:"12,000",d:"₹ 12,00,000",e:"₹ 500",f:"100%"},{a:"Uber",b:"Paneer Combo",c:"12,000",d:"₹ 12,00,000",e:"₹ 500",f:"100%"},{a:"Uber",b:"Paneer Combo",c:"12,000",d:"₹ 12,00,000",e:"₹ 500",f:"100%"}],rowsPerPage:n=10,setRowsPerPage:r=()=>{},currentPage:i=1,setCurrentPage:o=()=>{},totalRows:a=0,totalPages:s=1,pageOptions:l=[10,20,30,40,50]}){const c=Array.isArray(t)?t:[],u=Array.isArray(e)?e:[],d=n>0?Math.ceil(c.length/n):1,f=s||d,p=c,m=a===0&&c.length===0,g=`repeat(${u.length}, 1fr)`;return h.jsxs("div",{className:"w-full bg-white rounded-[12px] h-[390px] !border-[0.5px] !border-[#EBEBEB] !shadow-[0_0_12px_0_#EAF2FF] overflow-hidden flex flex-col",children:[h.jsx("div",{className:"flex-1 overflow-auto hide-scrollbar",children:h.jsxs("div",{className:"h-full min-w-max",children:[h.jsx("div",{className:"grid bg-[#354A5E] text-white text-[16px] leading-[20px] font-medium sticky top-0 z-30",style:{gridTemplateColumns:g},children:u.map((v,x)=>h.jsx("div",{className:`px-[24px] py-[16px] whitespace-nowrap text-left ${x===0?"sticky left-0 z-40 bg-[#354A5E] text-[16px] leading-[20px] shadow-[2px_0_5px_rgba(0,0,0,0.1)] border-r border-[#2C3E50]":""}`,children:v.label},x))}),m?h.jsx("div",{className:"h-[calc(100%-50px)] flex items-center justify-center",children:h.jsx(Vt,{title:"No Data Found",description:"Catch up all the data. Change the date range to see the data."})}):p.map((v,x)=>h.jsx("div",{className:"grid",style:{gridTemplateColumns:g},children:u.map((_,w)=>{const y=v[_.key],E=_.label==="Closed",S=_.label==="Open",P=typeof y=="string"&&y.includes("%"),D=y==="100%"?"bg-[#F0FEF2] text-[#36AB6C]":"bg-[#FFF0F0] text-[#AB0000]";return h.jsx("div",{className:`px-[24px] py-[16px] flex items-center ${w===0?"bg-white sticky left-0 z-20 shadow-[2px_0_5px_rgba(0,0,0,0.05)] border-r border-gray-200":"bg-gray-50"} text-[#121212]`,children:E?h.jsx("div",{className:"text-[14px] font-medium",style:{color:"#36AB6C"},children:y??"-"}):S?h.jsx("div",{className:"text-[14px] font-medium",style:{color:"#AB0000"},children:y??"-"}):P?h.jsx("div",{className:`inline-block px-[12px] py-[4px] rounded-full text-[14px] font-medium ${D}`,children:y}):h.jsx("div",{children:y??"-"})},w)})},x))]})}),h.jsxs("div",{className:"flex justify-end items-center px-[24px] py-[16px] text-sm bg-white border-t border-[#F0F0F0] gap-[32px] shrink-0",children:[h.jsxs("div",{className:"flex items-center gap-[8px] text-gray-600 text-[14px]",children:[h.jsx("div",{children:"Rows per page:"}),h.jsx("select",{value:n,onChange:v=>{r(Number(v.target.value)),o(1)},className:"border rounded px-[8px] py-[4px]",children:l.map((v,x)=>h.jsx("option",{value:v,children:v},x))}),h.jsxs("div",{className:"ml-4 text-[14px]",children:[c?.length===0?"0–0":`1–${c?.length}`," of"," ",a||c?.length]})]}),h.jsxs("div",{className:"flex items-center space-x-2 text-gray-600 text-[14px]",children:[h.jsx("button",{onClick:()=>o(1),disabled:i===1,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:h.jsx(F4,{size:18})}),h.jsx("button",{onClick:()=>o(v=>v-1),disabled:i===1,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:h.jsx(R1,{size:18})}),h.jsx("button",{onClick:()=>o(v=>v+1),disabled:i===f,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:h.jsx(B1,{size:18})}),h.jsx("button",{onClick:()=>o(f),disabled:i===f,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:h.jsx(L4,{size:18})})]})]})]})}const gF=({options:e=[],value:t,onChange:n})=>{const[r,i]=k.useState(!1),o=k.useRef(null);return k.useEffect(()=>{const a=s=>{o.current&&!o.current.contains(s.target)&&i(!1)};return document.addEventListener("mousedown",a),()=>{document.removeEventListener("mousedown",a)}},[]),h.jsxs("div",{ref:o,className:"relative h-[32px]",children:[h.jsxs("div",{className:"flex items-center justify-between gap-[10px] px-[12px] py-[8px] border border-[#E2E8F0] rounded-[4px] cursor-pointer min-w-[140px]",onClick:()=>i(!r),children:[h.jsx("div",{className:"text-[12px] leading-[16px] min-w-[109px] text-[#64748B]",children:t}),h.jsx(Gfe,{size:16,className:"text-[#64748B]"})]}),r&&h.jsx("div",{className:"absolute top-[110%] left-0 w-full bg-white border border-[#E2E8F0] rounded-[8px] shadow-md z-10",children:e.map((a,s)=>h.jsx("div",{className:"px-[12px] py-[8px] text-[14px] text-[#334155] hover:bg-[#F1F5F9] cursor-pointer",onClick:()=>{n(a),i(!1)},children:a},s))})]})},The=({data:e,communities:t,title:n})=>{const[r,i]=k.useState({}),[o,a]=k.useState(""),s=t?.map(d=>d?.community_name)||[];k.useEffect(()=>{s?.length>0&&!o&&a(s[0])},[s,o]);const l=[{community_name:"L1",Cancelled:55,Open:50,OnHold:20,InProgress:10},{community_name:"L2",Cancelled:15,Open:15,OnHold:8,InProgress:5},{community_name:"L3",Cancelled:12,Open:75,OnHold:18,InProgress:7}],c=k.useMemo(()=>e?Array.isArray(e)&&e.length===0?[]:e:l,[e]),u=d=>{const{dataKey:f}=d||{};i(p=>({...p,[f]:!p?.[f]}))};return Array.isArray(e)&&e.length===0?h.jsx(kt,{title:n||"Escalation Level By Building",titleWeight:"semi-bold",className:"h-[362px]",children:h.jsx("div",{className:"w-full flex items-center justify-center",children:h.jsx(Vt,{title:"No Maintenance Assets Status Found",description:"Catch up all the data. Change the date range to see the data."})})}):h.jsx(kt,{title:n||"Escalation Level By Building",titleWeight:"semi-bold",className:"h-[362px]",childrenClassName:"mt-[21px]",rightContent:h.jsx(gF,{options:s,value:o,onChange:d=>a(d)}),children:h.jsx("div",{className:"w-full flex items-center justify-center",children:Array.isArray(e)&&e.length===0?h.jsx("div",{className:"text-[#94A3B8] text-sm",children:"No Data Found"}):h.jsx("div",{className:"relative w-full h-[261px]",children:h.jsx(Ot,{width:"100%",height:"100%",children:h.jsxs(ko,{data:c,barSize:54,barCategoryGap:"40%",margin:{top:20,right:20,left:-20,bottom:0},children:[h.jsx(sr,{strokeDasharray:"3 3",vertical:!1,stroke:"#E2E8F0"}),h.jsx(Gn,{dataKey:"community_name",tick:{fill:"#64748B",fontSize:12},axisLine:!1,tickLine:!1}),h.jsx($n,{tick:{fill:"#64748B",fontSize:12},axisLine:!1,tickLine:!1,allowDecimals:!1}),h.jsx(St,{cursor:{fill:"rgba(148, 163, 184, 0.12)"},allowEscapeViewBox:{x:!0,y:!0},content:d=>!d?.active||!d?.payload?.length?null:h.jsx(Ut,{...d,data:c,children:h.jsxs("div",{className:"bg-black rounded-[10px] px-[14px] py-[10px] text-[12px] text-white",children:[h.jsx("div",{className:"mb-[6px] font-semibold",children:d?.label}),d?.payload?.map((f,p)=>{const m=f?.color||f?.fill||"#fff";return h.jsxs("div",{className:"flex items-center gap-[6px]",children:[h.jsx("span",{className:"w-[8px] h-[8px] rounded-full inline-block",style:{backgroundColor:m}}),h.jsx("span",{className:"text-[#D1D3D4]",children:f?.name}),h.jsx("span",{className:"text-white font-semibold",children:f?.value})]},p)})]})})}),h.jsx(rl,{verticalAlign:"bottom",align:"center",onClick:u,content:({payload:d})=>h.jsx("div",{className:"flex items-center justify-center gap-[16px] pt-4 flex-wrap",children:d?.map((f,p)=>h.jsxs("div",{onClick:()=>u({dataKey:f?.dataKey}),className:"flex items-center gap-[8px] cursor-pointer",children:[h.jsx("div",{className:`w-[16px] h-[8px] ${r?.[f?.dataKey]?"bg-slate-300":""}`,style:{backgroundColor:r?.[f?.dataKey]?"#CBD5E1":f?.color}}),h.jsx("span",{className:`text-[12px] ${r?.[f?.dataKey]?"text-[#CBD5E1]":"text-[#64748B]"}`,children:f?.value})]},p))})}),h.jsx(Gt,{dataKey:"Open",stackId:"a",fill:"#3B82F6",hide:r?.Open}),h.jsx(Gt,{dataKey:"Cancelled",stackId:"a",fill:"#B91C1C",hide:r?.Cancelled}),h.jsx(Gt,{dataKey:"OnHold",stackId:"a",fill:"#64748B",hide:r?.OnHold,name:"On-Hold"}),h.jsx(Gt,{dataKey:"InProgress",stackId:"a",fill:"#F59E0B",hide:r?.InProgress,name:"In Progress"})]})})})})})},Nhe=({data:e=[],communities:t})=>{const[n,r]=k.useState(""),i=t?.map(s=>s?.community_name)||[];k.useEffect(()=>{i?.length>0&&!n&&r(i[0])},[i,n]);const o=Array.isArray(e)?e:[],a=!o.length||o.every(s=>s.no_of_visitors===0);return h.jsx(kt,{title:"Top 5 Tenants by Visitors",titleWeight:"semi-bold",className:"h-[360px]",childrenClassName:"mt-[20px]",rightContent:h.jsx(gF,{options:i,value:n,onChange:s=>r(s)}),children:a?h.jsx("div",{className:"w-full h-[280px] flex items-center justify-center",children:h.jsx(Vt,{title:"No Visitors Found",description:"Catch up all the data. Change the date range to see the data."})}):h.jsx("div",{className:"w-full h-[274px]",children:h.jsx(Ot,{width:"100%",height:"100%",children:h.jsxs(tj,{data:o,margin:{top:10,right:20,left:0,bottom:0},children:[h.jsx("defs",{children:h.jsxs("linearGradient",{id:"colorVisitors",x1:"0",y1:"0",x2:"0",y2:"1",children:[h.jsx("stop",{offset:"0%",stopColor:"#6366F1",stopOpacity:.25}),h.jsx("stop",{offset:"100%",stopColor:"#6366F1",stopOpacity:0})]})}),h.jsx(sr,{strokeDasharray:"3 3",vertical:!1,stroke:"#F1F5F9"}),h.jsx(Gn,{dataKey:"day",type:"category",scale:"point",axisLine:{stroke:"#EBEBEB"},padding:{left:30,right:30},tick:{fontSize:12,fill:"#64748B"},tickLine:!1,height:36,tickMargin:10,tickFormatter:e?.length>1?s=>{if(!s)return"";const l=8;return s.length>l?`${s.slice(0,l)}...`:s}:void 0}),h.jsx($n,{width:35,tick:{fontSize:12,fill:"#64748B"},axisLine:!1,tickLine:!1,allowDecimals:!1,domain:[0,"dataMax + 2"]}),h.jsx(St,{cursor:!1,content:s=>h.jsx(Ut,{...s,data:o,children:(()=>{if(!s.active||!s.label)return null;const l=o.find(c=>c.day===s.label);return h.jsxs("div",{className:"bg-[#111] text-white px-[14px] py-[8px] rounded-[6px] flex flex-col gap-[6px] text-[13px]",children:[h.jsx("div",{className:"font-semibold",children:s.label}),h.jsxs("div",{className:"flex items-center gap-[8px]",children:[h.jsx("div",{className:"w-2 h-2 rounded-full bg-[#6366F1]"}),h.jsx("div",{className:"text-[#aaa]",children:"Visitors"}),h.jsx("div",{className:"font-bold",children:l?.no_of_visitors??0})]})]})})()})}),h.jsx(hx,{type:"monotone",dataKey:"no_of_visitors",stroke:"#6366F1",strokeWidth:2,fill:"url(#colorVisitors)",dot:{r:5,stroke:"#6366F1",strokeWidth:2,fill:"#fff"},activeDot:s=>{const{cx:l,cy:c}=s;return h.jsxs("g",{children:[h.jsx("circle",{cx:l,cy:c,r:6,fill:"#fff",stroke:"#6466F1",strokeWidth:2}),h.jsx("circle",{cx:l,cy:c,r:2.5,fill:"#6466F1"})]})}})]})})})})},jhe=({data:e})=>{const t=[{name:"Kosmo One",total:29,pending_approval:1,cancelled:2},{name:"OWC",total:23,pending_approval:9,cancelled:3},{name:"Exora",total:40,pending_approval:12,cancelled:1},{name:"OIC - T3",total:27,pending_approval:19,cancelled:8}],n=e==null?t:Array.isArray(e)?e:[],r=Array.isArray(n)&&n.length===0;return h.jsx(kt,{title:"Building Wise Approvals",titleWeight:"semi-bold",className:"h-[362px]",childrenClassName:"mt-[34px]",children:r?h.jsx("div",{className:"h-[250px] flex items-center justify-center",children:h.jsx(Vt,{title:"No Data Found",description:"Catch up all the data. Change the date range to see the data."})}):h.jsxs("div",{className:"w-full border border-[#EBEBEB] rounded-[10px] overflow-hidden",children:[h.jsxs("div",{className:"grid grid-cols-4 bg-[#FAFAFA] px-[12px] py-[8px] text-[12px] leading-[16px] font-semibold text-[#64748B]",children:[h.jsx("div",{children:"Tenant"}),h.jsx("div",{className:"flex justify-end",children:"Total"}),h.jsx("div",{className:"flex justify-end",children:"Pending"}),h.jsx("div",{className:"flex justify-end",children:"Cancelled"})]}),h.jsx("div",{className:"max-h-[280px] overflow-y-auto hide-scrollbar",children:n.map((i,o)=>h.jsxs("div",{className:"grid grid-cols-4 p-[12px] text-[12px] leading-[16px] border-t border-[#EBEBEB]",children:[h.jsx("div",{className:"text-[#475569]",children:i.name}),h.jsx("div",{className:"flex justify-end text-[#36AB6C]",children:i.total}),h.jsx("div",{className:"flex justify-end text-[#F2A815]",children:i.pending_approval}),h.jsx("div",{className:"flex justify-end text-[#AB0000]",children:i.cancelled})]},o))})]})})},vm=["#8CB33E","#F59E0B","#3B82F6","#06B6D4","#CFCFCF"],Mhe=[{asset_group_name:"Lifts",asset_count:3,investment:"₹ 45L"},{asset_group_name:"Fire Systems",asset_count:16,investment:"₹ 28L"},{asset_group_name:"Generators",asset_count:16,investment:"₹ 95L"},{asset_group_name:"HVAC",asset_count:24,investment:"₹ 1.2Cr"},{asset_group_name:"Others",asset_count:97,investment:"₹ 52L"}],Ihe=({rows:e,totalAssets:t})=>{const n=k.useMemo(()=>e?e.length===0?[]:e.map((i,o)=>({name:i.asset_group_name,facility_name:i.asset_group_name,value:i.asset_count||0,investment:i.investment||"-",fill:vm[o%vm.length]})):Mhe.map((i,o)=>({name:i.asset_group_name,facility_name:i.asset_group_name,value:i.asset_count||0,investment:i.investment||"-",fill:vm[o%vm.length]})),[e]),r=t??n.reduce((i,o)=>i+o.value,0);return e&&e.length===0?h.jsx(kt,{title:"Assets by Type",titleWeight:"semi-bold",className:"h-[362px]",children:h.jsx("div",{className:"flex items-center justify-center h-full",children:h.jsx(Vt,{title:"No Assets Found",description:"Catch up all the data. Change the date range to see the data."})})}):h.jsx(kt,{title:"Assets by Type",titleWeight:"semi-bold",className:"h-[362px]",children:h.jsxs("div",{className:"flex items-center justify-between h-full mt-[16px]",children:[h.jsxs("div",{className:"relative w-[252px] h-[273px]",children:[h.jsx(Ot,{width:"100%",height:"100%",children:h.jsxs(Ri,{children:[h.jsx(ai,{data:n,dataKey:"value",cx:"50%",cy:"50%",innerRadius:60,outerRadius:90,paddingAngle:2,stroke:"#FFFFFF",strokeWidth:2,startAngle:90,endAngle:-270,children:n.map((i,o)=>h.jsx(In,{fill:i.fill},o))}),h.jsx(St,{cursor:!1,allowEscapeViewBox:{x:!0,y:!0},content:i=>i.active?h.jsx(Ut,{...i,data:n,children:h.jsx($r,{...i})}):null})]})}),h.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center pointer-events-none",children:[h.jsx("div",{className:"text-[24px] leading-[33px] font-medium text-[#121212]",children:r}),h.jsx("div",{className:"text-[12px] leading-[17px] text-[#64748B] mt-[2px]",children:"Total Assets"})]})]}),h.jsx("div",{className:"flex-1 max-w-[280px]",children:h.jsxs("div",{className:"rounded-[12px] overflow-hidden bg-white border border-[#E2E8F0]",children:[h.jsxs("div",{className:"grid grid-cols-3 px-[16px] py-[12px] bg-[#F8FAFC]",children:[h.jsx("div",{className:"text-[12px] font-medium text-[#64748B]",children:"Asset"}),h.jsx("div",{className:"text-[12px] font-medium text-[#64748B] text-center",children:"Count"}),h.jsx("div",{className:"text-[12px] font-medium text-[#64748B] text-right",children:"Investment"})]}),h.jsx("div",{className:"max-h-[205px] overflow-y-auto hide-scrollbar",children:n.map((i,o)=>h.jsxs("div",{className:"grid grid-cols-3 px-[16px] py-[12px] border-t border-[#F1F5F9]",children:[h.jsxs("div",{className:"flex items-center gap-[8px]",children:[h.jsx("div",{className:"w-[16px] h-[7px]",style:{backgroundColor:i.fill}}),h.jsx("div",{className:"text-[13px] text-[#475569]",children:i.name})]}),h.jsx("div",{className:"text-[13px] text-[#64748B] text-center",children:i.value}),h.jsx("div",{className:"text-[13px] text-[#64748B] text-right",children:i.investment})]},o))})]})})]})})};function Fhe({columns:e=[],data:t=[],rowsPerPage:n=10,setRowsPerPage:r=()=>{},currentPage:i=1,setCurrentPage:o=()=>{},totalRows:a=0,totalPages:s=1,pageOptions:l=[10,20,30,40,50]}){const c=Array.isArray(t)?t:[],u=Array.isArray(e)?e:[],d=`200px repeat(${u.length-1}, minmax(150px, 1fr))`,f={};return u.forEach(p=>{if(p.key!=="name"){let m=0;for(let g=0;g<c.length;g++){const v=c[g][p.key];typeof v=="number"&&(m+=v)}f[p.key]=m}}),h.jsxs("div",{className:"w-full bg-white rounded-[12px] h-[390px] !border-[0.5px] !border-[#EBEBEB] !shadow-[0_0_12px_0_#EAF2FF] overflow-hidden flex flex-col",children:[h.jsx("div",{className:"flex-1 overflow-auto hide-scrollbar",children:c.length===0?h.jsx("div",{className:"h-full flex items-center justify-center",children:h.jsx(Vt,{title:"No Data Found",description:"Catch up all the data. Change the date range to see the data."})}):h.jsxs("div",{className:"min-w-full",children:[h.jsx("div",{className:"grid bg-[#354A5E] text-white text-[14px] font-medium sticky top-0 z-30",style:{gridTemplateColumns:d},children:u.map((p,m)=>h.jsx("div",{title:p.label,className:`px-[24px] py-[16px] whitespace-nowrap overflow-hidden text-ellipsis ${m===0?"sticky left-0 z-40 bg-[#354A5E] shadow-[2px_0_5px_rgba(0,0,0,0.1)] border-r border-[#2C3E50]":""}`,children:p.label},m))}),c.map((p,m)=>h.jsx("div",{className:"grid",style:{gridTemplateColumns:d},children:u.map((g,v)=>h.jsx("div",{className:`px-[24px] py-[14px] text-[14px] flex items-center ${v===0?"bg-white sticky left-0 z-20 font-medium shadow-[2px_0_5px_rgba(0,0,0,0.05)] border-r border-gray-200":"bg-gray-50"}`,children:p[g.key]??"-"},v))},m)),h.jsx("div",{className:"grid bg-[#F8FAFC] border-t border-[#F0F0F0] sticky bottom-0 z-30",style:{gridTemplateColumns:d},children:u.map((p,m)=>h.jsx("div",{className:`px-[24px] py-[16px] ${m===0?"sticky left-0 z-40 bg-[#F8FAFC] text-[#64748B] font-medium shadow-[2px_0_5px_rgba(0,0,0,0.05)] border-r border-gray-200":"text-[#64748B] font-medium"}`,children:p.key==="name"?"Grand Total":f[p.key]||"-"},m))})]})}),h.jsxs("div",{className:"flex justify-end items-center px-[24px] py-[16px] text-sm bg-white border-t border-[#F0F0F0] gap-[32px]",children:[h.jsxs("div",{className:"flex items-center gap-[8px] text-gray-600 text-[14px]",children:[h.jsx("div",{children:"Rows per page:"}),h.jsx("select",{value:n,onChange:p=>{r(Number(p.target.value)),o(1)},className:"border rounded px-[8px] py-[4px]",children:l.map((p,m)=>h.jsx("option",{value:p,children:p},m))}),h.jsxs("div",{className:"ml-4 text-[14px]",children:[c.length===0?"0–0":`1–${c.length}`," of"," ",a||c.length]})]}),h.jsxs("div",{className:"flex items-center space-x-2 text-gray-600 text-[14px]",children:[h.jsx("button",{onClick:()=>o(1),disabled:i===1,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:h.jsx(F4,{size:18})}),h.jsx("button",{onClick:()=>o(p=>p-1),disabled:i===1,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:h.jsx(R1,{size:18})}),h.jsx("button",{onClick:()=>o(p=>p+1),disabled:i===s,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:h.jsx(B1,{size:18})}),h.jsx("button",{onClick:()=>o(s),disabled:i===s,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:h.jsx(L4,{size:18})})]})]})]})}ae.AccessPointsUsage=tF,ae.Accounting=Ofe,ae.Amenities=K4,ae.AmenitiesStatsCard=$o,ae.AmenityWiseRevenue=uF,ae.AssetValueBreakdown=$fe,ae.AssetsByType=dF,ae.BlockWiseOccupancy=gfe,ae.BookingTrendChart=cF,ae.Bookings=lF,ae.Budgets=Afe,ae.BuildingWiseApprovals=jhe,ae.Card=Le,ae.CardAccess=eF,ae.CashBankBalance=Nfe,ae.CommercialAccessOverview=J4,ae.CommercialAmenitiesDashboard=Che,ae.CommercialAssetManagementDashboard=Phe,ae.CommercialDashboard=dhe,ae.CommercialEngagementDashboard=Ahe,ae.CommercialGuardPatrols=pF,ae.CommercialGuardPetrolDashboard=Dhe,ae.CommercialHelpdeskDashboard=bhe,ae.CommercialIncidentReports=hF,ae.CommercialOccupancy=z4,ae.CommercialReportTable=mF,ae.CommercialSmartAccessDashboard=mhe,ae.CommercialTableDashboard=mF,ae.CommercialVisitorsDashboard=whe,ae.Community=Jae,ae.Complaints=Mpe,ae.ComplaintsByLevel=Lpe,ae.DuesAgeing=Mfe,ae.EmployeeFootfall=V4,ae.Engagement=tM,ae.EngagementStatsGrid=rhe,ae.EscalationLevel=The,ae.EventsUtilisation=Gpe,ae.ExpenseCategories=Ffe,ae.Facilities=ese,ae.FinanceSummary=tse,ae.FoodBeverages=U4,ae.GateAndSecurityStatsGrid=Tpe,ae.GateUpdates=zse,ae.GuardPatrols=vpe,ae.Header=k8,ae.Helpdesk=Vse,ae.HelpdeskStatsGrid=Upe,ae.HourlyTrafficFlow=_pe,ae.IncidentReports=Ope,ae.IncomeExpenditure=A4,ae.MainHeader=B8,ae.MaintenanceStatus=fF,ae.MetricCard=z1,ae.MobileAccess=eF,ae.MoveInOutTrends=bfe,ae.NoticeBoardStatus=Zpe,ae.OccupancyOverview=pfe,ae.OrganisationWiseVisitors=sF,ae.PortfolioAssetsByType=Ihe,ae.RequestBox=Rpe,ae.ResidentOverview=hfe,ae.RevenuebyCategory=Bfe,ae.SingleStats=ehe,ae.StaffAttendance=R4,ae.StatsGrid=mpe,ae.TenantsByVisitors=Nhe,ae.TicketEscalation=q4,ae.TicketStatus=G4,ae.Tickets=nF,ae.TicketsperCategory=rF,ae.TotalCommercialTable=Fhe,ae.UnitStatus=ffe,ae.VisitorUpdates=Z4,ae.WeeklyVisitorPattern=aF,Object.defineProperty(ae,Symbol.toStringTag,{value:"Module"})}));
|
|
482
|
+
`,children:[i?h.jsx(Xo,{}):h.jsx(Go,{}),Math.abs(r),"%"]}),h.jsx("div",{className:t.deltaColor?`text-[${t.deltaColor}] font-[600]`:"text-[#64748B]",children:t.deltaLabel})]})]})},n)})})}const _he=[{facility_name:"Table Tennis",total_booking:5},{facility_name:"Gym",total_booking:12},{facility_name:"Meeting Room A",total_booking:3},{facility_name:"Conference Hall",total_booking:8}],Ehe=({x:e,y:t,payload:n})=>h.jsx("foreignObject",{x:(e||0)-80,y:(t||0)-18,width:80,height:40,children:h.jsx("div",{className:"text-[12px] leading-[16px] text-[#121212]",style:{width:"80px",whiteSpace:"normal",wordBreak:"break-word",textAlign:"left"},children:n?.value||""})});function lF({data:e,bar:t}){const n=Array?.isArray(e)&&e?.length===0,i=(e==null?_he:Array?.isArray(e)?e:[]).map(o=>({...o,name:o.facility_name,color:"#8B5CF6"}));return h.jsx(Le,{title:"Bookings",icon:h.jsx(npe,{size:18,className:"text-[#DBB467]"}),className:"h-[288px]",children:h.jsx("div",{className:"w-full h-full flex items-center justify-center",children:n?h.jsx(Vt,{title:"No Booking Found",description:"Catch up all the data. Change the date range to see the data."}):h.jsx(Ot,{width:"100%",height:"100%",children:h.jsxs(ko,{data:i||[],layout:"vertical",margin:{top:0,right:10,left:-12,bottom:0},children:[h.jsx(Gn,{type:"number",allowDecimals:!1,tick:{fill:"#64748B",fontSize:12},axisLine:!0,tickLine:!1}),h.jsx($n,{type:"category",dataKey:"facility_name",axisLine:!1,tickLine:!1,width:100,tick:h.jsx(Ehe,{})}),h.jsx(St,{cursor:{fill:"transparent"},position:{x:300,y:0},allowEscapeViewBox:{x:!0,y:!0},content:o=>o.active?h.jsx(Ut,{...o,data:i,children:h.jsx($r,{...o})}):null}),h.jsx(Gt,{dataKey:"total_booking",barSize:40,fill:t||"#8B5CF6"})]})})})})}const She=[{building_name:"Google",no_of_booking:1},{building_name:"Uber",no_of_booking:2},{building_name:"ANAROCK",no_of_booking:4},{building_name:"Flipkart",no_of_booking:2},{building_name:"HP",no_of_booking:1}];function cF({data:e}){const t=Array.isArray(e)&&e?.length===0,n=e==null?She:Array.isArray(e)?e:[];return h.jsx(kt,{title:"Booking Trend by Organisation",titleWeight:"semi-bold",className:"h-[362px]",children:h.jsx("div",{className:"w-full h-[265px] mt-[28px] flex items-center justify-center",children:t?h.jsx(Vt,{title:"No Booking Found",description:"Catch up all the data. Change the date range to see the data."}):h.jsx(Ot,{width:"100%",height:"100%",children:h.jsxs(ko,{data:n||[],margin:{top:0,right:0,left:-30,bottom:0},children:[h.jsx(sr,{strokeDasharray:"3 3",vertical:!1,stroke:"#E5E7EB"}),h.jsx(Gn,{dataKey:"building_name",axisLine:!1,tickLine:!1,tick:{fill:"#64748B",fontSize:12},tickFormatter:r=>e?.length>2&&r?.length>8?`${r.slice(0,8)}...`:r}),h.jsx($n,{allowDecimals:!1,axisLine:!1,tickLine:!1,tick:{fill:"#64748B",fontSize:12},tickFormatter:r=>`${r??0}`}),h.jsx(St,{cursor:!1,allowEscapeViewBox:{x:!0,y:!0},content:r=>r.active?h.jsx(Ut,{...r,data:n,children:h.jsx($r,{...r})}):null}),h.jsx(Gt,{dataKey:"no_of_booking",barSize:54,fill:"#12B981"})]})})})})}const Ohe=[{facility_name:"Table Tennis",paid_revenue:"24000.00"},{facility_name:"Games Room",paid_revenue:"14000.00"},{facility_name:"Badminton",paid_revenue:"10000.00"},{facility_name:"GYM",paid_revenue:"4000.00"}],mm=["#3C81F6","#60A5FA","#95BFFA","#BEDAFE","#DAE6FC"];function uF({data:e,currencyType:t}){const n=Array?.isArray(e)&&e?.length===0,r=e??Ohe,i=Array?.isArray(r)&&r?.length>0?r?.map(l=>({name:l?.facility_name||"Unknown",value:Number(l?.paid_revenue)||0})):[],a=(i?.length>0?i?.every(l=>l?.value===0):!1)?i?.map((l,c)=>({...l,value:c===0?1:0})):i,s=l=>`${t||"Rs"} ${l?.toLocaleString?.("en-IN")||0}`;return h.jsx(kt,{title:"Amenity Wise Revenue",titleWeight:"semi-bold",className:"h-[362px]",children:h.jsx("div",{className:"grid grid-cols-12 gap-[24px] items-center h-full mt-[16px]",children:n?h.jsx("div",{className:"col-span-12 flex items-center justify-center h-[240px]",children:h.jsx(Vt,{title:"No Amenity Found",description:"Catch up all the data. Change the date range to see the data."})}):h.jsxs(h.Fragment,{children:[h.jsx("div",{className:"col-span-6 h-[240px] w-full max-w-[240px]",children:h.jsx(Ot,{width:"100%",height:"100%",children:h.jsxs(Ri,{children:[h.jsx(ai,{data:a||[],dataKey:"value",nameKey:"name",cx:"50%",cy:"50%",outerRadius:95,stroke:"#fff",strokeWidth:1,children:a?.map?.((l,c)=>h.jsx(In,{fill:mm?.[c%mm?.length]},`cell-${c}`))}),h.jsx(St,{cursor:!1,allowEscapeViewBox:{x:!0,y:!0},content:l=>l.active?h.jsx(Ut,{...l,data:a,children:h.jsx($r,{...l,formatter:c=>s(c)})}):null})]})})}),h.jsx("div",{className:"col-span-6",children:h.jsxs("div",{className:"rounded-[12px] !overflow-hidden border border-[#E2E8F0] !border-r-1 border-r-[#E2E8F0]! !pr-0 !mr-0",children:[h.jsxs("div",{className:"grid grid-cols-2 px-[12px] py-[8px] bg-[#EBEBEB] text-[12px] leading-[16px] font-semibold text-[#64748B]",children:[h.jsx("div",{children:"Amenity"}),h.jsx("div",{className:"text-right",children:"Revenue"})]}),h.jsx("div",{className:"divide-y divide-[#F1F5F9] max-h-[238px] overflow-y-auto hide-scrollbar",children:i?.map?.((l,c)=>h.jsxs("div",{className:"grid grid-cols-2 px-[16px] py-[16px] text-[14px] text-[#121212]",children:[h.jsxs("div",{className:"flex items-center gap-[12px]",children:[h.jsx("span",{className:"w-[16px] h-[7px]",style:{backgroundColor:mm?.[c%mm?.length]}}),h.jsx("span",{className:"text-[#64748B] text-[12px] leading-[16px]",children:l?.name||"Unknown"})]}),h.jsx("div",{className:"text-right text-[12px] leading-[16px] text-[#64748B]",children:s(l?.value||0)})]},l?.name||c))})]})})]})})})}function Che(){return h.jsxs(h.Fragment,{children:[h.jsx(xs,{text:"Amenities",Icon:epe,iconColor:"#F59D0D"}),h.jsxs("div",{className:"p-[16px] grid grid-cols-2 mt-[24px] gap-[24px]",children:[h.jsxs("div",{className:"grid grid-cols-2 gap-[24px]",children:[h.jsx($o,{data:[{title:"Total Bookings",value:145,delta:"+11.0%",deltaLabel:"Compared to last month",Icon:cpe,iconColor:"#1FA05B",iconBg:"bg-emerald-50"}]}),h.jsx($o,{data:[{title:"Utilisation Rate",value:"73%",delta:"+11.0%",deltaLabel:"Compared to last month",Icon:ope,iconColor:"#329DFF"}]}),h.jsx($o,{data:[{title:"Most Popular",value:"Table Tennis",delta:"+11.0%",deltaLabel:"Compared to last month",Icon:$4,iconColor:"#FA7E28"}]}),h.jsx($o,{data:[{title:"Pending Approvals",value:23,delta:"-8.0%",deltaLabel:"Compared to last month",Icon:M4,iconColor:"#AB0000"}]})]}),h.jsx(lF,{})]}),h.jsxs("div",{className:"grid grid-cols-2 gap-[24px] px-[16px]",children:[h.jsx(cF,{}),h.jsx(uF,{})]})]})}const gm=["#8CB33E","#F59E0B","#3B82F6","#06B6D4","#CFCFCF"],khe=[{asset_group_name:"Lifts",asset_count:3},{asset_group_name:"Fire Systems",asset_count:16},{asset_group_name:"Generators",asset_count:16},{asset_group_name:"HVAC",asset_count:24},{asset_group_name:"Others",asset_count:97}],dF=({rows:e,totalAssets:t})=>{const n=k.useMemo(()=>e?e.length===0?[]:e.map((i,o)=>({name:i.asset_group_name,facility_name:i.asset_group_name,value:i.asset_count||0,fill:gm[o%gm.length]})):khe.map((i,o)=>({name:i.asset_group_name,facility_name:i.asset_group_name,value:i.asset_count||0,fill:gm[o%gm.length]})),[e]),r=t??n.reduce((i,o)=>i+o.value,0);return e&&e.length===0?h.jsx(kt,{title:"Assets by Type",titleWeight:"semi-bold",className:"h-[362px]",children:h.jsx("div",{className:"flex items-center justify-center h-[260px]",children:h.jsx(Vt,{title:"No Assets Found",description:"Catch up all the data. Change the date range to see the data."})})}):h.jsx(kt,{title:"Assets by Type",titleWeight:"semi-bold",className:"h-[362px]",children:h.jsxs("div",{className:"flex items-center justify-between h-full mt-[16px]",children:[h.jsxs("div",{className:"relative w-[252px] h-[273px]",children:[h.jsx(Ot,{width:"100%",height:"100%",children:h.jsxs(Ri,{children:[h.jsx(ai,{data:n,dataKey:"value",cx:"50%",cy:"50%",innerRadius:60,outerRadius:90,paddingAngle:2,stroke:"#FFFFFF",strokeWidth:2,startAngle:90,endAngle:-270,isAnimationActive:!1,children:n.map((i,o)=>h.jsx(In,{fill:i.fill},o))}),h.jsx(St,{cursor:!1,allowEscapeViewBox:{x:!0,y:!0},content:i=>i.active?h.jsx(Ut,{...i,data:n,children:h.jsx($r,{...i})}):null})]})}),h.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center pointer-events-none",children:[h.jsx("div",{className:"text-[24px] leading-[33px] font-medium text-[#121212]",children:r}),h.jsx("div",{className:"text-[12px] leading-[17px] text-[#64748B] mt-[2px]",children:"Total Assets"})]})]}),h.jsx("div",{className:"flex-1 max-w-[280px]",children:h.jsxs("div",{className:"rounded-[12px] overflow-hidden bg-white border border-[#E2E8F0] !border-r-1 border-r-[#E2E8F0]! !pr-0 !mr-0",children:[h.jsxs("div",{className:"flex items-center justify-between px-[16px] py-[12px] bg-[#F8FAFC]",children:[h.jsx("div",{className:"text-[12px] font-medium text-[#64748B]",children:"Asset"}),h.jsx("div",{className:"text-[12px] font-medium text-[#64748B]",children:"Count"})]}),n.map((i,o)=>h.jsxs("div",{className:"max-h-[205px] overflow-y-auto hide-scrollbar flex items-center justify-between px-[16px] py-[12px] border-t border-[#F1F5F9]",children:[h.jsxs("div",{className:"flex items-center gap-[8px]",children:[h.jsx("div",{className:"w-[16px] h-[7px]",style:{backgroundColor:i.fill}}),h.jsx("div",{className:"text-[13px] text-[#475569]",children:i.name})]}),h.jsx("div",{className:"text-[13px] text-[#64748B]",children:i.value})]},o))]})})]})})},fF=({data:e,title:t})=>{const[n,r]=k.useState({}),i=[{name:"Lifts",Cancelled:55,Closed:45,Open:50,OnHold:20,InProgress:10},{name:"Fire Systems",Cancelled:15,Closed:45,Open:15,OnHold:8,InProgress:5},{name:"Generators",Cancelled:12,Closed:45,Open:75,OnHold:18,InProgress:7},{name:"HVAC",Cancelled:45,Closed:80,Open:30,OnHold:22,InProgress:12},{name:"Others",Cancelled:18,Closed:18,Open:45,OnHold:9,InProgress:4}],o=k.useMemo(()=>e?Array.isArray(e)&&e.length===0?[]:e:i,[e]),a=s=>{const{dataKey:l}=s;r(c=>({...c,[l]:!c[l]}))};return Array.isArray(e)&&e.length===0?h.jsx(kt,{title:t||"Maintenance Status",titleWeight:"semi-bold",className:"h-[362px]",children:h.jsx("div",{className:"w-full h-[260px] flex items-center justify-center",children:h.jsx(Vt,{title:"No Maintenance Assets Status Found",description:"Catch up all the data. Change the date range to see the data."})})}):h.jsx(kt,{title:t||"Maintenance Status",titleWeight:"semi-bold",className:"h-[362px]",children:h.jsx("div",{className:"w-full h-[260px] flex items-center justify-center",children:Array.isArray(e)&&e.length===0?h.jsx("div",{className:"text-[#94A3B8] text-sm",children:"No Data Found"}):h.jsx("div",{className:`relative w-full ${t?"h-[261px]":"h-[297px]"} mt-[20px]`,children:h.jsx(Ot,{width:"100%",height:"100%",children:h.jsxs(ko,{data:o,barSize:54,barCategoryGap:"40%",margin:{top:20,right:20,left:-20,bottom:0},children:[h.jsx(sr,{strokeDasharray:"3 3",vertical:!1,stroke:"#E2E8F0"}),h.jsx(Gn,{dataKey:"name",tick:{fill:"#64748B",fontSize:12},axisLine:!1,tickLine:!1,tickFormatter:s=>e?.length>2&&s?.length>8?`${s.slice(0,8)}...`:s}),h.jsx($n,{tick:{fill:"#64748B",fontSize:12},axisLine:!1,tickLine:!1,allowDecimals:!1}),h.jsx(St,{cursor:{fill:"rgba(148, 163, 184, 0.12)"},allowEscapeViewBox:{x:!0,y:!0},content:s=>!s.active||!s.payload||!s.payload.length?null:h.jsx(Ut,{...s,data:o,children:h.jsxs("div",{className:"bg-[#121212] rounded-[10px] px-[14px] py-[10px] text-[12px] text-white",children:[h.jsx("div",{className:"mb-[6px] font-semibold",children:s.label}),s.payload.map((l,c)=>{const u=l.color||l.fill||"#fff";return h.jsxs("div",{className:"flex items-center gap-[6px]",children:[h.jsx("span",{className:"w-2 h-2 rounded-full inline-block",style:{backgroundColor:u}}),h.jsx("span",{className:"text-[#D1D3D4]",children:l.name}),h.jsx("span",{className:"text-white font-semibold",children:l.value})]},c)})]})})}),h.jsx(rl,{verticalAlign:"bottom",align:"center",onClick:a,content:({payload:s})=>h.jsx("div",{className:"flex items-center justify-center gap-[16px] pt-4 flex-wrap",children:s.map((l,c)=>h.jsxs("div",{onClick:()=>a({dataKey:l.dataKey}),className:"flex items-center gap-[8px] cursor-pointer",children:[h.jsx("div",{style:{width:"16px",height:"8px",backgroundColor:n[l.dataKey]?"#CBD5E1":l.color}}),h.jsx("span",{style:{fontSize:"12px",color:n[l.dataKey]?"#CBD5E1":"#64748B"},children:l.value})]},c))})}),h.jsx(Gt,{dataKey:"Open",stackId:"a",fill:"#3B82F6",hide:n.Open}),h.jsx(Gt,{dataKey:"Closed",stackId:"a",fill:"#10B981",hide:n.Closed}),h.jsx(Gt,{dataKey:"Cancelled",stackId:"a",fill:"#B91C1C",hide:n.Cancelled}),h.jsx(Gt,{dataKey:"OnHold",stackId:"a",fill:"#64748B",hide:n.OnHold,name:"On-Hold"}),h.jsx(Gt,{dataKey:"InProgress",stackId:"a",fill:"#F59E0B",hide:n.InProgress,name:"In Progress"})]})})})})})};function Phe(){return h.jsxs(h.Fragment,{children:[h.jsx(xs,{text:"Asset Management",Icon:ape,iconColor:"#A74E8A"}),h.jsxs("div",{className:"grid grid-cols-2 mt-4 gap-[24px]",children:[h.jsx(dF,{}),h.jsx(fF,{})]})]})}function pF({data:e}){const t=[{name:"Completed",value:Number(e?.completed||0),color:"#12B981"},{name:"Not - Completed",value:Number(e?.not_completed||0),color:"#F69E0A"},{name:"Missed",value:Number(e?.missed||0),color:"#EF4444"}],n=Number(e?.completed||0)+Number(e?.not_completed||0)+Number(e?.missed||0),r=Number(e?.completed||0);return h.jsx(kt,{title:"Patrol Status",className:"h-[362px]",titleWeight:"semi-bold",children:h.jsxs("div",{className:"flex flex-col items-center justify-center",children:[h.jsxs("div",{className:"w-[215px] h-[182px] relative",children:[h.jsx(Ot,{width:"100%",height:"100%",children:h.jsxs(Ri,{children:[h.jsx(ai,{data:t,innerRadius:60,outerRadius:90,paddingAngle:2,dataKey:"value",nameKey:"name",children:t.map((i,o)=>h.jsx(In,{fill:i.color},`cell-${o}`))}),h.jsx(St,{cursor:!1,allowEscapeViewBox:{x:!0,y:!0},content:i=>i.active?h.jsx(Ut,{...i,data:t,children:h.jsx($r,{...i})}):null})]})}),h.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center pointer-events-none",children:[h.jsxs("div",{className:"font-medium text-[19.35px] leading-[23.65px]",children:[r,"/",n]}),h.jsx("div",{className:"text-[10.75px] leading-[15.05px] text-[#64748B]",children:"Completed"})]})]}),h.jsx("div",{className:"flex flex-col w-full text-[14px]",children:t.map((i,o)=>h.jsxs("div",{className:`flex items-center justify-between py-[10px] ${o!==t.length-1?"border-b border-[#F1F5F9]":""}`,children:[h.jsxs("div",{className:"flex items-center gap-[10px]",children:[h.jsx("div",{className:"inline-block w-[16px] h-[7px]",style:{backgroundColor:i.color}}),h.jsx("div",{className:"leading-[16.09px] text-[12.07px] text-[#64748B]",children:i.name})]}),h.jsx("div",{className:"leading-[16.09px] text-[12.07px] text-[#64748B]",children:i.value})]},i.name))})]})})}function hF({incidentReports:e,incidentReportsDetails:t}){const n=Number(e?.open||0),r=Number(e?.in_progress||0),i=Number(e?.closed||0);return h.jsx(kt,{title:"Incident Reports",className:"h-[362px]",titleWeight:"semi-bold",children:h.jsxs("div",{children:[h.jsxs("div",{className:"flex w-full text-center gap-[16px] mt-[24px]",children:[h.jsxs("div",{className:"flex-1 flex flex-col items-center justify-center bg-[#FBF4F4] h-[76px] rounded",children:[h.jsx("div",{className:"text-[24px] leading-[28px] font-medium text-[#AB0000]",children:n}),h.jsx("div",{className:"text-[12px] leading-[16px] text-[#AB0000]",children:"Open"})]}),h.jsxs("div",{className:"flex-1 flex flex-col items-center justify-center bg-[#FFFBF2] h-[76px] rounded",children:[h.jsx("div",{className:"text-[24px] leading-[28px] font-medium text-[#F2A815]",children:r}),h.jsx("div",{className:"text-[12px] leading-[16px] text-[#F2A815]",children:"In-progress"})]}),h.jsxs("div",{className:"flex-1 flex flex-col items-center justify-center bg-[#F7FEFA] h-[76px] rounded",children:[h.jsx("div",{className:"text-[24px] leading-[28px] font-medium text-[#1FA05B]",children:i}),h.jsx("div",{className:"text-[12px] leading-[16px] text-[#1FA05B]",children:"Closed"})]})]}),h.jsx("div",{className:"mt-4 space-y-2",children:t?.length>0?t.map((o,a)=>{const s=o?.escalation_level==="Danger"?"text-[#AB0000]":o?.escalation_level==="High"?"text-[#E7A015]":"text-[#1FA05B]";return h.jsxs("div",{className:"flex items-center justify-between p-[12px] bg-[#FAFBFD] rounded-md",children:[h.jsx("div",{className:"flex items-center gap-[8px]",children:h.jsx("div",{className:"text-gray-700 font-medium",children:o?.incident_reporting_id})}),h.jsx("div",{className:`!text-[12px] font-semibold flex items-center gap-[4px] ${s}`,children:h.jsxs("div",{children:[o?.escalation_value," - ",o?.escalation_level]})})]},a)}):h.jsx(h.Fragment,{})})]})})}function Dhe(){return h.jsxs(h.Fragment,{children:[h.jsx(xs,{text:"Guard Petrol",Icon:lpe,iconColor:"#AB0000"}),h.jsxs("div",{className:"px-[16px] grid grid-cols-3 gap-[24px] mt-4",children:[h.jsx(pF,{}),h.jsx(hF,{}),h.jsx(R4,{})]})]})}function Ahe(){return h.jsxs(h.Fragment,{children:[h.jsx(xs,{text:"Engagement",Icon:rpe,iconColor:"#3C81F6"}),h.jsxs("div",{className:"grid grid-cols-4 gap-[24px] mt-4",children:[h.jsx($o,{data:[{title:"Notice",value:20,deltaLabel:"Currently active",Icon:Xfe,iconColor:"#1FA05B"}]}),h.jsx($o,{data:[{title:"Discussion Forum",value:9,deltaLabel:"Active threads",Icon:Jfe,iconColor:"#329DFF"}]}),h.jsx($o,{data:[{title:"Polls",value:3,deltaLabel:"Currently active",Icon:tpe,iconColor:"#FA7E28"}]}),h.jsx($o,{data:[{title:"Surveys",value:8,deltaLabel:"Currently active",Icon:ipe,iconColor:"#DBB467"}]})]})]})}function mF({columns:e=[{key:"a",label:"Organisation"},{key:"b",label:"Item"},{key:"c",label:"Closed"},{key:"d",label:"Open"},{key:"e",label:"AOV"},{key:"f",label:"% Revenue"}],data:t=[{a:"Google",b:"Coffee",c:"34,908",d:"₹ 57,21,288",e:"₹ 450",f:"43.6%"},{a:"Uber",b:"Paneer Combo",c:"12,000",d:"₹ 12,00,000",e:"₹ 500",f:"100%"},{a:"Uber",b:"Paneer Combo",c:"12,000",d:"₹ 12,00,000",e:"₹ 500",f:"100%"},{a:"Uber",b:"Paneer Combo",c:"12,000",d:"₹ 12,00,000",e:"₹ 500",f:"100%"},{a:"Uber",b:"Paneer Combo",c:"12,000",d:"₹ 12,00,000",e:"₹ 500",f:"100%"},{a:"Uber",b:"Paneer Combo",c:"12,000",d:"₹ 12,00,000",e:"₹ 500",f:"100%"}],rowsPerPage:n=10,setRowsPerPage:r=()=>{},currentPage:i=1,setCurrentPage:o=()=>{},totalRows:a=0,totalPages:s=1,pageOptions:l=[10,20,30,40,50]}){const c=Array.isArray(t)?t:[],u=Array.isArray(e)?e:[],d=n>0?Math.ceil(c.length/n):1,f=s||d,p=c,m=a===0&&c.length===0,g=`repeat(${u.length}, 1fr)`;return h.jsxs("div",{className:"w-full bg-white rounded-[12px] h-[390px] !border-[0.5px] !border-[#EBEBEB] !shadow-[0_0_12px_0_#EAF2FF] overflow-hidden flex flex-col",children:[h.jsx("div",{className:"flex-1 overflow-auto hide-scrollbar",children:h.jsxs("div",{className:"h-full min-w-max",children:[h.jsx("div",{className:"grid bg-[#354A5E] text-white text-[16px] leading-[20px] font-medium sticky top-0 z-30",style:{gridTemplateColumns:g},children:u.map((v,x)=>h.jsx("div",{className:`px-[24px] py-[16px] whitespace-nowrap text-left ${x===0?"sticky left-0 z-40 bg-[#354A5E] text-[16px] leading-[20px] shadow-[2px_0_5px_rgba(0,0,0,0.1)] border-r border-[#2C3E50]":""}`,children:v.label},x))}),m?h.jsx("div",{className:"h-[calc(100%-50px)] flex items-center justify-center",children:h.jsx(Vt,{title:"No Data Found",description:"Catch up all the data. Change the date range to see the data."})}):p.map((v,x)=>h.jsx("div",{className:"grid",style:{gridTemplateColumns:g},children:u.map((_,w)=>{const y=v[_.key],E=_.label==="Closed",S=_.label==="Open",P=typeof y=="string"&&y.includes("%"),D=y==="100%"?"bg-[#F0FEF2] text-[#36AB6C]":"bg-[#FFF0F0] text-[#AB0000]";return h.jsx("div",{className:`px-[24px] py-[16px] flex items-center ${w===0?"bg-white sticky left-0 z-20 shadow-[2px_0_5px_rgba(0,0,0,0.05)] border-r border-gray-200":"bg-gray-50"} text-[#121212]`,children:E?h.jsx("div",{className:"text-[14px] font-medium",style:{color:"#36AB6C"},children:y??"-"}):S?h.jsx("div",{className:"text-[14px] font-medium",style:{color:"#AB0000"},children:y??"-"}):P?h.jsx("div",{className:`inline-block px-[12px] py-[4px] rounded-full text-[14px] font-medium ${D}`,children:y}):h.jsx("div",{children:y??"-"})},w)})},x))]})}),h.jsxs("div",{className:"flex justify-end items-center px-[24px] py-[16px] text-sm bg-white border-t border-[#F0F0F0] gap-[32px] shrink-0",children:[h.jsxs("div",{className:"flex items-center gap-[8px] text-gray-600 text-[14px]",children:[h.jsx("div",{children:"Rows per page:"}),h.jsx("select",{value:n,onChange:v=>{r(Number(v.target.value)),o(1)},className:"border rounded px-[8px] py-[4px]",children:l.map((v,x)=>h.jsx("option",{value:v,children:v},x))}),h.jsxs("div",{className:"ml-4 text-[14px]",children:[c?.length===0?"0–0":`1–${c?.length}`," of"," ",a||c?.length]})]}),h.jsxs("div",{className:"flex items-center space-x-2 text-gray-600 text-[14px]",children:[h.jsx("button",{onClick:()=>o(1),disabled:i===1,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:h.jsx(F4,{size:18})}),h.jsx("button",{onClick:()=>o(v=>v-1),disabled:i===1,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:h.jsx(R1,{size:18})}),h.jsx("button",{onClick:()=>o(v=>v+1),disabled:i===f,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:h.jsx(B1,{size:18})}),h.jsx("button",{onClick:()=>o(f),disabled:i===f,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:h.jsx(L4,{size:18})})]})]})]})}const gF=({options:e=[],value:t,onChange:n})=>{const[r,i]=k.useState(!1),o=k.useRef(null);return k.useEffect(()=>{const a=s=>{o.current&&!o.current.contains(s.target)&&i(!1)};return document.addEventListener("mousedown",a),()=>{document.removeEventListener("mousedown",a)}},[]),h.jsxs("div",{ref:o,className:"relative h-[32px]",children:[h.jsxs("div",{className:"flex items-center justify-between gap-[10px] px-[12px] py-[8px] border border-[#E2E8F0] rounded-[4px] cursor-pointer min-w-[140px]",onClick:()=>i(!r),children:[h.jsx("div",{className:"text-[12px] leading-[16px] min-w-[109px] text-[#64748B]",children:t}),h.jsx(Gfe,{size:16,className:"text-[#64748B]"})]}),r&&h.jsx("div",{className:"absolute top-[110%] left-0 w-full bg-white border border-[#E2E8F0] rounded-[8px] shadow-md z-10",children:e.map((a,s)=>h.jsx("div",{className:"px-[12px] py-[8px] text-[14px] text-[#334155] hover:bg-[#F1F5F9] cursor-pointer",onClick:()=>{n(a),i(!1)},children:a},s))})]})},The=({data:e,communities:t,title:n})=>{const[r,i]=k.useState({}),[o,a]=k.useState(""),s=t?.map(d=>d?.community_name)||[];k.useEffect(()=>{s?.length>0&&!o&&a(s[0])},[s,o]);const l=[{community_name:"L1",Cancelled:55,Open:50,OnHold:20,InProgress:10},{community_name:"L2",Cancelled:15,Open:15,OnHold:8,InProgress:5},{community_name:"L3",Cancelled:12,Open:75,OnHold:18,InProgress:7}],c=k.useMemo(()=>e?Array.isArray(e)&&e.length===0?[]:e:l,[e]),u=d=>{const{dataKey:f}=d||{};i(p=>({...p,[f]:!p?.[f]}))};return Array.isArray(e)&&e.length===0?h.jsx(kt,{title:n||"Escalation Level By Building",titleWeight:"semi-bold",className:"h-[362px]",children:h.jsx("div",{className:"w-full flex items-center justify-center",children:h.jsx(Vt,{title:"No Maintenance Assets Status Found",description:"Catch up all the data. Change the date range to see the data."})})}):h.jsx(kt,{title:n||"Escalation Level By Building",titleWeight:"semi-bold",className:"h-[362px]",childrenClassName:"mt-[21px]",rightContent:h.jsx(gF,{options:s,value:o,onChange:d=>a(d)}),children:h.jsx("div",{className:"w-full flex items-center justify-center",children:Array.isArray(e)&&e.length===0?h.jsx("div",{className:"text-[#94A3B8] text-sm",children:"No Data Found"}):h.jsx("div",{className:"relative w-full h-[261px]",children:h.jsx(Ot,{width:"100%",height:"100%",children:h.jsxs(ko,{data:c,barSize:54,barCategoryGap:"40%",margin:{top:20,right:20,left:-20,bottom:0},children:[h.jsx(sr,{strokeDasharray:"3 3",vertical:!1,stroke:"#E2E8F0"}),h.jsx(Gn,{dataKey:"community_name",tick:{fill:"#64748B",fontSize:12},axisLine:!1,tickLine:!1}),h.jsx($n,{tick:{fill:"#64748B",fontSize:12},axisLine:!1,tickLine:!1,allowDecimals:!1}),h.jsx(St,{cursor:{fill:"rgba(148, 163, 184, 0.12)"},allowEscapeViewBox:{x:!0,y:!0},content:d=>!d?.active||!d?.payload?.length?null:h.jsx(Ut,{...d,data:c,children:h.jsxs("div",{className:"bg-black rounded-[10px] px-[14px] py-[10px] text-[12px] text-white",children:[h.jsx("div",{className:"mb-[6px] font-semibold",children:d?.label}),d?.payload?.map((f,p)=>{const m=f?.color||f?.fill||"#fff";return h.jsxs("div",{className:"flex items-center gap-[6px]",children:[h.jsx("span",{className:"w-[8px] h-[8px] rounded-full inline-block",style:{backgroundColor:m}}),h.jsx("span",{className:"text-[#D1D3D4]",children:f?.name}),h.jsx("span",{className:"text-white font-semibold",children:f?.value})]},p)})]})})}),h.jsx(rl,{verticalAlign:"bottom",align:"center",onClick:u,content:({payload:d})=>h.jsx("div",{className:"flex items-center justify-center gap-[16px] pt-4 flex-wrap",children:d?.map((f,p)=>h.jsxs("div",{onClick:()=>u({dataKey:f?.dataKey}),className:"flex items-center gap-[8px] cursor-pointer",children:[h.jsx("div",{className:`w-[16px] h-[8px] ${r?.[f?.dataKey]?"bg-slate-300":""}`,style:{backgroundColor:r?.[f?.dataKey]?"#CBD5E1":f?.color}}),h.jsx("span",{className:`text-[12px] ${r?.[f?.dataKey]?"text-[#CBD5E1]":"text-[#64748B]"}`,children:f?.value})]},p))})}),h.jsx(Gt,{dataKey:"Open",stackId:"a",fill:"#3B82F6",hide:r?.Open}),h.jsx(Gt,{dataKey:"Cancelled",stackId:"a",fill:"#B91C1C",hide:r?.Cancelled}),h.jsx(Gt,{dataKey:"OnHold",stackId:"a",fill:"#64748B",hide:r?.OnHold,name:"On-Hold"}),h.jsx(Gt,{dataKey:"InProgress",stackId:"a",fill:"#F59E0B",hide:r?.InProgress,name:"In Progress"})]})})})})})},Nhe=({data:e=[],communities:t})=>{const[n,r]=k.useState(""),i=t?.map(s=>s?.community_name)||[];k.useEffect(()=>{i?.length>0&&!n&&r(i[0])},[i,n]);const o=Array.isArray(e)?e:[],a=!o.length||o.every(s=>s.no_of_visitors===0);return h.jsx(kt,{title:"Top 5 Tenants by Visitors",titleWeight:"semi-bold",className:"h-[360px]",childrenClassName:"mt-[20px]",rightContent:h.jsx(gF,{options:i,value:n,onChange:s=>r(s)}),children:a?h.jsx("div",{className:"w-full h-[280px] flex items-center justify-center",children:h.jsx(Vt,{title:"No Visitors Found",description:"Catch up all the data. Change the date range to see the data."})}):h.jsx("div",{className:"w-full h-[274px]",children:h.jsx(Ot,{width:"100%",height:"100%",children:h.jsxs(tj,{data:o,margin:{top:10,right:20,left:0,bottom:0},children:[h.jsx("defs",{children:h.jsxs("linearGradient",{id:"colorVisitors",x1:"0",y1:"0",x2:"0",y2:"1",children:[h.jsx("stop",{offset:"0%",stopColor:"#6366F1",stopOpacity:.25}),h.jsx("stop",{offset:"100%",stopColor:"#6366F1",stopOpacity:0})]})}),h.jsx(sr,{strokeDasharray:"3 3",vertical:!1,stroke:"#F1F5F9"}),h.jsx(Gn,{dataKey:"day",type:"category",scale:"point",axisLine:{stroke:"#EBEBEB"},padding:{left:30,right:30},tick:{fontSize:12,fill:"#64748B"},tickLine:!1,height:36,tickMargin:10,tickFormatter:e?.length>1?s=>{if(!s)return"";const l=8;return s.length>l?`${s.slice(0,l)}...`:s}:void 0}),h.jsx($n,{width:35,tick:{fontSize:12,fill:"#64748B"},axisLine:!1,tickLine:!1,allowDecimals:!1,domain:[0,"dataMax + 2"]}),h.jsx(St,{cursor:!1,content:s=>h.jsx(Ut,{...s,data:o,children:(()=>{if(!s.active||!s.label)return null;const l=o.find(c=>c.day===s.label);return h.jsxs("div",{className:"bg-[#111] text-white px-[14px] py-[8px] rounded-[6px] flex flex-col gap-[6px] text-[13px]",children:[h.jsx("div",{className:"font-semibold",children:s.label}),h.jsxs("div",{className:"flex items-center gap-[8px]",children:[h.jsx("div",{className:"w-2 h-2 rounded-full bg-[#6366F1]"}),h.jsx("div",{className:"text-[#aaa]",children:"Visitors"}),h.jsx("div",{className:"font-bold",children:l?.no_of_visitors??0})]})]})})()})}),h.jsx(hx,{type:"monotone",dataKey:"no_of_visitors",stroke:"#6366F1",strokeWidth:2,fill:"url(#colorVisitors)",dot:{r:5,stroke:"#6366F1",strokeWidth:2,fill:"#fff"},activeDot:s=>{const{cx:l,cy:c}=s;return h.jsxs("g",{children:[h.jsx("circle",{cx:l,cy:c,r:6,fill:"#fff",stroke:"#6466F1",strokeWidth:2}),h.jsx("circle",{cx:l,cy:c,r:2.5,fill:"#6466F1"})]})}})]})})})})},jhe=({data:e})=>{const t=[{name:"Kosmo One",total:29,pending_approval:1,cancelled:2},{name:"OWC",total:23,pending_approval:9,cancelled:3},{name:"Exora",total:40,pending_approval:12,cancelled:1},{name:"OIC - T3",total:27,pending_approval:19,cancelled:8}],n=e==null?t:Array.isArray(e)?e:[],r=Array.isArray(n)&&n.length===0;return h.jsx(kt,{title:"Building Wise Approvals",titleWeight:"semi-bold",className:"h-[362px]",childrenClassName:"mt-[34px]",children:r?h.jsx("div",{className:"h-[250px] flex items-center justify-center",children:h.jsx(Vt,{title:"No Data Found",description:"Catch up all the data. Change the date range to see the data."})}):h.jsxs("div",{className:"w-full border border-[#EBEBEB] rounded-[10px] overflow-hidden",children:[h.jsxs("div",{className:"grid grid-cols-4 bg-[#FAFAFA] px-[12px] py-[8px] text-[12px] leading-[16px] font-semibold text-[#64748B]",children:[h.jsx("div",{children:"Tenant"}),h.jsx("div",{className:"flex justify-end",children:"Total"}),h.jsx("div",{className:"flex justify-end",children:"Pending"}),h.jsx("div",{className:"flex justify-end",children:"Cancelled"})]}),h.jsx("div",{className:"max-h-[280px] overflow-y-auto hide-scrollbar",children:n.map((i,o)=>h.jsxs("div",{className:"grid grid-cols-4 p-[12px] text-[12px] leading-[16px] border-t border-[#EBEBEB]",children:[h.jsx("div",{className:"text-[#475569]",children:i.name}),h.jsx("div",{className:"flex justify-end text-[#36AB6C]",children:i.total}),h.jsx("div",{className:"flex justify-end text-[#F2A815]",children:i.pending_approval}),h.jsx("div",{className:"flex justify-end text-[#AB0000]",children:i.cancelled})]},o))})]})})},vm=["#8CB33E","#F59E0B","#3B82F6","#06B6D4","#CFCFCF"],Mhe=[{asset_group_name:"Lifts",asset_count:3,investment:"₹ 45L"},{asset_group_name:"Fire Systems",asset_count:16,investment:"₹ 28L"},{asset_group_name:"Generators",asset_count:16,investment:"₹ 95L"},{asset_group_name:"HVAC",asset_count:24,investment:"₹ 1.2Cr"},{asset_group_name:"Others",asset_count:97,investment:"₹ 52L"}],Ihe=({rows:e,totalAssets:t})=>{const n=k.useMemo(()=>e?e.length===0?[]:e.map((i,o)=>({name:i.asset_group_name,facility_name:i.asset_group_name,value:i.asset_count||0,investment:i.investment||"-",fill:vm[o%vm.length]})):Mhe.map((i,o)=>({name:i.asset_group_name,facility_name:i.asset_group_name,value:i.asset_count||0,investment:i.investment||"-",fill:vm[o%vm.length]})),[e]),r=t??n.reduce((i,o)=>i+o.value,0);return e&&e.length===0?h.jsx(kt,{title:"Assets by Type",titleWeight:"semi-bold",className:"h-[362px]",children:h.jsx("div",{className:"flex items-center justify-center h-full",children:h.jsx(Vt,{title:"No Assets Found",description:"Catch up all the data. Change the date range to see the data."})})}):h.jsx(kt,{title:"Assets by Type",titleWeight:"semi-bold",className:"h-[362px]",children:h.jsxs("div",{className:"flex items-center justify-between h-full mt-[16px]",children:[h.jsxs("div",{className:"relative w-[252px] h-[273px]",children:[h.jsx(Ot,{width:"100%",height:"100%",children:h.jsxs(Ri,{children:[h.jsx(ai,{data:n,dataKey:"value",cx:"50%",cy:"50%",innerRadius:60,outerRadius:90,paddingAngle:2,stroke:"#FFFFFF",strokeWidth:2,startAngle:90,endAngle:-270,children:n.map((i,o)=>h.jsx(In,{fill:i.fill},o))}),h.jsx(St,{cursor:!1,allowEscapeViewBox:{x:!0,y:!0},content:i=>i.active?h.jsx(Ut,{...i,data:n,children:h.jsx($r,{...i})}):null})]})}),h.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center pointer-events-none",children:[h.jsx("div",{className:"text-[24px] leading-[33px] font-medium text-[#121212]",children:r}),h.jsx("div",{className:"text-[12px] leading-[17px] text-[#64748B] mt-[2px]",children:"Total Assets"})]})]}),h.jsx("div",{className:"flex-1 max-w-[280px]",children:h.jsxs("div",{className:"rounded-[12px] overflow-hidden bg-white border border-[#E2E8F0]",children:[h.jsxs("div",{className:"grid grid-cols-3 px-[16px] py-[12px] bg-[#F8FAFC]",children:[h.jsx("div",{className:"text-[12px] font-medium text-[#64748B]",children:"Asset"}),h.jsx("div",{className:"text-[12px] font-medium text-[#64748B] text-center",children:"Count"}),h.jsx("div",{className:"text-[12px] font-medium text-[#64748B] text-right",children:"Investment"})]}),h.jsx("div",{className:"max-h-[205px] overflow-y-auto hide-scrollbar",children:n.map((i,o)=>h.jsxs("div",{className:"grid grid-cols-3 px-[16px] py-[12px] border-t border-[#F1F5F9]",children:[h.jsxs("div",{className:"flex items-center gap-[8px]",children:[h.jsx("div",{className:"w-[16px] h-[7px]",style:{backgroundColor:i.fill}}),h.jsx("div",{className:"text-[13px] text-[#475569]",children:i.name})]}),h.jsx("div",{className:"text-[13px] text-[#64748B] text-center",children:i.value}),h.jsx("div",{className:"text-[13px] text-[#64748B] text-right",children:i.investment})]},o))})]})})]})})};function Fhe({columns:e=[],data:t=[],rowsPerPage:n=10,setRowsPerPage:r=()=>{},currentPage:i=1,setCurrentPage:o=()=>{},totalRows:a=0,totalPages:s=1,pageOptions:l=[10,20,30,40,50],disableRowsPerPage:c}){const u=Array.isArray(t)?t:[],d=Array.isArray(e)?e:[],f=`200px repeat(${d.length-1}, minmax(150px, 1fr))`,p={};return d.forEach(m=>{if(m.key!=="name"){let g=0;for(let v=0;v<u.length;v++){const x=u[v][m.key];typeof x=="number"&&(g+=x)}p[m.key]=g}}),h.jsxs("div",{className:"w-full bg-white rounded-[12px] h-[390px] !border-[0.5px] !border-[#EBEBEB] !shadow-[0_0_12px_0_#EAF2FF] overflow-hidden flex flex-col",children:[h.jsx("div",{className:"flex-1 overflow-auto hide-scrollbar",children:u.length===0?h.jsx("div",{className:"h-full flex items-center justify-center",children:h.jsx(Vt,{title:"No Data Found",description:"Catch up all the data. Change the date range to see the data."})}):h.jsxs("div",{className:"min-w-full",children:[h.jsx("div",{className:"grid bg-[#354A5E] text-white text-[14px] font-medium sticky top-0 z-30",style:{gridTemplateColumns:f},children:d.map((m,g)=>h.jsx("div",{title:m.label,className:`px-[24px] py-[16px] whitespace-nowrap overflow-hidden text-ellipsis ${g===0?"sticky left-0 z-40 bg-[#354A5E] shadow-[2px_0_5px_rgba(0,0,0,0.1)] border-r border-[#2C3E50]":""}`,children:m.label},g))}),u.map((m,g)=>h.jsx("div",{className:"grid",style:{gridTemplateColumns:f},children:d.map((v,x)=>h.jsx("div",{className:`px-[24px] py-[14px] text-[14px] flex items-center ${x===0?"bg-white sticky left-0 z-20 font-medium shadow-[2px_0_5px_rgba(0,0,0,0.05)] border-r border-gray-200":"bg-gray-50"}`,children:m[v.key]??"-"},x))},g)),h.jsx("div",{className:"grid bg-[#F8FAFC] border-t border-[#F0F0F0] sticky bottom-0 z-30",style:{gridTemplateColumns:f},children:d.map((m,g)=>h.jsx("div",{className:`px-[24px] py-[16px] ${g===0?"sticky left-0 z-40 bg-[#F8FAFC] text-[#64748B] font-medium shadow-[2px_0_5px_rgba(0,0,0,0.05)] border-r border-gray-200":"text-[#64748B] font-medium"}`,children:m.key==="name"?"Grand Total":p[m.key]||"-"},g))})]})}),h.jsxs("div",{className:"flex justify-end items-center px-[24px] py-[16px] text-sm bg-white border-t border-[#F0F0F0] gap-[32px]",children:[h.jsxs("div",{className:"flex items-center gap-[8px] text-gray-600 text-[14px]",children:[h.jsx("div",{children:"Rows per page:"}),h.jsx("select",{value:n,disabled:c,onChange:m=>{r(Number(m.target.value)),o(1)},className:"border rounded px-[8px] py-[4px]",children:l.map((m,g)=>h.jsx("option",{value:m,children:m},g))}),h.jsxs("div",{className:"ml-4 text-[14px]",children:[u.length===0?"0–0":`1–${u.length}`," of"," ",a||u.length]})]}),h.jsxs("div",{className:"flex items-center space-x-2 text-gray-600 text-[14px]",children:[h.jsx("button",{onClick:()=>o(1),disabled:i===1,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:h.jsx(F4,{size:18})}),h.jsx("button",{onClick:()=>o(m=>m-1),disabled:i===1,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:h.jsx(R1,{size:18})}),h.jsx("button",{onClick:()=>o(m=>m+1),disabled:i===s,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:h.jsx(B1,{size:18})}),h.jsx("button",{onClick:()=>o(s),disabled:i===s,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:h.jsx(L4,{size:18})})]})]})]})}ae.AccessPointsUsage=tF,ae.Accounting=Ofe,ae.Amenities=K4,ae.AmenitiesStatsCard=$o,ae.AmenityWiseRevenue=uF,ae.AssetValueBreakdown=$fe,ae.AssetsByType=dF,ae.BlockWiseOccupancy=gfe,ae.BookingTrendChart=cF,ae.Bookings=lF,ae.Budgets=Afe,ae.BuildingWiseApprovals=jhe,ae.Card=Le,ae.CardAccess=eF,ae.CashBankBalance=Nfe,ae.CommercialAccessOverview=J4,ae.CommercialAmenitiesDashboard=Che,ae.CommercialAssetManagementDashboard=Phe,ae.CommercialDashboard=dhe,ae.CommercialEngagementDashboard=Ahe,ae.CommercialGuardPatrols=pF,ae.CommercialGuardPetrolDashboard=Dhe,ae.CommercialHelpdeskDashboard=bhe,ae.CommercialIncidentReports=hF,ae.CommercialOccupancy=z4,ae.CommercialReportTable=mF,ae.CommercialSmartAccessDashboard=mhe,ae.CommercialTableDashboard=mF,ae.CommercialVisitorsDashboard=whe,ae.Community=Jae,ae.Complaints=Mpe,ae.ComplaintsByLevel=Lpe,ae.DuesAgeing=Mfe,ae.EmployeeFootfall=V4,ae.Engagement=tM,ae.EngagementStatsGrid=rhe,ae.EscalationLevel=The,ae.EventsUtilisation=Gpe,ae.ExpenseCategories=Ffe,ae.Facilities=ese,ae.FinanceSummary=tse,ae.FoodBeverages=U4,ae.GateAndSecurityStatsGrid=Tpe,ae.GateUpdates=zse,ae.GuardPatrols=vpe,ae.Header=k8,ae.Helpdesk=Vse,ae.HelpdeskStatsGrid=Upe,ae.HourlyTrafficFlow=_pe,ae.IncidentReports=Ope,ae.IncomeExpenditure=A4,ae.MainHeader=B8,ae.MaintenanceStatus=fF,ae.MetricCard=z1,ae.MobileAccess=eF,ae.MoveInOutTrends=bfe,ae.NoticeBoardStatus=Zpe,ae.OccupancyOverview=pfe,ae.OrganisationWiseVisitors=sF,ae.PortfolioAssetsByType=Ihe,ae.RequestBox=Rpe,ae.ResidentOverview=hfe,ae.RevenuebyCategory=Bfe,ae.SingleStats=ehe,ae.StaffAttendance=R4,ae.StatsGrid=mpe,ae.TenantsByVisitors=Nhe,ae.TicketEscalation=q4,ae.TicketStatus=G4,ae.Tickets=nF,ae.TicketsperCategory=rF,ae.TotalCommercialTable=Fhe,ae.UnitStatus=ffe,ae.VisitorUpdates=Z4,ae.WeeklyVisitorPattern=aF,Object.defineProperty(ae,Symbol.toStringTag,{value:"Module"})}));
|