anarock-widgets 1.0.218 → 1.0.219
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 +14 -1
- package/dist/index.umd.js +1 -1
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -366,4 +366,4 @@ Take a look at the reducer(s) handling this action type: ${p.type}.
|
|
|
366
366
|
* See the LICENSE file in the root directory of this source tree.
|
|
367
367
|
*/const hde=[["path",{d:"M19 5a2 2 0 0 0-2 2v11",key:"s41o68"}],["path",{d:"M2 18c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1",key:"rd2r6e"}],["path",{d:"M7 13h10",key:"1rwob1"}],["path",{d:"M7 9h10",key:"12czzb"}],["path",{d:"M9 5a2 2 0 0 0-2 2v11",key:"x0q4gh"}]],mde=Co("waves-ladder",hde),dn=({title:e,icon:t,period:n,isDateSelector:r=!1,children:i,footer:o,className:a="",titleWeight:s,titleColor:l,iconClassName:c,titleClassName:u,childrenClassName:d,onCalendarClick:f,onPrevClick:p,onNextClick:h})=>{const m=s==="semi-bold"?600:500;return v.jsxs("div",{className:`relative bg-white rounded-[12px] p-[24px] shadow-[0_0_12px_0_#EAF2FF] ${a}`,children:[v.jsxs("div",{className:"flex items-center justify-between",children:[v.jsxs("div",{className:"flex items-center gap-[8px]",children:[t&&v.jsx("div",{className:c,children:t}),v.jsx("div",{style:{fontWeight:m,color:l||"#121212"},className:u||"text-[20px] leading-[24px]",children:e})]}),n&&!r&&v.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:n}),r&&v.jsxs("div",{className:"flex items-center gap-[12px] px-[16px] py-[8px] rounded-[8px] bg-white text-sm text-[#64748B]",children:[v.jsx(rde,{size:16,className:"text-[#64748B] cursor-pointer",onClick:f}),v.jsx(zR,{size:16,className:"cursor-pointer",onClick:p}),v.jsx("span",{className:"text-[12px] leading-[16px] text-[#64748B]",children:n}),v.jsx(VR,{size:16,className:"cursor-pointer",onClick:h})]})]}),v.jsx("div",{className:`flex-1 min-h-0 mt-4 ${d}`,children:i}),o&&v.jsx("div",{className:"mt-4 pt-4 border-t border-gray-100 text-[12px] text-[#64748B]",children:o})]})},gde={completed:18,not_completed:6,missed:4};function vde({data:e={}}){const t=e&&Object.keys(e).length>0?e:gde,n=[{name:"Completed",value:Number(t?.completed??0),color:"#12B981"},{name:"Delayed",value:Number(t?.not_completed??0),color:"#EF4444"},{name:"Missed",value:Number(t?.missed??0),color:"#F69E0A"}],r=Number(t?.completed??0)+Number(t?.not_completed??0)+Number(t?.missed??0),i=Number(t?.completed??0);return v.jsx(dn,{title:"Guard Patrols",className:"h-[362px]",titleWeight:"semi-bold",children:v.jsxs("div",{className:"flex flex-col items-center justify-center",children:[v.jsxs("div",{className:"w-[215px] h-[182px] relative",children:[v.jsx(Ft,{width:"100%",height:"100%",children:v.jsxs(_o,{children:[v.jsx(Mi,{data:n??[],innerRadius:60,outerRadius:90,paddingAngle:2,dataKey:"value",nameKey:"name",children:n?.map?.((o,a)=>v.jsx(kn,{fill:o?.color??"#ccc"},`cell-${a}`))}),v.jsx(Vt,{formatter:o=>Number(o??0).toLocaleString()})]})}),v.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center pointer-events-none",children:[v.jsxs("div",{className:"font-medium text-[19.35px] leading-[23.65px]",children:[i??0,"/",r??0]}),v.jsx("div",{className:"text-[10.75px] leading-[15.05px] text-[#64748B]",children:"Completed"})]})]}),v.jsx("div",{className:"flex flex-col w-full text-[14px]",children:n?.length?n?.map?.((o,a)=>v.jsxs("div",{className:`flex items-center justify-between py-[10px] ${a!==(n?.length??0)-1?"border-b border-[#F1F5F9]":""}`,children:[v.jsxs("div",{className:"flex items-center gap-[10px]",children:[v.jsx("div",{className:"inline-block w-[16px] h-[7px]",style:{backgroundColor:o?.color??"#ccc"}}),v.jsx("div",{className:"leading-[16.09px] text-[12.07px] text-[#64748B]",children:o?.name??"-"})]}),v.jsx("div",{className:"leading-[16.09px] text-[12.07px] text-[#64748B]",children:o?.value??0})]},o?.name??a)):v.jsx("div",{className:"text-center text-gray-400 text-sm py-[24px]",children:"No patrol data"})})]})})}$n.register(Eo,Oo,o1,i1,Yr,Jr);const yde=["10 AM","12 PM","2 PM","4 PM","6 PM","8 PM","10 PM"],zd={guest:[9,5,12,7,3,6,4],cab:[15,12,10,14,7,12,8],delivery:[22,18,16,20,22,14,17],service:[13,12,8,9,5,10,7]},bde=({data:e})=>{const n={labels:Array.isArray(e?.labels)&&e.labels.length>0?e.labels:yde,datasets:[{label:"Guest",data:Array.isArray(e?.guest)&&e.guest.length>0?e.guest:zd.guest,borderColor:"#EF4444",backgroundColor:"rgba(239,68,68,0.15)",pointBackgroundColor:"#EF4444",pointStyle:"rectRot",fill:!1},{label:"Cab",data:Array.isArray(e?.cab)&&e.cab.length>0?e.cab:zd.cab,borderColor:"#7C3AED",backgroundColor:"rgba(124,58,237,0.15)",pointBackgroundColor:"#7C3AED",pointStyle:"rectRot",fill:!1},{label:"Delivery",data:Array.isArray(e?.delivery)&&e.delivery.length>0?e.delivery:zd.delivery,borderColor:"#10B981",backgroundColor:"rgba(16,185,129,0.15)",pointBackgroundColor:"#10B981",pointStyle:"rectRot",fill:!1},{label:"Service",data:Array.isArray(e?.service)&&e.service.length>0?e.service:zd.service,borderColor:"#F59E0B",backgroundColor:"rgba(245,158,11,0.15)",pointBackgroundColor:"#F59E0B",pointStyle:"rectRot",fill:!1}]},r={responsive:!0,maintainAspectRatio:!1,interaction:{mode:"index",intersect:!1},plugins:{legend:{position:"bottom",labels:{usePointStyle:!0,boxWidth:10,boxHeight:10,padding:20}},tooltip:{backgroundColor:"#0F172A",titleColor:"#FFFFFF",bodyColor:"#FFFFFF",displayColors:!1,padding:12,caretSize:0,callbacks:{title:i=>i[0].label,label:i=>`${i.dataset.label} ${i.parsed.y}`}}},scales:{x:{grid:{color:"#F1F5F9"},ticks:{color:"#64748B"}},y:{beginAtZero:!0,suggestedMax:28,grid:{color:"#F1F5F9"},ticks:{color:"#64748B",stepSize:4,precision:0}}},elements:{line:{borderWidth:2,tension:0},point:{radius:0,hoverRadius:3,hitRadius:10}}};return v.jsx(Ie,{title:"Hourly Traffic Flow",className:"w-full h-[362px]",period:v.jsx(Wr,{className:"text-[20px] text-[#884EA7]"}),children:v.jsx(s1,{data:n,options:r})})},xde={open:4,in_progress:7,closed:12},wde=[{incident_code:"INC-401",severity_level:"L1",severity:"Danger"},{incident_code:"INC-402",severity_level:"L2",severity:"High"},{incident_code:"INC-403",severity_level:"L3",severity:"Low"}];function _de({incidentReports:e={},incidentReportsDetails:t=[]}){const n=e&&Object.keys(e).length>0?e:xde,r=Array.isArray(t)&&t.length>0?t:wde,i=Number(n?.open??0),o=Number(n?.in_progress??0),a=Number(n?.closed??0);return v.jsx(dn,{title:"Incident Reports",className:"h-[362px]",titleWeight:"semi-bold",children:v.jsxs("div",{children:[v.jsxs("div",{className:"flex w-full text-center gap-[24px]",children:[v.jsxs("div",{className:"flex-1 py-[12px] bg-[#FBF4F4] h-[76px] rounded",children:[v.jsx("div",{className:"!text-[24px] leading-[28px] font-medium text-[#AB0000]",children:i??0}),v.jsx("div",{className:"!text-[12px] leading-[16px] text-[#AB0000]",children:"Open"})]}),v.jsxs("div",{className:"flex-1 py-[12px] bg-[#FFFBF2] h-[76px] rounded",children:[v.jsx("div",{className:"!text-[24px] leading-[28px] font-medium text-[#E7A015]",children:o??0}),v.jsx("div",{className:"!text-[12px] leading-[16px] text-[#E7A015]",children:"In-progress"})]}),v.jsxs("div",{className:"flex-1 py-[12px] bg-[#F7FEFA] h-[76px] rounded",children:[v.jsx("div",{className:"!text-[24px] leading-[28px] font-medium text-[#1FA05B]",children:a??0}),v.jsx("div",{className:"!text-[12px] leading-[16px] text-[#1FA05B]",children:"Closed"})]})]}),v.jsx("div",{className:"mt-4 space-y-2",children:r?.length?r?.map?.((s,l)=>{const c=s?.severity==="Danger"?"text-[#AB0000]":s?.severity==="High"?"text-[#E7A015]":"text-[#1FA05B]";return v.jsxs("div",{className:"flex items-center justify-between p-[12px] bg-[#FAFBFD] rounded-md",children:[v.jsx("div",{className:"flex items-center gap-[8px]",children:v.jsx("div",{className:"text-gray-700 font-medium",children:s?.incident_code??"-"})}),v.jsx("div",{className:`!text-[12px] font-semibold flex items-center gap-[4px] ${c}`,children:v.jsxs("div",{children:[s?.severity_level??"-"," - ",s?.severity??"-"]})})]},l)}):v.jsx("div",{className:"text-center text-gray-400 text-sm py-[24px]",children:"No incidents found"})})]})})}const Sde=[{total_staff:42,absent_staff:6}],Ede=[{staff_role_name:"Security Guard",total_staff:18,present_staff:16},{staff_role_name:"Supervisor",total_staff:8,present_staff:7},{staff_role_name:"Technician",total_staff:10,present_staff:9},{staff_role_name:"Technician",total_staff:10,present_staff:9}];function Ode({staffPresentAbsent:e,staffPresentByRole:t}){const n=Array.isArray(e)&&e.length>0?e:Sde,r=Array.isArray(t)&&t.length>0?t:Ede,i=n?.[0]?.total_staff??0,o=n?.[0]?.absent_staff??0,a=(i??0)-(o??0);return v.jsx(dn,{title:"Staff Attendance",className:"h-[362px] overflow-hidden ",titleWeight:"semi-bold",children:v.jsxs("div",{children:[v.jsxs("div",{className:"flex gap-[16px] text-center mt-[24px]",children:[v.jsxs("div",{className:"flex-1 py-[12px] bg-[#F7FEFA] rounded h-[76px]",children:[v.jsx("div",{className:"text-[24px] font-medium text-[#1FA05B]",children:a??0}),v.jsx("div",{className:"text-[12px] text-[#1FA05B]",children:"Present"})]}),v.jsxs("div",{className:"flex-1 py-[12px] bg-[#FBF4F4] rounded h-[76px]",children:[v.jsx("div",{className:"text-[24px] font-medium text-[#AB0000]",children:o??0}),v.jsx("div",{className:"text-[12px] text-[#AB0000]",children:"Absent"})]})]}),v.jsx("div",{className:"mt-[24px] space-y-2 overflow-y-auto max-h-[200px] hide-scrollbar",children:r?.length?r?.map?.((s,l)=>{const c=Number(s?.total_staff??0),u=Number(s?.present_staff??0);return v.jsxs("div",{className:"flex items-center justify-between p-[12px] bg-[#F8FAFC] rounded-md",children:[v.jsx("div",{className:"text-[#121212] text-[14px] leading-[18px] font-medium",children:s?.staff_role_name??"-"}),v.jsxs("div",{className:"text-[14px] leading-[20px] text-[#64748B]",children:[u??0,"/",c??0]})]},l)}):v.jsx(v.Fragment,{})})]})})}function Cde(e){return Ze({attr:{viewBox:"0 0 256 256",fill:"currentColor"},child:[{tag:"path",attr:{d:"M116,132V96a12,12,0,0,1,24,0v36a12,12,0,0,1-24,0Zm12,56a16,16,0,1,0-16-16A16,16,0,0,0,128,188ZM228,56v56c0,54.29-26.32,87.22-48.4,105.29-23.71,19.39-47.44,26-48.44,26.29a12.1,12.1,0,0,1-6.32,0c-1-.28-24.73-6.9-48.44-26.29C54.32,199.22,28,166.29,28,112V56A20,20,0,0,1,48,36H208A20,20,0,0,1,228,56Zm-24,4H52v52c0,35.71,13.09,64.69,38.91,86.15A126.14,126.14,0,0,0,128,219.38a126.28,126.28,0,0,0,37.09-21.23C190.91,176.69,204,147.71,204,112Z"},child:[]}]})(e)}function Pde({title:e,value:t,delta:n,deltaLabel:r,positive:i=!0,Icon:o=cu,iconColor:a="text-emerald-600",iconBg:s="bg-emerald-50"}){return v.jsxs(Ie,{title:e,icon:v.jsx("div",{className:"h-6 w-6 grid place-items-center",children:v.jsx(o,{className:`h-6 w-6 ${a}`})}),children:[v.jsx("div",{className:"text-4xl font-semibold tracking-tight text-[#121212]",children:t}),v.jsxs("div",{className:"flex items-center gap-[8px] text-[14px]",children:[v.jsx("div",{className:i?"text-emerald-600 font-medium":"text-rose-600 font-medium",children:n}),v.jsx("div",{className:"text-slate-500",children:r})]})]})}const kde=[{title:"Total Visitors",value:160,delta:"+11.0%",deltaLabel:"Compared to last month",positive:!0,Icon:xb,iconColor:"text-[#329DFF]"},{title:"Active Incidents",value:73,delta:"+2.0%",deltaLabel:"Compared to last month",positive:!0,Icon:aoe,iconColor:"text-[#F69E0A]"},{title:"Missed Patrols",value:3,delta:"+11.0%",deltaLabel:"Compared to last month",positive:!0,Icon:Cde,iconColor:"text-[#AB0000]"},{title:"Parking Usage",value:5,delta:"-8.0%",deltaLabel:"Compared to last month",positive:!1,Icon:E3,iconColor:"text-[#36AB6C]"}];function Dde({data:e}){const t=Array.isArray(e)&&e.length>0?e:kde;return v.jsx("div",{className:"px-[20px] grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-[24px]",children:t.map((n,r)=>v.jsx(Pde,{...n},r))})}const Ade=[{title:"Maintenance",total:12,pending:3},{title:"Security",total:8,pending:1},{title:"Housekeeping",total:6,pending:2},{title:"Utilities",total:10,pending:4}],Tde=(e="")=>e.replace(/</g,"<").replace(/>/g,">").replace(/<[^>]*>/g,"").trim();function Mde({data:e}){const t=Array.isArray(e?.complaints_by_category)&&e.complaints_by_category.length>0?e.complaints_by_category.map(n=>({title:Tde(n.category_name)||"—",total:n.total||0,pending:n.pending||0})):Ade;return v.jsx(Ie,{title:"Complaints",className:"h-[362px]",titleWeight:"semi-bold",titleClassName:"!text-[20px] !leading-[24px]",children:v.jsx("div",{className:"flex flex-col gap-[12px]",children:t.map((n,r)=>v.jsxs("div",{className:"flex items-center justify-between bg-[#F9FAFB] rounded-[8px] p-[12px] h-[62px]",children:[v.jsxs("div",{className:"flex flex-col",children:[v.jsx("div",{className:"text-[14px] leading-[18px] font-medium text-[#121212] capitalize",children:n.title}),v.jsxs("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:["Total: ",n.total]})]}),v.jsxs("div",{className:"flex flex-col items-end",children:[v.jsx("div",{className:"text-[14px] leading-[18px] font-medium text-red-700",children:String(n.pending).padStart(2,"0")}),v.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:"Pending"})]})]},r))})})}const Nde=e=>{const t={0:"𝟎",1:"𝟏",2:"𝟐",3:"𝟑",4:"𝟒",5:"𝟓",6:"𝟔",7:"𝟕",8:"𝟖",9:"𝟗"};return String(e).split("").map(n=>t[n]||n).join("")},jde=[{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}],Rde=({active:e,payload:t,label:n})=>{if(!e||!t)return null;const r=[{key:"open_count",label:"Open",color:"#EF4444"},{key:"in_progress_count",label:"In Progress",color:"#F59D0D"},{key:"closed_count",label:"Closed",color:"#12B981"}];return v.jsxs("div",{style:{backgroundColor:"#0B0B0B",padding:"14px 40px 14px 18px",borderRadius:"10px",color:"#ffffff"},children:[v.jsx("div",{style:{color:"#ffffff",fontSize:"12px",fontWeight:"900",marginBottom:"10px"},children:n}),r.map((i,o)=>{const a=t[0]?.payload[i.key]||0,s=Nde(a);return v.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:o<r.length-1?"8px":"0",fontSize:"12px"},children:[v.jsx("div",{style:{width:"8px",height:"8px",backgroundColor:i.color,transform:"rotate(45deg)",marginRight:"8px"}}),v.jsx("span",{style:{color:"D1D3D4",minWidth:"100px"},children:i.label}),v.jsx("span",{style:{marginLeft:"auto",fontWeight:"700"},children:s})]},i.key)})]})},Ide=()=>{const e=[{label:"Open",color:"#EF4444"},{label:"In Progress",color:"#F59D0D"},{label:"Closed",color:"#12B981"}];return v.jsx("div",{style:{display:"flex",justifyContent:"space-between",gap:"15px"},children:e.map(t=>v.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"6px"},children:[v.jsx("div",{style:{width:"6px",height:"6px",backgroundColor:t.color,transform:"rotate(45deg)"}}),v.jsx("span",{style:{fontSize:"14px"},children:t.label})]},t.label))})},Lde=({data:e})=>{const t=P.useMemo(()=>(Array.isArray(e?.complaints_by_level)&&e.complaints_by_level.some(l=>Number(l.total)>0)?e.complaints_by_level:jde).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=P.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 v.jsxs(Ie,{title:"Complaints by Level",className:"w-full h-[362px]",titleWeight:"semi-bold",titleClassName:"!text-[20px] !leading-[24px]",children:[v.jsx(Ft,{width:"100%",height:"85%",children:v.jsxs(oa,{data:t,margin:{top:5,right:-25,left:-30,bottom:5},children:[v.jsx(Hr,{strokeDasharray:"0",vertical:!1}),v.jsx(br,{dataKey:"level"}),v.jsx(nr,{domain:[0,r],ticks:Array.from({length:i+1},(a,s)=>s*o)}),v.jsx(Vt,{content:v.jsx(Rde,{}),cursor:!1}),v.jsx(jn,{dataKey:"open_count",stackId:"a",fill:"#EF4444",barSize:44,radius:[0,0,0,0]}),v.jsx(jn,{dataKey:"in_progress_count",stackId:"a",fill:"#F59D0D",barSize:44,radius:[0,0,0,0]}),v.jsx(jn,{dataKey:"closed_count",stackId:"a",fill:"#12B981",barSize:44,radius:[0,0,0,0]})]})}),v.jsx(Ide,{})]})},Fde=[{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 $de({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})):Fde;return v.jsx(Ie,{title:"Request Box",className:"h-[362px]",titleWeight:"semi-bold",titleClassName:"!text-[20px] !leading-[24px]",children:v.jsx("div",{className:"flex flex-col gap-[12px]",children:t.map((n,r)=>v.jsxs("div",{className:"flex items-center justify-between bg-[#F9FAFB] rounded-[8px] p-[12px] h-[62px]",children:[v.jsxs("div",{className:"flex flex-col",children:[v.jsx("div",{className:"text-[14px] leading-[18px] font-medium text-[#121212] capitalize",children:n.title}),v.jsxs("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:["Total: ",n.total]})]}),v.jsxs("div",{className:"flex flex-col items-end",children:[v.jsx("div",{className:"text-[14px] leading-[18px] font-medium text-red-700",children:String(n.pending).padStart(2,"0")}),v.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:"Pending"})]})]},`${n.title}-${r}`))})})}function Bde(e){return Ze({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 Wde=["open_complaints","pending_requests","avg_response_time","resolution_rate"],zde={open_complaints:{title:"Open Complaints",Icon:qk,iconColor:"#AB0000",deltaLabel:"Compared to last month"},pending_requests:{title:"Pending Requests",Icon:Bde,iconColor:"#E7A015",deltaLabel:"Compared to last month"},avg_response_time:{title:"Avg Response Time",Icon:N3,iconColor:"#1FA05B",deltaLabel:"Compared to last month"},resolution_rate:{title:"Resolution Rate",Icon:D3,iconColor:"#329DFF",deltaLabel:"Compared to last month"}},Vde=({children:e,size:t=28,lineHeight:n=32,weight:r=500,color:i="#121212"})=>v.jsx("div",{style:{fontWeight:r,fontSize:`${t}px`,lineHeight:`${n}px`,color:i},children:e}),Hde={primary:{size:28,lineHeight:32,weight:500}},Yde={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 Ude({id:e,data:t}){return e&&t&&!t[e]&&t.current!==void 0?v.jsx(fP,{id:e,data:t}):v.jsx("div",{className:"px-[20px] grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-[16px]",children:Wde.map(n=>v.jsx(fP,{id:n},n))})}function fP({id:e,data:t}){const n=zde[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=cu,iconColor:a,deltaLabel:s}=n,l=t&&Object.keys(t).length>0?t:Yde[e],c=r(e,l?.current),u=l?.trend_percent??"—";return l?.direction==="good"||l?.direction,v.jsx("div",{className:"h-[132px]",children:v.jsxs(Ie,{title:i,titleColor:a,icon:v.jsx("div",{className:"h-[20px] w-[20px] flex items-center justify-center",children:v.jsx(o,{className:"h-[20px] w-[20px]",style:{color:a}})}),childrenClassName:"!space-y-[12px]",iconClassName:"!gap-[12px]",children:[v.jsx(Vde,{...Hde.primary,children:c}),v.jsxs("div",{className:"flex items-center gap-[8px] text-[12px] leading-[16px]",children:[v.jsx(wb,{value:u}),v.jsx("div",{className:"text-[#64748B] text-[12px] leading-[16px]",children:s})]})]})})}const Kde=[{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"}];function qde({title:e,date:t,rsvp:n,utilisation:r,status:i}){return v.jsxs("div",{className:" bg-[#F8FAFC] h-[106px] px-[12px] mt-3",children:[v.jsxs("div",{className:"flex items-center justify-between",children:[v.jsx("div",{className:"text-[16px] leading-[20px] font-semibold text-[#121212]",children:e}),v.jsx("div",{className:`!text-[12px] font-medium leading-[16px] px-[8px] py-[4px] ${i==="Completed"?"text-[#36AB6C] bg-[#E6F7EE]":i==="Upcoming"?"text-[#329DFF] bg-[#E6F2FF]":"text-slate-500 bg-slate-100"}`,children:i})]}),v.jsx("div",{className:"text-[14px] leading-[18px] text-[#64748B]",children:t}),v.jsxs("div",{className:"flex justify-between items-center mt-2",children:[v.jsxs("div",{className:"text-[14px] leading-[18px] text-[#64748B]",children:[n," RSVP"]}),v.jsxs("div",{className:"text-[#3C82F6] text-[14px] leading-[18px] font-medium",children:[r,"% utilisation"]})]}),v.jsx("div",{className:"w-full bg-[#F8FAFC] h-[6px] rounded mt-2 mb-3",children:v.jsx("div",{className:"h-[6px] rounded bg-[#3C82F6]",style:{width:`${r}%`}})})]})}function Gde({data:e}){const t=Array.isArray(e)&&e.length>0?e:Kde;return v.jsx(Ie,{title:"Events Utilisation",period:v.jsx(Wr,{className:"h-5 w-5 text-[#884EA7] cursor-pointer"}),className:"w-full h-[360px]",children:v.jsx("div",{children:t.map((n,r)=>v.jsx(qde,{...n},`${n.title}-${r}`))})})}const Xde=[{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 Qde({label:e,value:t,subLabel:n,bgColor:r,textColor:i}){return v.jsxs("div",{className:`rounded-[8px] p-[16px] ${r} h-[124px]`,children:[v.jsx("div",{className:`text-[16px] font-medium ${i} leading-[20px]`,children:e}),v.jsx("div",{className:"mt-4 text-[28px] leading-[32px] font-semibold text-[#121212]",children:t}),v.jsx("div",{className:"!text-[12px] leading-[16px] text-[#64748B] mt-2",children:n})]})}function Zde({data:e}){const t=Array.isArray(e)&&e.length>0?e:Xde;return v.jsx(Ie,{title:"Notice Board Status",period:v.jsx(Wr,{className:"h-5 w-5 text-[#884EA7] cursor-pointer"}),className:"w-full h-[360px]",children:v.jsx("div",{className:"grid grid-cols-2 gap-[16px]",children:t.map((n,r)=>v.jsx(Qde,{...n},`${n.label}-${r}`))})})}function HR(e){return Ze({attr:{viewBox:"0 0 24 24",fill:"currentColor"},child:[{tag:"path",attr:{d:"M20 22H4C3.44772 22 3 21.5523 3 21V3C3 2.44772 3.44772 2 4 2H20C20.5523 2 21 2.44772 21 3V21C21 21.5523 20.5523 22 20 22ZM19 20V4H5V20H19ZM8 9H16V11H8V9ZM8 13H16V15H8V13Z"},child:[]}]})(e)}function Jde({title:e,value:t,delta:n,deltaLabel:r,positive:i=!0,Icon:o=cu,iconColor:a="text-emerald-600",iconBg:s="bg-emerald-50"}){return v.jsx(Ie,{title:e,icon:v.jsx("div",{className:`h-6 w-6 grid place-items-center rounded-md ${s}`,children:v.jsx(o,{className:`h-4 w-4 ${a}`})}),className:"h-[132px]",children:v.jsxs("div",{children:[v.jsx("div",{className:"text-[28px] leading-[32px] font-medium text-[#121212]",children:t}),v.jsxs("div",{className:"flex items-center gap-[8px] pt-[8px] !text-[12px] leading-[16px]",children:[v.jsx("div",{className:i?"text-[#1FA05B] font-medium":"text-rose-600 font-medium",children:n}),v.jsx("div",{className:"text-[#64748B]",children:r})]})]})})}function efe({data:e}){const t=[{title:e?.title||"Total Bookings",value:145,delta:"+11.0%",deltaLabel:"Compared to last month",positive:!0,Icon:HR,iconColor:"text-emerald-600",iconBg:"bg-emerald-50"}];return v.jsx("div",{className:"h-full",children:t.map((n,r)=>v.jsx(Jde,{...n},r))})}function tfe(e){return Ze({attr:{fill:"none",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor","aria-hidden":"true"},child:[{tag:"path",attr:{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"},child:[]}]})(e)}function nfe({title:e,value:t,delta:n,deltaLabel:r,positive:i=!0,Icon:o=cu,iconColor:a="text-emerald-600",iconBg:s="bg-emerald-50"}){return v.jsx(Ie,{title:e,icon:v.jsx("div",{className:`h-6 w-6 grid place-items-center rounded-md ${s}`,children:v.jsx(o,{className:`h-4 w-4 ${a}`})}),className:"h-[132px]",children:v.jsxs("div",{children:[v.jsx("div",{className:"text-[28px] leading-[32px] font-medium text-[#121212]",children:t}),v.jsxs("div",{className:"flex items-center gap-[8px] pt-[8px] !text-[12px] leading-[16px]",children:[v.jsx("div",{className:i?"text-[#1FA05B] font-medium":"text-rose-600 font-medium",children:n}),v.jsx("div",{className:"text-[#64748B]",children:r})]})]})})}const rfe=[{title:"Notice",value:160,delta:"+11.0%",deltaLabel:"Compared to last month",positive:!0,Icon:HR,iconColor:"text-emerald-600",iconBg:"bg-emerald-50"},{title:"Post",value:83,delta:"+2.0%",deltaLabel:"Compared to last month",positive:!0,Icon:O3,iconColor:"text-[#329DFF]",iconBg:"bg-emerald-50"},{title:"Poll",value:3,delta:"+11.0%",deltaLabel:"Compared to last month",positive:!0,Icon:ioe,iconColor:"text-[#FA7E28]",iconBg:"bg-orange-100"},{title:"Poll",value:5,delta:"-8.0%",deltaLabel:"Compared to last month",positive:!1,Icon:tfe,iconColor:"text-[#DBB467]",iconBg:"bg-yellow-100"}];function ife({data:e}){const t=Array.isArray(e)&&e.length>0?e:rfe;return v.jsx("div",{className:"px-[20px] grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-[24px]",children:t.map((n,r)=>v.jsx(nfe,{...n},r))})}const pP=({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 v.jsxs("div",{className:"flex flex-col items-start",children:[v.jsx("div",{className:"w-2/3 min-w-[80px] h-5 rounded-full overflow-hidden",children:v.jsx("div",{className:`h-[11px] rounded-full ${n||""}`,style:{width:n==="bg-[#12B981]"?`${a+45}%`:`${a}%`}})}),v.jsx("div",{className:`${s} !text-[12px] font-bold mt-1`,children:i??0}),v.jsx("div",{className:"!text-[12px] leading-[16px] text-[#64748B] mt-1",children:r??""})]})},ofe=({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 v.jsx("div",{children:v.jsxs("div",{className:"bg-white !border-[0.5px] !border-[#EBEBEB] rounded-[12px] shadow-[0_0_12px_0_#EAF2FF] p-[16px] h-[128px]",children:[v.jsxs("div",{className:"flex items-center gap-[12px] h-[20px]",style:{marginBottom:"24px"},children:[v.jsx(xb,{className:"!text-[20px] text-[#329DFF]"}),v.jsx("div",{className:"font-medium text-[#121212] text-[16px] leading-[20px]",children:"Occupancy Overview"})]}),v.jsxs("div",{className:"flex items-start justify-between",children:[v.jsxs("div",{className:"flex flex-col gap-[4px]",children:[v.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B] font-normal",children:"Total Occupants"}),v.jsx("div",{className:"text-[28px] leading-[32px] font-medium text-[#121212]",children:i??0})]}),v.jsxs("div",{className:"flex items-end gap-[4px]",children:[v.jsx(pP,{value:o??0,total:s||1,colorClass:"bg-[#3C81F6]",label:(o??0)<=1?"Employee":"Employees"}),v.jsx(pP,{value:a??0,total:s||1,colorClass:"bg-[#8B5CF6]",label:(a??0)<=1?"Admin":"Admins"})]})]})]})})};$n.register(Eo,Oo,Al,Yr);const afe=()=>{const t={labels:["HP","Adobe","Anarock","Swiggy","Infosys","Zepto"],datasets:[{data:[2e3,1700,1500,1200,900,800],backgroundColor:["#3C81F6","#3C81F6","#3C81F6","#3C81F6","#3C81F6","#3C81F6"],barThickness:34}]},n={responsive:!0,maintainAspectRatio:!1,plugins:{legend:{display:!1},tooltip:{backgroundColor:"#0F172A",titleColor:"#fff",bodyColor:"#fff",displayColors:!1,callbacks:{label:r=>`Employees: ${r.parsed.y}`}}},scales:{x:{grid:{display:!1},ticks:{color:"#64748B",font:{size:12}}},y:{beginAtZero:!0,min:0,max:2e3,ticks:{stepSize:500,color:"#64748B",callback:r=>r},grid:{display:!1,color:"#E5E7EB",borderDash:[4,4],drawBorder:!1}}}};return v.jsxs(Ie,{className:"w-full h-[238px]",title:"Employee Footfall (Static Data)",period:"Today",icon:v.jsx(tde,{className:"!text-[24px] text-[#8B5CF6]"}),children:[v.jsxs("div",{className:"mb-[10px] mt-[8px] flex flex-col gap-[4px]!",children:[v.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:"Employees Inside"}),v.jsx("div",{className:"text-[20px] leading-[24px] font-medium text-[#3C81F6]",children:"7,500"})]}),v.jsx("div",{className:"h-[110px]",children:v.jsx(Tl,{data:t,options:n})})]})},sfe="₹",hP=["bg-blue-500","bg-red-500","bg-purple-700"],Os={title:"Food & Beverages",period:"Today",summary:{totalOrders:247,revenueGenerated:"82K",growthPercentage:8},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 YR(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 mP(e){if(e==null||e==="")return"0";if(typeof e=="number")return Jw(e);const t=Number(e);return Number.isNaN(t)?String(e):Jw(t)}function lfe(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,currencyType:e?.food_beverage_summary?.currency_type},outlets:e?.chart_data}:e||{},n=t?.summary||{},i=(Array.isArray(t?.outlets)?t.outlets:[]).map((d,f)=>({name:d?.name||d?.outlet_name||d?.tenant_name||d?.company_name||"Unknown",orders:d?.orders??d?.total_orders??d?.count??0,revenue:d?.revenue??d?.revenue_generated??d?.total_revenue??0,percentage:d?.percentage,color:d?.color||hP[f%hP.length]})),o=n?.totalOrders??n?.orders??Os.summary.totalOrders,a=n?.revenueGenerated??n?.revenue??Os.summary.revenueGenerated,s=YR(n?.growthPercentage??n?.revenueGrowth,Os.summary.growthPercentage),l=n?.currencyType||n?.currency||sfe,c=i.reduce((d,f)=>d+(Number(f?.orders)||0),0),u=i.map(d=>({...d,percentage:d?.percentage!==null&&d?.percentage!==void 0?Number(d.percentage)||0:c>0?Math.round((Number(d?.orders)||0)/c*100):0}));return{title:t?.title||Os.title,period:t?.period||Os.period,summary:{totalOrders:o,revenueGenerated:a,growthPercentage:s,currencyType:l},outlets:u.length>0?u:Os.outlets}}function cfe({data:e,title:t,period:n,icon:r}){const i=lfe(e),o=t||i.title,a=n||i.period,s=r||v.jsx(pde,{className:"!text-[24px] text-[#FA7E28]"}),l=i.summary.totalOrders??0,c=mP(i.summary.revenueGenerated),u=YR(i.summary.growthPercentage,0),d=u>=0;return v.jsx(Ie,{className:"h-[324px]",title:o,period:a,icon:s,children:v.jsxs("div",{className:"flex flex-col h-full",children:[v.jsxs("div",{className:"grid grid-cols-2 gap-[24px]",children:[v.jsxs("div",{className:"flex flex-col gap-[8px]!",children:[v.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:"Total Orders"}),v.jsx("div",{className:"text-[28px] leading-[32px] font-medium text-[#8B5CF6]",children:l})]}),v.jsxs("div",{className:"flex flex-col gap-[8px]!",children:[v.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:"Revenue Generated"}),v.jsxs("div",{className:"text-[28px] leading-[32px] font-medium text-[#329DFF]",children:[i.summary.currencyType," ",c]}),v.jsxs("div",{className:`w-fit inline-flex items-center gap-[4px] text-[10px] leading-[14px] p-[4px] rounded-[4px] ${d?"text-[#1FA05B] bg-green-50":"text-red-600 bg-red-50"}`,children:[d?v.jsx(Gs,{}):v.jsx(qs,{}),u,"%",v.jsx("span",{children:"from last month"})]})]})]}),v.jsx("div",{className:"mt-[16px]",children:i.outlets.map((f,p)=>v.jsxs("div",{className:"mb-[16px]",children:[v.jsxs("div",{className:"flex justify-between text-sm mb-[8px]",children:[v.jsx("div",{className:"text-[#64748B] text-[12px] leading-[16px]",children:f.name}),v.jsxs("div",{className:"font-medium text-[12px] leading-[16px] flex items-center",children:[v.jsxs("div",{className:"text-[#64748B] inline-block",children:[f.orders," orders"]}),v.jsxs("div",{className:"mx-2 text-[#121212] inline-block",children:[i.summary.currencyType," ",mP(f.revenue)]})]})]}),v.jsx("div",{className:"h-[11px] bg-gray-100 rounded-full",children:v.jsx("div",{className:`h-[11px] rounded-full ${f.color}`,style:{width:`${f.percentage}%`}})})]},`${f.name}-${p}`))})]})})}function ufe({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??"₹"},chartData:Array.isArray(e?.chart_data)?e.chart_data.map(h=>({facility_name:h?.facility_name,total_bookings:h?.total_bookings??0,paid_revenue:h?.paid_revenue??"0",isPaid:h?.is_paid===!0})):[]}:e||{},n=t?.amenitySummary||{},i=(Array.isArray(t?.chartData)?t.chartData:[]).map(h=>({...h,isPaid:h?.isPaid===!0})),o=i.length>0&&i.every(h=>h?.isPaid===!1),a=n?.totalBookings||0,s=n?.bookingGrowth;let l=0;if(typeof s=="number")l=s;else if(typeof s=="string"){const h=s.replace("%","").trim(),m=Number(h);l=isNaN(m)?0:m}const c=i.reduce((h,m)=>{const g=m?.total_bookings||0;return h+g},0),u=i.map(h=>{const m=h?.total_bookings||0,g=h?.isPaid?`${n?.currencyType||"₹"} ${h?.paid_revenue||"0.00"}`:"",b=c>0?Math.round(m/c*100):0;return{name:h?.facility_name||"Unknown",bookings:m,revenue:g,percentage:b,color:"bg-[#3C81F6]",isPaid:h?.isPaid}}),d=n?.growthPercentage;let f=null;if(typeof d=="number")f=d;else if(typeof d=="string"){const h=d.replace("%","").trim(),m=Number(h);f=isNaN(m)?null:m}const p=f!==null?f>=0:!0;return v.jsx(Ie,{className:"h-[324px]",title:"Amenities",period:"Today",icon:v.jsx(mde,{className:"!text-[24px] text-[#8B5CF6]"}),children:v.jsxs("div",{className:"flex flex-col h-full",children:[v.jsxs("div",{className:"grid grid-cols-2 gap-[24px]",children:[v.jsxs("div",{className:"flex flex-col gap-[8px]!",children:[v.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:"Total Bookings"}),v.jsx("div",{className:"text-[28px] leading-[32px] font-medium text-[#8B5CF6]",children:a}),v.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?v.jsx(Gs,{}):v.jsx(qs,{}),l,"%",v.jsx("span",{children:"from last month"})]})]}),!o&&v.jsxs("div",{className:"flex flex-col gap-[8px]!",children:[v.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:"Revenue Generated"}),v.jsxs("div",{className:"text-[28px] leading-[32px] font-medium text-[#329DFF]",children:[n?.currencyType||"₹"," ",n?.todayPaidRevenue??"0.00"]}),f!==null&&v.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?v.jsx(Gs,{}):v.jsx(qs,{}),f,"%",v.jsx("span",{children:"from last month"})]})]})]}),v.jsx("div",{className:"mt-[16px]",children:u.length>0?u.map((h,m)=>v.jsxs("div",{className:"mb-[16px]",children:[v.jsxs("div",{className:"flex justify-between text-sm mb-[8px]",children:[v.jsx("div",{className:"text-[#64748B] text-[12px] leading-[16px]",children:h?.name}),v.jsxs("div",{className:"font-medium text-[12px] leading-[16px]",children:[v.jsxs("div",{className:"text-[#64748B] inline",children:[h?.bookings," ",h?.bookings<=1?"booking":"bookings"]}),h?.isPaid&&v.jsx("div",{className:"mx-2 text-[#121212] inline",children:h?.revenue})]})]}),v.jsx("div",{className:"h-[11px] bg-gray-100 rounded-full",children:v.jsx("div",{className:`h-[11px] rounded-full ${h?.color}`,style:{width:`${h?.percentage}%`}})})]},m)):v.jsx("div",{className:"flex items-center justify-center h-[120px]",children:v.jsx("div",{className:"text-[12px] text-[#94A3B8]",children:"No amenity usage data available"})})})]})})}$n.register(Eo,Oo,Al,Yr,Jr);function dfe({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:!0,pointStyle:"rectRot",padding:20,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 v.jsx(Ie,{className:"h-[267px]",title:"Ticket Escalation Levels",period:"Today",icon:v.jsx(A3,{className:"!text-[24px] text-[#3C81F6]"}),children:v.jsx("div",{className:"h-full",children:v.jsx(Tl,{data:l,options:c})})})}const ffe=({active:e,payload:t})=>{if(!e||!t||!t.length)return null;const n=t[0],r=n.payload.color;return v.jsx("div",{style:{backgroundColor:"#000000",color:"#ffffff",padding:"8px 10px",borderRadius:"8px",fontSize:"12px"},children:v.jsxs("div",{className:"flex items-center gap-[8px] font-medium",children:[v.jsx("div",{style:{width:"8px",height:"8px",borderRadius:"50%",backgroundColor:r}}),v.jsx("div",{children:n.name}),v.jsx("div",{className:"ml-2",children:n.value})]})})};function pfe({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 v.jsx(Ie,{className:"h-[267px]",title:"Ticket Status",period:"Today",icon:v.jsx(Av,{className:"!text-[24px] text-[#EF4444]"}),children:v.jsxs("div",{className:"flex h-full items-center gap-[16px]",children:[v.jsxs("div",{className:"w-[202px] h-[170px] relative",children:[v.jsx(Ft,{width:"100%",height:"100%",children:v.jsxs(_o,{children:[v.jsx(Mi,{data:i,innerRadius:55,outerRadius:85,dataKey:"value",stroke:"#FFFFFF",strokeWidth:2,children:i.map((a,s)=>v.jsx(kn,{fill:a.color},s))}),v.jsx(Vt,{content:v.jsx(ffe,{}),wrapperStyle:{zIndex:1e3}})]})}),v.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center pointer-events-none",children:[v.jsxs("div",{className:"flex items-baseline text-[18px] leading-[22px] font-medium text-[#121212]",children:[v.jsx("div",{children:r(n.completed)}),v.jsxs("div",{className:"text-[18.18px] leading-[22.22px] text-[#121212]",children:["/",o]})]}),v.jsx("div",{className:"text-[10.1px] leading-[14.14px] text-[#64748B]",children:"Completed"})]})]}),v.jsx("div",{className:"flex-1 space-y-2",children:i.map(a=>v.jsxs("div",{className:"flex items-center justify-between text-[12px] leading-[17px] mt-[12px]",children:[v.jsxs("div",{className:"flex items-center gap-[8px]",children:[v.jsx("div",{className:"h-[7px] w-[16px]",style:{backgroundColor:a.color}}),v.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:a.name})]}),v.jsx("div",{className:"text-[#64748B] text-[12px] leading-[16px] font-medium",children:a.value})]},a.name))})]})})}const gP={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 hfe(e){const t=e>=12?"PM":"AM";let n=e%12;return n===0&&(n=12),`${n} ${t}`}function mfe(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 gfe(e=[]){return Array.from({length:24},(t,n)=>{const r=e.find(i=>mfe(i?.hour)===n)||{};return{hour:n,time:hfe(n),walkins:Number(r?.walkins??0),approved:Number(r?.pre_approved??r?.preApproved??r?.approved??0)}})}function vP({title:e,color:t,rows:n=[],children:r}){const i=v.jsxs("div",{className:"bg-white rounded-[12px] min-w-[260px] p-[16px] border-[0.5px] border-[#EBEBEB] shadow-[0px_0px_12px_0px_#EAF2FF]",children:[v.jsx("div",{className:"flex items-center gap-[8px] font-medium text-[#121212]",children:v.jsx("div",{children:e??""})}),v.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})=>v.jsxs("div",{className:"flex justify-between text-[14px] leading-[18px]",children:[v.jsx("div",{className:"text-[#64748B]",children:o??""}),v.jsx("div",{className:"font-semibold",style:{color:s||"#121212"},children:a??0})]},o))})]});return v.jsx(Gj,{content:i,placement:"right-start",interactive:!0,delay:[100,0],offset:[6,0],appendTo:()=>document.body,theme:"light-border",maxWidth:"none",children:r})}function vfe({active:e,payload:t}){return!e||!t?.length?null:v.jsx("div",{className:"rounded-[8px] bg-[#121212] px-[12px] py-[8px] text-[12px] text-white shadow-lg",children:t.map(n=>v.jsxs("div",{className:"flex items-center gap-[8px]",children:[v.jsx("span",{className:"h-2 w-2 rounded-full",style:{backgroundColor:n.stroke}}),v.jsx("span",{className:"min-w-[82px] text-[#D1D3D4]",children:n.name}),v.jsx("span",{className:"font-semibold",children:n.value})]},n.dataKey))})}function yfe({data:e}){const t=e&&Object.keys(e).length?e:gP,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=P.useMemo(()=>{const l=t?.chart_data??[];return gfe(l.length?l:gP.chart_data)},[t]),{yAxisTicks:o,yAxisMax:a}=P.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 v.jsx(Ie,{className:"h-[377px]",title:"Visitor Updates",period:`Today at ${s}`,icon:v.jsx(yb,{className:"!text-[24px] text-[#8B5CF6]"}),children:v.jsxs("div",{className:"flex flex-col gap-[24px]",children:[v.jsxs("div",{className:"grid grid-cols-2 gap-y-4 gap-x-6",children:[v.jsxs("div",{className:"flex flex-col gap-[8px]!",children:[v.jsx("div",{className:"text-[10px] text-[#64748B]",children:"Total Visitors"}),v.jsx("div",{className:"text-[20px] font-medium text-[#08B6D4]",children:n?.totalVisitorsToday??0})]}),v.jsxs("div",{className:"flex flex-col gap-[8px]!",children:[v.jsx("div",{className:"text-[10px] text-[#64748B]",children:"Peak Time"}),v.jsx("div",{className:"text-[20px] font-medium text-[#8B5CF6]",children:n?.peakTime??"-"})]}),v.jsxs("div",{className:"mt-2 flex flex-col gap-[8px]!",children:[v.jsx("div",{className:"text-[10px] text-[#64748B]",children:"Active Walk-ins"}),v.jsxs("div",{className:"flex items-baseline text-xl font-medium leading-[32px]",children:[v.jsx("div",{className:"text-[28px] text-[#1FA05B] leading-[32px]",children:r?.walkins?.currently_inside??0}),v.jsx(vP,{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:v.jsxs("div",{className:"text-[#64748B] cursor-pointer text-[20px] leading-[32px]",children:["/",r?.walkins?.total_visited_today??0]})})]})]}),v.jsxs("div",{className:"mt-2 flex flex-col gap-[8px]!",children:[v.jsx("div",{className:"text-[10px] text-[#64748B]",children:"Pre-approved Check-ins"}),v.jsxs("div",{className:"flex items-baseline text-xl font-medium leading-[32px]",children:[v.jsx("div",{className:"text-[28px] text-[#E7A015] leading-[32px]",children:r?.preApproved?.completed_visits??0}),v.jsx(vP,{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:v.jsxs("div",{className:"text-[#64748B] cursor-pointer text-[20px] leading-[32px]",children:["/",r?.preApproved?.total_expected_today??0]})})]})]})]}),v.jsx("div",{className:"w-full h-[149px]",children:v.jsx(Ft,{width:"100%",height:"100%",children:v.jsxs(wx,{data:i??[],margin:{top:5,right:0,left:-18,bottom:0},children:[v.jsx(Hr,{stroke:"#E5E7EB",strokeDasharray:"4 4",vertical:!1}),v.jsx(br,{dataKey:"time",tickFormatter:(l,c)=>c%4===0?l:"",axisLine:!1,tickLine:!1,tick:{fill:"#121212",fontSize:10,fontWeight:400}}),v.jsx(nr,{width:24,axisLine:!1,tickLine:!1,allowDecimals:!1,ticks:o,domain:[0,a],tick:{fill:"#64748B",fontSize:10,fontWeight:400}}),v.jsx(Vt,{content:v.jsx(vfe,{})}),v.jsx(Vo,{type:"monotone",dataKey:"walkins",stroke:"#22C55E",strokeWidth:2,dot:!1,name:"Walk-ins",isAnimationActive:!1}),v.jsx(Vo,{type:"monotone",dataKey:"approved",stroke:"#F59E0B",strokeWidth:2,strokeDasharray:"5 5",dot:!1,name:"Pre-approved",isAnimationActive:!1})]})})})]})})}const bfe=({color:e})=>v.jsx("span",{style:{display:"inline-block",width:"8px",height:"8px",borderRadius:"50%",backgroundColor:e,marginRight:"6px"}}),xfe=({active:e,payload:t})=>!e||!t||!t.length?null:v.jsx("div",{className:"bg-black text-white !text-[12px] px-[12px] py-[8px] rounded-[8px] shadow-lg",children:t.map((n,r)=>v.jsxs("div",{className:"capitalize flex gap-[4px] items-center leading-relaxed",children:[v.jsx(bfe,{color:n.color}),n.name,": ",v.jsx("div",{className:"font-semibold",children:n.value})]},r))});function wfe({data:e=null}){const n=e||{card_entry:60,mobile_entry:35,card_exit:15,mobile_exit:10,total:20.3},r=a=>{const s=Number(a);return isNaN(s)?0:s},i=[{name:"Card Entry",value:r(n.card_entry),color:"#329DFF"},{name:"Mobile Entry",value:r(n.mobile_entry),color:"#8B5CF6"},{name:"Card Exit",value:r(n.card_exit),color:"#B1D2F0"},{name:"Mobile Exit",value:r(n.mobile_exit),color:"#DACBFB"}],o=r(n.total);return v.jsx(dn,{className:"h-[362px]",title:"Access Overview",titleWeight:"semi-bold",children:v.jsxs("div",{className:"flex flex-col items-center mt-[16px]",children:[v.jsxs("div",{className:"relative w-[200px] h-[200px]",children:[v.jsx("div",{className:"absolute inset-0 flex items-center justify-center",children:v.jsx("div",{className:"w-[130px] h-[130px] rounded-full shadow-[0px_12px_35px_rgba(0,0,0,0.12)]"})}),v.jsx("div",{className:"h-[184px]",children:v.jsx(Ft,{width:"100%",height:"100%",children:v.jsxs(_o,{children:[v.jsx(Mi,{data:i,dataKey:"value",innerRadius:65,outerRadius:90,startAngle:110,endAngle:-250,paddingAngle:2,stroke:"transparent",children:i.map((a,s)=>v.jsx(kn,{fill:a.color},s))}),v.jsx(Vt,{content:v.jsx(xfe,{}),wrapperStyle:{zIndex:9999}})]})})}),v.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center pointer-events-none",children:[v.jsxs("div",{className:"text-[20px] leading-[24px] font-semibold text-[#121212]",children:[o,"L"]}),v.jsx("div",{className:"text-[10px] leading-[15px] text-[#64748B]",children:"Total Access"})]})]}),v.jsx("div",{className:"mt-[32px] grid grid-cols-2 gap-x-[20px] gap-y-[12px] text-[12px] text-[#94A3B8]",children:i.map(a=>v.jsxs("div",{className:"flex items-center gap-[8px]",children:[v.jsx("div",{className:"w-[16px] h-[7px] ",style:{backgroundColor:a.color}}),v.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:a.name})]},a.name))})]})})}function UR({title:e="Access",data:t=[],height:n="h-[362px]"}){const r=i=>i==null?"0":Number(i).toLocaleString();return v.jsx(dn,{className:n,title:e,titleWeight:"semi-bold",children:v.jsxs("div",{className:"rounded-[12px] overflow-hidden mt-[16px]",children:[v.jsxs("div",{className:"grid grid-cols-2 bg-[#F8FAFC] py-[8px] px-[12px] text-[12px] leading-[16px] font-medium text-[#64748B]",children:[v.jsx("div",{children:"Point"}),v.jsx("div",{className:"text-right",children:"Access"})]}),t.map((i,o)=>v.jsxs("div",{className:"grid grid-cols-2 p-[12px] text-[14px] border-t border-[#E2E8F0]",children:[v.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:i.label}),v.jsx("div",{className:"text-[12px] leading-[16px] text-right font-medium",style:{color:i.color||"#000"},children:r(i.value)})]},o))]})})}function _fe({data:e=[]}){const t=[{name:"Google",value:82e3},{name:"Uber",value:67e3},{name:"ANAROCK",value:6e4},{name:"Flipkart",value:48e3},{name:"HP",value:41e3},{name:"Myntra",value:3e4},{name:"Cloudscape",value:2e4},{name:"Infosys",value:9e3}],n=e.length?e:t,r=o=>o>=1e3?`${o/1e3}K`:o,i=Math.max(...n.map(o=>o.value));return v.jsx(dn,{title:"Access Points Usage",titleWeight:"semi-bold",className:"h-[362px]",children:v.jsx("div",{className:"mt-[24px] h-[270px] w-full",children:v.jsx(Ft,{width:"100%",height:"100%",children:v.jsxs(oa,{data:n,barSize:60,margin:{top:0,right:0,left:-20,bottom:0},children:[v.jsx(Hr,{strokeDasharray:"8 8",vertical:!1}),v.jsx(fx,{y:0,stroke:"#EBEBEB",strokeDasharray:"0"}),v.jsx(br,{dataKey:"name",tick:{fontSize:12,fill:"#64748B"},axisLine:!1,tickLine:!1}),v.jsx(nr,{tickFormatter:r,tick:{fontSize:12,fill:"#64748B"},axisLine:!1,tickLine:!1}),v.jsx(Vt,{cursor:!1}),v.jsx(jn,{dataKey:"value",barSize:60,children:n.map((o,a)=>v.jsx(kn,{fill:o.value===i?"#3C81F6":"#79ABFF"},`cell-${a}`))})]})})})})}function Po({image:e="https://cdni.iconscout.com/illustration/premium/thumb/businessman-sad-for-no-data-in-folder-illustration-svg-download-png-10155562.png",title:t="No Data Available",description:n="Catch up all the data. Change the date range to see the data."}){return v.jsxs("div",{className:"flex flex-col items-center justify-center h-full text-center px-[16px]",children:[v.jsx("img",{src:e,alt:"no data",className:"w-32 h-32 mb-4 opacity-80"}),v.jsx("div",{className:"text-[16px] font-semibold text-gray-900 mb-[4px]",children:t}),v.jsx("div",{className:"text-[12px] text-gray-500 max-w-[260px]",children:n})]})}const Sfe=({x:e,y:t,payload:n})=>{const r=n.value.split(" ");return v.jsx("g",{transform:`translate(${e},${t})`,children:v.jsx("text",{x:-85,y:0,textAnchor:"start",fill:"#121212",fontSize:14,children:r.map((i,o)=>v.jsx("tspan",{x:-85,dy:o===0?0:16,children:i},o))})})};function Efe({data:e=[]}){const t=e&&e.length>0,n=e.map(r=>({name:r.category_name,value:r.total_complaints}));return v.jsx(dn,{title:"Tickets per Category",className:"h-[362px]",titleWeight:"semi-bold",childrenClassName:"h-full",children:t?v.jsx("div",{className:"w-full h-[280px] mt-[28px]",children:v.jsx(Ft,{width:"100%",height:"100%",children:v.jsxs(oa,{data:n,layout:"vertical",margin:{top:0,right:0,left:-10,bottom:-10},children:[v.jsx(Hr,{strokeDasharray:"3 3",horizontal:!1}),v.jsx(br,{type:"number",tick:{fill:"#94A3B8",fontSize:12},axisLine:!0,tickLine:!1,allowDecimals:!1}),v.jsx(nr,{type:"category",dataKey:"name",axisLine:!1,tickLine:!1,width:120,tick:v.jsx(Sfe,{})}),v.jsx(Vt,{content:v.jsx(is,{}),cursor:{fill:"transparent"},position:{x:300,y:0}}),v.jsx(jn,{dataKey:"value",barSize:36,fill:"#08B6D4"})]})})}):v.jsx(Po,{title:"No Tickets Found",description:"Catch up all the data. Change the date range to see the data."})})}function Ofe({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 v.jsxs("div",{className:"relative bg-white rounded-[12px] shadow-[0_0_12px_0_#EAF2FF] p-[16px]",children:[v.jsxs("div",{className:"flex items-center gap-[8px]",children:[e&&v.jsx("div",{className:"h-[20px] w-[20px]",style:{color:t,display:"flex",alignItems:"center",justifyContent:"center"},children:v.jsx(e,{className:"h-[20px] w-[20px]"})}),v.jsx("div",{className:"text-[16px] leading-[20px] font-medium text-[#64748B]",children:n})]}),v.jsx("div",{className:"mt-[16px] text-[28px] leading-[32px] font-medium text-[#121212]",children:r}),(i||o)&&v.jsxs("div",{className:"mt-[12px] flex items-center gap-[8px]",children:[i&&v.jsxs("div",{className:"flex items-center gap-[4px] text-[12px] leading-[16px] font-medium",style:{color:l},children:[s?v.jsx(Gs,{}):v.jsx(qs,{}),Math.abs(a),"%"]}),o&&v.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:o})]})]})}const Cfe=({data:e=[],onDateChange:t})=>{const[n,r]=P.useState(new Date),[i,o]=P.useState(!1),s=(g=>{const b=new Date(g);return b.setDate(b.getDate()-6),b})(n),l=g=>{try{return g.toLocaleDateString("en-GB",{day:"2-digit",month:"short"})}catch{return""}},c=g=>{const b=new Date(g),S=new Date(b);S.setDate(S.getDate()-6),t&&t(S.toISOString(),b.toISOString())},u=()=>{const g=new Date(n);g.setDate(g.getDate()-7),r(g),c(g)},d=()=>{const g=new Date(n);g.setDate(g.getDate()+7),r(g),c(g)},f=()=>{o(g=>!g)},p=g=>{const b=g||new Date;r(b),c(b),o(!1)},h=Array.isArray(e)?e:[],m=!h.length||h.every(g=>g.no_of_visitors===0);return v.jsxs(dn,{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&&v.jsx("div",{className:"anarock-datepicker absolute top-[70px] right-[24px] z-50 rounded-[8px] bg-white shadow-lg",children:v.jsx(Vk,{selected:n,onChange:p,inline:!0,maxDate:new Date,showYearDropdown:!0,scrollableYearDropdown:!0,yearDropdownItemNumber:40})}),m?v.jsx("div",{className:"w-full h-[280px] flex items-center justify-center",children:v.jsx(Po,{title:"No Visitors Found",description:"Catch up all the data. Change the date range to see the data."})}):v.jsx("div",{className:"w-full h-[280px]",children:v.jsx(Ft,{width:"100%",height:"100%",children:v.jsxs(lne,{data:h,margin:{top:10,right:-10,left:-10,bottom:0},children:[v.jsx("defs",{children:v.jsxs("linearGradient",{id:"colorVisitors",x1:"0",y1:"0",x2:"0",y2:"1",children:[v.jsx("stop",{offset:"0%",stopColor:"#6366F1",stopOpacity:.25}),v.jsx("stop",{offset:"100%",stopColor:"#6366F1",stopOpacity:0})]})}),v.jsx(Hr,{strokeDasharray:"3 3",vertical:!1,stroke:"#F1F5F9"}),v.jsx(br,{dataKey:"day",type:"category",scale:"point",padding:{left:20,right:20},tick:{fontSize:12,fill:"#64748B"},axisLine:!0,tickLine:!1,tickFormatter:g=>new Date(g).toLocaleDateString("en-GB",{day:"2-digit",month:"short"})}),v.jsx(nr,{width:35,tick:{fontSize:12,fill:"#64748B"},axisLine:!1,tickLine:!1,allowDecimals:!1,domain:[0,"dataMax + 2"]}),v.jsx(Vt,{labelFormatter:g=>new Date(g).toLocaleDateString("en-GB",{day:"2-digit",month:"short"}),formatter:g=>[g,"Visitors"],contentStyle:{backgroundColor:"#000",border:"none",borderRadius:"6px",color:"#fff"},labelStyle:{color:"#fff"},itemStyle:{color:"#fff"}}),v.jsx(DN,{type:"monotone",dataKey:"no_of_visitors",stroke:"#6366F1",strokeWidth:2,fill:"url(#colorVisitors)",dot:{r:5,stroke:"#6366F1",strokeWidth:2,fill:"#fff"},activeDot:{r:6}})]})})})]})},Pfe=[{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}],kfe=({data:e})=>{const t=Array.isArray(e)&&e?.length===0,n=e==null?Pfe:Array.isArray(e)?e:[];return v.jsx(dn,{title:"Organisation Wise Visitors",titleWeight:"semi-bold",className:"h-[360px]",childrenClassName:"mt-6",children:v.jsx("div",{className:"w-full h-[260px] flex items-center justify-center",children:t?v.jsx(Po,{title:"No Visitors Found",description:"Catch up all the data. Change the date range to see the data."}):v.jsx(Ft,{width:"100%",height:"100%",children:v.jsxs(oa,{data:n||[],margin:{top:10,right:10,left:-10,bottom:-10},barCategoryGap:35,children:[v.jsx(Hr,{strokeDasharray:"3 3",vertical:!1,stroke:"#F1F5F9"}),v.jsx(br,{dataKey:"building_name",tick:{fontSize:12,fill:"#64748B"},axisLine:!0,tickLine:!1}),v.jsx(nr,{width:40,tick:{fontSize:12,fill:"#64748B"},axisLine:!1,tickLine:!1,allowDecimals:!1}),v.jsx(Vt,{cursor:!1,contentStyle:{backgroundColor:"#000",border:"none",borderRadius:"6px",color:"#fff"},labelStyle:{color:"#fff"},itemStyle:{color:"#fff"}}),v.jsx(jn,{dataKey:"no_of_visitors",name:"Visitors",maxBarSize:55,fill:"#3C81F6"})]})})})})};function Dfe({data:e}){return v.jsx("div",{className:"h-full",children:e.map((t,n)=>{const r=parseFloat(t.delta),i=r>=0;return v.jsx(Ie,{iconClassName:"!gap-[8px]",title:v.jsx("div",{className:"text-[#64748B]",children:t.title}),icon:v.jsx(t.Icon,{className:"h-[20px] w-[20px]",style:{color:t.iconColor||"#000000"}}),className:"h-[132px]",children:v.jsxs("div",{className:"flex flex-col gap-[8px]!",children:[v.jsx("div",{className:"text-[28px] leading-[32px] font-medium text-[#121212]",children:t.value}),v.jsxs("div",{className:`flex items-center pt-[8px] text-[12px] leading-[16px] ${t.delta?"gap-[8px]":""}`,children:[t.delta&&v.jsxs("div",{className:`flex items-center gap-[4px] px-[6px] py-[2px] rounded-[4px] font-medium
|
|
368
368
|
${i?"text-[#1FA05B] bg-[#F7FEFA]":"text-[#E11D48] bg-[#FBF4F4]"}
|
|
369
|
-
`,children:[i?v.jsx(Gs,{}):v.jsx(qs,{}),Math.abs(r),"%"]}),v.jsx("div",{style:{color:"#64748B"},children:t.deltaLabel})]})]})},n)})})}const Afe=[{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}],Tfe=({x:e,y:t,payload:n})=>v.jsx("foreignObject",{x:(e||0)-80,y:(t||0)-18,width:80,height:40,children:v.jsx("div",{className:"text-[12px] leading-[16px] text-[#121212]",style:{width:"80px",whiteSpace:"normal",wordBreak:"break-word",textAlign:"left"},children:n?.value||""})});function Mfe({data:e}){const t=Array?.isArray(e)&&e?.length===0,r=(e==null?Afe:Array?.isArray(e)?e:[]).map(i=>({...i,name:i.facility_name}));return v.jsx(Ie,{title:"Bookings",icon:v.jsx(dde,{size:18,className:"text-[#DBB467]"}),className:"h-[288px]",children:v.jsx("div",{className:"w-full h-full flex items-center justify-center",children:t?v.jsx(Po,{title:"No Booking Found",description:"Catch up all the data. Change the date range to see the data."}):v.jsx(Ft,{width:"100%",height:"100%",children:v.jsxs(oa,{data:r||[],layout:"vertical",margin:{top:0,right:10,left:-12,bottom:0},children:[v.jsx(br,{type:"number",allowDecimals:!1,tick:{fill:"#64748B",fontSize:12},axisLine:!0,tickLine:!1}),v.jsx(nr,{type:"category",dataKey:"facility_name",axisLine:!1,tickLine:!1,width:100,tick:v.jsx(Tfe,{})}),v.jsx(Vt,{content:v.jsx(is,{}),cursor:{fill:"transparent"},position:{x:300,y:0}}),v.jsx(jn,{dataKey:"total_booking",barSize:40,fill:"#8B5CF6"})]})})})})}const Nfe=[{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 jfe({data:e}){const t=Array.isArray(e)&&e?.length===0,n=e==null?Nfe:Array.isArray(e)?e:[];return v.jsx(dn,{title:"Booking Trend by Organisation",titleWeight:"semi-bold",className:"h-[362px]",children:v.jsx("div",{className:"w-full h-[265px] mt-[28px] flex items-center justify-center",children:t?v.jsx(Po,{title:"No Booking Found",description:"Catch up all the data. Change the date range to see the data."}):v.jsx(Ft,{width:"100%",height:"100%",children:v.jsxs(oa,{data:n||[],margin:{top:0,right:0,left:-30,bottom:0},children:[v.jsx(Hr,{strokeDasharray:"3 3",vertical:!1,stroke:"#E5E7EB"}),v.jsx(br,{dataKey:"building_name",axisLine:!1,tickLine:!1,tick:{fill:"#64748B",fontSize:12}}),v.jsx(nr,{allowDecimals:!1,axisLine:!1,tickLine:!1,tick:{fill:"#64748B",fontSize:12},tickFormatter:r=>`${r??0}`}),v.jsx(Vt,{formatter:r=>[r,"Bookings"],labelFormatter:r=>`Organisation: ${r}`,cursor:{fill:"rgba(0,0,0,0.05)"},contentStyle:{backgroundColor:"#000",border:"none",borderRadius:"6px"},labelStyle:{color:"#fff"},itemStyle:{color:"#fff"}}),v.jsx(jn,{dataKey:"no_of_booking",barSize:54,fill:"#12B981"})]})})})})}const Rfe=[{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"}],Vd=["#3C81F6","#60A5FA","#95BFFA","#BEDAFE","#DAE6FC"];function Ife({data:e,currencyType:t}){const n=Array?.isArray(e)&&e?.length===0,r=e??Rfe,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 v.jsx(dn,{title:"Amenity Wise Revenue",titleWeight:"semi-bold",className:"h-[362px]",children:v.jsx("div",{className:"grid grid-cols-12 gap-[24px] items-center h-full mt-[16px]",children:n?v.jsx("div",{className:"col-span-12 flex items-center justify-center h-[240px]",children:v.jsx(Po,{title:"No Amenity Found",description:"Catch up all the data. Change the date range to see the data."})}):v.jsxs(v.Fragment,{children:[v.jsx("div",{className:"col-span-5 h-[240px] max-w-[240px]",children:v.jsx(Ft,{width:"100%",height:"100%",children:v.jsxs(_o,{children:[v.jsx(Mi,{data:a||[],dataKey:"value",nameKey:"name",cx:"50%",cy:"50%",outerRadius:95,stroke:"#fff",strokeWidth:1,children:a?.map?.((l,c)=>v.jsx(kn,{fill:Vd?.[c%Vd?.length]},`cell-${c}`))}),v.jsx(Vt,{formatter:l=>s(l),labelFormatter:l=>`Amenity: ${l||""}`,contentStyle:{backgroundColor:"#111827",border:"none",borderRadius:"8px",padding:"8px 12px",fontSize:"12px"},labelStyle:{color:"#fff"},itemStyle:{color:"#fff"}})]})})}),v.jsx("div",{className:"col-span-7",children:v.jsxs("div",{className:"rounded-[12px] overflow-hidden",children:[v.jsxs("div",{className:"grid grid-cols-2 px-[12px] py-[8px] bg-[#EBEBEB] text-[12px] leading-[16px] font-semibold text-[#64748B]",children:[v.jsx("div",{children:"Amenity"}),v.jsx("div",{className:"text-right",children:"Revenue"})]}),v.jsx("div",{className:"divide-y divide-[#F1F5F9]",children:i?.map?.((l,c)=>v.jsxs("div",{className:"grid grid-cols-2 px-[16px] py-[16px] text-[14px] text-[#121212]",children:[v.jsxs("div",{className:"flex items-center gap-[12px]",children:[v.jsx("span",{className:"w-[16px] h-[7px]",style:{backgroundColor:Vd?.[c%Vd?.length]}}),v.jsx("span",{className:"text-[#64748B] text-[12px] leading-[16px]",children:l?.name||"Unknown"})]}),v.jsx("div",{className:"text-right text-[12px] leading-[16px] text-[#64748B]",children:s(l?.value||0)})]},l?.name||c))})]})})]})})})}const Hd=["#8CB33E","#F59E0B","#3B82F6","#06B6D4","#CFCFCF"],Lfe=[{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}],Ffe=({rows:e,totalAssets:t})=>{const n=P.useMemo(()=>e?e.length===0?[]:e.map((i,o)=>({name:i.asset_group_name,value:i.asset_count||0,color:Hd[o%Hd.length]})):Lfe.map((i,o)=>({name:i.asset_group_name,value:i.asset_count||0,color:Hd[o%Hd.length]})),[e]),r=t??n.reduce((i,o)=>i+o.value,0);return e&&e.length===0?v.jsx(dn,{title:"Assets by Type",titleWeight:"semi-bold",className:"h-full",children:v.jsx("div",{className:"flex items-center justify-center h-full",children:v.jsx(Po,{title:"No Assets Found",description:"Catch up all the data. Change the date range to see the data."})})}):v.jsx(dn,{title:"Assets by Type",titleWeight:"semi-bold",className:"h-full",children:v.jsxs("div",{className:"flex items-center justify-between h-full mt-[16px]",children:[v.jsxs("div",{className:"relative w-[252px] h-[273px]",children:[v.jsx(Ft,{width:"100%",height:"100%",children:v.jsx(_o,{children:v.jsx(Mi,{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)=>v.jsx(kn,{fill:i.color},o))})})}),v.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center",children:[v.jsx("div",{className:"text-[24px] leading-[33px] font-medium text-[#121212]",children:r}),v.jsx("div",{className:"text-[12px] leading-[17px] text-[#64748B] mt-[2px]",children:"Total Assets"})]})]}),v.jsx("div",{className:"flex-1 max-w-[280px]",children:v.jsxs("div",{className:"rounded-[12px] overflow-hidden bg-white",children:[v.jsxs("div",{className:"flex items-center justify-between px-[16px] py-[12px] bg-[#F8FAFC]",children:[v.jsx("div",{className:"text-[12px] font-medium text-[#64748B]",children:"Asset"}),v.jsx("div",{className:"text-[12px] font-medium text-[#64748B]",children:"Count"})]}),n.map((i,o)=>v.jsxs("div",{className:"flex items-center justify-between px-[16px] py-[12px] border-t border-[#F1F5F9]",children:[v.jsxs("div",{className:"flex items-center gap-[8px]",children:[v.jsx("div",{className:"w-[16px] h-[7px]",style:{backgroundColor:i.color}}),v.jsx("div",{className:"text-[13px] text-[#475569]",children:i.name})]}),v.jsx("div",{className:"text-[13px] text-[#64748B]",children:i.value})]},o))]})})]})})},$fe=({data:e})=>{const[t,n]=P.useState({}),r=[{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}],i=P.useMemo(()=>e?Array.isArray(e)&&e.length===0?[]:e:r,[e]),o=a=>{const{dataKey:s}=a;n(l=>({...l,[s]:!l[s]}))};return Array.isArray(e)&&e.length===0?v.jsx(dn,{title:"Maintenance Status",titleWeight:"semi-bold",className:"h-full",children:v.jsx("div",{className:"w-full h-[260px] flex items-center justify-center",children:v.jsx(Po,{title:"No Maintenance Assets Status Found",description:"Catch up all the data. Change the date range to see the data."})})}):v.jsx(dn,{title:"Maintenance Status",titleWeight:"semi-bold",className:"h-full",children:v.jsx("div",{className:"w-full h-[260px] flex items-center justify-center",children:Array.isArray(e)&&e.length===0?v.jsx("div",{className:"text-[#94A3B8] text-sm",children:"No Data Found"}):v.jsx("div",{className:"relative w-full h-[297px] mt-[20px]",children:v.jsx(Ft,{width:"100%",height:"100%",children:v.jsxs(oa,{data:i,barSize:54,barCategoryGap:"40%",margin:{top:20,right:20,left:-20,bottom:0},children:[v.jsx(Hr,{strokeDasharray:"3 3",vertical:!1,stroke:"#E2E8F0"}),v.jsx(br,{dataKey:"name",tick:{fill:"#64748B",fontSize:12},axisLine:!1,tickLine:!1}),v.jsx(nr,{tick:{fill:"#64748B",fontSize:12},axisLine:!1,tickLine:!1,allowDecimals:!1}),v.jsx(Vt,{cursor:{fill:"rgba(148, 163, 184, 0.12)"},contentStyle:{backgroundColor:"#000",borderRadius:"10px",border:"none",fontSize:"12px",color:"#fff"},labelStyle:{color:"#fff"},itemStyle:{color:"#fff"}}),v.jsx(fh,{verticalAlign:"bottom",align:"center",onClick:o,content:({payload:a})=>v.jsx("div",{className:"flex items-center justify-center gap-[16px] pt-4 flex-wrap",children:a.map((s,l)=>v.jsxs("div",{onClick:()=>o({dataKey:s.dataKey}),className:"flex items-center gap-[8px] cursor-pointer",children:[v.jsx("div",{style:{width:"16px",height:"8px",backgroundColor:t[s.dataKey]?"#CBD5E1":s.color}}),v.jsx("span",{style:{fontSize:"12px",color:t[s.dataKey]?"#CBD5E1":"#64748B"},children:s.value})]},l))})}),v.jsx(jn,{dataKey:"Open",stackId:"a",fill:"#3B82F6",hide:t.Open}),v.jsx(jn,{dataKey:"Closed",stackId:"a",fill:"#10B981",hide:t.Closed}),v.jsx(jn,{dataKey:"Cancelled",stackId:"a",fill:"#B91C1C",hide:t.Cancelled}),v.jsx(jn,{dataKey:"OnHold",stackId:"a",fill:"#64748B",hide:t.OnHold}),v.jsx(jn,{dataKey:"InProgress",stackId:"a",fill:"#F59E0B",hide:t.InProgress,name:"In Progress"})]})})})})})};function Bfe({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 v.jsx(dn,{title:"Patrol Status",className:"h-[362px]",titleWeight:"semi-bold",children:v.jsxs("div",{className:"flex flex-col items-center justify-center",children:[v.jsxs("div",{className:"w-[215px] h-[182px] relative",children:[v.jsx(Ft,{width:"100%",height:"100%",children:v.jsxs(_o,{children:[v.jsx(Mi,{data:t,innerRadius:60,outerRadius:90,paddingAngle:2,dataKey:"value",nameKey:"name",children:t.map((i,o)=>v.jsx(kn,{fill:i.color},`cell-${o}`))}),v.jsx(Vt,{formatter:i=>i.toLocaleString()})]})}),v.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center pointer-events-none",children:[v.jsxs("div",{className:"font-medium text-[19.35px] leading-[23.65px]",children:[r,"/",n]}),v.jsx("div",{className:"text-[10.75px] leading-[15.05px] text-[#64748B]",children:"Completed"})]})]}),v.jsx("div",{className:"flex flex-col w-full text-[14px]",children:t.map((i,o)=>v.jsxs("div",{className:`flex items-center justify-between py-[10px] ${o!==t.length-1?"border-b border-[#F1F5F9]":""}`,children:[v.jsxs("div",{className:"flex items-center gap-[10px]",children:[v.jsx("div",{className:"inline-block w-[16px] h-[7px]",style:{backgroundColor:i.color}}),v.jsx("div",{className:"leading-[16.09px] text-[12.07px] text-[#64748B]",children:i.name})]}),v.jsx("div",{className:"leading-[16.09px] text-[12.07px] text-[#64748B]",children:i.value})]},i.name))})]})})}function Wfe({incidentReports:e,incidentReportsDetails:t}){const n=Number(e?.open||0),r=Number(e?.in_progress||0),i=Number(e?.closed||0);return v.jsx(dn,{title:"Incident Reports",className:"h-[362px]",titleWeight:"semi-bold",children:v.jsxs("div",{children:[v.jsxs("div",{className:"flex w-full text-center gap-[16px] mt-[24px]",children:[v.jsxs("div",{className:"flex-1 flex flex-col items-center justify-center bg-[#FBF4F4] h-[76px] rounded",children:[v.jsx("div",{className:"text-[24px] leading-[28px] font-medium text-[#AB0000]",children:n}),v.jsx("div",{className:"text-[12px] leading-[16px] text-[#AB0000]",children:"Open"})]}),v.jsxs("div",{className:"flex-1 flex flex-col items-center justify-center bg-[#FFFBF2] h-[76px] rounded",children:[v.jsx("div",{className:"text-[24px] leading-[28px] font-medium text-[#F2A815]",children:r}),v.jsx("div",{className:"text-[12px] leading-[16px] text-[#F2A815]",children:"In-progress"})]}),v.jsxs("div",{className:"flex-1 flex flex-col items-center justify-center bg-[#F7FEFA] h-[76px] rounded",children:[v.jsx("div",{className:"text-[24px] leading-[28px] font-medium text-[#1FA05B]",children:i}),v.jsx("div",{className:"text-[12px] leading-[16px] text-[#1FA05B]",children:"Closed"})]})]}),v.jsx("div",{className:"mt-4 space-y-2",children:t?.length>0?t.map((o,a)=>{const s=o?.severity==="Danger"?"text-[#AB0000]":o?.severity==="High"?"text-[#E7A015]":"text-[#1FA05B]";return v.jsxs("div",{className:"flex items-center justify-between p-[12px] bg-[#FAFBFD] rounded-md",children:[v.jsx("div",{className:"flex items-center gap-[8px]",children:v.jsx("div",{className:"text-gray-700 font-medium",children:o?.incident_code})}),v.jsx("div",{className:`!text-[12px] font-semibold flex items-center gap-[4px] ${s}`,children:v.jsxs("div",{children:[o?.severity_level," - ",o?.severity]})})]},a)}):v.jsx(v.Fragment,{})})]})})}function zfe({columns:e=[{key:"a",label:"Organisation"},{key:"b",label:"Item"},{key:"c",label:"Orders"},{key:"d",label:"Revenue"},{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%"}],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,h=n-p.length>0?n-p.length:0,m=a===0&&c.length===0;return console.log("safeData:",c),console.log("currentData:",p),v.jsxs("div",{className:"w-full bg-white rounded-[12px] h-[390px] shadow-md overflow-hidden flex flex-col",children:[v.jsx("div",{className:"grid bg-[#354A5E] text-white text-[16px] leading-[20px] font-medium",style:{gridTemplateColumns:`repeat(${u.length}, 1fr)`},children:u.map((g,b)=>v.jsx("div",{className:"px-[24px] py-[16px] text-[16px] leading-[20px] whitespace-nowrap text-center",children:g.label},b))}),v.jsx("div",{className:"flex-1 overflow-y-auto",children:m?v.jsx(Po,{title:"No Data Found",description:"Catch up all the data. Change the date range to see the data."}):v.jsxs(v.Fragment,{children:[p.map((g,b)=>v.jsx("div",{className:"grid",style:{gridTemplateColumns:`repeat(${u.length}, 1fr)`},children:u.map((S,w)=>{const x=g[S.key],_=typeof x=="string"&&x.includes("%"),O=x==="100%"?"bg-[#F0FEF2] text-[#36AB6C]":"bg-[#FFF0F0] text-[#AB0000]";return v.jsx("div",{className:`px-[24px] py-[16px] flex items-center justify-center ${w===0?"bg-white":"bg-gray-50"}`,children:_?v.jsx("div",{className:`inline-block px-[12px] py-[4px] rounded-full text-[14px] font-medium ${O}`,children:x}):v.jsx("div",{children:x??"-"})},w)})},b)),Array.from({length:h}).map((g,b)=>v.jsx("div",{className:"grid",style:{gridTemplateColumns:`repeat(${u.length}, 1fr)`},children:u.map((S,w)=>v.jsx("div",{className:`px-[24px] py-[16px] ${w===0?"bg-white":"bg-gray-50"}`,children:" "},w))},`empty-${b}`))]})}),v.jsxs("div",{className:"flex justify-end items-center px-[24px] py-[16px] text-sm bg-white border-t border-[#F0F0F0] gap-[32px]",children:[v.jsxs("div",{className:"flex items-center gap-[8px] text-gray-600 text-[14px]",children:[v.jsx("div",{children:"Rows per page:"}),v.jsx("select",{value:n,onChange:g=>{r(Number(g.target.value)),o(1)},className:"border rounded px-[8px] py-[4px]",children:l.map((g,b)=>v.jsx("option",{value:g,children:g},b))}),v.jsxs("div",{className:"ml-4 text-[14px]",children:[c?.length===0?"0–0":`1–${c?.length}`," of"," ",a||c?.length]})]}),v.jsxs("div",{className:"flex items-center space-x-2 text-gray-600 text-[14px]",children:[v.jsx("button",{onClick:()=>o(1),disabled:i===1,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:v.jsx(sde,{size:18})}),v.jsx("button",{onClick:()=>o(g=>g-1),disabled:i===1,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:v.jsx(zR,{size:18})}),v.jsx("button",{onClick:()=>o(g=>g+1),disabled:i===f,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:v.jsx(VR,{size:18})}),v.jsx("button",{onClick:()=>o(f),disabled:i===f,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:v.jsx(cde,{size:18})})]})]})]})}exports.AccessPointsUsage=_fe;exports.Accounting=Due;exports.Amenities=ufe;exports.AmenitiesStatsCard=Dfe;exports.AmenityWiseRevenue=Ife;exports.AssetValueBreakdown=Wue;exports.AssetsByType=Ffe;exports.BlockWiseOccupancy=_ue;exports.BookingTrendChart=jfe;exports.Bookings=Mfe;exports.Budgets=Nue;exports.Card=Ie;exports.CardAccess=UR;exports.CashBankBalance=Rue;exports.CommercialAccessOverview=wfe;exports.CommercialGuardPatrols=Bfe;exports.CommercialIncidentReports=Wfe;exports.CommercialOccupancy=ofe;exports.CommercialReportTable=zfe;exports.Community=soe;exports.Complaints=Mde;exports.ComplaintsByLevel=Lde;exports.DuesAgeing=Lue;exports.EmployeeFootfall=afe;exports.Engagement=loe;exports.EngagementStatsGrid=ife;exports.EventsUtilisation=Gde;exports.ExpenseCategories=$ue;exports.Facilities=coe;exports.FinanceSummary=uoe;exports.FoodBeverages=cfe;exports.GateAndSecurityStatsGrid=Dde;exports.GateUpdates=Goe;exports.GuardPatrols=vde;exports.Header=m3;exports.Helpdesk=Xoe;exports.HelpdeskStatsGrid=Ude;exports.HourlyTrafficFlow=bde;exports.IncidentReports=_de;exports.IncomeExpenditure=BR;exports.MainHeader=k3;exports.MaintenanceStatus=$fe;exports.MetricCard=Ofe;exports.MobileAccess=UR;exports.MoveInOutTrends=Eue;exports.NoticeBoardStatus=Zde;exports.OccupancyOverview=bue;exports.OrganisationWiseVisitors=kfe;exports.RequestBox=$de;exports.ResidentOverview=wue;exports.RevenuebyCategory=Vue;exports.SingleStats=efe;exports.StaffAttendance=Ode;exports.StatsGrid=que;exports.TicketEscalation=dfe;exports.TicketStatus=pfe;exports.Tickets=$R;exports.TicketsperCategory=Efe;exports.UnitStatus=$R;exports.VisitorUpdates=yfe;exports.WeeklyVisitorPattern=Cfe;
|
|
369
|
+
`,children:[i?v.jsx(Gs,{}):v.jsx(qs,{}),Math.abs(r),"%"]}),v.jsx("div",{style:{color:"#64748B"},children:t.deltaLabel})]})]})},n)})})}const Afe=[{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}],Tfe=({x:e,y:t,payload:n})=>v.jsx("foreignObject",{x:(e||0)-80,y:(t||0)-18,width:80,height:40,children:v.jsx("div",{className:"text-[12px] leading-[16px] text-[#121212]",style:{width:"80px",whiteSpace:"normal",wordBreak:"break-word",textAlign:"left"},children:n?.value||""})});function Mfe({data:e}){const t=Array?.isArray(e)&&e?.length===0,r=(e==null?Afe:Array?.isArray(e)?e:[]).map(i=>({...i,name:i.facility_name}));return v.jsx(Ie,{title:"Bookings",icon:v.jsx(dde,{size:18,className:"text-[#DBB467]"}),className:"h-[288px]",children:v.jsx("div",{className:"w-full h-full flex items-center justify-center",children:t?v.jsx(Po,{title:"No Booking Found",description:"Catch up all the data. Change the date range to see the data."}):v.jsx(Ft,{width:"100%",height:"100%",children:v.jsxs(oa,{data:r||[],layout:"vertical",margin:{top:0,right:10,left:-12,bottom:0},children:[v.jsx(br,{type:"number",allowDecimals:!1,tick:{fill:"#64748B",fontSize:12},axisLine:!0,tickLine:!1}),v.jsx(nr,{type:"category",dataKey:"facility_name",axisLine:!1,tickLine:!1,width:100,tick:v.jsx(Tfe,{})}),v.jsx(Vt,{content:v.jsx(is,{}),cursor:{fill:"transparent"},position:{x:300,y:0}}),v.jsx(jn,{dataKey:"total_booking",barSize:40,fill:"#8B5CF6"})]})})})})}const Nfe=[{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 jfe({data:e}){const t=Array.isArray(e)&&e?.length===0,n=e==null?Nfe:Array.isArray(e)?e:[];return v.jsx(dn,{title:"Booking Trend by Organisation",titleWeight:"semi-bold",className:"h-[362px]",children:v.jsx("div",{className:"w-full h-[265px] mt-[28px] flex items-center justify-center",children:t?v.jsx(Po,{title:"No Booking Found",description:"Catch up all the data. Change the date range to see the data."}):v.jsx(Ft,{width:"100%",height:"100%",children:v.jsxs(oa,{data:n||[],margin:{top:0,right:0,left:-30,bottom:0},children:[v.jsx(Hr,{strokeDasharray:"3 3",vertical:!1,stroke:"#E5E7EB"}),v.jsx(br,{dataKey:"building_name",axisLine:!1,tickLine:!1,tick:{fill:"#64748B",fontSize:12}}),v.jsx(nr,{allowDecimals:!1,axisLine:!1,tickLine:!1,tick:{fill:"#64748B",fontSize:12},tickFormatter:r=>`${r??0}`}),v.jsx(Vt,{formatter:r=>[r,"Bookings"],labelFormatter:r=>`Organisation: ${r}`,cursor:{fill:"rgba(0,0,0,0.05)"},contentStyle:{backgroundColor:"#000",border:"none",borderRadius:"6px"},labelStyle:{color:"#fff"},itemStyle:{color:"#fff"}}),v.jsx(jn,{dataKey:"no_of_booking",barSize:54,fill:"#12B981"})]})})})})}const Rfe=[{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"}],Vd=["#3C81F6","#60A5FA","#95BFFA","#BEDAFE","#DAE6FC"];function Ife({data:e,currencyType:t}){const n=Array?.isArray(e)&&e?.length===0,r=e??Rfe,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 v.jsx(dn,{title:"Amenity Wise Revenue",titleWeight:"semi-bold",className:"h-[362px]",children:v.jsx("div",{className:"grid grid-cols-12 gap-[24px] items-center h-full mt-[16px]",children:n?v.jsx("div",{className:"col-span-12 flex items-center justify-center h-[240px]",children:v.jsx(Po,{title:"No Amenity Found",description:"Catch up all the data. Change the date range to see the data."})}):v.jsxs(v.Fragment,{children:[v.jsx("div",{className:"col-span-5 h-[240px] max-w-[240px]",children:v.jsx(Ft,{width:"100%",height:"100%",children:v.jsxs(_o,{children:[v.jsx(Mi,{data:a||[],dataKey:"value",nameKey:"name",cx:"50%",cy:"50%",outerRadius:95,stroke:"#fff",strokeWidth:1,children:a?.map?.((l,c)=>v.jsx(kn,{fill:Vd?.[c%Vd?.length]},`cell-${c}`))}),v.jsx(Vt,{formatter:l=>s(l),labelFormatter:l=>`Amenity: ${l||""}`,contentStyle:{backgroundColor:"#111827",border:"none",borderRadius:"8px",padding:"8px 12px",fontSize:"12px"},labelStyle:{color:"#fff"},itemStyle:{color:"#fff"}})]})})}),v.jsx("div",{className:"col-span-7",children:v.jsxs("div",{className:"rounded-[12px] overflow-hidden",children:[v.jsxs("div",{className:"grid grid-cols-2 px-[12px] py-[8px] bg-[#EBEBEB] text-[12px] leading-[16px] font-semibold text-[#64748B]",children:[v.jsx("div",{children:"Amenity"}),v.jsx("div",{className:"text-right",children:"Revenue"})]}),v.jsx("div",{className:"divide-y divide-[#F1F5F9]",children:i?.map?.((l,c)=>v.jsxs("div",{className:"grid grid-cols-2 px-[16px] py-[16px] text-[14px] text-[#121212]",children:[v.jsxs("div",{className:"flex items-center gap-[12px]",children:[v.jsx("span",{className:"w-[16px] h-[7px]",style:{backgroundColor:Vd?.[c%Vd?.length]}}),v.jsx("span",{className:"text-[#64748B] text-[12px] leading-[16px]",children:l?.name||"Unknown"})]}),v.jsx("div",{className:"text-right text-[12px] leading-[16px] text-[#64748B]",children:s(l?.value||0)})]},l?.name||c))})]})})]})})})}const Hd=["#8CB33E","#F59E0B","#3B82F6","#06B6D4","#CFCFCF"],Lfe=[{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}],Ffe=({rows:e,totalAssets:t})=>{const n=P.useMemo(()=>e?e.length===0?[]:e.map((i,o)=>({name:i.asset_group_name,value:i.asset_count||0,color:Hd[o%Hd.length]})):Lfe.map((i,o)=>({name:i.asset_group_name,value:i.asset_count||0,color:Hd[o%Hd.length]})),[e]),r=t??n.reduce((i,o)=>i+o.value,0);return e&&e.length===0?v.jsx(dn,{title:"Assets by Type",titleWeight:"semi-bold",className:"h-full",children:v.jsx("div",{className:"flex items-center justify-center h-full",children:v.jsx(Po,{title:"No Assets Found",description:"Catch up all the data. Change the date range to see the data."})})}):v.jsx(dn,{title:"Assets by Type",titleWeight:"semi-bold",className:"h-full",children:v.jsxs("div",{className:"flex items-center justify-between h-full mt-[16px]",children:[v.jsxs("div",{className:"relative w-[252px] h-[273px]",children:[v.jsx(Ft,{width:"100%",height:"100%",children:v.jsx(_o,{children:v.jsx(Mi,{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)=>v.jsx(kn,{fill:i.color},o))})})}),v.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center",children:[v.jsx("div",{className:"text-[24px] leading-[33px] font-medium text-[#121212]",children:r}),v.jsx("div",{className:"text-[12px] leading-[17px] text-[#64748B] mt-[2px]",children:"Total Assets"})]})]}),v.jsx("div",{className:"flex-1 max-w-[280px]",children:v.jsxs("div",{className:"rounded-[12px] overflow-hidden bg-white",children:[v.jsxs("div",{className:"flex items-center justify-between px-[16px] py-[12px] bg-[#F8FAFC]",children:[v.jsx("div",{className:"text-[12px] font-medium text-[#64748B]",children:"Asset"}),v.jsx("div",{className:"text-[12px] font-medium text-[#64748B]",children:"Count"})]}),n.map((i,o)=>v.jsxs("div",{className:"flex items-center justify-between px-[16px] py-[12px] border-t border-[#F1F5F9]",children:[v.jsxs("div",{className:"flex items-center gap-[8px]",children:[v.jsx("div",{className:"w-[16px] h-[7px]",style:{backgroundColor:i.color}}),v.jsx("div",{className:"text-[13px] text-[#475569]",children:i.name})]}),v.jsx("div",{className:"text-[13px] text-[#64748B]",children:i.value})]},o))]})})]})})},$fe=({data:e})=>{const[t,n]=P.useState({}),r=[{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}],i=P.useMemo(()=>e?Array.isArray(e)&&e.length===0?[]:e:r,[e]),o=a=>{const{dataKey:s}=a;n(l=>({...l,[s]:!l[s]}))};return Array.isArray(e)&&e.length===0?v.jsx(dn,{title:"Maintenance Status",titleWeight:"semi-bold",className:"h-full",children:v.jsx("div",{className:"w-full h-[260px] flex items-center justify-center",children:v.jsx(Po,{title:"No Maintenance Assets Status Found",description:"Catch up all the data. Change the date range to see the data."})})}):v.jsx(dn,{title:"Maintenance Status",titleWeight:"semi-bold",className:"h-full",children:v.jsx("div",{className:"w-full h-[260px] flex items-center justify-center",children:Array.isArray(e)&&e.length===0?v.jsx("div",{className:"text-[#94A3B8] text-sm",children:"No Data Found"}):v.jsx("div",{className:"relative w-full h-[297px] mt-[20px]",children:v.jsx(Ft,{width:"100%",height:"100%",children:v.jsxs(oa,{data:i,barSize:54,barCategoryGap:"40%",margin:{top:20,right:20,left:-20,bottom:0},children:[v.jsx(Hr,{strokeDasharray:"3 3",vertical:!1,stroke:"#E2E8F0"}),v.jsx(br,{dataKey:"name",tick:{fill:"#64748B",fontSize:12},axisLine:!1,tickLine:!1}),v.jsx(nr,{tick:{fill:"#64748B",fontSize:12},axisLine:!1,tickLine:!1,allowDecimals:!1}),v.jsx(Vt,{cursor:{fill:"rgba(148, 163, 184, 0.12)"},contentStyle:{backgroundColor:"#000",borderRadius:"10px",border:"none",fontSize:"12px",color:"#fff"},labelStyle:{color:"#fff"},itemStyle:{color:"#fff"}}),v.jsx(fh,{verticalAlign:"bottom",align:"center",onClick:o,content:({payload:a})=>v.jsx("div",{className:"flex items-center justify-center gap-[16px] pt-4 flex-wrap",children:a.map((s,l)=>v.jsxs("div",{onClick:()=>o({dataKey:s.dataKey}),className:"flex items-center gap-[8px] cursor-pointer",children:[v.jsx("div",{style:{width:"16px",height:"8px",backgroundColor:t[s.dataKey]?"#CBD5E1":s.color}}),v.jsx("span",{style:{fontSize:"12px",color:t[s.dataKey]?"#CBD5E1":"#64748B"},children:s.value})]},l))})}),v.jsx(jn,{dataKey:"Open",stackId:"a",fill:"#3B82F6",hide:t.Open}),v.jsx(jn,{dataKey:"Closed",stackId:"a",fill:"#10B981",hide:t.Closed}),v.jsx(jn,{dataKey:"Cancelled",stackId:"a",fill:"#B91C1C",hide:t.Cancelled}),v.jsx(jn,{dataKey:"OnHold",stackId:"a",fill:"#64748B",hide:t.OnHold}),v.jsx(jn,{dataKey:"InProgress",stackId:"a",fill:"#F59E0B",hide:t.InProgress,name:"In Progress"})]})})})})})};function Bfe({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 v.jsx(dn,{title:"Patrol Status",className:"h-[362px]",titleWeight:"semi-bold",children:v.jsxs("div",{className:"flex flex-col items-center justify-center",children:[v.jsxs("div",{className:"w-[215px] h-[182px] relative",children:[v.jsx(Ft,{width:"100%",height:"100%",children:v.jsxs(_o,{children:[v.jsx(Mi,{data:t,innerRadius:60,outerRadius:90,paddingAngle:2,dataKey:"value",nameKey:"name",children:t.map((i,o)=>v.jsx(kn,{fill:i.color},`cell-${o}`))}),v.jsx(Vt,{formatter:i=>i.toLocaleString(),contentStyle:{backgroundColor:"#000",border:"none",borderRadius:"8px",color:"#fff"},labelStyle:{color:"#fff"},itemStyle:{color:"#fff"}})]})}),v.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center pointer-events-none",children:[v.jsxs("div",{className:"font-medium text-[19.35px] leading-[23.65px]",children:[r,"/",n]}),v.jsx("div",{className:"text-[10.75px] leading-[15.05px] text-[#64748B]",children:"Completed"})]})]}),v.jsx("div",{className:"flex flex-col w-full text-[14px]",children:t.map((i,o)=>v.jsxs("div",{className:`flex items-center justify-between py-[10px] ${o!==t.length-1?"border-b border-[#F1F5F9]":""}`,children:[v.jsxs("div",{className:"flex items-center gap-[10px]",children:[v.jsx("div",{className:"inline-block w-[16px] h-[7px]",style:{backgroundColor:i.color}}),v.jsx("div",{className:"leading-[16.09px] text-[12.07px] text-[#64748B]",children:i.name})]}),v.jsx("div",{className:"leading-[16.09px] text-[12.07px] text-[#64748B]",children:i.value})]},i.name))})]})})}function Wfe({incidentReports:e,incidentReportsDetails:t}){const n=Number(e?.open||0),r=Number(e?.in_progress||0),i=Number(e?.closed||0);return v.jsx(dn,{title:"Incident Reports",className:"h-[362px]",titleWeight:"semi-bold",children:v.jsxs("div",{children:[v.jsxs("div",{className:"flex w-full text-center gap-[16px] mt-[24px]",children:[v.jsxs("div",{className:"flex-1 flex flex-col items-center justify-center bg-[#FBF4F4] h-[76px] rounded",children:[v.jsx("div",{className:"text-[24px] leading-[28px] font-medium text-[#AB0000]",children:n}),v.jsx("div",{className:"text-[12px] leading-[16px] text-[#AB0000]",children:"Open"})]}),v.jsxs("div",{className:"flex-1 flex flex-col items-center justify-center bg-[#FFFBF2] h-[76px] rounded",children:[v.jsx("div",{className:"text-[24px] leading-[28px] font-medium text-[#F2A815]",children:r}),v.jsx("div",{className:"text-[12px] leading-[16px] text-[#F2A815]",children:"In-progress"})]}),v.jsxs("div",{className:"flex-1 flex flex-col items-center justify-center bg-[#F7FEFA] h-[76px] rounded",children:[v.jsx("div",{className:"text-[24px] leading-[28px] font-medium text-[#1FA05B]",children:i}),v.jsx("div",{className:"text-[12px] leading-[16px] text-[#1FA05B]",children:"Closed"})]})]}),v.jsx("div",{className:"mt-4 space-y-2",children:t?.length>0?t.map((o,a)=>{const s=o?.severity==="Danger"?"text-[#AB0000]":o?.severity==="High"?"text-[#E7A015]":"text-[#1FA05B]";return v.jsxs("div",{className:"flex items-center justify-between p-[12px] bg-[#FAFBFD] rounded-md",children:[v.jsx("div",{className:"flex items-center gap-[8px]",children:v.jsx("div",{className:"text-gray-700 font-medium",children:o?.incident_code})}),v.jsx("div",{className:`!text-[12px] font-semibold flex items-center gap-[4px] ${s}`,children:v.jsxs("div",{children:[o?.severity_level," - ",o?.severity]})})]},a)}):v.jsx(v.Fragment,{})})]})})}function zfe({columns:e=[{key:"a",label:"Organisation"},{key:"b",label:"Item"},{key:"c",label:"Orders"},{key:"d",label:"Revenue"},{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%"}],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,h=n-p.length>0?n-p.length:0,m=a===0&&c.length===0;return console.log("safeData:",c),console.log("currentData:",p),v.jsxs("div",{className:"w-full bg-white rounded-[12px] h-[390px] shadow-md overflow-hidden flex flex-col",children:[v.jsx("div",{className:"grid bg-[#354A5E] text-white text-[16px] leading-[20px] font-medium",style:{gridTemplateColumns:`repeat(${u.length}, 1fr)`},children:u.map((g,b)=>v.jsx("div",{className:"px-[24px] py-[16px] text-[16px] leading-[20px] whitespace-nowrap text-center",children:g.label},b))}),v.jsx("div",{className:"flex-1 overflow-y-auto",children:m?v.jsx(Po,{title:"No Data Found",description:"Catch up all the data. Change the date range to see the data."}):v.jsxs(v.Fragment,{children:[p.map((g,b)=>v.jsx("div",{className:"grid",style:{gridTemplateColumns:`repeat(${u.length}, 1fr)`},children:u.map((S,w)=>{const x=g[S.key],_=typeof x=="string"&&x.includes("%"),O=x==="100%"?"bg-[#F0FEF2] text-[#36AB6C]":"bg-[#FFF0F0] text-[#AB0000]";return v.jsx("div",{className:`px-[24px] py-[16px] flex items-center justify-center ${w===0?"bg-white":"bg-gray-50"}`,children:_?v.jsx("div",{className:`inline-block px-[12px] py-[4px] rounded-full text-[14px] font-medium ${O}`,children:x}):v.jsx("div",{children:x??"-"})},w)})},b)),Array.from({length:h}).map((g,b)=>v.jsx("div",{className:"grid",style:{gridTemplateColumns:`repeat(${u.length}, 1fr)`},children:u.map((S,w)=>v.jsx("div",{className:`px-[24px] py-[16px] ${w===0?"bg-white":"bg-gray-50"}`,children:" "},w))},`empty-${b}`))]})}),v.jsxs("div",{className:"flex justify-end items-center px-[24px] py-[16px] text-sm bg-white border-t border-[#F0F0F0] gap-[32px]",children:[v.jsxs("div",{className:"flex items-center gap-[8px] text-gray-600 text-[14px]",children:[v.jsx("div",{children:"Rows per page:"}),v.jsx("select",{value:n,onChange:g=>{r(Number(g.target.value)),o(1)},className:"border rounded px-[8px] py-[4px]",children:l.map((g,b)=>v.jsx("option",{value:g,children:g},b))}),v.jsxs("div",{className:"ml-4 text-[14px]",children:[c?.length===0?"0–0":`1–${c?.length}`," of"," ",a||c?.length]})]}),v.jsxs("div",{className:"flex items-center space-x-2 text-gray-600 text-[14px]",children:[v.jsx("button",{onClick:()=>o(1),disabled:i===1,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:v.jsx(sde,{size:18})}),v.jsx("button",{onClick:()=>o(g=>g-1),disabled:i===1,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:v.jsx(zR,{size:18})}),v.jsx("button",{onClick:()=>o(g=>g+1),disabled:i===f,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:v.jsx(VR,{size:18})}),v.jsx("button",{onClick:()=>o(f),disabled:i===f,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:v.jsx(cde,{size:18})})]})]})]})}exports.AccessPointsUsage=_fe;exports.Accounting=Due;exports.Amenities=ufe;exports.AmenitiesStatsCard=Dfe;exports.AmenityWiseRevenue=Ife;exports.AssetValueBreakdown=Wue;exports.AssetsByType=Ffe;exports.BlockWiseOccupancy=_ue;exports.BookingTrendChart=jfe;exports.Bookings=Mfe;exports.Budgets=Nue;exports.Card=Ie;exports.CardAccess=UR;exports.CashBankBalance=Rue;exports.CommercialAccessOverview=wfe;exports.CommercialGuardPatrols=Bfe;exports.CommercialIncidentReports=Wfe;exports.CommercialOccupancy=ofe;exports.CommercialReportTable=zfe;exports.Community=soe;exports.Complaints=Mde;exports.ComplaintsByLevel=Lde;exports.DuesAgeing=Lue;exports.EmployeeFootfall=afe;exports.Engagement=loe;exports.EngagementStatsGrid=ife;exports.EventsUtilisation=Gde;exports.ExpenseCategories=$ue;exports.Facilities=coe;exports.FinanceSummary=uoe;exports.FoodBeverages=cfe;exports.GateAndSecurityStatsGrid=Dde;exports.GateUpdates=Goe;exports.GuardPatrols=vde;exports.Header=m3;exports.Helpdesk=Xoe;exports.HelpdeskStatsGrid=Ude;exports.HourlyTrafficFlow=bde;exports.IncidentReports=_de;exports.IncomeExpenditure=BR;exports.MainHeader=k3;exports.MaintenanceStatus=$fe;exports.MetricCard=Ofe;exports.MobileAccess=UR;exports.MoveInOutTrends=Eue;exports.NoticeBoardStatus=Zde;exports.OccupancyOverview=bue;exports.OrganisationWiseVisitors=kfe;exports.RequestBox=$de;exports.ResidentOverview=wue;exports.RevenuebyCategory=Vue;exports.SingleStats=efe;exports.StaffAttendance=Ode;exports.StatsGrid=que;exports.TicketEscalation=dfe;exports.TicketStatus=pfe;exports.Tickets=$R;exports.TicketsperCategory=Efe;exports.UnitStatus=$R;exports.VisitorUpdates=yfe;exports.WeeklyVisitorPattern=Cfe;
|
package/dist/index.es.js
CHANGED
|
@@ -54353,7 +54353,20 @@ function Ope({ data: e }) {
|
|
|
54353
54353
|
children: t.map((i, o) => /* @__PURE__ */ v.jsx(Rn, { fill: i.color }, `cell-${o}`))
|
|
54354
54354
|
}
|
|
54355
54355
|
),
|
|
54356
|
-
/* @__PURE__ */ v.jsx(
|
|
54356
|
+
/* @__PURE__ */ v.jsx(
|
|
54357
|
+
qt,
|
|
54358
|
+
{
|
|
54359
|
+
formatter: (i) => i.toLocaleString(),
|
|
54360
|
+
contentStyle: {
|
|
54361
|
+
backgroundColor: "#000",
|
|
54362
|
+
border: "none",
|
|
54363
|
+
borderRadius: "8px",
|
|
54364
|
+
color: "#fff"
|
|
54365
|
+
},
|
|
54366
|
+
labelStyle: { color: "#fff" },
|
|
54367
|
+
itemStyle: { color: "#fff" }
|
|
54368
|
+
}
|
|
54369
|
+
)
|
|
54357
54370
|
] }) }),
|
|
54358
54371
|
/* @__PURE__ */ v.jsxs("div", { className: "absolute inset-0 flex flex-col items-center justify-center pointer-events-none", children: [
|
|
54359
54372
|
/* @__PURE__ */ v.jsxs("div", { className: "font-medium text-[19.35px] leading-[23.65px]", children: [
|
package/dist/index.umd.js
CHANGED
|
@@ -366,4 +366,4 @@ Take a look at the reducer(s) handling this action type: ${p.type}.
|
|
|
366
366
|
* See the LICENSE file in the root directory of this source tree.
|
|
367
367
|
*/const Uue=Co("waves-ladder",[["path",{d:"M19 5a2 2 0 0 0-2 2v11",key:"s41o68"}],["path",{d:"M2 18c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1",key:"rd2r6e"}],["path",{d:"M7 13h10",key:"1rwob1"}],["path",{d:"M7 9h10",key:"12czzb"}],["path",{d:"M9 5a2 2 0 0 0-2 2v11",key:"x0q4gh"}]]),hn=({title:e,icon:t,period:n,isDateSelector:r=!1,children:i,footer:o,className:a="",titleWeight:s,titleColor:l,iconClassName:c,titleClassName:u,childrenClassName:d,onCalendarClick:f,onPrevClick:p,onNextClick:h})=>{const m=s==="semi-bold"?600:500;return v.jsxs("div",{className:`relative bg-white rounded-[12px] p-[24px] shadow-[0_0_12px_0_#EAF2FF] ${a}`,children:[v.jsxs("div",{className:"flex items-center justify-between",children:[v.jsxs("div",{className:"flex items-center gap-[8px]",children:[t&&v.jsx("div",{className:c,children:t}),v.jsx("div",{style:{fontWeight:m,color:l||"#121212"},className:u||"text-[20px] leading-[24px]",children:e})]}),n&&!r&&v.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:n}),r&&v.jsxs("div",{className:"flex items-center gap-[12px] px-[16px] py-[8px] rounded-[8px] bg-white text-sm text-[#64748B]",children:[v.jsx(Wue,{size:16,className:"text-[#64748B] cursor-pointer",onClick:f}),v.jsx(II,{size:16,className:"cursor-pointer",onClick:p}),v.jsx("span",{className:"text-[12px] leading-[16px] text-[#64748B]",children:n}),v.jsx(RI,{size:16,className:"cursor-pointer",onClick:h})]})]}),v.jsx("div",{className:`flex-1 min-h-0 mt-4 ${d}`,children:i}),o&&v.jsx("div",{className:"mt-4 pt-4 border-t border-gray-100 text-[12px] text-[#64748B]",children:o})]})},Kue={completed:18,not_completed:6,missed:4};function que({data:e={}}){const t=e&&Object.keys(e).length>0?e:Kue,n=[{name:"Completed",value:Number(t?.completed??0),color:"#12B981"},{name:"Delayed",value:Number(t?.not_completed??0),color:"#EF4444"},{name:"Missed",value:Number(t?.missed??0),color:"#F69E0A"}],r=Number(t?.completed??0)+Number(t?.not_completed??0)+Number(t?.missed??0),i=Number(t?.completed??0);return v.jsx(hn,{title:"Guard Patrols",className:"h-[362px]",titleWeight:"semi-bold",children:v.jsxs("div",{className:"flex flex-col items-center justify-center",children:[v.jsxs("div",{className:"w-[215px] h-[182px] relative",children:[v.jsx(It,{width:"100%",height:"100%",children:v.jsxs(ho,{children:[v.jsx(Ei,{data:n??[],innerRadius:60,outerRadius:90,paddingAngle:2,dataKey:"value",nameKey:"name",children:n?.map?.((o,a)=>v.jsx(En,{fill:o?.color??"#ccc"},`cell-${a}`))}),v.jsx(Vt,{formatter:o=>Number(o??0).toLocaleString()})]})}),v.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center pointer-events-none",children:[v.jsxs("div",{className:"font-medium text-[19.35px] leading-[23.65px]",children:[i??0,"/",r??0]}),v.jsx("div",{className:"text-[10.75px] leading-[15.05px] text-[#64748B]",children:"Completed"})]})]}),v.jsx("div",{className:"flex flex-col w-full text-[14px]",children:n?.length?n?.map?.((o,a)=>v.jsxs("div",{className:`flex items-center justify-between py-[10px] ${a!==(n?.length??0)-1?"border-b border-[#F1F5F9]":""}`,children:[v.jsxs("div",{className:"flex items-center gap-[10px]",children:[v.jsx("div",{className:"inline-block w-[16px] h-[7px]",style:{backgroundColor:o?.color??"#ccc"}}),v.jsx("div",{className:"leading-[16.09px] text-[12.07px] text-[#64748B]",children:o?.name??"-"})]}),v.jsx("div",{className:"leading-[16.09px] text-[12.07px] text-[#64748B]",children:o?.value??0})]},o?.name??a)):v.jsx("div",{className:"text-center text-gray-400 text-sm py-[24px]",children:"No patrol data"})})]})})}Fn.register(Eo,Oo,r1,n1,Vr,ei);const Gue=["10 AM","12 PM","2 PM","4 PM","6 PM","8 PM","10 PM"],Kh={guest:[9,5,12,7,3,6,4],cab:[15,12,10,14,7,12,8],delivery:[22,18,16,20,22,14,17],service:[13,12,8,9,5,10,7]},Xue=({data:e})=>{const n={labels:Array.isArray(e?.labels)&&e.labels.length>0?e.labels:Gue,datasets:[{label:"Guest",data:Array.isArray(e?.guest)&&e.guest.length>0?e.guest:Kh.guest,borderColor:"#EF4444",backgroundColor:"rgba(239,68,68,0.15)",pointBackgroundColor:"#EF4444",pointStyle:"rectRot",fill:!1},{label:"Cab",data:Array.isArray(e?.cab)&&e.cab.length>0?e.cab:Kh.cab,borderColor:"#7C3AED",backgroundColor:"rgba(124,58,237,0.15)",pointBackgroundColor:"#7C3AED",pointStyle:"rectRot",fill:!1},{label:"Delivery",data:Array.isArray(e?.delivery)&&e.delivery.length>0?e.delivery:Kh.delivery,borderColor:"#10B981",backgroundColor:"rgba(16,185,129,0.15)",pointBackgroundColor:"#10B981",pointStyle:"rectRot",fill:!1},{label:"Service",data:Array.isArray(e?.service)&&e.service.length>0?e.service:Kh.service,borderColor:"#F59E0B",backgroundColor:"rgba(245,158,11,0.15)",pointBackgroundColor:"#F59E0B",pointStyle:"rectRot",fill:!1}]},r={responsive:!0,maintainAspectRatio:!1,interaction:{mode:"index",intersect:!1},plugins:{legend:{position:"bottom",labels:{usePointStyle:!0,boxWidth:10,boxHeight:10,padding:20}},tooltip:{backgroundColor:"#0F172A",titleColor:"#FFFFFF",bodyColor:"#FFFFFF",displayColors:!1,padding:12,caretSize:0,callbacks:{title:i=>i[0].label,label:i=>`${i.dataset.label} ${i.parsed.y}`}}},scales:{x:{grid:{color:"#F1F5F9"},ticks:{color:"#64748B"}},y:{beginAtZero:!0,suggestedMax:28,grid:{color:"#F1F5F9"},ticks:{color:"#64748B",stepSize:4,precision:0}}},elements:{line:{borderWidth:2,tension:0},point:{radius:0,hoverRadius:3,hitRadius:10}}};return v.jsx(je,{title:"Hourly Traffic Flow",className:"w-full h-[362px]",period:v.jsx(Sr,{className:"text-[20px] text-[#884EA7]"}),children:v.jsx(s1,{data:n,options:r})})},Que={open:4,in_progress:7,closed:12},Zue=[{incident_code:"INC-401",severity_level:"L1",severity:"Danger"},{incident_code:"INC-402",severity_level:"L2",severity:"High"},{incident_code:"INC-403",severity_level:"L3",severity:"Low"}];function Jue({incidentReports:e={},incidentReportsDetails:t=[]}){const n=e&&Object.keys(e).length>0?e:Que,r=Array.isArray(t)&&t.length>0?t:Zue,i=Number(n?.open??0),o=Number(n?.in_progress??0),a=Number(n?.closed??0);return v.jsx(hn,{title:"Incident Reports",className:"h-[362px]",titleWeight:"semi-bold",children:v.jsxs("div",{children:[v.jsxs("div",{className:"flex w-full text-center gap-[24px]",children:[v.jsxs("div",{className:"flex-1 py-[12px] bg-[#FBF4F4] h-[76px] rounded",children:[v.jsx("div",{className:"!text-[24px] leading-[28px] font-medium text-[#AB0000]",children:i??0}),v.jsx("div",{className:"!text-[12px] leading-[16px] text-[#AB0000]",children:"Open"})]}),v.jsxs("div",{className:"flex-1 py-[12px] bg-[#FFFBF2] h-[76px] rounded",children:[v.jsx("div",{className:"!text-[24px] leading-[28px] font-medium text-[#E7A015]",children:o??0}),v.jsx("div",{className:"!text-[12px] leading-[16px] text-[#E7A015]",children:"In-progress"})]}),v.jsxs("div",{className:"flex-1 py-[12px] bg-[#F7FEFA] h-[76px] rounded",children:[v.jsx("div",{className:"!text-[24px] leading-[28px] font-medium text-[#1FA05B]",children:a??0}),v.jsx("div",{className:"!text-[12px] leading-[16px] text-[#1FA05B]",children:"Closed"})]})]}),v.jsx("div",{className:"mt-4 space-y-2",children:r?.length?r?.map?.((s,l)=>{const c=s?.severity==="Danger"?"text-[#AB0000]":s?.severity==="High"?"text-[#E7A015]":"text-[#1FA05B]";return v.jsxs("div",{className:"flex items-center justify-between p-[12px] bg-[#FAFBFD] rounded-md",children:[v.jsx("div",{className:"flex items-center gap-[8px]",children:v.jsx("div",{className:"text-gray-700 font-medium",children:s?.incident_code??"-"})}),v.jsx("div",{className:`!text-[12px] font-semibold flex items-center gap-[4px] ${c}`,children:v.jsxs("div",{children:[s?.severity_level??"-"," - ",s?.severity??"-"]})})]},l)}):v.jsx("div",{className:"text-center text-gray-400 text-sm py-[24px]",children:"No incidents found"})})]})})}const ede=[{total_staff:42,absent_staff:6}],tde=[{staff_role_name:"Security Guard",total_staff:18,present_staff:16},{staff_role_name:"Supervisor",total_staff:8,present_staff:7},{staff_role_name:"Technician",total_staff:10,present_staff:9},{staff_role_name:"Technician",total_staff:10,present_staff:9}];function nde({staffPresentAbsent:e,staffPresentByRole:t}){const n=Array.isArray(e)&&e.length>0?e:ede,r=Array.isArray(t)&&t.length>0?t:tde,i=n?.[0]?.total_staff??0,o=n?.[0]?.absent_staff??0,a=(i??0)-(o??0);return v.jsx(hn,{title:"Staff Attendance",className:"h-[362px] overflow-hidden ",titleWeight:"semi-bold",children:v.jsxs("div",{children:[v.jsxs("div",{className:"flex gap-[16px] text-center mt-[24px]",children:[v.jsxs("div",{className:"flex-1 py-[12px] bg-[#F7FEFA] rounded h-[76px]",children:[v.jsx("div",{className:"text-[24px] font-medium text-[#1FA05B]",children:a??0}),v.jsx("div",{className:"text-[12px] text-[#1FA05B]",children:"Present"})]}),v.jsxs("div",{className:"flex-1 py-[12px] bg-[#FBF4F4] rounded h-[76px]",children:[v.jsx("div",{className:"text-[24px] font-medium text-[#AB0000]",children:o??0}),v.jsx("div",{className:"text-[12px] text-[#AB0000]",children:"Absent"})]})]}),v.jsx("div",{className:"mt-[24px] space-y-2 overflow-y-auto max-h-[200px] hide-scrollbar",children:r?.length?r?.map?.((s,l)=>{const c=Number(s?.total_staff??0),u=Number(s?.present_staff??0);return v.jsxs("div",{className:"flex items-center justify-between p-[12px] bg-[#F8FAFC] rounded-md",children:[v.jsx("div",{className:"text-[#121212] text-[14px] leading-[18px] font-medium",children:s?.staff_role_name??"-"}),v.jsxs("div",{className:"text-[14px] leading-[20px] text-[#64748B]",children:[u??0,"/",c??0]})]},l)}):v.jsx(v.Fragment,{})})]})})}function rde(e){return Xe({attr:{viewBox:"0 0 256 256",fill:"currentColor"},child:[{tag:"path",attr:{d:"M116,132V96a12,12,0,0,1,24,0v36a12,12,0,0,1-24,0Zm12,56a16,16,0,1,0-16-16A16,16,0,0,0,128,188ZM228,56v56c0,54.29-26.32,87.22-48.4,105.29-23.71,19.39-47.44,26-48.44,26.29a12.1,12.1,0,0,1-6.32,0c-1-.28-24.73-6.9-48.44-26.29C54.32,199.22,28,166.29,28,112V56A20,20,0,0,1,48,36H208A20,20,0,0,1,228,56Zm-24,4H52v52c0,35.71,13.09,64.69,38.91,86.15A126.14,126.14,0,0,0,128,219.38a126.28,126.28,0,0,0,37.09-21.23C190.91,176.69,204,147.71,204,112Z"},child:[]}]})(e)}function ide({title:e,value:t,delta:n,deltaLabel:r,positive:i=!0,Icon:o=ql,iconColor:a="text-emerald-600",iconBg:s="bg-emerald-50"}){return v.jsxs(je,{title:e,icon:v.jsx("div",{className:"h-6 w-6 grid place-items-center",children:v.jsx(o,{className:`h-6 w-6 ${a}`})}),children:[v.jsx("div",{className:"text-4xl font-semibold tracking-tight text-[#121212]",children:t}),v.jsxs("div",{className:"flex items-center gap-[8px] text-[14px]",children:[v.jsx("div",{className:i?"text-emerald-600 font-medium":"text-rose-600 font-medium",children:n}),v.jsx("div",{className:"text-slate-500",children:r})]})]})}const ode=[{title:"Total Visitors",value:160,delta:"+11.0%",deltaLabel:"Compared to last month",positive:!0,Icon:dg,iconColor:"text-[#329DFF]"},{title:"Active Incidents",value:73,delta:"+2.0%",deltaLabel:"Compared to last month",positive:!0,Icon:Uie,iconColor:"text-[#F69E0A]"},{title:"Missed Patrols",value:3,delta:"+11.0%",deltaLabel:"Compared to last month",positive:!0,Icon:rde,iconColor:"text-[#AB0000]"},{title:"Parking Usage",value:5,delta:"-8.0%",deltaLabel:"Compared to last month",positive:!1,Icon:d3,iconColor:"text-[#36AB6C]"}];function ade({data:e}){const t=Array.isArray(e)&&e.length>0?e:ode;return v.jsx("div",{className:"px-[20px] grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-[24px]",children:t.map((n,r)=>v.jsx(ide,{...n},r))})}const sde=[{title:"Maintenance",total:12,pending:3},{title:"Security",total:8,pending:1},{title:"Housekeeping",total:6,pending:2},{title:"Utilities",total:10,pending:4}],lde=(e="")=>e.replace(/</g,"<").replace(/>/g,">").replace(/<[^>]*>/g,"").trim();function cde({data:e}){const t=Array.isArray(e?.complaints_by_category)&&e.complaints_by_category.length>0?e.complaints_by_category.map(n=>({title:lde(n.category_name)||"—",total:n.total||0,pending:n.pending||0})):sde;return v.jsx(je,{title:"Complaints",className:"h-[362px]",titleWeight:"semi-bold",titleClassName:"!text-[20px] !leading-[24px]",children:v.jsx("div",{className:"flex flex-col gap-[12px]",children:t.map((n,r)=>v.jsxs("div",{className:"flex items-center justify-between bg-[#F9FAFB] rounded-[8px] p-[12px] h-[62px]",children:[v.jsxs("div",{className:"flex flex-col",children:[v.jsx("div",{className:"text-[14px] leading-[18px] font-medium text-[#121212] capitalize",children:n.title}),v.jsxs("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:["Total: ",n.total]})]}),v.jsxs("div",{className:"flex flex-col items-end",children:[v.jsx("div",{className:"text-[14px] leading-[18px] font-medium text-red-700",children:String(n.pending).padStart(2,"0")}),v.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:"Pending"})]})]},r))})})}const ude=e=>{const t={0:"𝟎",1:"𝟏",2:"𝟐",3:"𝟑",4:"𝟒",5:"𝟓",6:"𝟔",7:"𝟕",8:"𝟖",9:"𝟗"};return String(e).split("").map(n=>t[n]||n).join("")},dde=[{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}],fde=({active:e,payload:t,label:n})=>{if(!e||!t)return null;const r=[{key:"open_count",label:"Open",color:"#EF4444"},{key:"in_progress_count",label:"In Progress",color:"#F59D0D"},{key:"closed_count",label:"Closed",color:"#12B981"}];return v.jsxs("div",{style:{backgroundColor:"#0B0B0B",padding:"14px 40px 14px 18px",borderRadius:"10px",color:"#ffffff"},children:[v.jsx("div",{style:{color:"#ffffff",fontSize:"12px",fontWeight:"900",marginBottom:"10px"},children:n}),r.map((i,o)=>{const a=t[0]?.payload[i.key]||0,s=ude(a);return v.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:o<r.length-1?"8px":"0",fontSize:"12px"},children:[v.jsx("div",{style:{width:"8px",height:"8px",backgroundColor:i.color,transform:"rotate(45deg)",marginRight:"8px"}}),v.jsx("span",{style:{color:"D1D3D4",minWidth:"100px"},children:i.label}),v.jsx("span",{style:{marginLeft:"auto",fontWeight:"700"},children:s})]},i.key)})]})},pde=()=>{const e=[{label:"Open",color:"#EF4444"},{label:"In Progress",color:"#F59D0D"},{label:"Closed",color:"#12B981"}];return v.jsx("div",{style:{display:"flex",justifyContent:"space-between",gap:"15px"},children:e.map(t=>v.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"6px"},children:[v.jsx("div",{style:{width:"6px",height:"6px",backgroundColor:t.color,transform:"rotate(45deg)"}}),v.jsx("span",{style:{fontSize:"14px"},children:t.label})]},t.label))})},hde=({data:e})=>{const t=P.useMemo(()=>(Array.isArray(e?.complaints_by_level)&&e.complaints_by_level.some(l=>Number(l.total)>0)?e.complaints_by_level:dde).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=P.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 v.jsxs(je,{title:"Complaints by Level",className:"w-full h-[362px]",titleWeight:"semi-bold",titleClassName:"!text-[20px] !leading-[24px]",children:[v.jsx(It,{width:"100%",height:"85%",children:v.jsxs(Jo,{data:t,margin:{top:5,right:-25,left:-30,bottom:5},children:[v.jsx(Rr,{strokeDasharray:"0",vertical:!1}),v.jsx(vr,{dataKey:"level"}),v.jsx(Gn,{domain:[0,r],ticks:Array.from({length:i+1},(a,s)=>s*o)}),v.jsx(Vt,{content:v.jsx(fde,{}),cursor:!1}),v.jsx(Ln,{dataKey:"open_count",stackId:"a",fill:"#EF4444",barSize:44,radius:[0,0,0,0]}),v.jsx(Ln,{dataKey:"in_progress_count",stackId:"a",fill:"#F59D0D",barSize:44,radius:[0,0,0,0]}),v.jsx(Ln,{dataKey:"closed_count",stackId:"a",fill:"#12B981",barSize:44,radius:[0,0,0,0]})]})}),v.jsx(pde,{})]})},mde=[{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 gde({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})):mde;return v.jsx(je,{title:"Request Box",className:"h-[362px]",titleWeight:"semi-bold",titleClassName:"!text-[20px] !leading-[24px]",children:v.jsx("div",{className:"flex flex-col gap-[12px]",children:t.map((n,r)=>v.jsxs("div",{className:"flex items-center justify-between bg-[#F9FAFB] rounded-[8px] p-[12px] h-[62px]",children:[v.jsxs("div",{className:"flex flex-col",children:[v.jsx("div",{className:"text-[14px] leading-[18px] font-medium text-[#121212] capitalize",children:n.title}),v.jsxs("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:["Total: ",n.total]})]}),v.jsxs("div",{className:"flex flex-col items-end",children:[v.jsx("div",{className:"text-[14px] leading-[18px] font-medium text-red-700",children:String(n.pending).padStart(2,"0")}),v.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:"Pending"})]})]},`${n.title}-${r}`))})})}function vde(e){return Xe({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 yde=["open_complaints","pending_requests","avg_response_time","resolution_rate"],bde={open_complaints:{title:"Open Complaints",Icon:PS,iconColor:"#AB0000",deltaLabel:"Compared to last month"},pending_requests:{title:"Pending Requests",Icon:vde,iconColor:"#E7A015",deltaLabel:"Compared to last month"},avg_response_time:{title:"Avg Response Time",Icon:x3,iconColor:"#1FA05B",deltaLabel:"Compared to last month"},resolution_rate:{title:"Resolution Rate",Icon:g3,iconColor:"#329DFF",deltaLabel:"Compared to last month"}},xde=({children:e,size:t=28,lineHeight:n=32,weight:r=500,color:i="#121212"})=>v.jsx("div",{style:{fontWeight:r,fontSize:`${t}px`,lineHeight:`${n}px`,color:i},children:e}),wde={primary:{size:28,lineHeight:32,weight:500}},_de={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 Sde({id:e,data:t}){return e&&t&&!t[e]&&t.current!==void 0?v.jsx(LI,{id:e,data:t}):v.jsx("div",{className:"px-[20px] grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-[16px]",children:yde.map(n=>v.jsx(LI,{id:n},n))})}function LI({id:e,data:t}){const n=bde[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=ql,iconColor:a,deltaLabel:s}=n,l=t&&Object.keys(t).length>0?t:_de[e],c=r(e,l?.current),u=l?.trend_percent??"—";return l?.direction==="good"||l?.direction,v.jsx("div",{className:"h-[132px]",children:v.jsxs(je,{title:i,titleColor:a,icon:v.jsx("div",{className:"h-[20px] w-[20px] flex items-center justify-center",children:v.jsx(o,{className:"h-[20px] w-[20px]",style:{color:a}})}),childrenClassName:"!space-y-[12px]",iconClassName:"!gap-[12px]",children:[v.jsx(xde,{...wde.primary,children:c}),v.jsxs("div",{className:"flex items-center gap-[8px] text-[12px] leading-[16px]",children:[v.jsx(fg,{value:u}),v.jsx("div",{className:"text-[#64748B] text-[12px] leading-[16px]",children:s})]})]})})}const Ede=[{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"}];function Ode({title:e,date:t,rsvp:n,utilisation:r,status:i}){return v.jsxs("div",{className:" bg-[#F8FAFC] h-[106px] px-[12px] mt-3",children:[v.jsxs("div",{className:"flex items-center justify-between",children:[v.jsx("div",{className:"text-[16px] leading-[20px] font-semibold text-[#121212]",children:e}),v.jsx("div",{className:`!text-[12px] font-medium leading-[16px] px-[8px] py-[4px] ${i==="Completed"?"text-[#36AB6C] bg-[#E6F7EE]":i==="Upcoming"?"text-[#329DFF] bg-[#E6F2FF]":"text-slate-500 bg-slate-100"}`,children:i})]}),v.jsx("div",{className:"text-[14px] leading-[18px] text-[#64748B]",children:t}),v.jsxs("div",{className:"flex justify-between items-center mt-2",children:[v.jsxs("div",{className:"text-[14px] leading-[18px] text-[#64748B]",children:[n," RSVP"]}),v.jsxs("div",{className:"text-[#3C82F6] text-[14px] leading-[18px] font-medium",children:[r,"% utilisation"]})]}),v.jsx("div",{className:"w-full bg-[#F8FAFC] h-[6px] rounded mt-2 mb-3",children:v.jsx("div",{className:"h-[6px] rounded bg-[#3C82F6]",style:{width:`${r}%`}})})]})}function Cde({data:e}){const t=Array.isArray(e)&&e.length>0?e:Ede;return v.jsx(je,{title:"Events Utilisation",period:v.jsx(Sr,{className:"h-5 w-5 text-[#884EA7] cursor-pointer"}),className:"w-full h-[360px]",children:v.jsx("div",{children:t.map((n,r)=>v.jsx(Ode,{...n},`${n.title}-${r}`))})})}const Pde=[{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 kde({label:e,value:t,subLabel:n,bgColor:r,textColor:i}){return v.jsxs("div",{className:`rounded-[8px] p-[16px] ${r} h-[124px]`,children:[v.jsx("div",{className:`text-[16px] font-medium ${i} leading-[20px]`,children:e}),v.jsx("div",{className:"mt-4 text-[28px] leading-[32px] font-semibold text-[#121212]",children:t}),v.jsx("div",{className:"!text-[12px] leading-[16px] text-[#64748B] mt-2",children:n})]})}function Dde({data:e}){const t=Array.isArray(e)&&e.length>0?e:Pde;return v.jsx(je,{title:"Notice Board Status",period:v.jsx(Sr,{className:"h-5 w-5 text-[#884EA7] cursor-pointer"}),className:"w-full h-[360px]",children:v.jsx("div",{className:"grid grid-cols-2 gap-[16px]",children:t.map((n,r)=>v.jsx(kde,{...n},`${n.label}-${r}`))})})}function FI(e){return Xe({attr:{viewBox:"0 0 24 24",fill:"currentColor"},child:[{tag:"path",attr:{d:"M20 22H4C3.44772 22 3 21.5523 3 21V3C3 2.44772 3.44772 2 4 2H20C20.5523 2 21 2.44772 21 3V21C21 21.5523 20.5523 22 20 22ZM19 20V4H5V20H19ZM8 9H16V11H8V9ZM8 13H16V15H8V13Z"},child:[]}]})(e)}function Ade({title:e,value:t,delta:n,deltaLabel:r,positive:i=!0,Icon:o=ql,iconColor:a="text-emerald-600",iconBg:s="bg-emerald-50"}){return v.jsx(je,{title:e,icon:v.jsx("div",{className:`h-6 w-6 grid place-items-center rounded-md ${s}`,children:v.jsx(o,{className:`h-4 w-4 ${a}`})}),className:"h-[132px]",children:v.jsxs("div",{children:[v.jsx("div",{className:"text-[28px] leading-[32px] font-medium text-[#121212]",children:t}),v.jsxs("div",{className:"flex items-center gap-[8px] pt-[8px] !text-[12px] leading-[16px]",children:[v.jsx("div",{className:i?"text-[#1FA05B] font-medium":"text-rose-600 font-medium",children:n}),v.jsx("div",{className:"text-[#64748B]",children:r})]})]})})}function Tde({data:e}){const t=[{title:e?.title||"Total Bookings",value:145,delta:"+11.0%",deltaLabel:"Compared to last month",positive:!0,Icon:FI,iconColor:"text-emerald-600",iconBg:"bg-emerald-50"}];return v.jsx("div",{className:"h-full",children:t.map((n,r)=>v.jsx(Ade,{...n},r))})}function Mde(e){return Xe({attr:{fill:"none",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor","aria-hidden":"true"},child:[{tag:"path",attr:{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"},child:[]}]})(e)}function Nde({title:e,value:t,delta:n,deltaLabel:r,positive:i=!0,Icon:o=ql,iconColor:a="text-emerald-600",iconBg:s="bg-emerald-50"}){return v.jsx(je,{title:e,icon:v.jsx("div",{className:`h-6 w-6 grid place-items-center rounded-md ${s}`,children:v.jsx(o,{className:`h-4 w-4 ${a}`})}),className:"h-[132px]",children:v.jsxs("div",{children:[v.jsx("div",{className:"text-[28px] leading-[32px] font-medium text-[#121212]",children:t}),v.jsxs("div",{className:"flex items-center gap-[8px] pt-[8px] !text-[12px] leading-[16px]",children:[v.jsx("div",{className:i?"text-[#1FA05B] font-medium":"text-rose-600 font-medium",children:n}),v.jsx("div",{className:"text-[#64748B]",children:r})]})]})})}const jde=[{title:"Notice",value:160,delta:"+11.0%",deltaLabel:"Compared to last month",positive:!0,Icon:FI,iconColor:"text-emerald-600",iconBg:"bg-emerald-50"},{title:"Post",value:83,delta:"+2.0%",deltaLabel:"Compared to last month",positive:!0,Icon:f3,iconColor:"text-[#329DFF]",iconBg:"bg-emerald-50"},{title:"Poll",value:3,delta:"+11.0%",deltaLabel:"Compared to last month",positive:!0,Icon:Hie,iconColor:"text-[#FA7E28]",iconBg:"bg-orange-100"},{title:"Poll",value:5,delta:"-8.0%",deltaLabel:"Compared to last month",positive:!1,Icon:Mde,iconColor:"text-[#DBB467]",iconBg:"bg-yellow-100"}];function Ide({data:e}){const t=Array.isArray(e)&&e.length>0?e:jde;return v.jsx("div",{className:"px-[20px] grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-[24px]",children:t.map((n,r)=>v.jsx(Nde,{...n},r))})}const $I=({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 v.jsxs("div",{className:"flex flex-col items-start",children:[v.jsx("div",{className:"w-2/3 min-w-[80px] h-5 rounded-full overflow-hidden",children:v.jsx("div",{className:`h-[11px] rounded-full ${n||""}`,style:{width:n==="bg-[#12B981]"?`${a+45}%`:`${a}%`}})}),v.jsx("div",{className:`${s} !text-[12px] font-bold mt-1`,children:i??0}),v.jsx("div",{className:"!text-[12px] leading-[16px] text-[#64748B] mt-1",children:r??""})]})},Rde=({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 v.jsx("div",{children:v.jsxs("div",{className:"bg-white !border-[0.5px] !border-[#EBEBEB] rounded-[12px] shadow-[0_0_12px_0_#EAF2FF] p-[16px] h-[128px]",children:[v.jsxs("div",{className:"flex items-center gap-[12px] h-[20px]",style:{marginBottom:"24px"},children:[v.jsx(dg,{className:"!text-[20px] text-[#329DFF]"}),v.jsx("div",{className:"font-medium text-[#121212] text-[16px] leading-[20px]",children:"Occupancy Overview"})]}),v.jsxs("div",{className:"flex items-start justify-between",children:[v.jsxs("div",{className:"flex flex-col gap-[4px]",children:[v.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B] font-normal",children:"Total Occupants"}),v.jsx("div",{className:"text-[28px] leading-[32px] font-medium text-[#121212]",children:i??0})]}),v.jsxs("div",{className:"flex items-end gap-[4px]",children:[v.jsx($I,{value:o??0,total:s||1,colorClass:"bg-[#3C81F6]",label:(o??0)<=1?"Employee":"Employees"}),v.jsx($I,{value:a??0,total:s||1,colorClass:"bg-[#8B5CF6]",label:(a??0)<=1?"Admin":"Admins"})]})]})]})})};Fn.register(Eo,Oo,kl,Vr);const Lde=()=>{const t={labels:["HP","Adobe","Anarock","Swiggy","Infosys","Zepto"],datasets:[{data:[2e3,1700,1500,1200,900,800],backgroundColor:["#3C81F6","#3C81F6","#3C81F6","#3C81F6","#3C81F6","#3C81F6"],barThickness:34}]},n={responsive:!0,maintainAspectRatio:!1,plugins:{legend:{display:!1},tooltip:{backgroundColor:"#0F172A",titleColor:"#fff",bodyColor:"#fff",displayColors:!1,callbacks:{label:r=>`Employees: ${r.parsed.y}`}}},scales:{x:{grid:{display:!1},ticks:{color:"#64748B",font:{size:12}}},y:{beginAtZero:!0,min:0,max:2e3,ticks:{stepSize:500,color:"#64748B",callback:r=>r},grid:{display:!1,color:"#E5E7EB",borderDash:[4,4],drawBorder:!1}}}};return v.jsxs(je,{className:"w-full h-[238px]",title:"Employee Footfall (Static Data)",period:"Today",icon:v.jsx(Bue,{className:"!text-[24px] text-[#8B5CF6]"}),children:[v.jsxs("div",{className:"mb-[10px] mt-[8px] flex flex-col gap-[4px]!",children:[v.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:"Employees Inside"}),v.jsx("div",{className:"text-[20px] leading-[24px] font-medium text-[#3C81F6]",children:"7,500"})]}),v.jsx("div",{className:"h-[110px]",children:v.jsx(Dl,{data:t,options:n})})]})},Fde="₹",BI=["bg-blue-500","bg-red-500","bg-purple-700"],Al={title:"Food & Beverages",period:"Today",summary:{totalOrders:247,revenueGenerated:"82K",growthPercentage:8},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 WI(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 zI(e){if(e==null||e==="")return"0";if(typeof e=="number")return TS(e);const t=Number(e);return Number.isNaN(t)?String(e):TS(t)}function $de(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,currencyType:e?.food_beverage_summary?.currency_type},outlets:e?.chart_data}:e||{},n=t?.summary||{},i=(Array.isArray(t?.outlets)?t.outlets:[]).map((d,f)=>({name:d?.name||d?.outlet_name||d?.tenant_name||d?.company_name||"Unknown",orders:d?.orders??d?.total_orders??d?.count??0,revenue:d?.revenue??d?.revenue_generated??d?.total_revenue??0,percentage:d?.percentage,color:d?.color||BI[f%BI.length]})),o=n?.totalOrders??n?.orders??Al.summary.totalOrders,a=n?.revenueGenerated??n?.revenue??Al.summary.revenueGenerated,s=WI(n?.growthPercentage??n?.revenueGrowth,Al.summary.growthPercentage),l=n?.currencyType||n?.currency||Fde,c=i.reduce((d,f)=>d+(Number(f?.orders)||0),0),u=i.map(d=>({...d,percentage:d?.percentage!==null&&d?.percentage!==void 0?Number(d.percentage)||0:c>0?Math.round((Number(d?.orders)||0)/c*100):0}));return{title:t?.title||Al.title,period:t?.period||Al.period,summary:{totalOrders:o,revenueGenerated:a,growthPercentage:s,currencyType:l},outlets:u.length>0?u:Al.outlets}}function Bde({data:e,title:t,period:n,icon:r}){const i=$de(e),o=t||i.title,a=n||i.period,s=r||v.jsx(Yue,{className:"!text-[24px] text-[#FA7E28]"}),l=i.summary.totalOrders??0,c=zI(i.summary.revenueGenerated),u=WI(i.summary.growthPercentage,0),d=u>=0;return v.jsx(je,{className:"h-[324px]",title:o,period:a,icon:s,children:v.jsxs("div",{className:"flex flex-col h-full",children:[v.jsxs("div",{className:"grid grid-cols-2 gap-[24px]",children:[v.jsxs("div",{className:"flex flex-col gap-[8px]!",children:[v.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:"Total Orders"}),v.jsx("div",{className:"text-[28px] leading-[32px] font-medium text-[#8B5CF6]",children:l})]}),v.jsxs("div",{className:"flex flex-col gap-[8px]!",children:[v.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:"Revenue Generated"}),v.jsxs("div",{className:"text-[28px] leading-[32px] font-medium text-[#329DFF]",children:[i.summary.currencyType," ",c]}),v.jsxs("div",{className:`w-fit inline-flex items-center gap-[4px] text-[10px] leading-[14px] p-[4px] rounded-[4px] ${d?"text-[#1FA05B] bg-green-50":"text-red-600 bg-red-50"}`,children:[d?v.jsx(Rs,{}):v.jsx(Is,{}),u,"%",v.jsx("span",{children:"from last month"})]})]})]}),v.jsx("div",{className:"mt-[16px]",children:i.outlets.map((f,p)=>v.jsxs("div",{className:"mb-[16px]",children:[v.jsxs("div",{className:"flex justify-between text-sm mb-[8px]",children:[v.jsx("div",{className:"text-[#64748B] text-[12px] leading-[16px]",children:f.name}),v.jsxs("div",{className:"font-medium text-[12px] leading-[16px] flex items-center",children:[v.jsxs("div",{className:"text-[#64748B] inline-block",children:[f.orders," orders"]}),v.jsxs("div",{className:"mx-2 text-[#121212] inline-block",children:[i.summary.currencyType," ",zI(f.revenue)]})]})]}),v.jsx("div",{className:"h-[11px] bg-gray-100 rounded-full",children:v.jsx("div",{className:`h-[11px] rounded-full ${f.color}`,style:{width:`${f.percentage}%`}})})]},`${f.name}-${p}`))})]})})}function Wde({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??"₹"},chartData:Array.isArray(e?.chart_data)?e.chart_data.map(h=>({facility_name:h?.facility_name,total_bookings:h?.total_bookings??0,paid_revenue:h?.paid_revenue??"0",isPaid:h?.is_paid===!0})):[]}:e||{},n=t?.amenitySummary||{},i=(Array.isArray(t?.chartData)?t.chartData:[]).map(h=>({...h,isPaid:h?.isPaid===!0})),o=i.length>0&&i.every(h=>h?.isPaid===!1),a=n?.totalBookings||0,s=n?.bookingGrowth;let l=0;if(typeof s=="number")l=s;else if(typeof s=="string"){const h=s.replace("%","").trim(),m=Number(h);l=isNaN(m)?0:m}const c=i.reduce((h,m)=>{const g=m?.total_bookings||0;return h+g},0),u=i.map(h=>{const m=h?.total_bookings||0,g=h?.isPaid?`${n?.currencyType||"₹"} ${h?.paid_revenue||"0.00"}`:"",b=c>0?Math.round(m/c*100):0;return{name:h?.facility_name||"Unknown",bookings:m,revenue:g,percentage:b,color:"bg-[#3C81F6]",isPaid:h?.isPaid}}),d=n?.growthPercentage;let f=null;if(typeof d=="number")f=d;else if(typeof d=="string"){const h=d.replace("%","").trim(),m=Number(h);f=isNaN(m)?null:m}const p=f!==null?f>=0:!0;return v.jsx(je,{className:"h-[324px]",title:"Amenities",period:"Today",icon:v.jsx(Uue,{className:"!text-[24px] text-[#8B5CF6]"}),children:v.jsxs("div",{className:"flex flex-col h-full",children:[v.jsxs("div",{className:"grid grid-cols-2 gap-[24px]",children:[v.jsxs("div",{className:"flex flex-col gap-[8px]!",children:[v.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:"Total Bookings"}),v.jsx("div",{className:"text-[28px] leading-[32px] font-medium text-[#8B5CF6]",children:a}),v.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?v.jsx(Rs,{}):v.jsx(Is,{}),l,"%",v.jsx("span",{children:"from last month"})]})]}),!o&&v.jsxs("div",{className:"flex flex-col gap-[8px]!",children:[v.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:"Revenue Generated"}),v.jsxs("div",{className:"text-[28px] leading-[32px] font-medium text-[#329DFF]",children:[n?.currencyType||"₹"," ",n?.todayPaidRevenue??"0.00"]}),f!==null&&v.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?v.jsx(Rs,{}):v.jsx(Is,{}),f,"%",v.jsx("span",{children:"from last month"})]})]})]}),v.jsx("div",{className:"mt-[16px]",children:u.length>0?u.map((h,m)=>v.jsxs("div",{className:"mb-[16px]",children:[v.jsxs("div",{className:"flex justify-between text-sm mb-[8px]",children:[v.jsx("div",{className:"text-[#64748B] text-[12px] leading-[16px]",children:h?.name}),v.jsxs("div",{className:"font-medium text-[12px] leading-[16px]",children:[v.jsxs("div",{className:"text-[#64748B] inline",children:[h?.bookings," ",h?.bookings<=1?"booking":"bookings"]}),h?.isPaid&&v.jsx("div",{className:"mx-2 text-[#121212] inline",children:h?.revenue})]})]}),v.jsx("div",{className:"h-[11px] bg-gray-100 rounded-full",children:v.jsx("div",{className:`h-[11px] rounded-full ${h?.color}`,style:{width:`${h?.percentage}%`}})})]},m)):v.jsx("div",{className:"flex items-center justify-center h-[120px]",children:v.jsx("div",{className:"text-[12px] text-[#94A3B8]",children:"No amenity usage data available"})})})]})})}Fn.register(Eo,Oo,kl,Vr,ei);function zde({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:!0,pointStyle:"rectRot",padding:20,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 v.jsx(je,{className:"h-[267px]",title:"Ticket Escalation Levels",period:"Today",icon:v.jsx(v3,{className:"!text-[24px] text-[#3C81F6]"}),children:v.jsx("div",{className:"h-full",children:v.jsx(Dl,{data:l,options:c})})})}const Vde=({active:e,payload:t})=>{if(!e||!t||!t.length)return null;const n=t[0],r=n.payload.color;return v.jsx("div",{style:{backgroundColor:"#000000",color:"#ffffff",padding:"8px 10px",borderRadius:"8px",fontSize:"12px"},children:v.jsxs("div",{className:"flex items-center gap-[8px] font-medium",children:[v.jsx("div",{style:{width:"8px",height:"8px",borderRadius:"50%",backgroundColor:r}}),v.jsx("div",{children:n.name}),v.jsx("div",{className:"ml-2",children:n.value})]})})};function Hde({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 v.jsx(je,{className:"h-[267px]",title:"Ticket Status",period:"Today",icon:v.jsx(cg,{className:"!text-[24px] text-[#EF4444]"}),children:v.jsxs("div",{className:"flex h-full items-center gap-[16px]",children:[v.jsxs("div",{className:"w-[202px] h-[170px] relative",children:[v.jsx(It,{width:"100%",height:"100%",children:v.jsxs(ho,{children:[v.jsx(Ei,{data:i,innerRadius:55,outerRadius:85,dataKey:"value",stroke:"#FFFFFF",strokeWidth:2,children:i.map((a,s)=>v.jsx(En,{fill:a.color},s))}),v.jsx(Vt,{content:v.jsx(Vde,{}),wrapperStyle:{zIndex:1e3}})]})}),v.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center pointer-events-none",children:[v.jsxs("div",{className:"flex items-baseline text-[18px] leading-[22px] font-medium text-[#121212]",children:[v.jsx("div",{children:r(n.completed)}),v.jsxs("div",{className:"text-[18.18px] leading-[22.22px] text-[#121212]",children:["/",o]})]}),v.jsx("div",{className:"text-[10.1px] leading-[14.14px] text-[#64748B]",children:"Completed"})]})]}),v.jsx("div",{className:"flex-1 space-y-2",children:i.map(a=>v.jsxs("div",{className:"flex items-center justify-between text-[12px] leading-[17px] mt-[12px]",children:[v.jsxs("div",{className:"flex items-center gap-[8px]",children:[v.jsx("div",{className:"h-[7px] w-[16px]",style:{backgroundColor:a.color}}),v.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:a.name})]}),v.jsx("div",{className:"text-[#64748B] text-[12px] leading-[16px] font-medium",children:a.value})]},a.name))})]})})}const VI={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 Yde(e){const t=e>=12?"PM":"AM";let n=e%12;return n===0&&(n=12),`${n} ${t}`}function Ude(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 Kde(e=[]){return Array.from({length:24},(t,n)=>{const r=e.find(i=>Ude(i?.hour)===n)||{};return{hour:n,time:Yde(n),walkins:Number(r?.walkins??0),approved:Number(r?.pre_approved??r?.preApproved??r?.approved??0)}})}function HI({title:e,color:t,rows:n=[],children:r}){const i=v.jsxs("div",{className:"bg-white rounded-[12px] min-w-[260px] p-[16px] border-[0.5px] border-[#EBEBEB] shadow-[0px_0px_12px_0px_#EAF2FF]",children:[v.jsx("div",{className:"flex items-center gap-[8px] font-medium text-[#121212]",children:v.jsx("div",{children:e??""})}),v.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})=>v.jsxs("div",{className:"flex justify-between text-[14px] leading-[18px]",children:[v.jsx("div",{className:"text-[#64748B]",children:o??""}),v.jsx("div",{className:"font-semibold",style:{color:s||"#121212"},children:a??0})]},o))})]});return v.jsx(SN,{content:i,placement:"right-start",interactive:!0,delay:[100,0],offset:[6,0],appendTo:()=>document.body,theme:"light-border",maxWidth:"none",children:r})}function qde({active:e,payload:t}){return!e||!t?.length?null:v.jsx("div",{className:"rounded-[8px] bg-[#121212] px-[12px] py-[8px] text-[12px] text-white shadow-lg",children:t.map(n=>v.jsxs("div",{className:"flex items-center gap-[8px]",children:[v.jsx("span",{className:"h-2 w-2 rounded-full",style:{backgroundColor:n.stroke}}),v.jsx("span",{className:"min-w-[82px] text-[#D1D3D4]",children:n.name}),v.jsx("span",{className:"font-semibold",children:n.value})]},n.dataKey))})}function Gde({data:e}){const t=e&&Object.keys(e).length?e:VI,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=P.useMemo(()=>{const l=t?.chart_data??[];return Kde(l.length?l:VI.chart_data)},[t]),{yAxisTicks:o,yAxisMax:a}=P.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 v.jsx(je,{className:"h-[377px]",title:"Visitor Updates",period:`Today at ${s}`,icon:v.jsx(lg,{className:"!text-[24px] text-[#8B5CF6]"}),children:v.jsxs("div",{className:"flex flex-col gap-[24px]",children:[v.jsxs("div",{className:"grid grid-cols-2 gap-y-4 gap-x-6",children:[v.jsxs("div",{className:"flex flex-col gap-[8px]!",children:[v.jsx("div",{className:"text-[10px] text-[#64748B]",children:"Total Visitors"}),v.jsx("div",{className:"text-[20px] font-medium text-[#08B6D4]",children:n?.totalVisitorsToday??0})]}),v.jsxs("div",{className:"flex flex-col gap-[8px]!",children:[v.jsx("div",{className:"text-[10px] text-[#64748B]",children:"Peak Time"}),v.jsx("div",{className:"text-[20px] font-medium text-[#8B5CF6]",children:n?.peakTime??"-"})]}),v.jsxs("div",{className:"mt-2 flex flex-col gap-[8px]!",children:[v.jsx("div",{className:"text-[10px] text-[#64748B]",children:"Active Walk-ins"}),v.jsxs("div",{className:"flex items-baseline text-xl font-medium leading-[32px]",children:[v.jsx("div",{className:"text-[28px] text-[#1FA05B] leading-[32px]",children:r?.walkins?.currently_inside??0}),v.jsx(HI,{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:v.jsxs("div",{className:"text-[#64748B] cursor-pointer text-[20px] leading-[32px]",children:["/",r?.walkins?.total_visited_today??0]})})]})]}),v.jsxs("div",{className:"mt-2 flex flex-col gap-[8px]!",children:[v.jsx("div",{className:"text-[10px] text-[#64748B]",children:"Pre-approved Check-ins"}),v.jsxs("div",{className:"flex items-baseline text-xl font-medium leading-[32px]",children:[v.jsx("div",{className:"text-[28px] text-[#E7A015] leading-[32px]",children:r?.preApproved?.completed_visits??0}),v.jsx(HI,{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:v.jsxs("div",{className:"text-[#64748B] cursor-pointer text-[20px] leading-[32px]",children:["/",r?.preApproved?.total_expected_today??0]})})]})]})]}),v.jsx("div",{className:"w-full h-[149px]",children:v.jsx(It,{width:"100%",height:"100%",children:v.jsxs(L0,{data:i??[],margin:{top:5,right:0,left:-18,bottom:0},children:[v.jsx(Rr,{stroke:"#E5E7EB",strokeDasharray:"4 4",vertical:!1}),v.jsx(vr,{dataKey:"time",tickFormatter:(l,c)=>c%4===0?l:"",axisLine:!1,tickLine:!1,tick:{fill:"#121212",fontSize:10,fontWeight:400}}),v.jsx(Gn,{width:24,axisLine:!1,tickLine:!1,allowDecimals:!1,ticks:o,domain:[0,a],tick:{fill:"#64748B",fontSize:10,fontWeight:400}}),v.jsx(Vt,{content:v.jsx(qde,{})}),v.jsx(Zo,{type:"monotone",dataKey:"walkins",stroke:"#22C55E",strokeWidth:2,dot:!1,name:"Walk-ins",isAnimationActive:!1}),v.jsx(Zo,{type:"monotone",dataKey:"approved",stroke:"#F59E0B",strokeWidth:2,strokeDasharray:"5 5",dot:!1,name:"Pre-approved",isAnimationActive:!1})]})})})]})})}const Xde=({color:e})=>v.jsx("span",{style:{display:"inline-block",width:"8px",height:"8px",borderRadius:"50%",backgroundColor:e,marginRight:"6px"}}),Qde=({active:e,payload:t})=>!e||!t||!t.length?null:v.jsx("div",{className:"bg-black text-white !text-[12px] px-[12px] py-[8px] rounded-[8px] shadow-lg",children:t.map((n,r)=>v.jsxs("div",{className:"capitalize flex gap-[4px] items-center leading-relaxed",children:[v.jsx(Xde,{color:n.color}),n.name,": ",v.jsx("div",{className:"font-semibold",children:n.value})]},r))});function Zde({data:e=null}){const n=e||{card_entry:60,mobile_entry:35,card_exit:15,mobile_exit:10,total:20.3},r=a=>{const s=Number(a);return isNaN(s)?0:s},i=[{name:"Card Entry",value:r(n.card_entry),color:"#329DFF"},{name:"Mobile Entry",value:r(n.mobile_entry),color:"#8B5CF6"},{name:"Card Exit",value:r(n.card_exit),color:"#B1D2F0"},{name:"Mobile Exit",value:r(n.mobile_exit),color:"#DACBFB"}],o=r(n.total);return v.jsx(hn,{className:"h-[362px]",title:"Access Overview",titleWeight:"semi-bold",children:v.jsxs("div",{className:"flex flex-col items-center mt-[16px]",children:[v.jsxs("div",{className:"relative w-[200px] h-[200px]",children:[v.jsx("div",{className:"absolute inset-0 flex items-center justify-center",children:v.jsx("div",{className:"w-[130px] h-[130px] rounded-full shadow-[0px_12px_35px_rgba(0,0,0,0.12)]"})}),v.jsx("div",{className:"h-[184px]",children:v.jsx(It,{width:"100%",height:"100%",children:v.jsxs(ho,{children:[v.jsx(Ei,{data:i,dataKey:"value",innerRadius:65,outerRadius:90,startAngle:110,endAngle:-250,paddingAngle:2,stroke:"transparent",children:i.map((a,s)=>v.jsx(En,{fill:a.color},s))}),v.jsx(Vt,{content:v.jsx(Qde,{}),wrapperStyle:{zIndex:9999}})]})})}),v.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center pointer-events-none",children:[v.jsxs("div",{className:"text-[20px] leading-[24px] font-semibold text-[#121212]",children:[o,"L"]}),v.jsx("div",{className:"text-[10px] leading-[15px] text-[#64748B]",children:"Total Access"})]})]}),v.jsx("div",{className:"mt-[32px] grid grid-cols-2 gap-x-[20px] gap-y-[12px] text-[12px] text-[#94A3B8]",children:i.map(a=>v.jsxs("div",{className:"flex items-center gap-[8px]",children:[v.jsx("div",{className:"w-[16px] h-[7px] ",style:{backgroundColor:a.color}}),v.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:a.name})]},a.name))})]})})}function YI({title:e="Access",data:t=[],height:n="h-[362px]"}){const r=i=>i==null?"0":Number(i).toLocaleString();return v.jsx(hn,{className:n,title:e,titleWeight:"semi-bold",children:v.jsxs("div",{className:"rounded-[12px] overflow-hidden mt-[16px]",children:[v.jsxs("div",{className:"grid grid-cols-2 bg-[#F8FAFC] py-[8px] px-[12px] text-[12px] leading-[16px] font-medium text-[#64748B]",children:[v.jsx("div",{children:"Point"}),v.jsx("div",{className:"text-right",children:"Access"})]}),t.map((i,o)=>v.jsxs("div",{className:"grid grid-cols-2 p-[12px] text-[14px] border-t border-[#E2E8F0]",children:[v.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:i.label}),v.jsx("div",{className:"text-[12px] leading-[16px] text-right font-medium",style:{color:i.color||"#000"},children:r(i.value)})]},o))]})})}function Jde({data:e=[]}){const t=[{name:"Google",value:82e3},{name:"Uber",value:67e3},{name:"ANAROCK",value:6e4},{name:"Flipkart",value:48e3},{name:"HP",value:41e3},{name:"Myntra",value:3e4},{name:"Cloudscape",value:2e4},{name:"Infosys",value:9e3}],n=e.length?e:t,r=o=>o>=1e3?`${o/1e3}K`:o,i=Math.max(...n.map(o=>o.value));return v.jsx(hn,{title:"Access Points Usage",titleWeight:"semi-bold",className:"h-[362px]",children:v.jsx("div",{className:"mt-[24px] h-[270px] w-full",children:v.jsx(It,{width:"100%",height:"100%",children:v.jsxs(Jo,{data:n,barSize:60,margin:{top:0,right:0,left:-20,bottom:0},children:[v.jsx(Rr,{strokeDasharray:"8 8",vertical:!1}),v.jsx(w0,{y:0,stroke:"#EBEBEB",strokeDasharray:"0"}),v.jsx(vr,{dataKey:"name",tick:{fontSize:12,fill:"#64748B"},axisLine:!1,tickLine:!1}),v.jsx(Gn,{tickFormatter:r,tick:{fontSize:12,fill:"#64748B"},axisLine:!1,tickLine:!1}),v.jsx(Vt,{cursor:!1}),v.jsx(Ln,{dataKey:"value",barSize:60,children:n.map((o,a)=>v.jsx(En,{fill:o.value===i?"#3C81F6":"#79ABFF"},`cell-${a}`))})]})})})})}function Po({image:e="https://cdni.iconscout.com/illustration/premium/thumb/businessman-sad-for-no-data-in-folder-illustration-svg-download-png-10155562.png",title:t="No Data Available",description:n="Catch up all the data. Change the date range to see the data."}){return v.jsxs("div",{className:"flex flex-col items-center justify-center h-full text-center px-[16px]",children:[v.jsx("img",{src:e,alt:"no data",className:"w-32 h-32 mb-4 opacity-80"}),v.jsx("div",{className:"text-[16px] font-semibold text-gray-900 mb-[4px]",children:t}),v.jsx("div",{className:"text-[12px] text-gray-500 max-w-[260px]",children:n})]})}const efe=({x:e,y:t,payload:n})=>{const r=n.value.split(" ");return v.jsx("g",{transform:`translate(${e},${t})`,children:v.jsx("text",{x:-85,y:0,textAnchor:"start",fill:"#121212",fontSize:14,children:r.map((i,o)=>v.jsx("tspan",{x:-85,dy:o===0?0:16,children:i},o))})})};function tfe({data:e=[]}){const t=e&&e.length>0,n=e.map(r=>({name:r.category_name,value:r.total_complaints}));return v.jsx(hn,{title:"Tickets per Category",className:"h-[362px]",titleWeight:"semi-bold",childrenClassName:"h-full",children:t?v.jsx("div",{className:"w-full h-[280px] mt-[28px]",children:v.jsx(It,{width:"100%",height:"100%",children:v.jsxs(Jo,{data:n,layout:"vertical",margin:{top:0,right:0,left:-10,bottom:-10},children:[v.jsx(Rr,{strokeDasharray:"3 3",horizontal:!1}),v.jsx(vr,{type:"number",tick:{fill:"#94A3B8",fontSize:12},axisLine:!0,tickLine:!1,allowDecimals:!1}),v.jsx(Gn,{type:"category",dataKey:"name",axisLine:!1,tickLine:!1,width:120,tick:v.jsx(efe,{})}),v.jsx(Vt,{content:v.jsx(_a,{}),cursor:{fill:"transparent"},position:{x:300,y:0}}),v.jsx(Ln,{dataKey:"value",barSize:36,fill:"#08B6D4"})]})})}):v.jsx(Po,{title:"No Tickets Found",description:"Catch up all the data. Change the date range to see the data."})})}function nfe({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 v.jsxs("div",{className:"relative bg-white rounded-[12px] shadow-[0_0_12px_0_#EAF2FF] p-[16px]",children:[v.jsxs("div",{className:"flex items-center gap-[8px]",children:[e&&v.jsx("div",{className:"h-[20px] w-[20px]",style:{color:t,display:"flex",alignItems:"center",justifyContent:"center"},children:v.jsx(e,{className:"h-[20px] w-[20px]"})}),v.jsx("div",{className:"text-[16px] leading-[20px] font-medium text-[#64748B]",children:n})]}),v.jsx("div",{className:"mt-[16px] text-[28px] leading-[32px] font-medium text-[#121212]",children:r}),(i||o)&&v.jsxs("div",{className:"mt-[12px] flex items-center gap-[8px]",children:[i&&v.jsxs("div",{className:"flex items-center gap-[4px] text-[12px] leading-[16px] font-medium",style:{color:l},children:[s?v.jsx(Rs,{}):v.jsx(Is,{}),Math.abs(a),"%"]}),o&&v.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:o})]})]})}const rfe=({data:e=[],onDateChange:t})=>{const[n,r]=P.useState(new Date),[i,o]=P.useState(!1),s=(g=>{const b=new Date(g);return b.setDate(b.getDate()-6),b})(n),l=g=>{try{return g.toLocaleDateString("en-GB",{day:"2-digit",month:"short"})}catch{return""}},c=g=>{const b=new Date(g),S=new Date(b);S.setDate(S.getDate()-6),t&&t(S.toISOString(),b.toISOString())},u=()=>{const g=new Date(n);g.setDate(g.getDate()-7),r(g),c(g)},d=()=>{const g=new Date(n);g.setDate(g.getDate()+7),r(g),c(g)},f=()=>{o(g=>!g)},p=g=>{const b=g||new Date;r(b),c(b),o(!1)},h=Array.isArray(e)?e:[],m=!h.length||h.every(g=>g.no_of_visitors===0);return v.jsxs(hn,{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&&v.jsx("div",{className:"anarock-datepicker absolute top-[70px] right-[24px] z-50 rounded-[8px] bg-white shadow-lg",children:v.jsx(xS,{selected:n,onChange:p,inline:!0,maxDate:new Date,showYearDropdown:!0,scrollableYearDropdown:!0,yearDropdownItemNumber:40})}),m?v.jsx("div",{className:"w-full h-[280px] flex items-center justify-center",children:v.jsx(Po,{title:"No Visitors Found",description:"Catch up all the data. Change the date range to see the data."})}):v.jsx("div",{className:"w-full h-[280px]",children:v.jsx(It,{width:"100%",height:"100%",children:v.jsxs(qte,{data:h,margin:{top:10,right:-10,left:-10,bottom:0},children:[v.jsx("defs",{children:v.jsxs("linearGradient",{id:"colorVisitors",x1:"0",y1:"0",x2:"0",y2:"1",children:[v.jsx("stop",{offset:"0%",stopColor:"#6366F1",stopOpacity:.25}),v.jsx("stop",{offset:"100%",stopColor:"#6366F1",stopOpacity:0})]})}),v.jsx(Rr,{strokeDasharray:"3 3",vertical:!1,stroke:"#F1F5F9"}),v.jsx(vr,{dataKey:"day",type:"category",scale:"point",padding:{left:20,right:20},tick:{fontSize:12,fill:"#64748B"},axisLine:!0,tickLine:!1,tickFormatter:g=>new Date(g).toLocaleDateString("en-GB",{day:"2-digit",month:"short"})}),v.jsx(Gn,{width:35,tick:{fontSize:12,fill:"#64748B"},axisLine:!1,tickLine:!1,allowDecimals:!1,domain:[0,"dataMax + 2"]}),v.jsx(Vt,{labelFormatter:g=>new Date(g).toLocaleDateString("en-GB",{day:"2-digit",month:"short"}),formatter:g=>[g,"Visitors"],contentStyle:{backgroundColor:"#000",border:"none",borderRadius:"6px",color:"#fff"},labelStyle:{color:"#fff"},itemStyle:{color:"#fff"}}),v.jsx(uT,{type:"monotone",dataKey:"no_of_visitors",stroke:"#6366F1",strokeWidth:2,fill:"url(#colorVisitors)",dot:{r:5,stroke:"#6366F1",strokeWidth:2,fill:"#fff"},activeDot:{r:6}})]})})})]})},ife=[{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}],ofe=({data:e})=>{const t=Array.isArray(e)&&e?.length===0,n=e==null?ife:Array.isArray(e)?e:[];return v.jsx(hn,{title:"Organisation Wise Visitors",titleWeight:"semi-bold",className:"h-[360px]",childrenClassName:"mt-6",children:v.jsx("div",{className:"w-full h-[260px] flex items-center justify-center",children:t?v.jsx(Po,{title:"No Visitors Found",description:"Catch up all the data. Change the date range to see the data."}):v.jsx(It,{width:"100%",height:"100%",children:v.jsxs(Jo,{data:n||[],margin:{top:10,right:10,left:-10,bottom:-10},barCategoryGap:35,children:[v.jsx(Rr,{strokeDasharray:"3 3",vertical:!1,stroke:"#F1F5F9"}),v.jsx(vr,{dataKey:"building_name",tick:{fontSize:12,fill:"#64748B"},axisLine:!0,tickLine:!1}),v.jsx(Gn,{width:40,tick:{fontSize:12,fill:"#64748B"},axisLine:!1,tickLine:!1,allowDecimals:!1}),v.jsx(Vt,{cursor:!1,contentStyle:{backgroundColor:"#000",border:"none",borderRadius:"6px",color:"#fff"},labelStyle:{color:"#fff"},itemStyle:{color:"#fff"}}),v.jsx(Ln,{dataKey:"no_of_visitors",name:"Visitors",maxBarSize:55,fill:"#3C81F6"})]})})})})};function afe({data:e}){return v.jsx("div",{className:"h-full",children:e.map((t,n)=>{const r=parseFloat(t.delta),i=r>=0;return v.jsx(je,{iconClassName:"!gap-[8px]",title:v.jsx("div",{className:"text-[#64748B]",children:t.title}),icon:v.jsx(t.Icon,{className:"h-[20px] w-[20px]",style:{color:t.iconColor||"#000000"}}),className:"h-[132px]",children:v.jsxs("div",{className:"flex flex-col gap-[8px]!",children:[v.jsx("div",{className:"text-[28px] leading-[32px] font-medium text-[#121212]",children:t.value}),v.jsxs("div",{className:`flex items-center pt-[8px] text-[12px] leading-[16px] ${t.delta?"gap-[8px]":""}`,children:[t.delta&&v.jsxs("div",{className:`flex items-center gap-[4px] px-[6px] py-[2px] rounded-[4px] font-medium
|
|
368
368
|
${i?"text-[#1FA05B] bg-[#F7FEFA]":"text-[#E11D48] bg-[#FBF4F4]"}
|
|
369
|
-
`,children:[i?v.jsx(Rs,{}):v.jsx(Is,{}),Math.abs(r),"%"]}),v.jsx("div",{style:{color:"#64748B"},children:t.deltaLabel})]})]})},n)})})}const sfe=[{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}],lfe=({x:e,y:t,payload:n})=>v.jsx("foreignObject",{x:(e||0)-80,y:(t||0)-18,width:80,height:40,children:v.jsx("div",{className:"text-[12px] leading-[16px] text-[#121212]",style:{width:"80px",whiteSpace:"normal",wordBreak:"break-word",textAlign:"left"},children:n?.value||""})});function cfe({data:e}){const t=Array?.isArray(e)&&e?.length===0,r=(e==null?sfe:Array?.isArray(e)?e:[]).map(i=>({...i,name:i.facility_name}));return v.jsx(je,{title:"Bookings",icon:v.jsx(Hue,{size:18,className:"text-[#DBB467]"}),className:"h-[288px]",children:v.jsx("div",{className:"w-full h-full flex items-center justify-center",children:t?v.jsx(Po,{title:"No Booking Found",description:"Catch up all the data. Change the date range to see the data."}):v.jsx(It,{width:"100%",height:"100%",children:v.jsxs(Jo,{data:r||[],layout:"vertical",margin:{top:0,right:10,left:-12,bottom:0},children:[v.jsx(vr,{type:"number",allowDecimals:!1,tick:{fill:"#64748B",fontSize:12},axisLine:!0,tickLine:!1}),v.jsx(Gn,{type:"category",dataKey:"facility_name",axisLine:!1,tickLine:!1,width:100,tick:v.jsx(lfe,{})}),v.jsx(Vt,{content:v.jsx(_a,{}),cursor:{fill:"transparent"},position:{x:300,y:0}}),v.jsx(Ln,{dataKey:"total_booking",barSize:40,fill:"#8B5CF6"})]})})})})}const ufe=[{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 dfe({data:e}){const t=Array.isArray(e)&&e?.length===0,n=e==null?ufe:Array.isArray(e)?e:[];return v.jsx(hn,{title:"Booking Trend by Organisation",titleWeight:"semi-bold",className:"h-[362px]",children:v.jsx("div",{className:"w-full h-[265px] mt-[28px] flex items-center justify-center",children:t?v.jsx(Po,{title:"No Booking Found",description:"Catch up all the data. Change the date range to see the data."}):v.jsx(It,{width:"100%",height:"100%",children:v.jsxs(Jo,{data:n||[],margin:{top:0,right:0,left:-30,bottom:0},children:[v.jsx(Rr,{strokeDasharray:"3 3",vertical:!1,stroke:"#E5E7EB"}),v.jsx(vr,{dataKey:"building_name",axisLine:!1,tickLine:!1,tick:{fill:"#64748B",fontSize:12}}),v.jsx(Gn,{allowDecimals:!1,axisLine:!1,tickLine:!1,tick:{fill:"#64748B",fontSize:12},tickFormatter:r=>`${r??0}`}),v.jsx(Vt,{formatter:r=>[r,"Bookings"],labelFormatter:r=>`Organisation: ${r}`,cursor:{fill:"rgba(0,0,0,0.05)"},contentStyle:{backgroundColor:"#000",border:"none",borderRadius:"6px"},labelStyle:{color:"#fff"},itemStyle:{color:"#fff"}}),v.jsx(Ln,{dataKey:"no_of_booking",barSize:54,fill:"#12B981"})]})})})})}const ffe=[{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"}],qh=["#3C81F6","#60A5FA","#95BFFA","#BEDAFE","#DAE6FC"];function pfe({data:e,currencyType:t}){const n=Array?.isArray(e)&&e?.length===0,r=e??ffe,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 v.jsx(hn,{title:"Amenity Wise Revenue",titleWeight:"semi-bold",className:"h-[362px]",children:v.jsx("div",{className:"grid grid-cols-12 gap-[24px] items-center h-full mt-[16px]",children:n?v.jsx("div",{className:"col-span-12 flex items-center justify-center h-[240px]",children:v.jsx(Po,{title:"No Amenity Found",description:"Catch up all the data. Change the date range to see the data."})}):v.jsxs(v.Fragment,{children:[v.jsx("div",{className:"col-span-5 h-[240px] max-w-[240px]",children:v.jsx(It,{width:"100%",height:"100%",children:v.jsxs(ho,{children:[v.jsx(Ei,{data:a||[],dataKey:"value",nameKey:"name",cx:"50%",cy:"50%",outerRadius:95,stroke:"#fff",strokeWidth:1,children:a?.map?.((l,c)=>v.jsx(En,{fill:qh?.[c%qh?.length]},`cell-${c}`))}),v.jsx(Vt,{formatter:l=>s(l),labelFormatter:l=>`Amenity: ${l||""}`,contentStyle:{backgroundColor:"#111827",border:"none",borderRadius:"8px",padding:"8px 12px",fontSize:"12px"},labelStyle:{color:"#fff"},itemStyle:{color:"#fff"}})]})})}),v.jsx("div",{className:"col-span-7",children:v.jsxs("div",{className:"rounded-[12px] overflow-hidden",children:[v.jsxs("div",{className:"grid grid-cols-2 px-[12px] py-[8px] bg-[#EBEBEB] text-[12px] leading-[16px] font-semibold text-[#64748B]",children:[v.jsx("div",{children:"Amenity"}),v.jsx("div",{className:"text-right",children:"Revenue"})]}),v.jsx("div",{className:"divide-y divide-[#F1F5F9]",children:i?.map?.((l,c)=>v.jsxs("div",{className:"grid grid-cols-2 px-[16px] py-[16px] text-[14px] text-[#121212]",children:[v.jsxs("div",{className:"flex items-center gap-[12px]",children:[v.jsx("span",{className:"w-[16px] h-[7px]",style:{backgroundColor:qh?.[c%qh?.length]}}),v.jsx("span",{className:"text-[#64748B] text-[12px] leading-[16px]",children:l?.name||"Unknown"})]}),v.jsx("div",{className:"text-right text-[12px] leading-[16px] text-[#64748B]",children:s(l?.value||0)})]},l?.name||c))})]})})]})})})}const Gh=["#8CB33E","#F59E0B","#3B82F6","#06B6D4","#CFCFCF"],hfe=[{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}],mfe=({rows:e,totalAssets:t})=>{const n=P.useMemo(()=>e?e.length===0?[]:e.map((i,o)=>({name:i.asset_group_name,value:i.asset_count||0,color:Gh[o%Gh.length]})):hfe.map((i,o)=>({name:i.asset_group_name,value:i.asset_count||0,color:Gh[o%Gh.length]})),[e]),r=t??n.reduce((i,o)=>i+o.value,0);return e&&e.length===0?v.jsx(hn,{title:"Assets by Type",titleWeight:"semi-bold",className:"h-full",children:v.jsx("div",{className:"flex items-center justify-center h-full",children:v.jsx(Po,{title:"No Assets Found",description:"Catch up all the data. Change the date range to see the data."})})}):v.jsx(hn,{title:"Assets by Type",titleWeight:"semi-bold",className:"h-full",children:v.jsxs("div",{className:"flex items-center justify-between h-full mt-[16px]",children:[v.jsxs("div",{className:"relative w-[252px] h-[273px]",children:[v.jsx(It,{width:"100%",height:"100%",children:v.jsx(ho,{children:v.jsx(Ei,{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)=>v.jsx(En,{fill:i.color},o))})})}),v.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center",children:[v.jsx("div",{className:"text-[24px] leading-[33px] font-medium text-[#121212]",children:r}),v.jsx("div",{className:"text-[12px] leading-[17px] text-[#64748B] mt-[2px]",children:"Total Assets"})]})]}),v.jsx("div",{className:"flex-1 max-w-[280px]",children:v.jsxs("div",{className:"rounded-[12px] overflow-hidden bg-white",children:[v.jsxs("div",{className:"flex items-center justify-between px-[16px] py-[12px] bg-[#F8FAFC]",children:[v.jsx("div",{className:"text-[12px] font-medium text-[#64748B]",children:"Asset"}),v.jsx("div",{className:"text-[12px] font-medium text-[#64748B]",children:"Count"})]}),n.map((i,o)=>v.jsxs("div",{className:"flex items-center justify-between px-[16px] py-[12px] border-t border-[#F1F5F9]",children:[v.jsxs("div",{className:"flex items-center gap-[8px]",children:[v.jsx("div",{className:"w-[16px] h-[7px]",style:{backgroundColor:i.color}}),v.jsx("div",{className:"text-[13px] text-[#475569]",children:i.name})]}),v.jsx("div",{className:"text-[13px] text-[#64748B]",children:i.value})]},o))]})})]})})},gfe=({data:e})=>{const[t,n]=P.useState({}),r=[{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}],i=P.useMemo(()=>e?Array.isArray(e)&&e.length===0?[]:e:r,[e]),o=a=>{const{dataKey:s}=a;n(l=>({...l,[s]:!l[s]}))};return Array.isArray(e)&&e.length===0?v.jsx(hn,{title:"Maintenance Status",titleWeight:"semi-bold",className:"h-full",children:v.jsx("div",{className:"w-full h-[260px] flex items-center justify-center",children:v.jsx(Po,{title:"No Maintenance Assets Status Found",description:"Catch up all the data. Change the date range to see the data."})})}):v.jsx(hn,{title:"Maintenance Status",titleWeight:"semi-bold",className:"h-full",children:v.jsx("div",{className:"w-full h-[260px] flex items-center justify-center",children:Array.isArray(e)&&e.length===0?v.jsx("div",{className:"text-[#94A3B8] text-sm",children:"No Data Found"}):v.jsx("div",{className:"relative w-full h-[297px] mt-[20px]",children:v.jsx(It,{width:"100%",height:"100%",children:v.jsxs(Jo,{data:i,barSize:54,barCategoryGap:"40%",margin:{top:20,right:20,left:-20,bottom:0},children:[v.jsx(Rr,{strokeDasharray:"3 3",vertical:!1,stroke:"#E2E8F0"}),v.jsx(vr,{dataKey:"name",tick:{fill:"#64748B",fontSize:12},axisLine:!1,tickLine:!1}),v.jsx(Gn,{tick:{fill:"#64748B",fontSize:12},axisLine:!1,tickLine:!1,allowDecimals:!1}),v.jsx(Vt,{cursor:{fill:"rgba(148, 163, 184, 0.12)"},contentStyle:{backgroundColor:"#000",borderRadius:"10px",border:"none",fontSize:"12px",color:"#fff"},labelStyle:{color:"#fff"},itemStyle:{color:"#fff"}}),v.jsx(Vf,{verticalAlign:"bottom",align:"center",onClick:o,content:({payload:a})=>v.jsx("div",{className:"flex items-center justify-center gap-[16px] pt-4 flex-wrap",children:a.map((s,l)=>v.jsxs("div",{onClick:()=>o({dataKey:s.dataKey}),className:"flex items-center gap-[8px] cursor-pointer",children:[v.jsx("div",{style:{width:"16px",height:"8px",backgroundColor:t[s.dataKey]?"#CBD5E1":s.color}}),v.jsx("span",{style:{fontSize:"12px",color:t[s.dataKey]?"#CBD5E1":"#64748B"},children:s.value})]},l))})}),v.jsx(Ln,{dataKey:"Open",stackId:"a",fill:"#3B82F6",hide:t.Open}),v.jsx(Ln,{dataKey:"Closed",stackId:"a",fill:"#10B981",hide:t.Closed}),v.jsx(Ln,{dataKey:"Cancelled",stackId:"a",fill:"#B91C1C",hide:t.Cancelled}),v.jsx(Ln,{dataKey:"OnHold",stackId:"a",fill:"#64748B",hide:t.OnHold}),v.jsx(Ln,{dataKey:"InProgress",stackId:"a",fill:"#F59E0B",hide:t.InProgress,name:"In Progress"})]})})})})})};function vfe({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 v.jsx(hn,{title:"Patrol Status",className:"h-[362px]",titleWeight:"semi-bold",children:v.jsxs("div",{className:"flex flex-col items-center justify-center",children:[v.jsxs("div",{className:"w-[215px] h-[182px] relative",children:[v.jsx(It,{width:"100%",height:"100%",children:v.jsxs(ho,{children:[v.jsx(Ei,{data:t,innerRadius:60,outerRadius:90,paddingAngle:2,dataKey:"value",nameKey:"name",children:t.map((i,o)=>v.jsx(En,{fill:i.color},`cell-${o}`))}),v.jsx(Vt,{formatter:i=>i.toLocaleString()})]})}),v.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center pointer-events-none",children:[v.jsxs("div",{className:"font-medium text-[19.35px] leading-[23.65px]",children:[r,"/",n]}),v.jsx("div",{className:"text-[10.75px] leading-[15.05px] text-[#64748B]",children:"Completed"})]})]}),v.jsx("div",{className:"flex flex-col w-full text-[14px]",children:t.map((i,o)=>v.jsxs("div",{className:`flex items-center justify-between py-[10px] ${o!==t.length-1?"border-b border-[#F1F5F9]":""}`,children:[v.jsxs("div",{className:"flex items-center gap-[10px]",children:[v.jsx("div",{className:"inline-block w-[16px] h-[7px]",style:{backgroundColor:i.color}}),v.jsx("div",{className:"leading-[16.09px] text-[12.07px] text-[#64748B]",children:i.name})]}),v.jsx("div",{className:"leading-[16.09px] text-[12.07px] text-[#64748B]",children:i.value})]},i.name))})]})})}function yfe({incidentReports:e,incidentReportsDetails:t}){const n=Number(e?.open||0),r=Number(e?.in_progress||0),i=Number(e?.closed||0);return v.jsx(hn,{title:"Incident Reports",className:"h-[362px]",titleWeight:"semi-bold",children:v.jsxs("div",{children:[v.jsxs("div",{className:"flex w-full text-center gap-[16px] mt-[24px]",children:[v.jsxs("div",{className:"flex-1 flex flex-col items-center justify-center bg-[#FBF4F4] h-[76px] rounded",children:[v.jsx("div",{className:"text-[24px] leading-[28px] font-medium text-[#AB0000]",children:n}),v.jsx("div",{className:"text-[12px] leading-[16px] text-[#AB0000]",children:"Open"})]}),v.jsxs("div",{className:"flex-1 flex flex-col items-center justify-center bg-[#FFFBF2] h-[76px] rounded",children:[v.jsx("div",{className:"text-[24px] leading-[28px] font-medium text-[#F2A815]",children:r}),v.jsx("div",{className:"text-[12px] leading-[16px] text-[#F2A815]",children:"In-progress"})]}),v.jsxs("div",{className:"flex-1 flex flex-col items-center justify-center bg-[#F7FEFA] h-[76px] rounded",children:[v.jsx("div",{className:"text-[24px] leading-[28px] font-medium text-[#1FA05B]",children:i}),v.jsx("div",{className:"text-[12px] leading-[16px] text-[#1FA05B]",children:"Closed"})]})]}),v.jsx("div",{className:"mt-4 space-y-2",children:t?.length>0?t.map((o,a)=>{const s=o?.severity==="Danger"?"text-[#AB0000]":o?.severity==="High"?"text-[#E7A015]":"text-[#1FA05B]";return v.jsxs("div",{className:"flex items-center justify-between p-[12px] bg-[#FAFBFD] rounded-md",children:[v.jsx("div",{className:"flex items-center gap-[8px]",children:v.jsx("div",{className:"text-gray-700 font-medium",children:o?.incident_code})}),v.jsx("div",{className:`!text-[12px] font-semibold flex items-center gap-[4px] ${s}`,children:v.jsxs("div",{children:[o?.severity_level," - ",o?.severity]})})]},a)}):v.jsx(v.Fragment,{})})]})})}function bfe({columns:e=[{key:"a",label:"Organisation"},{key:"b",label:"Item"},{key:"c",label:"Orders"},{key:"d",label:"Revenue"},{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%"}],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,h=n-p.length>0?n-p.length:0,m=a===0&&c.length===0;return console.log("safeData:",c),console.log("currentData:",p),v.jsxs("div",{className:"w-full bg-white rounded-[12px] h-[390px] shadow-md overflow-hidden flex flex-col",children:[v.jsx("div",{className:"grid bg-[#354A5E] text-white text-[16px] leading-[20px] font-medium",style:{gridTemplateColumns:`repeat(${u.length}, 1fr)`},children:u.map((g,b)=>v.jsx("div",{className:"px-[24px] py-[16px] text-[16px] leading-[20px] whitespace-nowrap text-center",children:g.label},b))}),v.jsx("div",{className:"flex-1 overflow-y-auto",children:m?v.jsx(Po,{title:"No Data Found",description:"Catch up all the data. Change the date range to see the data."}):v.jsxs(v.Fragment,{children:[p.map((g,b)=>v.jsx("div",{className:"grid",style:{gridTemplateColumns:`repeat(${u.length}, 1fr)`},children:u.map((S,w)=>{const x=g[S.key],_=typeof x=="string"&&x.includes("%"),O=x==="100%"?"bg-[#F0FEF2] text-[#36AB6C]":"bg-[#FFF0F0] text-[#AB0000]";return v.jsx("div",{className:`px-[24px] py-[16px] flex items-center justify-center ${w===0?"bg-white":"bg-gray-50"}`,children:_?v.jsx("div",{className:`inline-block px-[12px] py-[4px] rounded-full text-[14px] font-medium ${O}`,children:x}):v.jsx("div",{children:x??"-"})},w)})},b)),Array.from({length:h}).map((g,b)=>v.jsx("div",{className:"grid",style:{gridTemplateColumns:`repeat(${u.length}, 1fr)`},children:u.map((S,w)=>v.jsx("div",{className:`px-[24px] py-[16px] ${w===0?"bg-white":"bg-gray-50"}`,children:" "},w))},`empty-${b}`))]})}),v.jsxs("div",{className:"flex justify-end items-center px-[24px] py-[16px] text-sm bg-white border-t border-[#F0F0F0] gap-[32px]",children:[v.jsxs("div",{className:"flex items-center gap-[8px] text-gray-600 text-[14px]",children:[v.jsx("div",{children:"Rows per page:"}),v.jsx("select",{value:n,onChange:g=>{r(Number(g.target.value)),o(1)},className:"border rounded px-[8px] py-[4px]",children:l.map((g,b)=>v.jsx("option",{value:g,children:g},b))}),v.jsxs("div",{className:"ml-4 text-[14px]",children:[c?.length===0?"0–0":`1–${c?.length}`," of"," ",a||c?.length]})]}),v.jsxs("div",{className:"flex items-center space-x-2 text-gray-600 text-[14px]",children:[v.jsx("button",{onClick:()=>o(1),disabled:i===1,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:v.jsx(zue,{size:18})}),v.jsx("button",{onClick:()=>o(g=>g-1),disabled:i===1,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:v.jsx(II,{size:18})}),v.jsx("button",{onClick:()=>o(g=>g+1),disabled:i===f,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:v.jsx(RI,{size:18})}),v.jsx("button",{onClick:()=>o(f),disabled:i===f,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:v.jsx(Vue,{size:18})})]})]})]})}ae.AccessPointsUsage=Jde,ae.Accounting=mue,ae.Amenities=Wde,ae.AmenitiesStatsCard=afe,ae.AmenityWiseRevenue=pfe,ae.AssetValueBreakdown=Pue,ae.AssetsByType=mfe,ae.BlockWiseOccupancy=lue,ae.BookingTrendChart=dfe,ae.Bookings=cfe,ae.Budgets=bue,ae.Card=je,ae.CardAccess=YI,ae.CashBankBalance=wue,ae.CommercialAccessOverview=Zde,ae.CommercialGuardPatrols=vfe,ae.CommercialIncidentReports=yfe,ae.CommercialOccupancy=Rde,ae.CommercialReportTable=bfe,ae.Community=Kie,ae.Complaints=cde,ae.ComplaintsByLevel=hde,ae.DuesAgeing=Sue,ae.EmployeeFootfall=Lde,ae.Engagement=qie,ae.EngagementStatsGrid=Ide,ae.EventsUtilisation=Cde,ae.ExpenseCategories=Oue,ae.Facilities=Gie,ae.FinanceSummary=Xie,ae.FoodBeverages=Bde,ae.GateAndSecurityStatsGrid=ade,ae.GateUpdates=Ioe,ae.GuardPatrols=que,ae.Header=n3,ae.Helpdesk=Roe,ae.HelpdeskStatsGrid=Sde,ae.HourlyTrafficFlow=Xue,ae.IncidentReports=Jue,ae.IncomeExpenditure=TI,ae.MainHeader=m3,ae.MaintenanceStatus=gfe,ae.MetricCard=nfe,ae.MobileAccess=YI,ae.MoveInOutTrends=uue,ae.NoticeBoardStatus=Dde,ae.OccupancyOverview=oue,ae.OrganisationWiseVisitors=ofe,ae.RequestBox=gde,ae.ResidentOverview=sue,ae.RevenuebyCategory=Due,ae.SingleStats=Tde,ae.StaffAttendance=nde,ae.StatsGrid=jue,ae.TicketEscalation=zde,ae.TicketStatus=Hde,ae.Tickets=kI,ae.TicketsperCategory=tfe,ae.UnitStatus=kI,ae.VisitorUpdates=Gde,ae.WeeklyVisitorPattern=rfe,Object.defineProperty(ae,Symbol.toStringTag,{value:"Module"})}));
|
|
369
|
+
`,children:[i?v.jsx(Rs,{}):v.jsx(Is,{}),Math.abs(r),"%"]}),v.jsx("div",{style:{color:"#64748B"},children:t.deltaLabel})]})]})},n)})})}const sfe=[{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}],lfe=({x:e,y:t,payload:n})=>v.jsx("foreignObject",{x:(e||0)-80,y:(t||0)-18,width:80,height:40,children:v.jsx("div",{className:"text-[12px] leading-[16px] text-[#121212]",style:{width:"80px",whiteSpace:"normal",wordBreak:"break-word",textAlign:"left"},children:n?.value||""})});function cfe({data:e}){const t=Array?.isArray(e)&&e?.length===0,r=(e==null?sfe:Array?.isArray(e)?e:[]).map(i=>({...i,name:i.facility_name}));return v.jsx(je,{title:"Bookings",icon:v.jsx(Hue,{size:18,className:"text-[#DBB467]"}),className:"h-[288px]",children:v.jsx("div",{className:"w-full h-full flex items-center justify-center",children:t?v.jsx(Po,{title:"No Booking Found",description:"Catch up all the data. Change the date range to see the data."}):v.jsx(It,{width:"100%",height:"100%",children:v.jsxs(Jo,{data:r||[],layout:"vertical",margin:{top:0,right:10,left:-12,bottom:0},children:[v.jsx(vr,{type:"number",allowDecimals:!1,tick:{fill:"#64748B",fontSize:12},axisLine:!0,tickLine:!1}),v.jsx(Gn,{type:"category",dataKey:"facility_name",axisLine:!1,tickLine:!1,width:100,tick:v.jsx(lfe,{})}),v.jsx(Vt,{content:v.jsx(_a,{}),cursor:{fill:"transparent"},position:{x:300,y:0}}),v.jsx(Ln,{dataKey:"total_booking",barSize:40,fill:"#8B5CF6"})]})})})})}const ufe=[{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 dfe({data:e}){const t=Array.isArray(e)&&e?.length===0,n=e==null?ufe:Array.isArray(e)?e:[];return v.jsx(hn,{title:"Booking Trend by Organisation",titleWeight:"semi-bold",className:"h-[362px]",children:v.jsx("div",{className:"w-full h-[265px] mt-[28px] flex items-center justify-center",children:t?v.jsx(Po,{title:"No Booking Found",description:"Catch up all the data. Change the date range to see the data."}):v.jsx(It,{width:"100%",height:"100%",children:v.jsxs(Jo,{data:n||[],margin:{top:0,right:0,left:-30,bottom:0},children:[v.jsx(Rr,{strokeDasharray:"3 3",vertical:!1,stroke:"#E5E7EB"}),v.jsx(vr,{dataKey:"building_name",axisLine:!1,tickLine:!1,tick:{fill:"#64748B",fontSize:12}}),v.jsx(Gn,{allowDecimals:!1,axisLine:!1,tickLine:!1,tick:{fill:"#64748B",fontSize:12},tickFormatter:r=>`${r??0}`}),v.jsx(Vt,{formatter:r=>[r,"Bookings"],labelFormatter:r=>`Organisation: ${r}`,cursor:{fill:"rgba(0,0,0,0.05)"},contentStyle:{backgroundColor:"#000",border:"none",borderRadius:"6px"},labelStyle:{color:"#fff"},itemStyle:{color:"#fff"}}),v.jsx(Ln,{dataKey:"no_of_booking",barSize:54,fill:"#12B981"})]})})})})}const ffe=[{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"}],qh=["#3C81F6","#60A5FA","#95BFFA","#BEDAFE","#DAE6FC"];function pfe({data:e,currencyType:t}){const n=Array?.isArray(e)&&e?.length===0,r=e??ffe,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 v.jsx(hn,{title:"Amenity Wise Revenue",titleWeight:"semi-bold",className:"h-[362px]",children:v.jsx("div",{className:"grid grid-cols-12 gap-[24px] items-center h-full mt-[16px]",children:n?v.jsx("div",{className:"col-span-12 flex items-center justify-center h-[240px]",children:v.jsx(Po,{title:"No Amenity Found",description:"Catch up all the data. Change the date range to see the data."})}):v.jsxs(v.Fragment,{children:[v.jsx("div",{className:"col-span-5 h-[240px] max-w-[240px]",children:v.jsx(It,{width:"100%",height:"100%",children:v.jsxs(ho,{children:[v.jsx(Ei,{data:a||[],dataKey:"value",nameKey:"name",cx:"50%",cy:"50%",outerRadius:95,stroke:"#fff",strokeWidth:1,children:a?.map?.((l,c)=>v.jsx(En,{fill:qh?.[c%qh?.length]},`cell-${c}`))}),v.jsx(Vt,{formatter:l=>s(l),labelFormatter:l=>`Amenity: ${l||""}`,contentStyle:{backgroundColor:"#111827",border:"none",borderRadius:"8px",padding:"8px 12px",fontSize:"12px"},labelStyle:{color:"#fff"},itemStyle:{color:"#fff"}})]})})}),v.jsx("div",{className:"col-span-7",children:v.jsxs("div",{className:"rounded-[12px] overflow-hidden",children:[v.jsxs("div",{className:"grid grid-cols-2 px-[12px] py-[8px] bg-[#EBEBEB] text-[12px] leading-[16px] font-semibold text-[#64748B]",children:[v.jsx("div",{children:"Amenity"}),v.jsx("div",{className:"text-right",children:"Revenue"})]}),v.jsx("div",{className:"divide-y divide-[#F1F5F9]",children:i?.map?.((l,c)=>v.jsxs("div",{className:"grid grid-cols-2 px-[16px] py-[16px] text-[14px] text-[#121212]",children:[v.jsxs("div",{className:"flex items-center gap-[12px]",children:[v.jsx("span",{className:"w-[16px] h-[7px]",style:{backgroundColor:qh?.[c%qh?.length]}}),v.jsx("span",{className:"text-[#64748B] text-[12px] leading-[16px]",children:l?.name||"Unknown"})]}),v.jsx("div",{className:"text-right text-[12px] leading-[16px] text-[#64748B]",children:s(l?.value||0)})]},l?.name||c))})]})})]})})})}const Gh=["#8CB33E","#F59E0B","#3B82F6","#06B6D4","#CFCFCF"],hfe=[{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}],mfe=({rows:e,totalAssets:t})=>{const n=P.useMemo(()=>e?e.length===0?[]:e.map((i,o)=>({name:i.asset_group_name,value:i.asset_count||0,color:Gh[o%Gh.length]})):hfe.map((i,o)=>({name:i.asset_group_name,value:i.asset_count||0,color:Gh[o%Gh.length]})),[e]),r=t??n.reduce((i,o)=>i+o.value,0);return e&&e.length===0?v.jsx(hn,{title:"Assets by Type",titleWeight:"semi-bold",className:"h-full",children:v.jsx("div",{className:"flex items-center justify-center h-full",children:v.jsx(Po,{title:"No Assets Found",description:"Catch up all the data. Change the date range to see the data."})})}):v.jsx(hn,{title:"Assets by Type",titleWeight:"semi-bold",className:"h-full",children:v.jsxs("div",{className:"flex items-center justify-between h-full mt-[16px]",children:[v.jsxs("div",{className:"relative w-[252px] h-[273px]",children:[v.jsx(It,{width:"100%",height:"100%",children:v.jsx(ho,{children:v.jsx(Ei,{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)=>v.jsx(En,{fill:i.color},o))})})}),v.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center",children:[v.jsx("div",{className:"text-[24px] leading-[33px] font-medium text-[#121212]",children:r}),v.jsx("div",{className:"text-[12px] leading-[17px] text-[#64748B] mt-[2px]",children:"Total Assets"})]})]}),v.jsx("div",{className:"flex-1 max-w-[280px]",children:v.jsxs("div",{className:"rounded-[12px] overflow-hidden bg-white",children:[v.jsxs("div",{className:"flex items-center justify-between px-[16px] py-[12px] bg-[#F8FAFC]",children:[v.jsx("div",{className:"text-[12px] font-medium text-[#64748B]",children:"Asset"}),v.jsx("div",{className:"text-[12px] font-medium text-[#64748B]",children:"Count"})]}),n.map((i,o)=>v.jsxs("div",{className:"flex items-center justify-between px-[16px] py-[12px] border-t border-[#F1F5F9]",children:[v.jsxs("div",{className:"flex items-center gap-[8px]",children:[v.jsx("div",{className:"w-[16px] h-[7px]",style:{backgroundColor:i.color}}),v.jsx("div",{className:"text-[13px] text-[#475569]",children:i.name})]}),v.jsx("div",{className:"text-[13px] text-[#64748B]",children:i.value})]},o))]})})]})})},gfe=({data:e})=>{const[t,n]=P.useState({}),r=[{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}],i=P.useMemo(()=>e?Array.isArray(e)&&e.length===0?[]:e:r,[e]),o=a=>{const{dataKey:s}=a;n(l=>({...l,[s]:!l[s]}))};return Array.isArray(e)&&e.length===0?v.jsx(hn,{title:"Maintenance Status",titleWeight:"semi-bold",className:"h-full",children:v.jsx("div",{className:"w-full h-[260px] flex items-center justify-center",children:v.jsx(Po,{title:"No Maintenance Assets Status Found",description:"Catch up all the data. Change the date range to see the data."})})}):v.jsx(hn,{title:"Maintenance Status",titleWeight:"semi-bold",className:"h-full",children:v.jsx("div",{className:"w-full h-[260px] flex items-center justify-center",children:Array.isArray(e)&&e.length===0?v.jsx("div",{className:"text-[#94A3B8] text-sm",children:"No Data Found"}):v.jsx("div",{className:"relative w-full h-[297px] mt-[20px]",children:v.jsx(It,{width:"100%",height:"100%",children:v.jsxs(Jo,{data:i,barSize:54,barCategoryGap:"40%",margin:{top:20,right:20,left:-20,bottom:0},children:[v.jsx(Rr,{strokeDasharray:"3 3",vertical:!1,stroke:"#E2E8F0"}),v.jsx(vr,{dataKey:"name",tick:{fill:"#64748B",fontSize:12},axisLine:!1,tickLine:!1}),v.jsx(Gn,{tick:{fill:"#64748B",fontSize:12},axisLine:!1,tickLine:!1,allowDecimals:!1}),v.jsx(Vt,{cursor:{fill:"rgba(148, 163, 184, 0.12)"},contentStyle:{backgroundColor:"#000",borderRadius:"10px",border:"none",fontSize:"12px",color:"#fff"},labelStyle:{color:"#fff"},itemStyle:{color:"#fff"}}),v.jsx(Vf,{verticalAlign:"bottom",align:"center",onClick:o,content:({payload:a})=>v.jsx("div",{className:"flex items-center justify-center gap-[16px] pt-4 flex-wrap",children:a.map((s,l)=>v.jsxs("div",{onClick:()=>o({dataKey:s.dataKey}),className:"flex items-center gap-[8px] cursor-pointer",children:[v.jsx("div",{style:{width:"16px",height:"8px",backgroundColor:t[s.dataKey]?"#CBD5E1":s.color}}),v.jsx("span",{style:{fontSize:"12px",color:t[s.dataKey]?"#CBD5E1":"#64748B"},children:s.value})]},l))})}),v.jsx(Ln,{dataKey:"Open",stackId:"a",fill:"#3B82F6",hide:t.Open}),v.jsx(Ln,{dataKey:"Closed",stackId:"a",fill:"#10B981",hide:t.Closed}),v.jsx(Ln,{dataKey:"Cancelled",stackId:"a",fill:"#B91C1C",hide:t.Cancelled}),v.jsx(Ln,{dataKey:"OnHold",stackId:"a",fill:"#64748B",hide:t.OnHold}),v.jsx(Ln,{dataKey:"InProgress",stackId:"a",fill:"#F59E0B",hide:t.InProgress,name:"In Progress"})]})})})})})};function vfe({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 v.jsx(hn,{title:"Patrol Status",className:"h-[362px]",titleWeight:"semi-bold",children:v.jsxs("div",{className:"flex flex-col items-center justify-center",children:[v.jsxs("div",{className:"w-[215px] h-[182px] relative",children:[v.jsx(It,{width:"100%",height:"100%",children:v.jsxs(ho,{children:[v.jsx(Ei,{data:t,innerRadius:60,outerRadius:90,paddingAngle:2,dataKey:"value",nameKey:"name",children:t.map((i,o)=>v.jsx(En,{fill:i.color},`cell-${o}`))}),v.jsx(Vt,{formatter:i=>i.toLocaleString(),contentStyle:{backgroundColor:"#000",border:"none",borderRadius:"8px",color:"#fff"},labelStyle:{color:"#fff"},itemStyle:{color:"#fff"}})]})}),v.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center pointer-events-none",children:[v.jsxs("div",{className:"font-medium text-[19.35px] leading-[23.65px]",children:[r,"/",n]}),v.jsx("div",{className:"text-[10.75px] leading-[15.05px] text-[#64748B]",children:"Completed"})]})]}),v.jsx("div",{className:"flex flex-col w-full text-[14px]",children:t.map((i,o)=>v.jsxs("div",{className:`flex items-center justify-between py-[10px] ${o!==t.length-1?"border-b border-[#F1F5F9]":""}`,children:[v.jsxs("div",{className:"flex items-center gap-[10px]",children:[v.jsx("div",{className:"inline-block w-[16px] h-[7px]",style:{backgroundColor:i.color}}),v.jsx("div",{className:"leading-[16.09px] text-[12.07px] text-[#64748B]",children:i.name})]}),v.jsx("div",{className:"leading-[16.09px] text-[12.07px] text-[#64748B]",children:i.value})]},i.name))})]})})}function yfe({incidentReports:e,incidentReportsDetails:t}){const n=Number(e?.open||0),r=Number(e?.in_progress||0),i=Number(e?.closed||0);return v.jsx(hn,{title:"Incident Reports",className:"h-[362px]",titleWeight:"semi-bold",children:v.jsxs("div",{children:[v.jsxs("div",{className:"flex w-full text-center gap-[16px] mt-[24px]",children:[v.jsxs("div",{className:"flex-1 flex flex-col items-center justify-center bg-[#FBF4F4] h-[76px] rounded",children:[v.jsx("div",{className:"text-[24px] leading-[28px] font-medium text-[#AB0000]",children:n}),v.jsx("div",{className:"text-[12px] leading-[16px] text-[#AB0000]",children:"Open"})]}),v.jsxs("div",{className:"flex-1 flex flex-col items-center justify-center bg-[#FFFBF2] h-[76px] rounded",children:[v.jsx("div",{className:"text-[24px] leading-[28px] font-medium text-[#F2A815]",children:r}),v.jsx("div",{className:"text-[12px] leading-[16px] text-[#F2A815]",children:"In-progress"})]}),v.jsxs("div",{className:"flex-1 flex flex-col items-center justify-center bg-[#F7FEFA] h-[76px] rounded",children:[v.jsx("div",{className:"text-[24px] leading-[28px] font-medium text-[#1FA05B]",children:i}),v.jsx("div",{className:"text-[12px] leading-[16px] text-[#1FA05B]",children:"Closed"})]})]}),v.jsx("div",{className:"mt-4 space-y-2",children:t?.length>0?t.map((o,a)=>{const s=o?.severity==="Danger"?"text-[#AB0000]":o?.severity==="High"?"text-[#E7A015]":"text-[#1FA05B]";return v.jsxs("div",{className:"flex items-center justify-between p-[12px] bg-[#FAFBFD] rounded-md",children:[v.jsx("div",{className:"flex items-center gap-[8px]",children:v.jsx("div",{className:"text-gray-700 font-medium",children:o?.incident_code})}),v.jsx("div",{className:`!text-[12px] font-semibold flex items-center gap-[4px] ${s}`,children:v.jsxs("div",{children:[o?.severity_level," - ",o?.severity]})})]},a)}):v.jsx(v.Fragment,{})})]})})}function bfe({columns:e=[{key:"a",label:"Organisation"},{key:"b",label:"Item"},{key:"c",label:"Orders"},{key:"d",label:"Revenue"},{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%"}],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,h=n-p.length>0?n-p.length:0,m=a===0&&c.length===0;return console.log("safeData:",c),console.log("currentData:",p),v.jsxs("div",{className:"w-full bg-white rounded-[12px] h-[390px] shadow-md overflow-hidden flex flex-col",children:[v.jsx("div",{className:"grid bg-[#354A5E] text-white text-[16px] leading-[20px] font-medium",style:{gridTemplateColumns:`repeat(${u.length}, 1fr)`},children:u.map((g,b)=>v.jsx("div",{className:"px-[24px] py-[16px] text-[16px] leading-[20px] whitespace-nowrap text-center",children:g.label},b))}),v.jsx("div",{className:"flex-1 overflow-y-auto",children:m?v.jsx(Po,{title:"No Data Found",description:"Catch up all the data. Change the date range to see the data."}):v.jsxs(v.Fragment,{children:[p.map((g,b)=>v.jsx("div",{className:"grid",style:{gridTemplateColumns:`repeat(${u.length}, 1fr)`},children:u.map((S,w)=>{const x=g[S.key],_=typeof x=="string"&&x.includes("%"),O=x==="100%"?"bg-[#F0FEF2] text-[#36AB6C]":"bg-[#FFF0F0] text-[#AB0000]";return v.jsx("div",{className:`px-[24px] py-[16px] flex items-center justify-center ${w===0?"bg-white":"bg-gray-50"}`,children:_?v.jsx("div",{className:`inline-block px-[12px] py-[4px] rounded-full text-[14px] font-medium ${O}`,children:x}):v.jsx("div",{children:x??"-"})},w)})},b)),Array.from({length:h}).map((g,b)=>v.jsx("div",{className:"grid",style:{gridTemplateColumns:`repeat(${u.length}, 1fr)`},children:u.map((S,w)=>v.jsx("div",{className:`px-[24px] py-[16px] ${w===0?"bg-white":"bg-gray-50"}`,children:" "},w))},`empty-${b}`))]})}),v.jsxs("div",{className:"flex justify-end items-center px-[24px] py-[16px] text-sm bg-white border-t border-[#F0F0F0] gap-[32px]",children:[v.jsxs("div",{className:"flex items-center gap-[8px] text-gray-600 text-[14px]",children:[v.jsx("div",{children:"Rows per page:"}),v.jsx("select",{value:n,onChange:g=>{r(Number(g.target.value)),o(1)},className:"border rounded px-[8px] py-[4px]",children:l.map((g,b)=>v.jsx("option",{value:g,children:g},b))}),v.jsxs("div",{className:"ml-4 text-[14px]",children:[c?.length===0?"0–0":`1–${c?.length}`," of"," ",a||c?.length]})]}),v.jsxs("div",{className:"flex items-center space-x-2 text-gray-600 text-[14px]",children:[v.jsx("button",{onClick:()=>o(1),disabled:i===1,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:v.jsx(zue,{size:18})}),v.jsx("button",{onClick:()=>o(g=>g-1),disabled:i===1,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:v.jsx(II,{size:18})}),v.jsx("button",{onClick:()=>o(g=>g+1),disabled:i===f,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:v.jsx(RI,{size:18})}),v.jsx("button",{onClick:()=>o(f),disabled:i===f,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:v.jsx(Vue,{size:18})})]})]})]})}ae.AccessPointsUsage=Jde,ae.Accounting=mue,ae.Amenities=Wde,ae.AmenitiesStatsCard=afe,ae.AmenityWiseRevenue=pfe,ae.AssetValueBreakdown=Pue,ae.AssetsByType=mfe,ae.BlockWiseOccupancy=lue,ae.BookingTrendChart=dfe,ae.Bookings=cfe,ae.Budgets=bue,ae.Card=je,ae.CardAccess=YI,ae.CashBankBalance=wue,ae.CommercialAccessOverview=Zde,ae.CommercialGuardPatrols=vfe,ae.CommercialIncidentReports=yfe,ae.CommercialOccupancy=Rde,ae.CommercialReportTable=bfe,ae.Community=Kie,ae.Complaints=cde,ae.ComplaintsByLevel=hde,ae.DuesAgeing=Sue,ae.EmployeeFootfall=Lde,ae.Engagement=qie,ae.EngagementStatsGrid=Ide,ae.EventsUtilisation=Cde,ae.ExpenseCategories=Oue,ae.Facilities=Gie,ae.FinanceSummary=Xie,ae.FoodBeverages=Bde,ae.GateAndSecurityStatsGrid=ade,ae.GateUpdates=Ioe,ae.GuardPatrols=que,ae.Header=n3,ae.Helpdesk=Roe,ae.HelpdeskStatsGrid=Sde,ae.HourlyTrafficFlow=Xue,ae.IncidentReports=Jue,ae.IncomeExpenditure=TI,ae.MainHeader=m3,ae.MaintenanceStatus=gfe,ae.MetricCard=nfe,ae.MobileAccess=YI,ae.MoveInOutTrends=uue,ae.NoticeBoardStatus=Dde,ae.OccupancyOverview=oue,ae.OrganisationWiseVisitors=ofe,ae.RequestBox=gde,ae.ResidentOverview=sue,ae.RevenuebyCategory=Due,ae.SingleStats=Tde,ae.StaffAttendance=nde,ae.StatsGrid=jue,ae.TicketEscalation=zde,ae.TicketStatus=Hde,ae.Tickets=kI,ae.TicketsperCategory=tfe,ae.UnitStatus=kI,ae.VisitorUpdates=Gde,ae.WeeklyVisitorPattern=rfe,Object.defineProperty(ae,Symbol.toStringTag,{value:"Module"})}));
|