anarock-widgets 1.0.328 → 1.0.329

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.
Files changed (5) hide show
  1. package/dist/anarock-widgets.css +1 -1
  2. package/dist/index.cjs.js +1 -1
  3. package/dist/index.es.js +1 -1
  4. package/dist/index.umd.js +1 -1
  5. package/package.json +1 -1
package/dist/anarock-widgets.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-orange-100:oklch(95.4% .038 75.164);--color-yellow-100:oklch(97.3% .071 103.193);--color-green-50:oklch(98.2% .018 155.826);--color-green-400:oklch(79.2% .209 151.711);--color-green-600:oklch(62.7% .194 149.214);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-600:oklch(59.6% .145 163.225);--color-blue-500:oklch(62.3% .214 259.815);--color-violet-500:oklch(60.6% .25 292.717);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-rose-600:oklch(58.6% .253 17.585);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-\[70px\]{top:70px}.top-\[110\%\]{top:110%}.right-0{right:calc(var(--spacing)*0)}.right-\[24px\]{right:24px}.left-0{left:calc(var(--spacing)*0)}.left-\[-6px\]{left:-6px}.z-10{z-index:10}.z-50{z-index:50}.col-span-5{grid-column:span 5/span 5}.col-span-6{grid-column:span 6/span 6}.col-span-7{grid-column:span 7/span 7}.col-span-12{grid-column:span 12/span 12}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.\!m-0{margin:calc(var(--spacing)*0)!important}.m-auto{margin:auto}.mx-2{margin-inline:calc(var(--spacing)*2)}.\!my-0{margin-block:calc(var(--spacing)*0)!important}.my-4{margin-block:calc(var(--spacing)*4)}.my-6{margin-block:calc(var(--spacing)*6)}.mt-0{margin-top:calc(var(--spacing)*0)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-2\.5{margin-top:calc(var(--spacing)*2.5)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-7{margin-top:calc(var(--spacing)*7)}.mt-\[-115px\]{margin-top:-115px}.mt-\[2px\]{margin-top:2px}.mt-\[3\.5px\]{margin-top:3.5px}.mt-\[6px\]{margin-top:6px}.mt-\[8px\]{margin-top:8px}.mt-\[12px\]{margin-top:12px}.mt-\[16px\]{margin-top:16px}.mt-\[20px\]{margin-top:20px}.mt-\[21px\]{margin-top:21px}.mt-\[24px\]{margin-top:24px}.mt-\[24px\]\!{margin-top:24px!important}.mt-\[28px\]{margin-top:28px}.mt-\[32px\]{margin-top:32px}.mt-\[34px\]{margin-top:34px}.mt-\[35\.5px\]{margin-top:35.5px}.mt-\[52px\]{margin-top:52px}.\!mr-0{margin-right:calc(var(--spacing)*0)!important}.mr-2{margin-right:calc(var(--spacing)*2)}.\!mb-4{margin-bottom:calc(var(--spacing)*4)!important}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-\[4px\]{margin-bottom:4px}.mb-\[8px\]{margin-bottom:8px}.mb-\[10px\]{margin-bottom:10px}.mb-\[16px\]{margin-bottom:16px}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-\[4px\]{margin-left:4px}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-0{height:calc(var(--spacing)*0)}.h-2{height:calc(var(--spacing)*2)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-32{height:calc(var(--spacing)*32)}.h-\[6px\]{height:6px}.h-\[7px\]{height:7px}.h-\[11px\]{height:11px}.h-\[15px\]{height:15px}.h-\[20px\]{height:20px}.h-\[32px\]{height:32px}.h-\[48px\]{height:48px}.h-\[62px\]{height:62px}.h-\[66px\]{height:66px}.h-\[68px\]{height:68px}.h-\[76px\]{height:76px}.h-\[98px\]{height:98px}.h-\[105px\]{height:105px}.h-\[106px\]{height:106px}.h-\[110px\]{height:110px}.h-\[111px\]{height:111px}.h-\[120px\]{height:120px}.h-\[124px\]{height:124px}.h-\[126px\]{height:126px}.h-\[128px\]{height:128px}.h-\[130px\]{height:130px}.h-\[132px\]{height:132px}.h-\[139px\]{height:139px}.h-\[149px\]{height:149px}.h-\[158px\]{height:158px}.h-\[162px\]{height:162px}.h-\[170px\]{height:170px}.h-\[181px\]{height:181px}.h-\[182px\]{height:182px}.h-\[184px\]{height:184px}.h-\[186px\]{height:186px}.h-\[192px\]{height:192px}.h-\[200px\]{height:200px}.h-\[220px\]{height:220px}.h-\[232px\]{height:232px}.h-\[238px\]{height:238px}.h-\[240px\]{height:240px}.h-\[251px\]{height:251px}.h-\[254px\]{height:254px}.h-\[259px\]{height:259px}.h-\[260px\]{height:260px}.h-\[261px\]{height:261px}.h-\[262px\]{height:262px}.h-\[265px\]{height:265px}.h-\[267px\]{height:267px}.h-\[270px\]{height:270px}.h-\[273px\]{height:273px}.h-\[280px\]{height:280px}.h-\[288px\]{height:288px}.h-\[297px\]{height:297px}.h-\[303px\]{height:303px}.h-\[305px\]{height:305px}.h-\[324px\]{height:324px}.h-\[360px\]{height:360px}.h-\[362px\]{height:362px}.h-\[377px\]{height:377px}.h-\[390px\]{height:390px}.h-\[523px\]{height:523px}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.max-h-\[184px\]{max-height:184px}.max-h-\[186px\]{max-height:186px}.max-h-\[200px\]{max-height:200px}.max-h-\[205px\]{max-height:205px}.max-h-\[238px\]{max-height:238px}.max-h-\[280px\]{max-height:280px}.max-h-\[303px\]{max-height:303px}.max-h-\[305px\]{max-height:305px}.min-h-0{min-height:calc(var(--spacing)*0)}.w-0{width:calc(var(--spacing)*0)}.w-2{width:calc(var(--spacing)*2)}.w-2\/3{width:66.6667%}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-32{width:calc(var(--spacing)*32)}.w-\[7px\]{width:7px}.w-\[15px\]{width:15px}.w-\[16px\]{width:16px}.w-\[20px\]{width:20px}.w-\[25\%\]{width:25%}.w-\[30\%\]{width:30%}.w-\[50\%\]{width:50%}.w-\[65\%\]{width:65%}.w-\[130px\]{width:130px}.w-\[158px\]{width:158px}.w-\[162px\]{width:162px}.w-\[200px\]{width:200px}.w-\[202px\]{width:202px}.w-\[214px\]{width:214px}.w-\[215px\]{width:215px}.w-\[252px\]{width:252px}.w-\[360px\]{width:360px}.w-\[380px\]{width:380px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.max-w-\[240px\]{max-width:240px}.max-w-\[260px\]{max-width:260px}.max-w-\[263px\]{max-width:263px}.max-w-\[280px\]{max-width:280px}.min-w-\[70px\]{min-width:70px}.min-w-\[80px\]{min-width:80px}.min-w-\[82px\]{min-width:82px}.min-w-\[109px\]{min-width:109px}.min-w-\[140px\]{min-width:140px}.min-w-\[180px\]{min-width:180px}.min-w-\[200px\]{min-width:200px}.min-w-\[260px\]{min-width:260px}.min-w-\[353px\]{min-width:353px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-45{rotate:45deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.\!columns-1{-moz-columns:1!important;columns:1!important}.break-inside-avoid{-moz-column-break-inside:avoid;break-inside:avoid}.auto-rows-fr{grid-auto-rows:minmax(0,1fr)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.\!gap-0{gap:calc(var(--spacing)*0)!important}.\!gap-\[8px\]{gap:8px!important}.\!gap-\[12px\]{gap:12px!important}.\!gap-\[16px\]{gap:16px!important}.gap-2{gap:calc(var(--spacing)*2)}.gap-\[4px\]{gap:4px}.gap-\[4px\]\!{gap:4px!important}.gap-\[8px\]{gap:8px}.gap-\[8px\]\!{gap:8px!important}.gap-\[10px\]{gap:10px}.gap-\[12px\]{gap:12px}.gap-\[16px\]{gap:16px}.gap-\[20px\]{gap:20px}.gap-\[24px\]{gap:24px}.gap-\[28px\]{gap:28px}.gap-\[32px\]{gap:32px}:where(.\!space-y-\[12px\]>:not(:last-child)){--tw-space-y-reverse:0!important;margin-block-start:calc(12px*var(--tw-space-y-reverse))!important;margin-block-end:calc(12px*calc(1 - var(--tw-space-y-reverse)))!important}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-\[8px\]>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(8px*var(--tw-space-y-reverse));margin-block-end:calc(8px*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-\[16px\]>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(16px*var(--tw-space-y-reverse));margin-block-end:calc(16px*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-\[24px\]>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(24px*var(--tw-space-y-reverse));margin-block-end:calc(24px*calc(1 - var(--tw-space-y-reverse)))}.gap-x-6{-moz-column-gap:calc(var(--spacing)*6);column-gap:calc(var(--spacing)*6)}.gap-x-\[20px\]{-moz-column-gap:20px;column-gap:20px}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}.gap-y-4{row-gap:calc(var(--spacing)*4)}.gap-y-\[12px\]{row-gap:12px}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-\[\#F1F5F9\]>:not(:last-child)){border-color:#f1f5f9}.\!overflow-hidden{overflow:hidden!important}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.\!rounded-\[12px\]{border-radius:12px!important}.rounded{border-radius:.25rem}.rounded-\[4px\]{border-radius:4px}.rounded-\[8px\]{border-radius:8px}.rounded-\[10px\]{border-radius:10px}.rounded-\[12px\]{border-radius:12px}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.\!border-\[0\.5px\]{border-style:var(--tw-border-style)!important;border-width:.5px!important}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[0\.5px\]{border-style:var(--tw-border-style);border-width:.5px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-\[6px\]{border-top-style:var(--tw-border-style);border-top-width:6px}.\!border-r-1{border-right-style:var(--tw-border-style)!important;border-right-width:1px!important}.border-r-\[6px\]{border-right-style:var(--tw-border-style);border-right-width:6px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-\[6px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:6px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.\!border-\[\#EBEBEB\]{border-color:#ebebeb!important}.border-\[\#E2E8F0\]{border-color:#e2e8f0}.border-\[\#EBEBEB\]{border-color:#ebebeb}.border-\[\#F0F0F0\]{border-color:#f0f0f0}.border-\[\#F1F5F9\]{border-color:#f1f5f9}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-t-transparent{border-top-color:#0000}.border-r-\[\#121212\]{border-right-color:#121212}.border-r-\[\#E2E8F0\]\!{border-right-color:#e2e8f0!important}.border-b-transparent{border-bottom-color:#0000}.bg-\[\#3C81F6\]{background-color:#3c81f6}.bg-\[\#3C82F6\]{background-color:#3c82f6}.bg-\[\#8B5CF6\]{background-color:#8b5cf6}.bg-\[\#12B981\]{background-color:#12b981}.bg-\[\#354A5E\]{background-color:#354a5e}.bg-\[\#121212\]{background-color:#121212}.bg-\[\#E6F2FF\]{background-color:#e6f2ff}.bg-\[\#E6F7EE\]{background-color:#e6f7ee}.bg-\[\#EBEBEB\]{background-color:#ebebeb}.bg-\[\#EDF6FF\]{background-color:#edf6ff}.bg-\[\#F0FEF2\]{background-color:#f0fef2}.bg-\[\#F0FFF7\]{background-color:#f0fff7}.bg-\[\#F6F6F6\]{background-color:#f6f6f6}.bg-\[\#F7FEFA\]{background-color:#f7fefa}.bg-\[\#F8FAFC\]{background-color:#f8fafc}.bg-\[\#F9FAFB\]{background-color:#f9fafb}.bg-\[\#FAFAFA\]{background-color:#fafafa}.bg-\[\#FAFBFD\]{background-color:#fafbfd}.bg-\[\#FBF4F4\]{background-color:#fbf4f4}.bg-\[\#FBF5FF\]{background-color:#fbf5ff}.bg-\[\#FFF0F0\]{background-color:#fff0f0}.bg-\[\#FFF2F2\]{background-color:#fff2f2}.bg-\[\#FFFBF2\]{background-color:#fffbf2}.bg-black{background-color:var(--color-black)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-green-50{background-color:var(--color-green-50)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-purple-50{background-color:var(--color-purple-50)}.bg-purple-600{background-color:var(--color-purple-600)}.bg-purple-700{background-color:var(--color-purple-700)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-500{background-color:var(--color-red-500)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-400{background-color:var(--color-slate-400)}.bg-violet-500{background-color:var(--color-violet-500)}.bg-white{background-color:var(--color-white)}.bg-yellow-100{background-color:var(--color-yellow-100)}.stroke-\[\#884EA7\]{stroke:#884ea7}.stroke-\[1\.4\]{stroke-width:1.4px}.object-contain{-o-object-fit:contain;object-fit:contain}.p-\[4px\]{padding:4px}.p-\[8px\]{padding:8px}.p-\[12px\]{padding:12px}.p-\[16px\]{padding:16px}.p-\[24px\]{padding:24px}.px-\[6px\]{padding-inline:6px}.px-\[8px\]{padding-inline:8px}.px-\[12px\]{padding-inline:12px}.px-\[16px\]{padding-inline:16px}.px-\[20px\]{padding-inline:20px}.px-\[24px\]{padding-inline:24px}.py-\[2px\]{padding-block:2px}.py-\[4px\]{padding-block:4px}.py-\[8px\]{padding-block:8px}.py-\[10px\]{padding-block:10px}.py-\[12px\]{padding-block:12px}.py-\[16px\]{padding-block:16px}.py-\[24px\]{padding-block:24px}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-\[8px\]{padding-top:8px}.pt-\[12px\]{padding-top:12px}.pt-\[16px\]{padding-top:16px}.\!pr-0{padding-right:calc(var(--spacing)*0)!important}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-\[16px\]{padding-bottom:16px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.\!text-\[10px\]{font-size:10px!important}.\!text-\[12px\]{font-size:12px!important}.\!text-\[16px\]{font-size:16px!important}.\!text-\[20px\]{font-size:20px!important}.\!text-\[24px\]{font-size:24px!important}.\!text-\[28px\]{font-size:28px!important}.text-\[10\.1px\]{font-size:10.1px}.text-\[10\.75px\]{font-size:10.75px}.text-\[10px\]{font-size:10px}.text-\[12\.07px\]{font-size:12.07px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[18\.18px\]{font-size:18.18px}.text-\[18px\]{font-size:18px}.text-\[19\.35px\]{font-size:19.35px}.text-\[20px\]{font-size:20px}.text-\[24px\]{font-size:24px}.text-\[28px\]{font-size:28px}.\!leading-\[14px\]{--tw-leading:14px!important;line-height:14px!important}.\!leading-\[16px\]{--tw-leading:16px!important;line-height:16px!important}.\!leading-\[20px\]{--tw-leading:20px!important;line-height:20px!important}.\!leading-\[24px\]{--tw-leading:24px!important;line-height:24px!important}.\!leading-\[32px\]{--tw-leading:32px!important;line-height:32px!important}.leading-\[12\.59px\]{--tw-leading:12.59px;line-height:12.59px}.leading-\[12px\]{--tw-leading:12px;line-height:12px}.leading-\[14\.14px\]{--tw-leading:14.14px;line-height:14.14px}.leading-\[14px\]{--tw-leading:14px;line-height:14px}.leading-\[15\.05px\]{--tw-leading:15.05px;line-height:15.05px}.leading-\[15px\]{--tw-leading:15px;line-height:15px}.leading-\[16\.09px\]{--tw-leading:16.09px;line-height:16.09px}.leading-\[16px\]{--tw-leading:16px;line-height:16px}.leading-\[17px\]{--tw-leading:17px;line-height:17px}.leading-\[18px\]{--tw-leading:18px;line-height:18px}.leading-\[20px\]{--tw-leading:20px;line-height:20px}.leading-\[22\.22px\]{--tw-leading:22.22px;line-height:22.22px}.leading-\[22px\]{--tw-leading:22px;line-height:22px}.leading-\[23\.65px\]{--tw-leading:23.65px;line-height:23.65px}.leading-\[24px\]{--tw-leading:24px;line-height:24px}.leading-\[28px\]{--tw-leading:28px;line-height:28px}.leading-\[32px\]{--tw-leading:32px;line-height:32px}.leading-\[33px\]{--tw-leading:33px;line-height:33px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\!font-medium{--tw-font-weight:var(--font-weight-medium)!important;font-weight:var(--font-weight-medium)!important}.font-\[400\]{--tw-font-weight:400;font-weight:400}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.whitespace-nowrap{white-space:nowrap}.\!text-\[\#8B5CF6\]{color:#8b5cf6!important}.\!text-\[\#64748B\]{color:#64748b!important}.\!text-\[\#121212\]{color:#121212!important}.text-\[\#1FA05B\]{color:#1fa05b}.text-\[\#3C81F6\]{color:#3c81f6}.text-\[\#3C82F6\]{color:#3c82f6}.text-\[\#7C3AED\]{color:#7c3aed}.text-\[\#08B6D4\]{color:#08b6d4}.text-\[\#8B5CF6\]{color:#8b5cf6}.text-\[\#12B981\]{color:#12b981}.text-\[\#36AB6C\]{color:#36ab6c}.text-\[\#37CC6D\]{color:#37cc6d}.text-\[\#94A3B8\]{color:#94a3b8}.text-\[\#329DFF\]{color:#329dff}.text-\[\#884EA7\]{color:#884ea7}.text-\[\#64748B\]{color:#64748b}.text-\[\#121212\]{color:#121212}.text-\[\#334155\]{color:#334155}.text-\[\#475569\]{color:#475569}.text-\[\#AB0000\]{color:#ab0000}.text-\[\#D1D3D4\]{color:#d1d3d4}.text-\[\#DBB467\]{color:#dbb467}.text-\[\#E7A015\]{color:#e7a015}.text-\[\#E11D48\]{color:#e11d48}.text-\[\#EF4444\]{color:#ef4444}.text-\[\#F2A815\]{color:#f2a815}.text-\[\#F69E0A\]{color:#f69e0a}.text-\[\#FA7E28\]{color:#fa7e28}.text-emerald-600{color:var(--color-emerald-600)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-400{color:var(--color-green-400)}.text-green-600{color:var(--color-green-600)}.text-purple-600{color:var(--color-purple-600)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-rose-600{color:var(--color-rose-600)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.opacity-80{opacity:.8}.\!shadow-\[0_0_12px_0_\#EAF2FF\]{--tw-shadow:0 0 12px 0 var(--tw-shadow-color,#eaf2ff)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.shadow-\[0_0_12px_0_\#EAF2FF\]{--tw-shadow:0 0 12px 0 var(--tw-shadow-color,#eaf2ff);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_0px_12px_0px_\#EAF2FF\]{--tw-shadow:0px 0px 12px 0px var(--tw-shadow-color,#eaf2ff);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_12px_35px_rgba\(0\,0\,0\,0\.12\)\]{--tw-shadow:0px 12px 35px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.first\:rounded-t-lg:first-child{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.last\:rounded-b-lg:last-child{border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}@media (hover:hover){.hover\:bg-\[\#E9D5FF\]:hover{background-color:#e9d5ff}.hover\:bg-\[\#F1F5F9\]:hover{background-color:#f1f5f9}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-purple-50:hover{background-color:var(--color-purple-50)}.hover\:bg-purple-700:hover{background-color:var(--color-purple-700)}}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-300:disabled{background-color:var(--color-gray-300)}.disabled\:bg-gray-400:disabled{background-color:var(--color-gray-400)}.disabled\:opacity-40:disabled{opacity:.4}@media (min-width:40rem){.sm\:\!columns-2{-moz-columns:2!important;columns:2!important}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:px-\[12px\]{padding-inline:12px}}@media (min-width:48rem){.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[minmax\(0\,1\.5fr\)_minmax\(0\,3\.5fr\)\]{grid-template-columns:minmax(0,1.5fr) minmax(0,3.5fr)}.lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,2fr\)\]{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,4fr\)\]{grid-template-columns:minmax(0,1fr) minmax(0,4fr)}.lg\:grid-cols-\[minmax\(0\,4fr\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,4fr) minmax(0,1fr)}}@media (min-width:80rem){.xl\:\!columns-3{-moz-columns:3!important;columns:3!important}}}:root{--anarock-font:"Geist"!important}body,button,input,select,textarea{font-family:var(--anarock-font)}.my-custom-class{padding:10px;color:#123456!important}li.recharts-legend-item.legend-item-0,li[class*=item-]{border:none!important;border-left-width:0!important}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.375em;border-bottom-right-radius:.375em}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select,.react-datepicker__header--middle,.react-datepicker__header--bottom){border-top-right-radius:.3rem}.react-datepicker__header--middle{border-top:1px solid #aeaeae;border-radius:0;margin-top:4px}.react-datepicker__header--bottom{border-bottom:none;border-top:1px solid #aeaeae;border-radius:0 0 .3rem .3rem}.react-datepicker__header-wrapper{position:relative}.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:2px}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__month-select,.react-datepicker__year-select,.react-datepicker__month-year-select{background-color:transparent;border:1px solid #aeaeae;border-radius:.3rem;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;margin-top:5px;padding:2px 5px}.react-datepicker__month-select:focus-visible,.react-datepicker__year-select:focus-visible,.react-datepicker__month-year-select:focus-visible{outline:auto 1px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.5em;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:5em;margin:2px}.react-datepicker__month{margin:.5em;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:5em;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.375em;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + 1.0625em);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90;color:#fff}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.625em;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__children-container{width:17.25em;margin:.5em;padding-right:.25em;padding-left:.25em;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.react-datepicker-popper-offset{margin-top:-.7em}.anarock-datepicker .react-datepicker{border:1px solid #e5e7eb;border-radius:10px;font-family:inherit;background:#fff}.anarock-datepicker .react-datepicker__header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:14px 0 10px}.anarock-datepicker .react-datepicker__current-month{font-size:14px;font-weight:600;color:#111827;margin-bottom:4px}.anarock-datepicker .react-datepicker__year-read-view{padding:4px 8px}.anarock-datepicker .react-datepicker__year-read-view--down-arrow{top:2px}.anarock-datepicker .react-datepicker__navigation{top:16px}.anarock-datepicker .react-datepicker__navigation-icon:before{border-color:#6b7280}.anarock-datepicker .react-datepicker__day-name,.anarock-datepicker .react-datepicker__day{width:32px;line-height:32px;margin:2px}.anarock-datepicker .react-datepicker__day--selected,.anarock-datepicker .react-datepicker__day--in-range,.anarock-datepicker .react-datepicker__day--keyboard-selected{background-color:#7c3aed;color:#fff;border-radius:6px}.anarock-datepicker .react-datepicker__day--disabled{color:#d1d5db}.anarock-datepicker .react-datepicker__day-name{font-size:12px;color:#6b7280;font-weight:500}.anarock-datepicker .react-datepicker__month{margin:8px}
1
+ @charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-orange-100:oklch(95.4% .038 75.164);--color-yellow-100:oklch(97.3% .071 103.193);--color-green-50:oklch(98.2% .018 155.826);--color-green-400:oklch(79.2% .209 151.711);--color-green-600:oklch(62.7% .194 149.214);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-600:oklch(59.6% .145 163.225);--color-blue-500:oklch(62.3% .214 259.815);--color-violet-500:oklch(60.6% .25 292.717);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-rose-600:oklch(58.6% .253 17.585);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-\[70px\]{top:70px}.top-\[110\%\]{top:110%}.right-0{right:calc(var(--spacing)*0)}.right-\[24px\]{right:24px}.left-0{left:calc(var(--spacing)*0)}.left-\[-6px\]{left:-6px}.z-10{z-index:10}.z-50{z-index:50}.col-span-5{grid-column:span 5/span 5}.col-span-6{grid-column:span 6/span 6}.col-span-7{grid-column:span 7/span 7}.col-span-12{grid-column:span 12/span 12}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.\!m-0{margin:calc(var(--spacing)*0)!important}.m-auto{margin:auto}.mx-2{margin-inline:calc(var(--spacing)*2)}.\!my-0{margin-block:calc(var(--spacing)*0)!important}.my-4{margin-block:calc(var(--spacing)*4)}.my-6{margin-block:calc(var(--spacing)*6)}.mt-0{margin-top:calc(var(--spacing)*0)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-2\.5{margin-top:calc(var(--spacing)*2.5)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-7{margin-top:calc(var(--spacing)*7)}.mt-\[-115px\]{margin-top:-115px}.mt-\[2px\]{margin-top:2px}.mt-\[3\.5px\]{margin-top:3.5px}.mt-\[6px\]{margin-top:6px}.mt-\[8px\]{margin-top:8px}.mt-\[12px\]{margin-top:12px}.mt-\[16px\]{margin-top:16px}.mt-\[20px\]{margin-top:20px}.mt-\[21px\]{margin-top:21px}.mt-\[24px\]{margin-top:24px}.mt-\[24px\]\!{margin-top:24px!important}.mt-\[28px\]{margin-top:28px}.mt-\[32px\]{margin-top:32px}.mt-\[34px\]{margin-top:34px}.mt-\[35\.5px\]{margin-top:35.5px}.mt-\[52px\]{margin-top:52px}.\!mr-0{margin-right:calc(var(--spacing)*0)!important}.mr-2{margin-right:calc(var(--spacing)*2)}.\!mb-4{margin-bottom:calc(var(--spacing)*4)!important}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-\[4px\]{margin-bottom:4px}.mb-\[8px\]{margin-bottom:8px}.mb-\[10px\]{margin-bottom:10px}.mb-\[16px\]{margin-bottom:16px}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-\[4px\]{margin-left:4px}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-0{height:calc(var(--spacing)*0)}.h-2{height:calc(var(--spacing)*2)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-32{height:calc(var(--spacing)*32)}.h-\[6px\]{height:6px}.h-\[7px\]{height:7px}.h-\[11px\]{height:11px}.h-\[15px\]{height:15px}.h-\[20px\]{height:20px}.h-\[32px\]{height:32px}.h-\[48px\]{height:48px}.h-\[62px\]{height:62px}.h-\[66px\]{height:66px}.h-\[68px\]{height:68px}.h-\[76px\]{height:76px}.h-\[98px\]{height:98px}.h-\[105px\]{height:105px}.h-\[106px\]{height:106px}.h-\[110px\]{height:110px}.h-\[111px\]{height:111px}.h-\[120px\]{height:120px}.h-\[124px\]{height:124px}.h-\[126px\]{height:126px}.h-\[128px\]{height:128px}.h-\[130px\]{height:130px}.h-\[132px\]{height:132px}.h-\[139px\]{height:139px}.h-\[149px\]{height:149px}.h-\[158px\]{height:158px}.h-\[162px\]{height:162px}.h-\[170px\]{height:170px}.h-\[181px\]{height:181px}.h-\[182px\]{height:182px}.h-\[184px\]{height:184px}.h-\[186px\]{height:186px}.h-\[192px\]{height:192px}.h-\[200px\]{height:200px}.h-\[220px\]{height:220px}.h-\[232px\]{height:232px}.h-\[238px\]{height:238px}.h-\[240px\]{height:240px}.h-\[251px\]{height:251px}.h-\[254px\]{height:254px}.h-\[259px\]{height:259px}.h-\[260px\]{height:260px}.h-\[261px\]{height:261px}.h-\[262px\]{height:262px}.h-\[265px\]{height:265px}.h-\[267px\]{height:267px}.h-\[270px\]{height:270px}.h-\[273px\]{height:273px}.h-\[280px\]{height:280px}.h-\[288px\]{height:288px}.h-\[297px\]{height:297px}.h-\[303px\]{height:303px}.h-\[305px\]{height:305px}.h-\[324px\]{height:324px}.h-\[360px\]{height:360px}.h-\[362px\]{height:362px}.h-\[377px\]{height:377px}.h-\[390px\]{height:390px}.h-\[523px\]{height:523px}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.max-h-\[184px\]{max-height:184px}.max-h-\[186px\]{max-height:186px}.max-h-\[200px\]{max-height:200px}.max-h-\[205px\]{max-height:205px}.max-h-\[238px\]{max-height:238px}.max-h-\[280px\]{max-height:280px}.max-h-\[303px\]{max-height:303px}.max-h-\[305px\]{max-height:305px}.min-h-0{min-height:calc(var(--spacing)*0)}.w-0{width:calc(var(--spacing)*0)}.w-2{width:calc(var(--spacing)*2)}.w-2\/3{width:66.6667%}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-32{width:calc(var(--spacing)*32)}.w-\[7px\]{width:7px}.w-\[15px\]{width:15px}.w-\[16px\]{width:16px}.w-\[20px\]{width:20px}.w-\[30\%\]{width:30%}.w-\[50\%\]{width:50%}.w-\[65\%\]{width:65%}.w-\[130px\]{width:130px}.w-\[158px\]{width:158px}.w-\[162px\]{width:162px}.w-\[200px\]{width:200px}.w-\[202px\]{width:202px}.w-\[214px\]{width:214px}.w-\[215px\]{width:215px}.w-\[252px\]{width:252px}.w-\[360px\]{width:360px}.w-\[380px\]{width:380px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.max-w-\[240px\]{max-width:240px}.max-w-\[260px\]{max-width:260px}.max-w-\[263px\]{max-width:263px}.max-w-\[280px\]{max-width:280px}.min-w-\[70px\]{min-width:70px}.min-w-\[80px\]{min-width:80px}.min-w-\[82px\]{min-width:82px}.min-w-\[109px\]{min-width:109px}.min-w-\[140px\]{min-width:140px}.min-w-\[180px\]{min-width:180px}.min-w-\[200px\]{min-width:200px}.min-w-\[260px\]{min-width:260px}.min-w-\[353px\]{min-width:353px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-45{rotate:45deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.\!columns-1{-moz-columns:1!important;columns:1!important}.break-inside-avoid{-moz-column-break-inside:avoid;break-inside:avoid}.auto-rows-fr{grid-auto-rows:minmax(0,1fr)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.\!gap-0{gap:calc(var(--spacing)*0)!important}.\!gap-\[8px\]{gap:8px!important}.\!gap-\[12px\]{gap:12px!important}.\!gap-\[16px\]{gap:16px!important}.gap-2{gap:calc(var(--spacing)*2)}.gap-\[4px\]{gap:4px}.gap-\[4px\]\!{gap:4px!important}.gap-\[8px\]{gap:8px}.gap-\[8px\]\!{gap:8px!important}.gap-\[10px\]{gap:10px}.gap-\[12px\]{gap:12px}.gap-\[16px\]{gap:16px}.gap-\[20px\]{gap:20px}.gap-\[24px\]{gap:24px}.gap-\[28px\]{gap:28px}.gap-\[32px\]{gap:32px}:where(.\!space-y-\[12px\]>:not(:last-child)){--tw-space-y-reverse:0!important;margin-block-start:calc(12px*var(--tw-space-y-reverse))!important;margin-block-end:calc(12px*calc(1 - var(--tw-space-y-reverse)))!important}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-\[8px\]>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(8px*var(--tw-space-y-reverse));margin-block-end:calc(8px*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-\[16px\]>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(16px*var(--tw-space-y-reverse));margin-block-end:calc(16px*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-\[24px\]>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(24px*var(--tw-space-y-reverse));margin-block-end:calc(24px*calc(1 - var(--tw-space-y-reverse)))}.gap-x-6{-moz-column-gap:calc(var(--spacing)*6);column-gap:calc(var(--spacing)*6)}.gap-x-\[20px\]{-moz-column-gap:20px;column-gap:20px}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}.gap-y-4{row-gap:calc(var(--spacing)*4)}.gap-y-\[12px\]{row-gap:12px}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-\[\#F1F5F9\]>:not(:last-child)){border-color:#f1f5f9}.\!overflow-hidden{overflow:hidden!important}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.\!rounded-\[12px\]{border-radius:12px!important}.rounded{border-radius:.25rem}.rounded-\[4px\]{border-radius:4px}.rounded-\[8px\]{border-radius:8px}.rounded-\[10px\]{border-radius:10px}.rounded-\[12px\]{border-radius:12px}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.\!border-\[0\.5px\]{border-style:var(--tw-border-style)!important;border-width:.5px!important}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[0\.5px\]{border-style:var(--tw-border-style);border-width:.5px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-\[6px\]{border-top-style:var(--tw-border-style);border-top-width:6px}.\!border-r-1{border-right-style:var(--tw-border-style)!important;border-right-width:1px!important}.border-r-\[6px\]{border-right-style:var(--tw-border-style);border-right-width:6px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-\[6px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:6px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.\!border-\[\#EBEBEB\]{border-color:#ebebeb!important}.border-\[\#E2E8F0\]{border-color:#e2e8f0}.border-\[\#EBEBEB\]{border-color:#ebebeb}.border-\[\#F0F0F0\]{border-color:#f0f0f0}.border-\[\#F1F5F9\]{border-color:#f1f5f9}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-t-transparent{border-top-color:#0000}.border-r-\[\#121212\]{border-right-color:#121212}.border-r-\[\#E2E8F0\]\!{border-right-color:#e2e8f0!important}.border-b-transparent{border-bottom-color:#0000}.bg-\[\#3C81F6\]{background-color:#3c81f6}.bg-\[\#3C82F6\]{background-color:#3c82f6}.bg-\[\#8B5CF6\]{background-color:#8b5cf6}.bg-\[\#12B981\]{background-color:#12b981}.bg-\[\#354A5E\]{background-color:#354a5e}.bg-\[\#121212\]{background-color:#121212}.bg-\[\#E6F2FF\]{background-color:#e6f2ff}.bg-\[\#E6F7EE\]{background-color:#e6f7ee}.bg-\[\#EBEBEB\]{background-color:#ebebeb}.bg-\[\#EDF6FF\]{background-color:#edf6ff}.bg-\[\#F0FEF2\]{background-color:#f0fef2}.bg-\[\#F0FFF7\]{background-color:#f0fff7}.bg-\[\#F6F6F6\]{background-color:#f6f6f6}.bg-\[\#F7FEFA\]{background-color:#f7fefa}.bg-\[\#F8FAFC\]{background-color:#f8fafc}.bg-\[\#F9FAFB\]{background-color:#f9fafb}.bg-\[\#FAFAFA\]{background-color:#fafafa}.bg-\[\#FAFBFD\]{background-color:#fafbfd}.bg-\[\#FBF4F4\]{background-color:#fbf4f4}.bg-\[\#FBF5FF\]{background-color:#fbf5ff}.bg-\[\#FFF0F0\]{background-color:#fff0f0}.bg-\[\#FFF2F2\]{background-color:#fff2f2}.bg-\[\#FFFBF2\]{background-color:#fffbf2}.bg-black{background-color:var(--color-black)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-green-50{background-color:var(--color-green-50)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-purple-50{background-color:var(--color-purple-50)}.bg-purple-600{background-color:var(--color-purple-600)}.bg-purple-700{background-color:var(--color-purple-700)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-500{background-color:var(--color-red-500)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-400{background-color:var(--color-slate-400)}.bg-violet-500{background-color:var(--color-violet-500)}.bg-white{background-color:var(--color-white)}.bg-yellow-100{background-color:var(--color-yellow-100)}.stroke-\[\#884EA7\]{stroke:#884ea7}.stroke-\[1\.4\]{stroke-width:1.4px}.object-contain{-o-object-fit:contain;object-fit:contain}.p-\[4px\]{padding:4px}.p-\[8px\]{padding:8px}.p-\[12px\]{padding:12px}.p-\[16px\]{padding:16px}.p-\[24px\]{padding:24px}.px-\[6px\]{padding-inline:6px}.px-\[8px\]{padding-inline:8px}.px-\[12px\]{padding-inline:12px}.px-\[16px\]{padding-inline:16px}.px-\[20px\]{padding-inline:20px}.px-\[24px\]{padding-inline:24px}.py-\[2px\]{padding-block:2px}.py-\[4px\]{padding-block:4px}.py-\[8px\]{padding-block:8px}.py-\[10px\]{padding-block:10px}.py-\[12px\]{padding-block:12px}.py-\[16px\]{padding-block:16px}.py-\[24px\]{padding-block:24px}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-\[8px\]{padding-top:8px}.pt-\[12px\]{padding-top:12px}.pt-\[16px\]{padding-top:16px}.\!pr-0{padding-right:calc(var(--spacing)*0)!important}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-\[16px\]{padding-bottom:16px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.\!text-\[10px\]{font-size:10px!important}.\!text-\[12px\]{font-size:12px!important}.\!text-\[16px\]{font-size:16px!important}.\!text-\[20px\]{font-size:20px!important}.\!text-\[24px\]{font-size:24px!important}.\!text-\[28px\]{font-size:28px!important}.text-\[10\.1px\]{font-size:10.1px}.text-\[10\.75px\]{font-size:10.75px}.text-\[10px\]{font-size:10px}.text-\[12\.07px\]{font-size:12.07px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[18\.18px\]{font-size:18.18px}.text-\[18px\]{font-size:18px}.text-\[19\.35px\]{font-size:19.35px}.text-\[20px\]{font-size:20px}.text-\[24px\]{font-size:24px}.text-\[28px\]{font-size:28px}.\!leading-\[14px\]{--tw-leading:14px!important;line-height:14px!important}.\!leading-\[16px\]{--tw-leading:16px!important;line-height:16px!important}.\!leading-\[20px\]{--tw-leading:20px!important;line-height:20px!important}.\!leading-\[24px\]{--tw-leading:24px!important;line-height:24px!important}.\!leading-\[32px\]{--tw-leading:32px!important;line-height:32px!important}.leading-\[12\.59px\]{--tw-leading:12.59px;line-height:12.59px}.leading-\[12px\]{--tw-leading:12px;line-height:12px}.leading-\[14\.14px\]{--tw-leading:14.14px;line-height:14.14px}.leading-\[14px\]{--tw-leading:14px;line-height:14px}.leading-\[15\.05px\]{--tw-leading:15.05px;line-height:15.05px}.leading-\[15px\]{--tw-leading:15px;line-height:15px}.leading-\[16\.09px\]{--tw-leading:16.09px;line-height:16.09px}.leading-\[16px\]{--tw-leading:16px;line-height:16px}.leading-\[17px\]{--tw-leading:17px;line-height:17px}.leading-\[18px\]{--tw-leading:18px;line-height:18px}.leading-\[20px\]{--tw-leading:20px;line-height:20px}.leading-\[22\.22px\]{--tw-leading:22.22px;line-height:22.22px}.leading-\[22px\]{--tw-leading:22px;line-height:22px}.leading-\[23\.65px\]{--tw-leading:23.65px;line-height:23.65px}.leading-\[24px\]{--tw-leading:24px;line-height:24px}.leading-\[28px\]{--tw-leading:28px;line-height:28px}.leading-\[32px\]{--tw-leading:32px;line-height:32px}.leading-\[33px\]{--tw-leading:33px;line-height:33px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\!font-medium{--tw-font-weight:var(--font-weight-medium)!important;font-weight:var(--font-weight-medium)!important}.font-\[400\]{--tw-font-weight:400;font-weight:400}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.whitespace-nowrap{white-space:nowrap}.\!text-\[\#8B5CF6\]{color:#8b5cf6!important}.\!text-\[\#64748B\]{color:#64748b!important}.\!text-\[\#121212\]{color:#121212!important}.text-\[\#1FA05B\]{color:#1fa05b}.text-\[\#3C81F6\]{color:#3c81f6}.text-\[\#3C82F6\]{color:#3c82f6}.text-\[\#7C3AED\]{color:#7c3aed}.text-\[\#08B6D4\]{color:#08b6d4}.text-\[\#8B5CF6\]{color:#8b5cf6}.text-\[\#12B981\]{color:#12b981}.text-\[\#36AB6C\]{color:#36ab6c}.text-\[\#37CC6D\]{color:#37cc6d}.text-\[\#94A3B8\]{color:#94a3b8}.text-\[\#329DFF\]{color:#329dff}.text-\[\#884EA7\]{color:#884ea7}.text-\[\#64748B\]{color:#64748b}.text-\[\#121212\]{color:#121212}.text-\[\#334155\]{color:#334155}.text-\[\#475569\]{color:#475569}.text-\[\#AB0000\]{color:#ab0000}.text-\[\#D1D3D4\]{color:#d1d3d4}.text-\[\#DBB467\]{color:#dbb467}.text-\[\#E7A015\]{color:#e7a015}.text-\[\#E11D48\]{color:#e11d48}.text-\[\#EF4444\]{color:#ef4444}.text-\[\#F2A815\]{color:#f2a815}.text-\[\#F69E0A\]{color:#f69e0a}.text-\[\#FA7E28\]{color:#fa7e28}.text-emerald-600{color:var(--color-emerald-600)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-400{color:var(--color-green-400)}.text-green-600{color:var(--color-green-600)}.text-purple-600{color:var(--color-purple-600)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-rose-600{color:var(--color-rose-600)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.opacity-80{opacity:.8}.\!shadow-\[0_0_12px_0_\#EAF2FF\]{--tw-shadow:0 0 12px 0 var(--tw-shadow-color,#eaf2ff)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.shadow-\[0_0_12px_0_\#EAF2FF\]{--tw-shadow:0 0 12px 0 var(--tw-shadow-color,#eaf2ff);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_0px_12px_0px_\#EAF2FF\]{--tw-shadow:0px 0px 12px 0px var(--tw-shadow-color,#eaf2ff);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_12px_35px_rgba\(0\,0\,0\,0\.12\)\]{--tw-shadow:0px 12px 35px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.first\:rounded-t-lg:first-child{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.last\:rounded-b-lg:last-child{border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}@media (hover:hover){.hover\:bg-\[\#E9D5FF\]:hover{background-color:#e9d5ff}.hover\:bg-\[\#F1F5F9\]:hover{background-color:#f1f5f9}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-purple-50:hover{background-color:var(--color-purple-50)}.hover\:bg-purple-700:hover{background-color:var(--color-purple-700)}}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-300:disabled{background-color:var(--color-gray-300)}.disabled\:bg-gray-400:disabled{background-color:var(--color-gray-400)}.disabled\:opacity-40:disabled{opacity:.4}@media (min-width:40rem){.sm\:\!columns-2{-moz-columns:2!important;columns:2!important}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:px-\[12px\]{padding-inline:12px}}@media (min-width:48rem){.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[minmax\(0\,1\.5fr\)_minmax\(0\,3\.5fr\)\]{grid-template-columns:minmax(0,1.5fr) minmax(0,3.5fr)}.lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,2fr\)\]{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,4fr\)\]{grid-template-columns:minmax(0,1fr) minmax(0,4fr)}.lg\:grid-cols-\[minmax\(0\,4fr\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,4fr) minmax(0,1fr)}}@media (min-width:80rem){.xl\:\!columns-3{-moz-columns:3!important;columns:3!important}}}:root{--anarock-font:"Geist"!important}body,button,input,select,textarea{font-family:var(--anarock-font)}.my-custom-class{padding:10px;color:#123456!important}li.recharts-legend-item.legend-item-0,li[class*=item-]{border:none!important;border-left-width:0!important}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.375em;border-bottom-right-radius:.375em}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select,.react-datepicker__header--middle,.react-datepicker__header--bottom){border-top-right-radius:.3rem}.react-datepicker__header--middle{border-top:1px solid #aeaeae;border-radius:0;margin-top:4px}.react-datepicker__header--bottom{border-bottom:none;border-top:1px solid #aeaeae;border-radius:0 0 .3rem .3rem}.react-datepicker__header-wrapper{position:relative}.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:2px}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__month-select,.react-datepicker__year-select,.react-datepicker__month-year-select{background-color:transparent;border:1px solid #aeaeae;border-radius:.3rem;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;margin-top:5px;padding:2px 5px}.react-datepicker__month-select:focus-visible,.react-datepicker__year-select:focus-visible,.react-datepicker__month-year-select:focus-visible{outline:auto 1px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.5em;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:5em;margin:2px}.react-datepicker__month{margin:.5em;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:5em;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.375em;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + 1.0625em);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90;color:#fff}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.625em;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__children-container{width:17.25em;margin:.5em;padding-right:.25em;padding-left:.25em;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.react-datepicker-popper-offset{margin-top:-.7em}.anarock-datepicker .react-datepicker{border:1px solid #e5e7eb;border-radius:10px;font-family:inherit;background:#fff}.anarock-datepicker .react-datepicker__header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:14px 0 10px}.anarock-datepicker .react-datepicker__current-month{font-size:14px;font-weight:600;color:#111827;margin-bottom:4px}.anarock-datepicker .react-datepicker__year-read-view{padding:4px 8px}.anarock-datepicker .react-datepicker__year-read-view--down-arrow{top:2px}.anarock-datepicker .react-datepicker__navigation{top:16px}.anarock-datepicker .react-datepicker__navigation-icon:before{border-color:#6b7280}.anarock-datepicker .react-datepicker__day-name,.anarock-datepicker .react-datepicker__day{width:32px;line-height:32px;margin:2px}.anarock-datepicker .react-datepicker__day--selected,.anarock-datepicker .react-datepicker__day--in-range,.anarock-datepicker .react-datepicker__day--keyboard-selected{background-color:#7c3aed;color:#fff;border-radius:6px}.anarock-datepicker .react-datepicker__day--disabled{color:#d1d5db}.anarock-datepicker .react-datepicker__day-name{font-size:12px;color:#6b7280;font-weight:500}.anarock-datepicker .react-datepicker__month{margin:8px}
package/dist/index.cjs.js CHANGED
@@ -369,6 +369,6 @@ Take a look at the reducer(s) handling this action type: ${p.type}.
369
369
  *
370
370
  * This source code is licensed under the ISC license.
371
371
  * See the LICENSE file in the root directory of this source tree.
372
- */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=Ri("waves-ladder",hde),Ct=({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,rightContent:f,onCalendarClick:p,onPrevClick:h,onNextClick:m})=>{const v=s==="semi-bold"?600:500;return g.jsxs("div",{className:`relative bg-white p-[24px] !border-[0.5px] !border-[#EBEBEB] !rounded-[12px] !shadow-[0_0_12px_0_#EAF2FF] ${a}`,children:[g.jsxs("div",{className:"flex items-center justify-between",children:[g.jsxs("div",{className:"flex items-center gap-[8px]",children:[t&&g.jsx("div",{className:c,children:t}),g.jsx("div",{style:{fontWeight:v,color:l||"#121212"},className:u||"text-[20px] leading-[24px]",children:e})]}),g.jsxs("div",{className:"flex items-center gap-[12px]",children:[f&&f,n&&!r&&g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:n}),r&&g.jsxs("div",{className:"flex items-center gap-[12px] px-[16px] py-[8px] rounded-[8px] bg-white text-sm text-[#64748B]",children:[g.jsx(tde,{size:16,className:"text-[#64748B] cursor-pointer",onClick:p}),g.jsx($R,{size:16,className:"cursor-pointer",onClick:h}),g.jsx("span",{className:"text-[12px] leading-[16px] text-[#64748B]",children:n}),g.jsx(BR,{size:16,className:"cursor-pointer",onClick:m})]})]})]}),g.jsx("div",{className:`flex-1 min-h-0 mt-4 ${d}`,children:i}),o&&g.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 g.jsx(Ct,{title:"Guard Patrols",className:"h-[362px]",titleWeight:"semi-bold",children:g.jsxs("div",{className:"flex flex-col items-center justify-center",children:[g.jsxs("div",{className:"w-[215px] h-[182px] relative",children:[g.jsx(_t,{width:"100%",height:"100%",children:g.jsxs(Ni,{children:[g.jsx(Jr,{data:n??[],innerRadius:60,outerRadius:90,paddingAngle:2,dataKey:"value",nameKey:"name",children:n?.map?.((o,a)=>g.jsx(pn,{fill:o?.color??"#ccc"},`cell-${a}`))}),g.jsx(kt,{content:g.jsx(FR,{}),wrapperStyle:{zIndex:9999}})]})}),g.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center pointer-events-none",children:[g.jsxs("div",{className:"font-medium text-[19.35px] leading-[23.65px]",children:[i??0,"/",r??0]}),g.jsx("div",{className:"text-[10.75px] leading-[15.05px] text-[#64748B]",children:"Completed"})]})]}),g.jsx("div",{className:"flex flex-col w-full text-[14px]",children:n?.length?n?.map?.((o,a)=>g.jsxs("div",{className:`flex items-center justify-between py-[10px] ${a!==(n?.length??0)-1?"border-b border-[#F1F5F9]":""}`,children:[g.jsxs("div",{className:"flex items-center gap-[10px]",children:[g.jsx("div",{className:"inline-block w-[16px] h-[7px]",style:{backgroundColor:o?.color??"#ccc"}}),g.jsx("div",{className:"leading-[16.09px] text-[12.07px] text-[#64748B]",children:o?.name??"-"})]}),g.jsx("div",{className:"leading-[16.09px] text-[12.07px] text-[#64748B]",children:o?.value??0})]},o?.name??a)):g.jsx("div",{className:"text-center text-gray-400 text-sm py-[24px]",children:"No patrol data"})})]})})}Wn.register(Co,ko,a1,o1,Yr,ei);const yde=["10 AM","12 PM","2 PM","4 PM","6 PM","8 PM","10 PM"],Vd={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=[{key:"Guest",datasetIndex:0,color:"#EF4444"},{key:"Cab",datasetIndex:1,color:"#7C3AED"},{key:"Delivery",datasetIndex:2,color:"#10B981"},{key:"Service",datasetIndex:3,color:"#F59E0B"}],xde=({color:e,size:t=12})=>g.jsx("svg",{width:t,height:t,viewBox:"0 0 12 12",style:{display:"block",flexShrink:0},children:g.jsx("rect",{x:"1",y:"1",width:"10",height:"10",rx:"0",fill:e,transform:"rotate(45 6 6)"})}),wde=({chartRef:e})=>{const[t,n]=k.useState({}),r=i=>{const o=e.current;if(!o)return;const a=o.getDatasetMeta(i),s=!!a.hidden;a.hidden=!s,o.update(),n(l=>({...l,[i]:!s}))};return g.jsx("div",{style:{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",gap:"76px",marginTop:"10px",paddingBottom:"8px",flexWrap:"wrap"},children:bde.map(({key:i,datasetIndex:o,color:a})=>{const s=!!t[o];return g.jsxs("div",{onClick:()=>r(o),style:{display:"flex",alignItems:"center",gap:"6px",cursor:"pointer",userSelect:"none",opacity:s?.45:1,transition:"opacity 0.2s ease"},children:[g.jsx(xde,{color:a,size:12}),g.jsx("span",{style:{fontSize:"13px",color:"#64748B",fontWeight:400,lineHeight:1,textDecoration:s?"line-through":"none",transition:"text-decoration 0.15s ease"},children:i})]},i)})})},_de=({data:e})=>{const t=k.useRef(null),r={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:Vd.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:Vd.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:Vd.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:Vd.service,borderColor:"#F59E0B",backgroundColor:"rgba(245,158,11,0.15)",pointBackgroundColor:"#F59E0B",pointStyle:"rectRot",fill:!1}]},i={responsive:!0,maintainAspectRatio:!1,interaction:{mode:"index",intersect:!1},plugins:{legend:{display:!1},tooltip:{backgroundColor:"#0F172A",titleColor:"#FFFFFF",bodyColor:"#FFFFFF",displayColors:!1,padding:12,caretSize:0,callbacks:{title:o=>o[0].label,label:o=>`${o.dataset.label} ${o.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 g.jsxs(Ie,{title:"Hourly Traffic Flow",className:"w-full h-[362px]",children:[g.jsx("div",{style:{height:"calc(100% - 44px)",width:"100%"},children:g.jsx(l1,{ref:t,data:r,options:i})}),g.jsx(wde,{chartRef:t})]})},Sde={open:4,in_progress:7,closed:12},Ede=[{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 Ode({incidentReports:e={},incidentReportsDetails:t=[]}){const n=e&&Object.keys(e).length>0?e:Sde,r=Array.isArray(t)?t:Ede,i=Number(n?.open??0),o=Number(n?.in_progress??0),a=Number(n?.closed??0);return g.jsx(Ct,{title:"Incident Reports",className:"h-[362px]",titleWeight:"semi-bold",children:g.jsxs("div",{children:[g.jsxs("div",{className:"flex w-full text-center gap-[24px]",children:[g.jsxs("div",{className:"flex-1 py-[12px] bg-[#FBF4F4] h-[76px] rounded",children:[g.jsx("div",{className:"!text-[24px] leading-[28px] font-medium text-[#AB0000]",children:i??0}),g.jsx("div",{className:"!text-[12px] leading-[16px] text-[#AB0000]",children:"Open"})]}),g.jsxs("div",{className:"flex-1 py-[12px] bg-[#FFFBF2] h-[76px] rounded",children:[g.jsx("div",{className:"!text-[24px] leading-[28px] font-medium text-[#E7A015]",children:o??0}),g.jsx("div",{className:"!text-[12px] leading-[16px] text-[#E7A015]",children:"In-progress"})]}),g.jsxs("div",{className:"flex-1 py-[12px] bg-[#F7FEFA] h-[76px] rounded",children:[g.jsx("div",{className:"!text-[24px] leading-[28px] font-medium text-[#1FA05B]",children:a??0}),g.jsx("div",{className:"!text-[12px] leading-[16px] text-[#1FA05B]",children:"Closed"})]})]}),g.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 g.jsxs("div",{className:"flex items-center justify-between p-[12px] bg-[#FAFBFD] rounded-md",children:[g.jsx("div",{className:"flex items-center gap-[8px]",children:g.jsx("div",{className:"text-gray-700 font-medium",children:s?.incident_code??"-"})}),g.jsx("div",{className:`!text-[12px] font-semibold flex items-center gap-[4px] ${c}`,children:g.jsxs("div",{children:[s?.severity_level??"-"," - ",s?.severity??"-"]})})]},l)}):g.jsx("div",{className:"text-center text-gray-400 text-sm py-[24px]",children:"No incidents found"})})]})})}const Cde=[{total_staff:42,absent_staff:6}],kde=[{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 Pde({staffPresentAbsent:e,staffPresentByRole:t}){const n=Array.isArray(e)&&e.length>0?e:Cde,r=Array.isArray(t)&&t.length>0?t:kde,i=n?.[0]?.total_staff??0,o=n?.[0]?.absent_staff??0,a=(i??0)-(o??0);return g.jsx(Ct,{title:"Staff Attendance",className:"h-[362px] overflow-hidden ",titleWeight:"semi-bold",children:g.jsxs("div",{children:[g.jsxs("div",{className:"flex gap-[16px] text-center mt-[24px]",children:[g.jsxs("div",{className:"flex-1 py-[12px] bg-[#F7FEFA] rounded h-[76px]",children:[g.jsx("div",{className:"text-[24px] font-medium text-[#1FA05B]",children:a??0}),g.jsx("div",{className:"text-[12px] text-[#1FA05B]",children:"Present"})]}),g.jsxs("div",{className:"flex-1 py-[12px] bg-[#FBF4F4] rounded h-[76px]",children:[g.jsx("div",{className:"text-[24px] font-medium text-[#AB0000]",children:o??0}),g.jsx("div",{className:"text-[12px] text-[#AB0000]",children:"Absent"})]})]}),g.jsx("div",{className:"mt-[24px] pb-[16px] space-y-[8px] 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 g.jsxs("div",{className:"flex items-center justify-between p-[12px] bg-[#F8FAFC] rounded-md",children:[g.jsx("div",{className:"text-[#121212] text-[14px] leading-[18px] font-medium",children:s?.staff_role_name??"-"}),g.jsxs("div",{className:"text-[14px] leading-[20px] text-[#64748B]",children:[u??0,"/",c??0]})]},l)}):g.jsx(g.Fragment,{})})]})})}function Dde(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 Ade({title:e,value:t,delta:n,deltaLabel:r,positive:i=!0,Icon:o=lu,iconColor:a="text-emerald-600",iconBg:s="bg-emerald-50"}){return g.jsxs(Ie,{title:e,icon:g.jsx("div",{className:"h-6 w-6 grid place-items-center",children:g.jsx(o,{className:`h-6 w-6 ${a}`})}),children:[g.jsx("div",{className:"text-4xl font-semibold tracking-tight text-[#121212]",children:t}),g.jsxs("div",{className:"flex items-center gap-[8px] text-[14px]",children:[g.jsx("div",{className:i?"text-emerald-600 font-medium":"text-rose-600 font-medium",children:n}),g.jsx("div",{className:"text-slate-500",children:r})]})]})}const Tde=[{title:"Total Visitors",value:160,delta:"+11.0%",deltaLabel:"Compared to last month",positive:!0,Icon:wb,iconColor:"text-[#329DFF]"},{title:"Active Incidents",value:73,delta:"+2.0%",deltaLabel:"Compared to last month",positive:!0,Icon:toe,iconColor:"text-[#F69E0A]"},{title:"Missed Patrols",value:3,delta:"+11.0%",deltaLabel:"Compared to last month",positive:!0,Icon:Dde,iconColor:"text-[#AB0000]"},{title:"Parking Usage",value:5,delta:"-8.0%",deltaLabel:"Compared to last month",positive:!1,Icon:x3,iconColor:"text-[#36AB6C]"}];function Mde({data:e}){const t=Array.isArray(e)&&e.length>0?e:Tde;return g.jsx("div",{className:"px-[20px] grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-[24px]",children:t.map((n,r)=>g.jsx(Ade,{...n},r))})}const Nde=[{title:"Maintenance",total:12,pending:3},{title:"Security",total:8,pending:1},{title:"Housekeeping",total:6,pending:2},{title:"Utilities",total:10,pending:4}],jde=(e="")=>e.replace(/&lt;/g,"<").replace(/&gt;/g,">").replace(/<[^>]*>/g,"").trim();function Rde({data:e}){const t=Array.isArray(e?.complaints_by_category)&&e.complaints_by_category.length>0?e.complaints_by_category.map(n=>({title:jde(n.category_name)||"—",total:n.total||0,pending:n.pending||0})):Nde;return g.jsx(Ie,{title:"Complaints",className:"h-[362px]",titleWeight:"semi-bold",titleClassName:"!text-[20px] !leading-[24px]",children:g.jsx("div",{className:"flex flex-col gap-[12px]",children:t.map((n,r)=>g.jsxs("div",{className:"flex items-center justify-between bg-[#F9FAFB] rounded-[8px] p-[12px] h-[62px]",children:[g.jsxs("div",{className:"flex flex-col",children:[g.jsx("div",{className:"text-[14px] leading-[18px] font-medium text-[#121212] capitalize",children:n.title}),g.jsxs("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:["Total: ",n.total]})]}),g.jsxs("div",{className:"flex flex-col items-end",children:[g.jsx("div",{className:"text-[14px] leading-[18px] font-medium text-red-700",children:String(n.pending).padStart(2,"0")}),g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:"Pending"})]})]},r))})})}const Ide=e=>{const t={0:"𝟎",1:"𝟏",2:"𝟐",3:"𝟑",4:"𝟒",5:"𝟓",6:"𝟔",7:"𝟕",8:"𝟖",9:"𝟗"};return String(e).split("").map(n=>t[n]||n).join("")},Fde=[{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}],Lde=({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 g.jsxs("div",{style:{backgroundColor:"#0B0B0B",padding:"14px 40px 14px 18px",borderRadius:"10px",color:"#ffffff"},children:[g.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=Ide(a);return g.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:o<r.length-1?"8px":"0",fontSize:"12px"},children:[g.jsx("div",{style:{width:"8px",height:"8px",backgroundColor:i.color,transform:"rotate(45deg)",marginRight:"8px"}}),g.jsx("span",{style:{color:"D1D3D4",minWidth:"100px"},children:i.label}),g.jsx("span",{style:{marginLeft:"auto",fontWeight:"700"},children:s})]},i.key)})]})},$de=()=>{const e=[{label:"Open",color:"#EF4444"},{label:"In Progress",color:"#F59D0D"},{label:"Closed",color:"#12B981"}];return g.jsx("div",{style:{display:"flex",justifyContent:"space-between",gap:"15px"},children:e.map(t=>g.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"6px"},children:[g.jsx("div",{style:{width:"6px",height:"6px",backgroundColor:t.color,transform:"rotate(45deg)"}}),g.jsx("span",{style:{fontSize:"14px"},children:t.label})]},t.label))})},Bde=({data:e})=>{const t=k.useMemo(()=>(Array.isArray(e?.complaints_by_level)&&e.complaints_by_level.some(l=>Number(l.total)>0)?e.complaints_by_level:Fde).map(l=>({level:l.level||"—",open_count:Number(l.open_count)||0,in_progress_count:Number(l.in_progress_count)||0,closed_count:Number(l.closed_count)||0,total:Number(l.total)||0})),[e]),n=k.useMemo(()=>Math.max(...t.map(a=>a.total),5),[t]),r=Math.ceil(n*1.2),i=6,o=Math.max(Math.ceil(n/i),1);return g.jsxs(Ie,{title:"Complaints by Level",className:"w-full h-[362px]",titleWeight:"semi-bold",titleClassName:"!text-[20px] !leading-[24px]",children:[g.jsx(_t,{width:"100%",height:"85%",children:g.jsxs(Eo,{data:t,margin:{top:5,right:-25,left:-30,bottom:5},children:[g.jsx(or,{strokeDasharray:"0",vertical:!1}),g.jsx(Bn,{dataKey:"level"}),g.jsx(An,{domain:[0,r],ticks:Array.from({length:i+1},(a,s)=>s*o)}),g.jsx(kt,{content:g.jsx(Lde,{}),cursor:!1}),g.jsx(Kt,{dataKey:"open_count",stackId:"a",fill:"#EF4444",barSize:44,radius:[0,0,0,0]}),g.jsx(Kt,{dataKey:"in_progress_count",stackId:"a",fill:"#F59D0D",barSize:44,radius:[0,0,0,0]}),g.jsx(Kt,{dataKey:"closed_count",stackId:"a",fill:"#12B981",barSize:44,radius:[0,0,0,0]})]})}),g.jsx($de,{})]})},Wde=[{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 zde({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})):Wde;return g.jsx(Ie,{title:"Request Box",className:"h-[362px]",titleWeight:"semi-bold",titleClassName:"!text-[20px] !leading-[24px]",children:g.jsx("div",{className:"flex flex-col gap-[12px]",children:t.map((n,r)=>g.jsxs("div",{className:"flex items-center justify-between bg-[#F9FAFB] rounded-[8px] p-[12px] h-[62px]",children:[g.jsxs("div",{className:"flex flex-col",children:[g.jsx("div",{className:"text-[14px] leading-[18px] font-medium text-[#121212] capitalize",children:n.title}),g.jsxs("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:["Total: ",n.total]})]}),g.jsxs("div",{className:"flex flex-col items-end",children:[g.jsx("div",{className:"text-[14px] leading-[18px] font-medium text-red-700",children:String(n.pending).padStart(2,"0")}),g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:"Pending"})]})]},`${n.title}-${r}`))})})}function Vde(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 Hde=["open_complaints","pending_requests","avg_response_time","resolution_rate"],Yde={open_complaints:{title:"Open Complaints",Icon:qP,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:D3,iconColor:"#1FA05B",deltaLabel:"Compared to last month"},resolution_rate:{title:"Resolution Rate",Icon:O3,iconColor:"#329DFF",deltaLabel:"Compared to last month"}},Ude=({children:e,size:t=28,lineHeight:n=32,weight:r=500,color:i="#121212"})=>g.jsx("div",{style:{fontWeight:r,fontSize:`${t}px`,lineHeight:`${n}px`,color:i},children:e}),Kde={primary:{size:28,lineHeight:32,weight:500}},qde={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 Gde({id:e,data:t}){return e&&t&&!t[e]&&t.current!==void 0?g.jsx(fk,{id:e,data:t}):g.jsx("div",{className:"px-[20px] grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-[16px]",children:Hde.map(n=>g.jsx(fk,{id:n},n))})}function fk({id:e,data:t}){const n=Yde[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=lu,iconColor:a,deltaLabel:s}=n,l=t&&Object.keys(t).length>0?t:qde[e],c=r(e,l?.current),u=l?.trend_percent??"—";return l?.direction==="good"||l?.direction,g.jsx("div",{className:"h-[132px]",children:g.jsxs(Ie,{title:i,titleColor:a,icon:g.jsx("div",{className:"h-[20px] w-[20px] flex items-center justify-center",children:g.jsx(o,{className:"h-[20px] w-[20px]",style:{color:a}})}),childrenClassName:"!space-y-[12px]",iconClassName:"!gap-[12px]",children:[g.jsx(Ude,{...Kde.primary,children:c}),g.jsxs("div",{className:"flex items-center gap-[8px] text-[12px] leading-[16px]",children:[g.jsx(pu,{value:u}),g.jsx("div",{className:"text-[#64748B] text-[12px] leading-[16px]",children:s})]})]})})}const Xde=[{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 g.jsxs("div",{className:" bg-[#F8FAFC] h-[106px] px-[12px] mt-3",children:[g.jsxs("div",{className:"flex items-center justify-between",children:[g.jsx("div",{className:"text-[16px] leading-[20px] font-semibold text-[#121212]",children:e}),g.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})]}),g.jsx("div",{className:"text-[14px] leading-[18px] text-[#64748B]",children:t}),g.jsxs("div",{className:"flex justify-between items-center mt-2",children:[g.jsxs("div",{className:"text-[14px] leading-[18px] text-[#64748B]",children:[n," RSVP"]}),g.jsxs("div",{className:"text-[#3C82F6] text-[14px] leading-[18px] font-medium",children:[r,"% utilisation"]})]}),g.jsx("div",{className:"w-full bg-[#F8FAFC] h-[6px] rounded mt-2 mb-3",children:g.jsx("div",{className:"h-[6px] rounded bg-[#3C82F6]",style:{width:`${r}%`}})})]})}function Zde({data:e}){const t=Array.isArray(e)?e:Xde;return g.jsx(Ie,{title:"Events Utilisation",className:"w-full h-[360px] overflow-y-auto hide-scrollbar",children:g.jsx("div",{className:"m-auto",children:t?.length>0?t.map((n,r)=>g.jsx(Qde,{...n},`${n.title}-${r}`)):g.jsx("div",{className:"h-full flex items-center justify-center",children:g.jsx(ar,{})})})})}const Jde=[{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 efe({label:e,value:t,subLabel:n,bgColor:r,textColor:i}){return g.jsxs("div",{className:`rounded-[8px] p-[16px] ${r} h-[124px]`,children:[g.jsx("div",{className:`text-[16px] font-medium ${i} leading-[20px]`,children:e}),g.jsx("div",{className:"mt-4 text-[28px] leading-[32px] font-semibold text-[#121212]",children:t}),g.jsx("div",{className:"!text-[12px] leading-[16px] text-[#64748B] mt-2",children:n})]})}function tfe({data:e}){const t=Array.isArray(e)&&e.length>0?e:Jde;return g.jsx(Ie,{title:"Notice Board Status",className:"w-full h-[360px]",children:g.jsx("div",{className:"grid grid-cols-2 gap-[16px]",children:t.map((n,r)=>g.jsx(efe,{...n},`${n.label}-${r}`))})})}function nfe(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 rfe({title:e,value:t,delta:n,deltaLabel:r,positive:i=!0,Icon:o=lu,iconColor:a="text-emerald-600",iconBg:s="bg-emerald-50",iconUrl:l}){return g.jsx(Ie,{title:e,icon:g.jsx("div",{className:"grid place-items-center ",children:l?g.jsx("img",{src:l,alt:"icon",className:"h-8 w-8 object-contain"}):g.jsx(o,{className:`h-8 w-8 ${a}`})}),className:"h-[132px]",children:g.jsxs("div",{children:[g.jsx("div",{className:"text-[28px] leading-[32px] font-medium text-[#121212]",children:t}),g.jsxs("div",{className:"flex items-center gap-[8px] pt-[8px] !text-[12px] leading-[16px]",children:[g.jsx(pu,{value:n}),g.jsx("div",{className:"text-[#64748B]",children:r})]})]})})}function ife({data:e}){const t=[{title:e?.title||"Total Bookings",value:e?.value??0,delta:e?.delta??"0%",deltaLabel:e?.deltaLabel||"Compared to last month",positive:e?.positive??!1,Icon:e?.Icon,iconUrl:e?.iconUrl,iconColor:e?.iconColor||"text-emerald-600",iconBg:e?.iconBg||"bg-emerald-50"}];return g.jsx("div",{className:"h-full",children:t.map((n,r)=>g.jsx(rfe,{...n},r))})}function ofe(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 afe({title:e,value:t,delta:n,deltaLabel:r,positive:i=!0,Icon:o=lu,iconColor:a="text-emerald-600",iconBg:s="bg-emerald-50"}){return g.jsx(Ie,{title:e,icon:g.jsx("div",{className:`h-6 w-6 grid place-items-center rounded-md ${s}`,children:g.jsx(o,{className:`h-4 w-4 ${a}`})}),className:"h-[132px]",children:g.jsxs("div",{children:[g.jsx("div",{className:"text-[28px] leading-[32px] font-medium text-[#121212]",children:t}),g.jsxs("div",{className:"flex items-center gap-[8px] pt-[8px] !text-[12px] leading-[16px]",children:[g.jsx("div",{className:i?"text-[#1FA05B] font-medium":"text-rose-600 font-medium",children:n}),g.jsx("div",{className:"text-[#64748B]",children:r})]})]})})}const sfe=[{title:"Notice",value:160,delta:"+11.0%",deltaLabel:"Compared to last month",positive:!0,Icon:nfe,iconColor:"text-emerald-600",iconBg:"bg-emerald-50"},{title:"Post",value:83,delta:"+2.0%",deltaLabel:"Compared to last month",positive:!0,Icon:w3,iconColor:"text-[#329DFF]",iconBg:"bg-emerald-50"},{title:"Poll",value:3,delta:"+11.0%",deltaLabel:"Compared to last month",positive:!0,Icon:Jie,iconColor:"text-[#FA7E28]",iconBg:"bg-orange-100"},{title:"Poll",value:5,delta:"-8.0%",deltaLabel:"Compared to last month",positive:!1,Icon:ofe,iconColor:"text-[#DBB467]",iconBg:"bg-yellow-100"}];function lfe({data:e}){const t=Array.isArray(e)&&e.length>0?e:sfe;return g.jsx("div",{className:"px-[20px] grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-[24px]",children:t.map((n,r)=>g.jsx(afe,{...n},r))})}const pk=({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 g.jsxs("div",{className:"flex flex-col items-start",children:[g.jsx("div",{className:"w-2/3 min-w-[80px] h-5 rounded-full overflow-hidden",children:g.jsx("div",{className:`h-[11px] rounded-full ${n||""}`,style:{width:n==="bg-[#12B981]"?`${a+45}%`:`${a}%`}})}),g.jsx("div",{className:`${s} !text-[12px] font-bold mt-1`,children:i??0}),g.jsx("div",{className:"!text-[12px] leading-[16px] text-[#64748B] mt-1",children:r??""})]})},cfe=({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 g.jsx("div",{children:g.jsxs("div",{className:"bg-white !border-[0.5px] !border-[#EBEBEB] rounded-[12px] shadow-[0_0_12px_0_#EAF2FF] p-[16px] h-[128px]",children:[g.jsxs("div",{className:"flex items-center gap-[12px] h-[20px]",style:{marginBottom:"24px"},children:[g.jsx(wb,{className:"!text-[20px] text-[#329DFF]"}),g.jsx("div",{className:"font-medium text-[#121212] text-[16px] leading-[20px]",children:"Occupancy Overview"})]}),g.jsxs("div",{className:"flex items-start justify-between",children:[g.jsxs("div",{className:"flex flex-col gap-[4px]",children:[g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B] font-normal",children:"Total Occupants"}),g.jsx("div",{className:"text-[28px] leading-[32px] font-medium text-[#121212]",children:i??0})]}),g.jsxs("div",{className:"flex items-end gap-[4px]",children:[g.jsx(pk,{value:o??0,total:s||1,colorClass:"bg-[#3C81F6]",label:(o??0)<=1?"Employee":"Employees"}),g.jsx(pk,{value:a??0,total:s||1,colorClass:"bg-[#8B5CF6]",label:(a??0)<=1?"Admin":"Admins"})]})]})]})})};Wn.register(Co,ko,Tl,Yr);const ufe=()=>{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 g.jsxs(Ie,{className:"w-full h-[238px]",title:"Employee Footfall (Static Data)",period:"Today",icon:g.jsx(Jue,{className:"!text-[24px] text-[#8B5CF6]"}),children:[g.jsxs("div",{className:"mb-[10px] mt-[8px] flex flex-col gap-[4px]!",children:[g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:"Employees Inside"}),g.jsx("div",{className:"text-[20px] leading-[24px] font-medium text-[#3C81F6]",children:"7,500"})]}),g.jsx("div",{className:"h-[110px]",children:g.jsx(Ml,{data:t,options:n})})]})},dfe="₹",hk=["bg-blue-500","bg-red-500","bg-purple-700"],ga={title:"Food & Beverages (Static Data)",period:"Today",summary:{totalOrders:247,revenueGenerated:"82K",growthPercentage:8,growthTotalPercentage:0},outlets:[{name:"HP",orders:120,revenue:"45K",percentage:70,color:"bg-[#3C81F6]"},{name:"Adobe",orders:85,revenue:"23K",percentage:50,color:"bg-[#3C81F6]"},{name:"Anarock",orders:42,revenue:"14K",percentage:25,color:"bg-[#3C81F6]"}]};function Cp(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 mk(e){if(e==null||e==="")return"0";if(typeof e=="number")return e_(e);const t=Number(e);return Number.isNaN(t)?String(e):e_(t)}function ffe(e){const t=e?.food_beverage_summary?{title:e?.title,period:e?.period,summary:{totalOrders:e?.food_beverage_summary?.total_orders,revenueGenerated:e?.food_beverage_summary?.revenue_generated,growthPercentage:e?.food_beverage_summary?.growth_percentage??e?.food_beverage_summary?.revenue_growth,growthTotalPercentage:e?.food_beverage_summary?.order_growth,currencyType:e?.food_beverage_summary?.currency_type},outlets:e?.chart_data}:e||{},n=t?.summary||{},i=(Array.isArray(t?.outlets)?t.outlets:[]).map((f,p)=>({name:f?.name||f?.outlet_name||f?.tenant_name||f?.company_name||"Unknown",orders:f?.orders??f?.total_orders??f?.count??0,revenue:f?.revenue??f?.revenue_generated??f?.total_revenue??0,percentage:f?.percentage,color:f?.color||hk[p%hk.length]})),o=n?.totalOrders??n?.orders??ga.summary.totalOrders,a=n?.revenueGenerated??n?.revenue??ga.summary.revenueGenerated,s=Cp(n?.growthPercentage??n?.revenueGrowth,ga.summary.growthPercentage),l=Cp(n?.growthTotalPercentage??n?.orderGrowth,ga.summary.growthTotalPercentage),c=n?.currencyType||n?.currency||dfe,u=i.reduce((f,p)=>f+(Number(p?.orders)||0),0),d=i.map(f=>({...f,percentage:f?.percentage!==null&&f?.percentage!==void 0?Number(f.percentage)||0:u>0?Math.round((Number(f?.orders)||0)/u*100):0}));return{title:t?.title||ga.title,period:t?.period||ga.period,summary:{totalOrders:o,revenueGenerated:a,growthPercentage:s,growthTotalPercentage:l,currencyType:c},outlets:d.length>0?d:ga.outlets}}function pfe({data:e,title:t,period:n,icon:r}){const i=ffe(e),o=t||i.title,a=n||i.period,s=r||g.jsx(pde,{className:"!text-[24px] text-[#FA7E28]"}),l=i.summary.totalOrders??0,c=mk(i.summary.revenueGenerated),u=Cp(i.summary.growthPercentage,0),d=Cp(i.summary.growthTotalPercentage,0),f=u>=0,p=d>=0;return g.jsx(Ie,{className:"h-[324px]",title:o,period:a,icon:s,children:g.jsxs("div",{className:"flex flex-col h-full",children:[g.jsxs("div",{className:"flex gap-[24px]",children:[g.jsxs("div",{className:"w-[65%] flex flex-col gap-[8px]!",children:[g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:"Total Orders"}),g.jsx("div",{className:"text-[28px] leading-[32px] font-medium text-[#8B5CF6]",children:l}),g.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?g.jsx(qa,{}):g.jsx(Ka,{}),d,"%",g.jsx("span",{children:"from last month"})]})]}),g.jsxs("div",{className:"w-[30%] flex flex-col gap-[8px] ",children:[g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B] whitespace-nowrap",children:"Revenue Generated"}),g.jsxs("div",{className:"text-[28px] leading-[32px] font-medium text-[#329DFF] whitespace-nowrap",children:[i.summary.currencyType," ",c]}),g.jsxs("div",{className:`w-fit inline-flex items-center gap-[4px] text-[10px] leading-[14px] p-[4px] rounded-[4px] ${f?"text-[#1FA05B] bg-green-50":"text-red-600 bg-red-50"}`,children:[f?g.jsx(qa,{}):g.jsx(Ka,{}),u,"%",g.jsx("span",{children:"from last month"})]})]})]}),g.jsx("div",{className:"mt-[16px]",children:i.outlets.map((h,m)=>g.jsxs("div",{className:m===i.outlets.length-1?"":"mb-[16px]",children:[g.jsxs("div",{className:"flex justify-between text-sm mb-[8px]",children:[g.jsx("div",{className:"text-[#64748B] text-[12px] leading-[16px]",children:h.name}),g.jsxs("div",{className:"font-medium text-[12px] leading-[16px] flex items-center",children:[g.jsxs("div",{className:"text-[#64748B] inline-block",children:[h.orders," orders"]}),g.jsxs("div",{className:"mx-2 text-[#121212] inline-block",children:[i.summary.currencyType," ",mk(h.revenue)]})]})]}),g.jsx("div",{className:"h-[11px] bg-gray-100 rounded-full",children:g.jsx("div",{className:`h-[11px] rounded-full ${h.color}`,style:{width:`${h.percentage}%`}})})]},`${h.name}-${m}`))})]})})}function hfe({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 v=m?.total_bookings||0;return h+v},0),u=i.map(h=>{const m=h?.total_bookings||0,v=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:v,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 g.jsx(Ie,{className:"h-[324px]",title:"Amenities",period:"Today",icon:g.jsx(mde,{className:"!text-[24px] text-[#8B5CF6]"}),children:g.jsxs("div",{className:"flex flex-col h-full",children:[g.jsxs("div",{className:"flex gap-[24px]",children:[g.jsxs("div",{className:"w-[65%] flex flex-col gap-[8px]!",children:[g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:"Total Bookings"}),g.jsx("div",{className:"text-[28px] leading-[32px] font-medium text-[#8B5CF6]",children:a}),g.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?g.jsx(qa,{}):g.jsx(Ka,{}),l,"%",g.jsx("span",{children:"from last month"})]})]}),!o&&g.jsxs("div",{className:"w-[25%] flex flex-col gap-[8px] ",children:[g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B] whitespace-nowrap",children:"Revenue Generated"}),g.jsxs("div",{className:"text-[28px] leading-[32px] font-medium text-[#329DFF] whitespace-nowrap",children:[n?.currencyType||"₹"," ",n?.todayPaidRevenue??"0.00"]}),f!==null&&g.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?g.jsx(qa,{}):g.jsx(Ka,{}),f,"%",g.jsx("span",{children:"from last month"})]})]})]}),g.jsx("div",{className:"mt-[16px]",children:u.length>0?u.map((h,m)=>g.jsxs("div",{className:m===u.length-1?"":"mb-[16px]",children:[g.jsxs("div",{className:"flex justify-between text-sm mb-[8px]",children:[g.jsx("div",{className:"text-[#64748B] text-[12px] leading-[16px]",children:h?.name}),g.jsxs("div",{className:"font-medium text-[12px] leading-[16px]",children:[g.jsxs("div",{className:"text-[#64748B] inline",children:[h?.bookings," ",h?.bookings<=1?"booking":"bookings"]}),h?.isPaid&&g.jsx("div",{className:"mx-2 text-[#121212] inline",children:h?.revenue})]})]}),g.jsx("div",{className:"h-[11px] bg-gray-100 rounded-full",children:g.jsx("div",{className:`h-[11px] rounded-full ${h?.color}`,style:{width:`${h?.percentage}%`}})})]},m)):g.jsx("div",{className:"flex items-center justify-center h-[120px]",children:g.jsx("div",{className:"text-[12px] text-[#94A3B8]",children:"No amenity usage data available"})})})]})})}Wn.register(Co,ko,Tl,Yr,ei);function mfe({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 g.jsx(Ie,{className:"h-[267px]",title:"Ticket Escalation Levels",period:"Today",icon:g.jsx(C3,{className:"!text-[24px] text-[#3C81F6]"}),children:g.jsx("div",{className:"h-full",children:g.jsx(Ml,{data:l,options:c})})})}const gfe=({active:e,payload:t})=>{if(!e||!t||!t.length)return null;const n=t[0],r=n.payload.color;return g.jsx("div",{style:{backgroundColor:"#000000",color:"#ffffff",padding:"8px 10px",borderRadius:"8px",fontSize:"12px"},children:g.jsxs("div",{className:"flex items-center gap-[8px] font-medium",children:[g.jsx("div",{style:{width:"8px",height:"8px",borderRadius:"50%",backgroundColor:r}}),g.jsx("div",{children:n.name}),g.jsx("div",{className:"ml-2",children:n.value})]})})};function vfe({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 g.jsx(Ie,{className:"h-[267px]",title:"Ticket Status",period:"Today",icon:g.jsx(Mv,{className:"!text-[24px] text-[#EF4444]"}),children:g.jsxs("div",{className:"flex h-full items-center gap-[16px]",children:[g.jsxs("div",{className:"w-[202px] h-[170px] relative",children:[g.jsx(_t,{width:"100%",height:"100%",children:g.jsxs(Ni,{children:[g.jsx(Jr,{data:i,innerRadius:55,outerRadius:85,dataKey:"value",stroke:"#FFFFFF",strokeWidth:2,children:i.map((a,s)=>g.jsx(pn,{fill:a.color},s))}),g.jsx(kt,{content:g.jsx(gfe,{}),wrapperStyle:{zIndex:1e3}})]})}),g.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center pointer-events-none",children:[g.jsxs("div",{className:"flex items-baseline text-[18px] leading-[22px] font-medium text-[#121212]",children:[g.jsx("div",{children:r(n.completed)}),g.jsxs("div",{className:"text-[18.18px] leading-[22.22px] text-[#121212]",children:["/",o]})]}),g.jsx("div",{className:"text-[10.1px] leading-[14.14px] text-[#64748B]",children:"Completed"})]})]}),g.jsx("div",{className:"flex-1 space-y-2",children:i.map(a=>g.jsxs("div",{className:"flex items-center justify-between text-[12px] leading-[17px] mt-[12px]",children:[g.jsxs("div",{className:"flex items-center gap-[8px]",children:[g.jsx("div",{className:"h-[7px] w-[16px]",style:{backgroundColor:a.color}}),g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:a.name})]}),g.jsx("div",{className:"text-[#64748B] text-[12px] leading-[16px] font-medium",children:a.value})]},a.name))})]})})}const gk={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 yfe(e){const t=e>=12?"PM":"AM";let n=e%12;return n===0&&(n=12),`${n} ${t}`}function bfe(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 xfe(e=[]){return Array.from({length:24},(t,n)=>{const r=e.find(i=>bfe(i?.hour)===n)||{};return{hour:n,time:yfe(n),walkins:Number(r?.walkins??0),approved:Number(r?.pre_approved??r?.preApproved??r?.approved??0)}})}function vk({title:e,color:t,rows:n=[],children:r}){const i=g.jsxs("div",{className:"bg-white rounded-[12px] min-w-[260px] p-[16px] border-[0.5px] border-[#EBEBEB] shadow-[0px_0px_12px_0px_#EAF2FF]",children:[g.jsx("div",{className:"flex items-center gap-[8px] font-medium text-[#121212]",children:g.jsx("div",{children:e??""})}),g.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})=>g.jsxs("div",{className:"flex justify-between text-[14px] leading-[18px]",children:[g.jsx("div",{className:"text-[#64748B]",children:o??""}),g.jsx("div",{className:"font-semibold",style:{color:s||"#121212"},children:a??0})]},o))})]});return g.jsx(Yj,{placement:"right-start",interactive:!0,delay:[100,0],offset:[6,0],appendTo:()=>document.body,maxWidth:"none",render:o=>g.jsx("div",{tabIndex:"-1",...o,children:i}),children:r})}function wfe({active:e,payload:t}){return!e||!t?.length?null:g.jsx("div",{className:"rounded-[8px] bg-[#121212] px-[12px] py-[8px] text-[12px] text-white shadow-lg",children:t.map(n=>g.jsxs("div",{className:"flex items-center gap-[8px]",children:[g.jsx("span",{className:"h-2 w-2 rounded-full",style:{backgroundColor:n.stroke}}),g.jsx("span",{className:"min-w-[82px] text-[#D1D3D4]",children:n.name}),g.jsx("span",{className:"font-semibold",children:n.value})]},n.dataKey))})}function _fe({data:e}){const t=e&&Object.keys(e).length?e:gk,n=t?.visitor_summary?{totalVisitorsToday:t?.visitor_summary?.total_visitors_today??0,peakTime:t?.visitor_summary?.peak_time??"-"}:t?.visitorSummary??{},r=t?.walkins_popup_data?{walkins:{currently_inside:Number(t?.walkins_popup_data?.walkins_inside??0),total_visited_today:Number(t?.walkins_popup_data?.total_walkins??0)},preApproved:{completed_visits:Number(t?.pre_approved_popup_data?.pre_approved_check_ins??0),total_expected_today:Number(t?.pre_approved_popup_data?.total_pre_approved_check_ins??0)}}:t?.popupData??{},i=k.useMemo(()=>{const l=t?.chart_data??[];return xfe(l.length?l:gk.chart_data)},[t]),{yAxisTicks:o,yAxisMax:a}=k.useMemo(()=>{const l=Math.max(...i.map(u=>Math.max(u.walkins,u.approved))),c=l>0?l:5;return{yAxisTicks:[0,Math.ceil(c/2),c],yAxisMax:c}},[i]),s=new Date().toLocaleTimeString("en-IN",{hour:"2-digit",minute:"2-digit",hour12:!0});return g.jsx(Ie,{className:"h-[377px]",title:"Visitor Updates",period:`Today at ${s}`,icon:g.jsx(bb,{className:"!text-[24px] text-[#8B5CF6]"}),children:g.jsxs("div",{className:"flex flex-col gap-[24px]",children:[g.jsxs("div",{className:"grid grid-cols-2 gap-y-4 gap-x-6",children:[g.jsxs("div",{className:"flex flex-col gap-[8px]!",children:[g.jsx("div",{className:"text-[10px] text-[#64748B]",children:"Total Visitors"}),g.jsx("div",{className:"text-[20px] font-medium text-[#08B6D4]",children:n?.totalVisitorsToday??0})]}),g.jsxs("div",{className:"flex flex-col gap-[8px]!",children:[g.jsx("div",{className:"text-[10px] text-[#64748B]",children:"Peak Time"}),g.jsx("div",{className:"text-[20px] font-medium text-[#8B5CF6]",children:n?.peakTime??"-"})]}),g.jsxs("div",{className:"mt-2 flex flex-col gap-[8px]!",children:[g.jsx("div",{className:"text-[10px] text-[#64748B]",children:"Active Walk-ins"}),g.jsxs("div",{className:"flex items-baseline text-xl font-medium leading-[32px]",children:[g.jsx("div",{className:"text-[28px] text-[#1FA05B] leading-[32px]",children:r?.walkins?.currently_inside??0}),g.jsx(vk,{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:g.jsxs("div",{className:"text-[#64748B] cursor-pointer text-[20px] leading-[32px]",children:["/",r?.walkins?.total_visited_today??0]})})]})]}),g.jsxs("div",{className:"mt-2 flex flex-col gap-[8px]!",children:[g.jsx("div",{className:"text-[10px] text-[#64748B]",children:"Pre-approved Check-ins"}),g.jsxs("div",{className:"flex items-baseline text-xl font-medium leading-[32px]",children:[g.jsx("div",{className:"text-[28px] text-[#E7A015] leading-[32px]",children:r?.preApproved?.completed_visits??0}),g.jsx(vk,{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:g.jsxs("div",{className:"text-[#64748B] cursor-pointer text-[20px] leading-[32px]",children:["/",r?.preApproved?.total_expected_today??0]})})]})]})]}),g.jsx("div",{className:"w-full h-[149px]",children:g.jsx(_t,{width:"100%",height:"100%",children:g.jsxs(_x,{data:i??[],margin:{top:5,right:0,left:0,bottom:-10},children:[g.jsx(or,{stroke:"#E5E7EB",strokeDasharray:"4 4",vertical:!1}),g.jsx(Bn,{dataKey:"time",tickFormatter:(l,c)=>c%4===0?l:"",axisLine:!1,tickLine:!1,tick:{fill:"#121212",fontSize:10,fontWeight:400}}),g.jsx(An,{width:24,axisLine:!1,tickLine:!1,allowDecimals:!1,ticks:o,domain:[0,a],tick:{fill:"#64748B",fontSize:10,fontWeight:400}}),g.jsx(kt,{content:g.jsx(wfe,{})}),g.jsx(Vo,{type:"monotone",dataKey:"walkins",stroke:"#22C55E",strokeWidth:2,dot:!1,name:"Walk-ins",isAnimationActive:!1}),g.jsx(Vo,{type:"monotone",dataKey:"approved",stroke:"#F59E0B",strokeWidth:2,strokeDasharray:"5 5",dot:!1,name:"Pre-approved",isAnimationActive:!1})]})})})]})})}const Sfe=({color:e})=>g.jsx("span",{style:{display:"inline-block",width:"8px",height:"8px",borderRadius:"50%",backgroundColor:e,marginRight:"6px"}}),Efe=({active:e,payload:t})=>!e||!t||!t.length?null:g.jsx("div",{className:"bg-black text-white !text-[12px] px-[12px] py-[8px] rounded-[8px] shadow-lg",children:t.map((n,r)=>g.jsxs("div",{className:"capitalize flex gap-[4px] items-center leading-relaxed",children:[g.jsx(Sfe,{color:n.color}),n.name,": ",g.jsx("div",{className:"font-semibold",children:n.value})]},r))});function Ofe({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 g.jsx(Ct,{className:"h-[362px]",title:"Access Overview",titleWeight:"semi-bold",children:g.jsxs("div",{className:"flex flex-col items-center mt-[16px]",children:[g.jsxs("div",{className:"relative w-[200px] h-[200px]",children:[g.jsx("div",{className:"absolute inset-0 flex items-center justify-center",children:g.jsx("div",{className:"w-[130px] h-[130px] rounded-full shadow-[0px_12px_35px_rgba(0,0,0,0.12)]"})}),g.jsx("div",{className:"h-[184px]",children:g.jsx(_t,{width:"100%",height:"100%",children:g.jsxs(Ni,{children:[g.jsx(Jr,{data:i,dataKey:"value",innerRadius:65,outerRadius:90,startAngle:110,endAngle:-250,paddingAngle:2,stroke:"transparent",children:i.map((a,s)=>g.jsx(pn,{fill:a.color},s))}),g.jsx(kt,{content:g.jsx(Efe,{}),wrapperStyle:{zIndex:9999}})]})})}),g.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center pointer-events-none",children:[g.jsxs("div",{className:"text-[20px] leading-[24px] font-semibold text-[#121212]",children:[o,"L"]}),g.jsx("div",{className:"text-[10px] leading-[15px] text-[#64748B]",children:"Total Access"})]})]}),g.jsx("div",{className:"mt-[32px] grid grid-cols-2 gap-x-[20px] gap-y-[12px] text-[12px] text-[#94A3B8]",children:i.map(a=>g.jsxs("div",{className:"flex items-center gap-[8px]",children:[g.jsx("div",{className:"w-[16px] h-[7px] ",style:{backgroundColor:a.color}}),g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:a.name})]},a.name))})]})})}function WR({title:e="Access",data:t=[],height:n="h-[362px]"}){const r=i=>i==null?"0":Number(i).toLocaleString();return g.jsx(Ct,{className:n,title:e,titleWeight:"semi-bold",children:g.jsxs("div",{className:"rounded-[12px] overflow-hidden mt-[16px]",children:[g.jsxs("div",{className:"grid grid-cols-2 bg-[#F8FAFC] py-[8px] px-[12px] text-[12px] leading-[16px] font-medium text-[#64748B]",children:[g.jsx("div",{children:"Point"}),g.jsx("div",{className:"text-right",children:"Access"})]}),t.map((i,o)=>g.jsxs("div",{className:"grid grid-cols-2 p-[12px] text-[14px] border-t border-[#E2E8F0]",children:[g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:i.label}),g.jsx("div",{className:"text-[12px] leading-[16px] text-right font-medium",style:{color:i.color||"#000"},children:r(i.value)})]},o))]})})}function Cfe({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 g.jsx(Ct,{title:"Access Points Usage",titleWeight:"semi-bold",className:"h-[362px]",children:g.jsx("div",{className:"mt-[24px] h-[270px] w-full",children:g.jsx(_t,{width:"100%",height:"100%",children:g.jsxs(Eo,{data:n,barSize:60,margin:{top:0,right:0,left:-20,bottom:0},children:[g.jsx(or,{strokeDasharray:"8 8",vertical:!1}),g.jsx(fx,{y:0,stroke:"#EBEBEB",strokeDasharray:"0"}),g.jsx(Bn,{dataKey:"name",tick:{fontSize:12,fill:"#64748B"},axisLine:!1,tickLine:!1}),g.jsx(An,{tickFormatter:r,tick:{fontSize:12,fill:"#64748B"},axisLine:!1,tickLine:!1}),g.jsx(kt,{cursor:!1}),g.jsx(Kt,{dataKey:"value",barSize:60,children:n.map((o,a)=>g.jsx(pn,{fill:o.value===i?"#3C81F6":"#79ABFF"},`cell-${a}`))})]})})})})}const kfe=({x:e,y:t,payload:n})=>{const r=n.value.split(" ");return g.jsx("g",{transform:`translate(${e},${t})`,children:g.jsx("text",{x:-85,y:0,textAnchor:"start",fill:"#121212",fontSize:14,children:r.map((i,o)=>g.jsx("tspan",{x:-85,dy:o===0?0:16,children:i},o))})})};function Pfe({data:e=[]}){const t=e&&e.length>0,n=e.map(r=>({name:r.category_name,value:r.total_complaints,color:"#08B6D4"}));return g.jsx(Ct,{title:"Tickets per Category",className:"h-[362px]",titleWeight:"semi-bold",childrenClassName:"h-full mt-[24px]!",children:t?g.jsx("div",{className:"w-full h-[262px]",children:g.jsx(_t,{width:"100%",height:"100%",children:g.jsxs(Eo,{data:n,layout:"vertical",margin:{top:0,right:8,left:-20,bottom:0},children:[g.jsx(or,{strokeDasharray:"3 3",horizontal:!1,stroke:"#E5E7EB"}),g.jsx(Bn,{type:"number",tick:{fill:"#94A3B8",fontSize:12},axisLine:!0,tickLine:!1,tickMargin:10,allowDecimals:!1}),g.jsx(An,{type:"category",dataKey:"name",axisLine:!1,tickLine:!1,width:132,tick:g.jsx(kfe,{})}),g.jsx(kt,{content:g.jsx(ss,{}),cursor:{fill:"transparent"},position:{x:300,y:0}}),g.jsx(Kt,{dataKey:"value",barSize:36,fill:"#08B6D4"})]})})}):g.jsx(ar,{title:"No Tickets Found",description:"Catch up all the data. Change the date range to see the data."})})}function Dfe({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 g.jsxs("div",{className:"relative bg-white !border-[0.5px] !border-[#EBEBEB] !rounded-[12px] !shadow-[0_0_12px_0_#EAF2FF] p-[16px]",children:[g.jsxs("div",{className:"flex items-center gap-[8px]",children:[e&&g.jsx("div",{className:"h-[20px] w-[20px]",style:{color:t,display:"flex",alignItems:"center",justifyContent:"center"},children:g.jsx(e,{className:"h-[20px] w-[20px]"})}),g.jsx("div",{className:"text-[16px] leading-[20px] font-medium text-[#64748B]",children:n})]}),g.jsx("div",{className:"mt-[16px] text-[28px] leading-[32px] font-medium text-[#121212]",children:r}),(i||o)&&g.jsxs("div",{className:"mt-[12px] flex items-center gap-[8px]",children:[i&&g.jsxs("div",{className:"flex items-center gap-[4px] text-[12px] leading-[16px] font-medium",style:{color:l},children:[s?g.jsx(qa,{}):g.jsx(Ka,{}),Math.abs(a),"%"]}),o&&g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:o})]})]})}const Afe=({data:e=[],onDateChange:t})=>{const[n,r]=k.useState(new Date),[i,o]=k.useState(!1),s=(v=>{const b=new Date(v);return b.setDate(b.getDate()-6),b})(n),l=v=>{try{return v.toLocaleDateString("en-GB",{day:"2-digit",month:"short"})}catch{return""}},c=v=>{const b=new Date(v),S=new Date(b);S.setDate(S.getDate()-6),t&&t(S.toISOString(),b.toISOString())},u=()=>{const v=new Date(n);v.setDate(v.getDate()-7),r(v),c(v)},d=()=>{const v=new Date(n);v.setDate(v.getDate()+7),r(v),c(v)},f=()=>{o(v=>!v)},p=v=>{const b=v||new Date;r(b),c(b),o(!1)},h=Array.isArray(e)?e:[],m=!h.length||h.every(v=>v.no_of_visitors===0);return g.jsxs(Ct,{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&&g.jsx("div",{className:"anarock-datepicker absolute top-[70px] right-[24px] z-50",children:g.jsx(VP,{selected:n,onChange:p,inline:!0,maxDate:new Date,showYearDropdown:!0,scrollableYearDropdown:!0,yearDropdownItemNumber:40})}),m?g.jsx("div",{className:"w-full h-[280px] flex items-center justify-center",children:g.jsx(ar,{title:"No Visitors Found",description:"Catch up all the data. Change the date range to see the data."})}):g.jsx("div",{className:"w-full h-[280px]",children:g.jsx(_t,{width:"100%",height:"100%",children:g.jsxs(VN,{data:h,margin:{top:10,right:-10,left:-10,bottom:0},children:[g.jsx("defs",{children:g.jsxs("linearGradient",{id:"colorVisitors",x1:"0",y1:"0",x2:"0",y2:"1",children:[g.jsx("stop",{offset:"0%",stopColor:"#6366F1",stopOpacity:.25}),g.jsx("stop",{offset:"100%",stopColor:"#6366F1",stopOpacity:0})]})}),g.jsx(or,{strokeDasharray:"3 3",vertical:!1,stroke:"#F1F5F9"}),g.jsx(Bn,{dataKey:"day",type:"category",scale:"point",padding:{left:20,right:20},tick:{fontSize:12,fill:"#64748B"},axisLine:!0,tickLine:!1,tickFormatter:v=>new Date(v).toLocaleDateString("en-GB",{day:"2-digit",month:"short"})}),g.jsx(An,{width:35,tick:{fontSize:12,fill:"#64748B"},axisLine:!1,tickLine:!1,allowDecimals:!1,domain:[0,"dataMax + 2"]}),g.jsx(kt,{cursor:!1,content:({active:v,payload:b,label:S,coordinate:w})=>{if(!v||!b?.length)return null;const x=new Date(S).toLocaleDateString("en-GB",{day:"2-digit",month:"short"}),O=b[0]?.payload===h[h.length-1]?w.x-70:w.x;return g.jsx("div",{style:{position:"absolute",transform:`translate(${O}px, ${w.y-40}px)`,pointerEvents:"none",zIndex:99999},children:g.jsx(ls,{active:v,payload:b,label:x})})}}),g.jsx(vx,{type:"monotone",dataKey:"no_of_visitors",stroke:"#6366F1",strokeWidth:2,fill:"url(#colorVisitors)",dot:{r:5,stroke:"#6366F1",strokeWidth:2,fill:"#fff"},activeDot:v=>{const{cx:b,cy:S,stroke:w}=v;return g.jsxs("g",{children:[g.jsx("circle",{cx:b,cy:S,r:6,fill:"#fff",stroke:"#6466F1",strokeWidth:2}),g.jsx("circle",{cx:b,cy:S,r:2.5,fill:"#6466F1"})]})}})]})})})]})},Tfe=[{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}],Mfe=({data:e})=>{const t=Array.isArray(e)&&e?.length===0,n=e==null?Tfe:Array.isArray(e)?e:[];return g.jsx(Ct,{title:"Organisation Wise Visitors",titleWeight:"semi-bold",className:"h-[360px]",childrenClassName:"mt-6",children:g.jsx("div",{className:"w-full h-[260px] flex items-center justify-center",children:t?g.jsx(ar,{title:"No Visitors Found",description:"Catch up all the data. Change the date range to see the data."}):g.jsx(_t,{width:"100%",height:"100%",children:g.jsxs(Eo,{data:n||[],margin:{top:10,right:10,left:10,bottom:-10},barCategoryGap:35,children:[g.jsx(or,{strokeDasharray:"3 3",vertical:!1,stroke:"#F1F5F9"}),g.jsx(Bn,{dataKey:"building_name",tick:{fontSize:12,fill:"#64748B"},axisLine:!0,tickLine:!1}),g.jsx(An,{width:40,tick:{fontSize:12,fill:"#64748B"},axisLine:!1,tickLine:!1,allowDecimals:!1}),g.jsx(kt,{cursor:!1,content:g.jsx(ls,{})}),g.jsx(Kt,{dataKey:"no_of_visitors",name:"Visitors",maxBarSize:55,fill:"#3C81F6"})]})})})})};function Nfe({data:e}){return g.jsx("div",{className:"h-full",children:e.map((t,n)=>{const r=parseFloat(t.delta),i=r>=0;return g.jsx(Ie,{iconClassName:"!gap-[8px]",title:g.jsx("div",{className:"text-[#64748B]",children:t.title}),icon:g.jsx(t.Icon,{className:"h-[20px] w-[20px]",style:{color:t.iconColor||"#000000"}}),className:`${t?.widget==="amenities"?"h-[139px]":"h-[124px]"}`,children:g.jsxs("div",{className:`flex flex-col gap-[8px] ${t?.widget==="amenities"?"mt-[3.5px]":"mt-0"}`,children:[g.jsx("div",{className:"text-[28px] leading-[32px] font-medium text-[#121212]",children:t.value}),g.jsxs("div",{className:`flex items-center text-[12px] leading-[16px] ${t.delta?"gap-[8px]":""}`,children:[t.delta&&g.jsxs("div",{className:`flex items-center gap-[4px] px-[6px] py-[2px] rounded-[4px] font-medium
372
+ */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=Ri("waves-ladder",hde),Ct=({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,rightContent:f,onCalendarClick:p,onPrevClick:h,onNextClick:m})=>{const v=s==="semi-bold"?600:500;return g.jsxs("div",{className:`relative bg-white p-[24px] !border-[0.5px] !border-[#EBEBEB] !rounded-[12px] !shadow-[0_0_12px_0_#EAF2FF] ${a}`,children:[g.jsxs("div",{className:"flex items-center justify-between",children:[g.jsxs("div",{className:"flex items-center gap-[8px]",children:[t&&g.jsx("div",{className:c,children:t}),g.jsx("div",{style:{fontWeight:v,color:l||"#121212"},className:u||"text-[20px] leading-[24px]",children:e})]}),g.jsxs("div",{className:"flex items-center gap-[12px]",children:[f&&f,n&&!r&&g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:n}),r&&g.jsxs("div",{className:"flex items-center gap-[12px] px-[16px] py-[8px] rounded-[8px] bg-white text-sm text-[#64748B]",children:[g.jsx(tde,{size:16,className:"text-[#64748B] cursor-pointer",onClick:p}),g.jsx($R,{size:16,className:"cursor-pointer",onClick:h}),g.jsx("span",{className:"text-[12px] leading-[16px] text-[#64748B]",children:n}),g.jsx(BR,{size:16,className:"cursor-pointer",onClick:m})]})]})]}),g.jsx("div",{className:`flex-1 min-h-0 mt-4 ${d}`,children:i}),o&&g.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 g.jsx(Ct,{title:"Guard Patrols",className:"h-[362px]",titleWeight:"semi-bold",children:g.jsxs("div",{className:"flex flex-col items-center justify-center",children:[g.jsxs("div",{className:"w-[215px] h-[182px] relative",children:[g.jsx(_t,{width:"100%",height:"100%",children:g.jsxs(Ni,{children:[g.jsx(Jr,{data:n??[],innerRadius:60,outerRadius:90,paddingAngle:2,dataKey:"value",nameKey:"name",children:n?.map?.((o,a)=>g.jsx(pn,{fill:o?.color??"#ccc"},`cell-${a}`))}),g.jsx(kt,{content:g.jsx(FR,{}),wrapperStyle:{zIndex:9999}})]})}),g.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center pointer-events-none",children:[g.jsxs("div",{className:"font-medium text-[19.35px] leading-[23.65px]",children:[i??0,"/",r??0]}),g.jsx("div",{className:"text-[10.75px] leading-[15.05px] text-[#64748B]",children:"Completed"})]})]}),g.jsx("div",{className:"flex flex-col w-full text-[14px]",children:n?.length?n?.map?.((o,a)=>g.jsxs("div",{className:`flex items-center justify-between py-[10px] ${a!==(n?.length??0)-1?"border-b border-[#F1F5F9]":""}`,children:[g.jsxs("div",{className:"flex items-center gap-[10px]",children:[g.jsx("div",{className:"inline-block w-[16px] h-[7px]",style:{backgroundColor:o?.color??"#ccc"}}),g.jsx("div",{className:"leading-[16.09px] text-[12.07px] text-[#64748B]",children:o?.name??"-"})]}),g.jsx("div",{className:"leading-[16.09px] text-[12.07px] text-[#64748B]",children:o?.value??0})]},o?.name??a)):g.jsx("div",{className:"text-center text-gray-400 text-sm py-[24px]",children:"No patrol data"})})]})})}Wn.register(Co,ko,a1,o1,Yr,ei);const yde=["10 AM","12 PM","2 PM","4 PM","6 PM","8 PM","10 PM"],Vd={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=[{key:"Guest",datasetIndex:0,color:"#EF4444"},{key:"Cab",datasetIndex:1,color:"#7C3AED"},{key:"Delivery",datasetIndex:2,color:"#10B981"},{key:"Service",datasetIndex:3,color:"#F59E0B"}],xde=({color:e,size:t=12})=>g.jsx("svg",{width:t,height:t,viewBox:"0 0 12 12",style:{display:"block",flexShrink:0},children:g.jsx("rect",{x:"1",y:"1",width:"10",height:"10",rx:"0",fill:e,transform:"rotate(45 6 6)"})}),wde=({chartRef:e})=>{const[t,n]=k.useState({}),r=i=>{const o=e.current;if(!o)return;const a=o.getDatasetMeta(i),s=!!a.hidden;a.hidden=!s,o.update(),n(l=>({...l,[i]:!s}))};return g.jsx("div",{style:{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",gap:"76px",marginTop:"10px",paddingBottom:"8px",flexWrap:"wrap"},children:bde.map(({key:i,datasetIndex:o,color:a})=>{const s=!!t[o];return g.jsxs("div",{onClick:()=>r(o),style:{display:"flex",alignItems:"center",gap:"6px",cursor:"pointer",userSelect:"none",opacity:s?.45:1,transition:"opacity 0.2s ease"},children:[g.jsx(xde,{color:a,size:12}),g.jsx("span",{style:{fontSize:"13px",color:"#64748B",fontWeight:400,lineHeight:1,textDecoration:s?"line-through":"none",transition:"text-decoration 0.15s ease"},children:i})]},i)})})},_de=({data:e})=>{const t=k.useRef(null),r={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:Vd.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:Vd.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:Vd.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:Vd.service,borderColor:"#F59E0B",backgroundColor:"rgba(245,158,11,0.15)",pointBackgroundColor:"#F59E0B",pointStyle:"rectRot",fill:!1}]},i={responsive:!0,maintainAspectRatio:!1,interaction:{mode:"index",intersect:!1},plugins:{legend:{display:!1},tooltip:{backgroundColor:"#0F172A",titleColor:"#FFFFFF",bodyColor:"#FFFFFF",displayColors:!1,padding:12,caretSize:0,callbacks:{title:o=>o[0].label,label:o=>`${o.dataset.label} ${o.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 g.jsxs(Ie,{title:"Hourly Traffic Flow",className:"w-full h-[362px]",children:[g.jsx("div",{style:{height:"calc(100% - 44px)",width:"100%"},children:g.jsx(l1,{ref:t,data:r,options:i})}),g.jsx(wde,{chartRef:t})]})},Sde={open:4,in_progress:7,closed:12},Ede=[{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 Ode({incidentReports:e={},incidentReportsDetails:t=[]}){const n=e&&Object.keys(e).length>0?e:Sde,r=Array.isArray(t)?t:Ede,i=Number(n?.open??0),o=Number(n?.in_progress??0),a=Number(n?.closed??0);return g.jsx(Ct,{title:"Incident Reports",className:"h-[362px]",titleWeight:"semi-bold",children:g.jsxs("div",{children:[g.jsxs("div",{className:"flex w-full text-center gap-[24px]",children:[g.jsxs("div",{className:"flex-1 py-[12px] bg-[#FBF4F4] h-[76px] rounded",children:[g.jsx("div",{className:"!text-[24px] leading-[28px] font-medium text-[#AB0000]",children:i??0}),g.jsx("div",{className:"!text-[12px] leading-[16px] text-[#AB0000]",children:"Open"})]}),g.jsxs("div",{className:"flex-1 py-[12px] bg-[#FFFBF2] h-[76px] rounded",children:[g.jsx("div",{className:"!text-[24px] leading-[28px] font-medium text-[#E7A015]",children:o??0}),g.jsx("div",{className:"!text-[12px] leading-[16px] text-[#E7A015]",children:"In-progress"})]}),g.jsxs("div",{className:"flex-1 py-[12px] bg-[#F7FEFA] h-[76px] rounded",children:[g.jsx("div",{className:"!text-[24px] leading-[28px] font-medium text-[#1FA05B]",children:a??0}),g.jsx("div",{className:"!text-[12px] leading-[16px] text-[#1FA05B]",children:"Closed"})]})]}),g.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 g.jsxs("div",{className:"flex items-center justify-between p-[12px] bg-[#FAFBFD] rounded-md",children:[g.jsx("div",{className:"flex items-center gap-[8px]",children:g.jsx("div",{className:"text-gray-700 font-medium",children:s?.incident_code??"-"})}),g.jsx("div",{className:`!text-[12px] font-semibold flex items-center gap-[4px] ${c}`,children:g.jsxs("div",{children:[s?.severity_level??"-"," - ",s?.severity??"-"]})})]},l)}):g.jsx("div",{className:"text-center text-gray-400 text-sm py-[24px]",children:"No incidents found"})})]})})}const Cde=[{total_staff:42,absent_staff:6}],kde=[{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 Pde({staffPresentAbsent:e,staffPresentByRole:t}){const n=Array.isArray(e)&&e.length>0?e:Cde,r=Array.isArray(t)&&t.length>0?t:kde,i=n?.[0]?.total_staff??0,o=n?.[0]?.absent_staff??0,a=(i??0)-(o??0);return g.jsx(Ct,{title:"Staff Attendance",className:"h-[362px] overflow-hidden ",titleWeight:"semi-bold",children:g.jsxs("div",{children:[g.jsxs("div",{className:"flex gap-[16px] text-center mt-[24px]",children:[g.jsxs("div",{className:"flex-1 py-[12px] bg-[#F7FEFA] rounded h-[76px]",children:[g.jsx("div",{className:"text-[24px] font-medium text-[#1FA05B]",children:a??0}),g.jsx("div",{className:"text-[12px] text-[#1FA05B]",children:"Present"})]}),g.jsxs("div",{className:"flex-1 py-[12px] bg-[#FBF4F4] rounded h-[76px]",children:[g.jsx("div",{className:"text-[24px] font-medium text-[#AB0000]",children:o??0}),g.jsx("div",{className:"text-[12px] text-[#AB0000]",children:"Absent"})]})]}),g.jsx("div",{className:"mt-[24px] pb-[16px] space-y-[8px] 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 g.jsxs("div",{className:"flex items-center justify-between p-[12px] bg-[#F8FAFC] rounded-md",children:[g.jsx("div",{className:"text-[#121212] text-[14px] leading-[18px] font-medium",children:s?.staff_role_name??"-"}),g.jsxs("div",{className:"text-[14px] leading-[20px] text-[#64748B]",children:[u??0,"/",c??0]})]},l)}):g.jsx(g.Fragment,{})})]})})}function Dde(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 Ade({title:e,value:t,delta:n,deltaLabel:r,positive:i=!0,Icon:o=lu,iconColor:a="text-emerald-600",iconBg:s="bg-emerald-50"}){return g.jsxs(Ie,{title:e,icon:g.jsx("div",{className:"h-6 w-6 grid place-items-center",children:g.jsx(o,{className:`h-6 w-6 ${a}`})}),children:[g.jsx("div",{className:"text-4xl font-semibold tracking-tight text-[#121212]",children:t}),g.jsxs("div",{className:"flex items-center gap-[8px] text-[14px]",children:[g.jsx("div",{className:i?"text-emerald-600 font-medium":"text-rose-600 font-medium",children:n}),g.jsx("div",{className:"text-slate-500",children:r})]})]})}const Tde=[{title:"Total Visitors",value:160,delta:"+11.0%",deltaLabel:"Compared to last month",positive:!0,Icon:wb,iconColor:"text-[#329DFF]"},{title:"Active Incidents",value:73,delta:"+2.0%",deltaLabel:"Compared to last month",positive:!0,Icon:toe,iconColor:"text-[#F69E0A]"},{title:"Missed Patrols",value:3,delta:"+11.0%",deltaLabel:"Compared to last month",positive:!0,Icon:Dde,iconColor:"text-[#AB0000]"},{title:"Parking Usage",value:5,delta:"-8.0%",deltaLabel:"Compared to last month",positive:!1,Icon:x3,iconColor:"text-[#36AB6C]"}];function Mde({data:e}){const t=Array.isArray(e)&&e.length>0?e:Tde;return g.jsx("div",{className:"px-[20px] grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-[24px]",children:t.map((n,r)=>g.jsx(Ade,{...n},r))})}const Nde=[{title:"Maintenance",total:12,pending:3},{title:"Security",total:8,pending:1},{title:"Housekeeping",total:6,pending:2},{title:"Utilities",total:10,pending:4}],jde=(e="")=>e.replace(/&lt;/g,"<").replace(/&gt;/g,">").replace(/<[^>]*>/g,"").trim();function Rde({data:e}){const t=Array.isArray(e?.complaints_by_category)&&e.complaints_by_category.length>0?e.complaints_by_category.map(n=>({title:jde(n.category_name)||"—",total:n.total||0,pending:n.pending||0})):Nde;return g.jsx(Ie,{title:"Complaints",className:"h-[362px]",titleWeight:"semi-bold",titleClassName:"!text-[20px] !leading-[24px]",children:g.jsx("div",{className:"flex flex-col gap-[12px]",children:t.map((n,r)=>g.jsxs("div",{className:"flex items-center justify-between bg-[#F9FAFB] rounded-[8px] p-[12px] h-[62px]",children:[g.jsxs("div",{className:"flex flex-col",children:[g.jsx("div",{className:"text-[14px] leading-[18px] font-medium text-[#121212] capitalize",children:n.title}),g.jsxs("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:["Total: ",n.total]})]}),g.jsxs("div",{className:"flex flex-col items-end",children:[g.jsx("div",{className:"text-[14px] leading-[18px] font-medium text-red-700",children:String(n.pending).padStart(2,"0")}),g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:"Pending"})]})]},r))})})}const Ide=e=>{const t={0:"𝟎",1:"𝟏",2:"𝟐",3:"𝟑",4:"𝟒",5:"𝟓",6:"𝟔",7:"𝟕",8:"𝟖",9:"𝟗"};return String(e).split("").map(n=>t[n]||n).join("")},Fde=[{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}],Lde=({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 g.jsxs("div",{style:{backgroundColor:"#0B0B0B",padding:"14px 40px 14px 18px",borderRadius:"10px",color:"#ffffff"},children:[g.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=Ide(a);return g.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:o<r.length-1?"8px":"0",fontSize:"12px"},children:[g.jsx("div",{style:{width:"8px",height:"8px",backgroundColor:i.color,transform:"rotate(45deg)",marginRight:"8px"}}),g.jsx("span",{style:{color:"D1D3D4",minWidth:"100px"},children:i.label}),g.jsx("span",{style:{marginLeft:"auto",fontWeight:"700"},children:s})]},i.key)})]})},$de=()=>{const e=[{label:"Open",color:"#EF4444"},{label:"In Progress",color:"#F59D0D"},{label:"Closed",color:"#12B981"}];return g.jsx("div",{style:{display:"flex",justifyContent:"space-between",gap:"15px"},children:e.map(t=>g.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"6px"},children:[g.jsx("div",{style:{width:"6px",height:"6px",backgroundColor:t.color,transform:"rotate(45deg)"}}),g.jsx("span",{style:{fontSize:"14px"},children:t.label})]},t.label))})},Bde=({data:e})=>{const t=k.useMemo(()=>(Array.isArray(e?.complaints_by_level)&&e.complaints_by_level.some(l=>Number(l.total)>0)?e.complaints_by_level:Fde).map(l=>({level:l.level||"—",open_count:Number(l.open_count)||0,in_progress_count:Number(l.in_progress_count)||0,closed_count:Number(l.closed_count)||0,total:Number(l.total)||0})),[e]),n=k.useMemo(()=>Math.max(...t.map(a=>a.total),5),[t]),r=Math.ceil(n*1.2),i=6,o=Math.max(Math.ceil(n/i),1);return g.jsxs(Ie,{title:"Complaints by Level",className:"w-full h-[362px]",titleWeight:"semi-bold",titleClassName:"!text-[20px] !leading-[24px]",children:[g.jsx(_t,{width:"100%",height:"85%",children:g.jsxs(Eo,{data:t,margin:{top:5,right:-25,left:-30,bottom:5},children:[g.jsx(or,{strokeDasharray:"0",vertical:!1}),g.jsx(Bn,{dataKey:"level"}),g.jsx(An,{domain:[0,r],ticks:Array.from({length:i+1},(a,s)=>s*o)}),g.jsx(kt,{content:g.jsx(Lde,{}),cursor:!1}),g.jsx(Kt,{dataKey:"open_count",stackId:"a",fill:"#EF4444",barSize:44,radius:[0,0,0,0]}),g.jsx(Kt,{dataKey:"in_progress_count",stackId:"a",fill:"#F59D0D",barSize:44,radius:[0,0,0,0]}),g.jsx(Kt,{dataKey:"closed_count",stackId:"a",fill:"#12B981",barSize:44,radius:[0,0,0,0]})]})}),g.jsx($de,{})]})},Wde=[{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 zde({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})):Wde;return g.jsx(Ie,{title:"Request Box",className:"h-[362px]",titleWeight:"semi-bold",titleClassName:"!text-[20px] !leading-[24px]",children:g.jsx("div",{className:"flex flex-col gap-[12px]",children:t.map((n,r)=>g.jsxs("div",{className:"flex items-center justify-between bg-[#F9FAFB] rounded-[8px] p-[12px] h-[62px]",children:[g.jsxs("div",{className:"flex flex-col",children:[g.jsx("div",{className:"text-[14px] leading-[18px] font-medium text-[#121212] capitalize",children:n.title}),g.jsxs("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:["Total: ",n.total]})]}),g.jsxs("div",{className:"flex flex-col items-end",children:[g.jsx("div",{className:"text-[14px] leading-[18px] font-medium text-red-700",children:String(n.pending).padStart(2,"0")}),g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:"Pending"})]})]},`${n.title}-${r}`))})})}function Vde(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 Hde=["open_complaints","pending_requests","avg_response_time","resolution_rate"],Yde={open_complaints:{title:"Open Complaints",Icon:qP,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:D3,iconColor:"#1FA05B",deltaLabel:"Compared to last month"},resolution_rate:{title:"Resolution Rate",Icon:O3,iconColor:"#329DFF",deltaLabel:"Compared to last month"}},Ude=({children:e,size:t=28,lineHeight:n=32,weight:r=500,color:i="#121212"})=>g.jsx("div",{style:{fontWeight:r,fontSize:`${t}px`,lineHeight:`${n}px`,color:i},children:e}),Kde={primary:{size:28,lineHeight:32,weight:500}},qde={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 Gde({id:e,data:t}){return e&&t&&!t[e]&&t.current!==void 0?g.jsx(fk,{id:e,data:t}):g.jsx("div",{className:"px-[20px] grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-[16px]",children:Hde.map(n=>g.jsx(fk,{id:n},n))})}function fk({id:e,data:t}){const n=Yde[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=lu,iconColor:a,deltaLabel:s}=n,l=t&&Object.keys(t).length>0?t:qde[e],c=r(e,l?.current),u=l?.trend_percent??"—";return l?.direction==="good"||l?.direction,g.jsx("div",{className:"h-[132px]",children:g.jsxs(Ie,{title:i,titleColor:a,icon:g.jsx("div",{className:"h-[20px] w-[20px] flex items-center justify-center",children:g.jsx(o,{className:"h-[20px] w-[20px]",style:{color:a}})}),childrenClassName:"!space-y-[12px]",iconClassName:"!gap-[12px]",children:[g.jsx(Ude,{...Kde.primary,children:c}),g.jsxs("div",{className:"flex items-center gap-[8px] text-[12px] leading-[16px]",children:[g.jsx(pu,{value:u}),g.jsx("div",{className:"text-[#64748B] text-[12px] leading-[16px]",children:s})]})]})})}const Xde=[{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 g.jsxs("div",{className:" bg-[#F8FAFC] h-[106px] px-[12px] mt-3",children:[g.jsxs("div",{className:"flex items-center justify-between",children:[g.jsx("div",{className:"text-[16px] leading-[20px] font-semibold text-[#121212]",children:e}),g.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})]}),g.jsx("div",{className:"text-[14px] leading-[18px] text-[#64748B]",children:t}),g.jsxs("div",{className:"flex justify-between items-center mt-2",children:[g.jsxs("div",{className:"text-[14px] leading-[18px] text-[#64748B]",children:[n," RSVP"]}),g.jsxs("div",{className:"text-[#3C82F6] text-[14px] leading-[18px] font-medium",children:[r,"% utilisation"]})]}),g.jsx("div",{className:"w-full bg-[#F8FAFC] h-[6px] rounded mt-2 mb-3",children:g.jsx("div",{className:"h-[6px] rounded bg-[#3C82F6]",style:{width:`${r}%`}})})]})}function Zde({data:e}){const t=Array.isArray(e)?e:Xde;return g.jsx(Ie,{title:"Events Utilisation",className:"w-full h-[360px] overflow-y-auto hide-scrollbar",children:g.jsx("div",{className:"m-auto",children:t?.length>0?t.map((n,r)=>g.jsx(Qde,{...n},`${n.title}-${r}`)):g.jsx("div",{className:"h-full flex items-center justify-center",children:g.jsx(ar,{})})})})}const Jde=[{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 efe({label:e,value:t,subLabel:n,bgColor:r,textColor:i}){return g.jsxs("div",{className:`rounded-[8px] p-[16px] ${r} h-[124px]`,children:[g.jsx("div",{className:`text-[16px] font-medium ${i} leading-[20px]`,children:e}),g.jsx("div",{className:"mt-4 text-[28px] leading-[32px] font-semibold text-[#121212]",children:t}),g.jsx("div",{className:"!text-[12px] leading-[16px] text-[#64748B] mt-2",children:n})]})}function tfe({data:e}){const t=Array.isArray(e)&&e.length>0?e:Jde;return g.jsx(Ie,{title:"Notice Board Status",className:"w-full h-[360px]",children:g.jsx("div",{className:"grid grid-cols-2 gap-[16px]",children:t.map((n,r)=>g.jsx(efe,{...n},`${n.label}-${r}`))})})}function nfe(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 rfe({title:e,value:t,delta:n,deltaLabel:r,positive:i=!0,Icon:o=lu,iconColor:a="text-emerald-600",iconBg:s="bg-emerald-50",iconUrl:l}){return g.jsx(Ie,{title:e,icon:g.jsx("div",{className:"grid place-items-center ",children:l?g.jsx("img",{src:l,alt:"icon",className:"h-8 w-8 object-contain"}):g.jsx(o,{className:`h-8 w-8 ${a}`})}),className:"h-[132px]",children:g.jsxs("div",{children:[g.jsx("div",{className:"text-[28px] leading-[32px] font-medium text-[#121212]",children:t}),g.jsxs("div",{className:"flex items-center gap-[8px] pt-[8px] !text-[12px] leading-[16px]",children:[g.jsx(pu,{value:n}),g.jsx("div",{className:"text-[#64748B]",children:r})]})]})})}function ife({data:e}){const t=[{title:e?.title||"Total Bookings",value:e?.value??0,delta:e?.delta??"0%",deltaLabel:e?.deltaLabel||"Compared to last month",positive:e?.positive??!1,Icon:e?.Icon,iconUrl:e?.iconUrl,iconColor:e?.iconColor||"text-emerald-600",iconBg:e?.iconBg||"bg-emerald-50"}];return g.jsx("div",{className:"h-full",children:t.map((n,r)=>g.jsx(rfe,{...n},r))})}function ofe(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 afe({title:e,value:t,delta:n,deltaLabel:r,positive:i=!0,Icon:o=lu,iconColor:a="text-emerald-600",iconBg:s="bg-emerald-50"}){return g.jsx(Ie,{title:e,icon:g.jsx("div",{className:`h-6 w-6 grid place-items-center rounded-md ${s}`,children:g.jsx(o,{className:`h-4 w-4 ${a}`})}),className:"h-[132px]",children:g.jsxs("div",{children:[g.jsx("div",{className:"text-[28px] leading-[32px] font-medium text-[#121212]",children:t}),g.jsxs("div",{className:"flex items-center gap-[8px] pt-[8px] !text-[12px] leading-[16px]",children:[g.jsx("div",{className:i?"text-[#1FA05B] font-medium":"text-rose-600 font-medium",children:n}),g.jsx("div",{className:"text-[#64748B]",children:r})]})]})})}const sfe=[{title:"Notice",value:160,delta:"+11.0%",deltaLabel:"Compared to last month",positive:!0,Icon:nfe,iconColor:"text-emerald-600",iconBg:"bg-emerald-50"},{title:"Post",value:83,delta:"+2.0%",deltaLabel:"Compared to last month",positive:!0,Icon:w3,iconColor:"text-[#329DFF]",iconBg:"bg-emerald-50"},{title:"Poll",value:3,delta:"+11.0%",deltaLabel:"Compared to last month",positive:!0,Icon:Jie,iconColor:"text-[#FA7E28]",iconBg:"bg-orange-100"},{title:"Poll",value:5,delta:"-8.0%",deltaLabel:"Compared to last month",positive:!1,Icon:ofe,iconColor:"text-[#DBB467]",iconBg:"bg-yellow-100"}];function lfe({data:e}){const t=Array.isArray(e)&&e.length>0?e:sfe;return g.jsx("div",{className:"px-[20px] grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-[24px]",children:t.map((n,r)=>g.jsx(afe,{...n},r))})}const pk=({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 g.jsxs("div",{className:"flex flex-col items-start",children:[g.jsx("div",{className:"w-2/3 min-w-[80px] h-5 rounded-full overflow-hidden",children:g.jsx("div",{className:`h-[11px] rounded-full ${n||""}`,style:{width:n==="bg-[#12B981]"?`${a+45}%`:`${a}%`}})}),g.jsx("div",{className:`${s} !text-[12px] font-bold mt-1`,children:i??0}),g.jsx("div",{className:"!text-[12px] leading-[16px] text-[#64748B] mt-1",children:r??""})]})},cfe=({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 g.jsx("div",{children:g.jsxs("div",{className:"bg-white !border-[0.5px] !border-[#EBEBEB] rounded-[12px] shadow-[0_0_12px_0_#EAF2FF] p-[16px] h-[128px]",children:[g.jsxs("div",{className:"flex items-center gap-[12px] h-[20px]",style:{marginBottom:"24px"},children:[g.jsx(wb,{className:"!text-[20px] text-[#329DFF]"}),g.jsx("div",{className:"font-medium text-[#121212] text-[16px] leading-[20px]",children:"Occupancy Overview"})]}),g.jsxs("div",{className:"flex items-start justify-between",children:[g.jsxs("div",{className:"flex flex-col gap-[4px]",children:[g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B] font-normal",children:"Total Occupants"}),g.jsx("div",{className:"text-[28px] leading-[32px] font-medium text-[#121212]",children:i??0})]}),g.jsxs("div",{className:"flex items-end gap-[4px]",children:[g.jsx(pk,{value:o??0,total:s||1,colorClass:"bg-[#3C81F6]",label:(o??0)<=1?"Employee":"Employees"}),g.jsx(pk,{value:a??0,total:s||1,colorClass:"bg-[#8B5CF6]",label:(a??0)<=1?"Admin":"Admins"})]})]})]})})};Wn.register(Co,ko,Tl,Yr);const ufe=()=>{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 g.jsxs(Ie,{className:"w-full h-[238px]",title:"Employee Footfall (Static Data)",period:"Today",icon:g.jsx(Jue,{className:"!text-[24px] text-[#8B5CF6]"}),children:[g.jsxs("div",{className:"mb-[10px] mt-[8px] flex flex-col gap-[4px]!",children:[g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:"Employees Inside"}),g.jsx("div",{className:"text-[20px] leading-[24px] font-medium text-[#3C81F6]",children:"7,500"})]}),g.jsx("div",{className:"h-[110px]",children:g.jsx(Ml,{data:t,options:n})})]})},dfe="₹",hk=["bg-blue-500","bg-red-500","bg-purple-700"],ga={title:"Food & Beverages (Static Data)",period:"Today",summary:{totalOrders:247,revenueGenerated:"82K",growthPercentage:8,growthTotalPercentage:0},outlets:[{name:"HP",orders:120,revenue:"45K",percentage:70,color:"bg-[#3C81F6]"},{name:"Adobe",orders:85,revenue:"23K",percentage:50,color:"bg-[#3C81F6]"},{name:"Anarock",orders:42,revenue:"14K",percentage:25,color:"bg-[#3C81F6]"}]};function Cp(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 mk(e){if(e==null||e==="")return"0";if(typeof e=="number")return e_(e);const t=Number(e);return Number.isNaN(t)?String(e):e_(t)}function ffe(e){const t=e?.food_beverage_summary?{title:e?.title,period:e?.period,summary:{totalOrders:e?.food_beverage_summary?.total_orders,revenueGenerated:e?.food_beverage_summary?.revenue_generated,growthPercentage:e?.food_beverage_summary?.growth_percentage??e?.food_beverage_summary?.revenue_growth,growthTotalPercentage:e?.food_beverage_summary?.order_growth,currencyType:e?.food_beverage_summary?.currency_type},outlets:e?.chart_data}:e||{},n=t?.summary||{},i=(Array.isArray(t?.outlets)?t.outlets:[]).map((f,p)=>({name:f?.name||f?.outlet_name||f?.tenant_name||f?.company_name||"Unknown",orders:f?.orders??f?.total_orders??f?.count??0,revenue:f?.revenue??f?.revenue_generated??f?.total_revenue??0,percentage:f?.percentage,color:f?.color||hk[p%hk.length]})),o=n?.totalOrders??n?.orders??ga.summary.totalOrders,a=n?.revenueGenerated??n?.revenue??ga.summary.revenueGenerated,s=Cp(n?.growthPercentage??n?.revenueGrowth,ga.summary.growthPercentage),l=Cp(n?.growthTotalPercentage??n?.orderGrowth,ga.summary.growthTotalPercentage),c=n?.currencyType||n?.currency||dfe,u=i.reduce((f,p)=>f+(Number(p?.orders)||0),0),d=i.map(f=>({...f,percentage:f?.percentage!==null&&f?.percentage!==void 0?Number(f.percentage)||0:u>0?Math.round((Number(f?.orders)||0)/u*100):0}));return{title:t?.title||ga.title,period:t?.period||ga.period,summary:{totalOrders:o,revenueGenerated:a,growthPercentage:s,growthTotalPercentage:l,currencyType:c},outlets:d.length>0?d:ga.outlets}}function pfe({data:e,title:t,period:n,icon:r}){const i=ffe(e),o=t||i.title,a=n||i.period,s=r||g.jsx(pde,{className:"!text-[24px] text-[#FA7E28]"}),l=i.summary.totalOrders??0,c=mk(i.summary.revenueGenerated),u=Cp(i.summary.growthPercentage,0),d=Cp(i.summary.growthTotalPercentage,0),f=u>=0,p=d>=0;return g.jsx(Ie,{className:"h-[324px]",title:o,period:a,icon:s,children:g.jsxs("div",{className:"flex flex-col h-full",children:[g.jsxs("div",{className:"flex gap-[24px]",children:[g.jsxs("div",{className:"w-[65%] flex flex-col gap-[8px]!",children:[g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:"Total Orders"}),g.jsx("div",{className:"text-[28px] leading-[32px] font-medium text-[#8B5CF6]",children:l}),g.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?g.jsx(qa,{}):g.jsx(Ka,{}),d,"%",g.jsx("span",{children:"from last month"})]})]}),g.jsxs("div",{className:"w-[30%] flex flex-col gap-[8px] ",children:[g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B] whitespace-nowrap",children:"Revenue Generated"}),g.jsxs("div",{className:"text-[28px] leading-[32px] font-medium text-[#329DFF] whitespace-nowrap",children:[i.summary.currencyType," ",c]}),g.jsxs("div",{className:`w-fit inline-flex items-center gap-[4px] text-[10px] leading-[14px] p-[4px] rounded-[4px] ${f?"text-[#1FA05B] bg-green-50":"text-red-600 bg-red-50"}`,children:[f?g.jsx(qa,{}):g.jsx(Ka,{}),u,"%",g.jsx("span",{children:"from last month"})]})]})]}),g.jsx("div",{className:"mt-[16px]",children:i.outlets.map((h,m)=>g.jsxs("div",{className:m===i.outlets.length-1?"":"mb-[16px]",children:[g.jsxs("div",{className:"flex justify-between text-sm mb-[8px]",children:[g.jsx("div",{className:"text-[#64748B] text-[12px] leading-[16px]",children:h.name}),g.jsxs("div",{className:"font-medium text-[12px] leading-[16px] flex items-center",children:[g.jsxs("div",{className:"text-[#64748B] inline-block",children:[h.orders," orders"]}),g.jsxs("div",{className:"mx-2 text-[#121212] inline-block",children:[i.summary.currencyType," ",mk(h.revenue)]})]})]}),g.jsx("div",{className:"h-[11px] bg-gray-100 rounded-full",children:g.jsx("div",{className:`h-[11px] rounded-full ${h.color}`,style:{width:`${h.percentage}%`}})})]},`${h.name}-${m}`))})]})})}function hfe({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 v=m?.total_bookings||0;return h+v},0),u=i.map(h=>{const m=h?.total_bookings||0,v=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:v,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 g.jsx(Ie,{className:"h-[324px]",title:"Amenities",period:"Today",icon:g.jsx(mde,{className:"!text-[24px] text-[#8B5CF6]"}),children:g.jsxs("div",{className:"flex flex-col h-full",children:[g.jsxs("div",{className:"flex gap-[24px]",children:[g.jsxs("div",{className:"w-[65%] flex flex-col gap-[8px]!",children:[g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:"Total Bookings"}),g.jsx("div",{className:"text-[28px] leading-[32px] font-medium text-[#8B5CF6]",children:a}),g.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?g.jsx(qa,{}):g.jsx(Ka,{}),l,"%",g.jsx("span",{children:"from last month"})]})]}),!o&&g.jsxs("div",{className:"w-[30%] flex flex-col gap-[8px] ",children:[g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B] whitespace-nowrap",children:"Revenue Generated"}),g.jsxs("div",{className:"text-[28px] leading-[32px] font-medium text-[#329DFF] whitespace-nowrap",children:[n?.currencyType||"₹"," ",n?.todayPaidRevenue??"0.00"]}),f!==null&&g.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?g.jsx(qa,{}):g.jsx(Ka,{}),f,"%",g.jsx("span",{children:"from last month"})]})]})]}),g.jsx("div",{className:"mt-[16px]",children:u.length>0?u.map((h,m)=>g.jsxs("div",{className:m===u.length-1?"":"mb-[16px]",children:[g.jsxs("div",{className:"flex justify-between text-sm mb-[8px]",children:[g.jsx("div",{className:"text-[#64748B] text-[12px] leading-[16px]",children:h?.name}),g.jsxs("div",{className:"font-medium text-[12px] leading-[16px]",children:[g.jsxs("div",{className:"text-[#64748B] inline",children:[h?.bookings," ",h?.bookings<=1?"booking":"bookings"]}),h?.isPaid&&g.jsx("div",{className:"mx-2 text-[#121212] inline",children:h?.revenue})]})]}),g.jsx("div",{className:"h-[11px] bg-gray-100 rounded-full",children:g.jsx("div",{className:`h-[11px] rounded-full ${h?.color}`,style:{width:`${h?.percentage}%`}})})]},m)):g.jsx("div",{className:"flex items-center justify-center h-[120px]",children:g.jsx("div",{className:"text-[12px] text-[#94A3B8]",children:"No amenity usage data available"})})})]})})}Wn.register(Co,ko,Tl,Yr,ei);function mfe({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 g.jsx(Ie,{className:"h-[267px]",title:"Ticket Escalation Levels",period:"Today",icon:g.jsx(C3,{className:"!text-[24px] text-[#3C81F6]"}),children:g.jsx("div",{className:"h-full",children:g.jsx(Ml,{data:l,options:c})})})}const gfe=({active:e,payload:t})=>{if(!e||!t||!t.length)return null;const n=t[0],r=n.payload.color;return g.jsx("div",{style:{backgroundColor:"#000000",color:"#ffffff",padding:"8px 10px",borderRadius:"8px",fontSize:"12px"},children:g.jsxs("div",{className:"flex items-center gap-[8px] font-medium",children:[g.jsx("div",{style:{width:"8px",height:"8px",borderRadius:"50%",backgroundColor:r}}),g.jsx("div",{children:n.name}),g.jsx("div",{className:"ml-2",children:n.value})]})})};function vfe({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 g.jsx(Ie,{className:"h-[267px]",title:"Ticket Status",period:"Today",icon:g.jsx(Mv,{className:"!text-[24px] text-[#EF4444]"}),children:g.jsxs("div",{className:"flex h-full items-center gap-[16px]",children:[g.jsxs("div",{className:"w-[202px] h-[170px] relative",children:[g.jsx(_t,{width:"100%",height:"100%",children:g.jsxs(Ni,{children:[g.jsx(Jr,{data:i,innerRadius:55,outerRadius:85,dataKey:"value",stroke:"#FFFFFF",strokeWidth:2,children:i.map((a,s)=>g.jsx(pn,{fill:a.color},s))}),g.jsx(kt,{content:g.jsx(gfe,{}),wrapperStyle:{zIndex:1e3}})]})}),g.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center pointer-events-none",children:[g.jsxs("div",{className:"flex items-baseline text-[18px] leading-[22px] font-medium text-[#121212]",children:[g.jsx("div",{children:r(n.completed)}),g.jsxs("div",{className:"text-[18.18px] leading-[22.22px] text-[#121212]",children:["/",o]})]}),g.jsx("div",{className:"text-[10.1px] leading-[14.14px] text-[#64748B]",children:"Completed"})]})]}),g.jsx("div",{className:"flex-1 space-y-2",children:i.map(a=>g.jsxs("div",{className:"flex items-center justify-between text-[12px] leading-[17px] mt-[12px]",children:[g.jsxs("div",{className:"flex items-center gap-[8px]",children:[g.jsx("div",{className:"h-[7px] w-[16px]",style:{backgroundColor:a.color}}),g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:a.name})]}),g.jsx("div",{className:"text-[#64748B] text-[12px] leading-[16px] font-medium",children:a.value})]},a.name))})]})})}const gk={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 yfe(e){const t=e>=12?"PM":"AM";let n=e%12;return n===0&&(n=12),`${n} ${t}`}function bfe(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 xfe(e=[]){return Array.from({length:24},(t,n)=>{const r=e.find(i=>bfe(i?.hour)===n)||{};return{hour:n,time:yfe(n),walkins:Number(r?.walkins??0),approved:Number(r?.pre_approved??r?.preApproved??r?.approved??0)}})}function vk({title:e,color:t,rows:n=[],children:r}){const i=g.jsxs("div",{className:"bg-white rounded-[12px] min-w-[260px] p-[16px] border-[0.5px] border-[#EBEBEB] shadow-[0px_0px_12px_0px_#EAF2FF]",children:[g.jsx("div",{className:"flex items-center gap-[8px] font-medium text-[#121212]",children:g.jsx("div",{children:e??""})}),g.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})=>g.jsxs("div",{className:"flex justify-between text-[14px] leading-[18px]",children:[g.jsx("div",{className:"text-[#64748B]",children:o??""}),g.jsx("div",{className:"font-semibold",style:{color:s||"#121212"},children:a??0})]},o))})]});return g.jsx(Yj,{placement:"right-start",interactive:!0,delay:[100,0],offset:[6,0],appendTo:()=>document.body,maxWidth:"none",render:o=>g.jsx("div",{tabIndex:"-1",...o,children:i}),children:r})}function wfe({active:e,payload:t}){return!e||!t?.length?null:g.jsx("div",{className:"rounded-[8px] bg-[#121212] px-[12px] py-[8px] text-[12px] text-white shadow-lg",children:t.map(n=>g.jsxs("div",{className:"flex items-center gap-[8px]",children:[g.jsx("span",{className:"h-2 w-2 rounded-full",style:{backgroundColor:n.stroke}}),g.jsx("span",{className:"min-w-[82px] text-[#D1D3D4]",children:n.name}),g.jsx("span",{className:"font-semibold",children:n.value})]},n.dataKey))})}function _fe({data:e}){const t=e&&Object.keys(e).length?e:gk,n=t?.visitor_summary?{totalVisitorsToday:t?.visitor_summary?.total_visitors_today??0,peakTime:t?.visitor_summary?.peak_time??"-"}:t?.visitorSummary??{},r=t?.walkins_popup_data?{walkins:{currently_inside:Number(t?.walkins_popup_data?.walkins_inside??0),total_visited_today:Number(t?.walkins_popup_data?.total_walkins??0)},preApproved:{completed_visits:Number(t?.pre_approved_popup_data?.pre_approved_check_ins??0),total_expected_today:Number(t?.pre_approved_popup_data?.total_pre_approved_check_ins??0)}}:t?.popupData??{},i=k.useMemo(()=>{const l=t?.chart_data??[];return xfe(l.length?l:gk.chart_data)},[t]),{yAxisTicks:o,yAxisMax:a}=k.useMemo(()=>{const l=Math.max(...i.map(u=>Math.max(u.walkins,u.approved))),c=l>0?l:5;return{yAxisTicks:[0,Math.ceil(c/2),c],yAxisMax:c}},[i]),s=new Date().toLocaleTimeString("en-IN",{hour:"2-digit",minute:"2-digit",hour12:!0});return g.jsx(Ie,{className:"h-[377px]",title:"Visitor Updates",period:`Today at ${s}`,icon:g.jsx(bb,{className:"!text-[24px] text-[#8B5CF6]"}),children:g.jsxs("div",{className:"flex flex-col gap-[24px]",children:[g.jsxs("div",{className:"grid grid-cols-2 gap-y-4 gap-x-6",children:[g.jsxs("div",{className:"flex flex-col gap-[8px]!",children:[g.jsx("div",{className:"text-[10px] text-[#64748B]",children:"Total Visitors"}),g.jsx("div",{className:"text-[20px] font-medium text-[#08B6D4]",children:n?.totalVisitorsToday??0})]}),g.jsxs("div",{className:"flex flex-col gap-[8px]!",children:[g.jsx("div",{className:"text-[10px] text-[#64748B]",children:"Peak Time"}),g.jsx("div",{className:"text-[20px] font-medium text-[#8B5CF6]",children:n?.peakTime??"-"})]}),g.jsxs("div",{className:"mt-2 flex flex-col gap-[8px]!",children:[g.jsx("div",{className:"text-[10px] text-[#64748B]",children:"Active Walk-ins"}),g.jsxs("div",{className:"flex items-baseline text-xl font-medium leading-[32px]",children:[g.jsx("div",{className:"text-[28px] text-[#1FA05B] leading-[32px]",children:r?.walkins?.currently_inside??0}),g.jsx(vk,{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:g.jsxs("div",{className:"text-[#64748B] cursor-pointer text-[20px] leading-[32px]",children:["/",r?.walkins?.total_visited_today??0]})})]})]}),g.jsxs("div",{className:"mt-2 flex flex-col gap-[8px]!",children:[g.jsx("div",{className:"text-[10px] text-[#64748B]",children:"Pre-approved Check-ins"}),g.jsxs("div",{className:"flex items-baseline text-xl font-medium leading-[32px]",children:[g.jsx("div",{className:"text-[28px] text-[#E7A015] leading-[32px]",children:r?.preApproved?.completed_visits??0}),g.jsx(vk,{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:g.jsxs("div",{className:"text-[#64748B] cursor-pointer text-[20px] leading-[32px]",children:["/",r?.preApproved?.total_expected_today??0]})})]})]})]}),g.jsx("div",{className:"w-full h-[149px]",children:g.jsx(_t,{width:"100%",height:"100%",children:g.jsxs(_x,{data:i??[],margin:{top:5,right:0,left:0,bottom:-10},children:[g.jsx(or,{stroke:"#E5E7EB",strokeDasharray:"4 4",vertical:!1}),g.jsx(Bn,{dataKey:"time",tickFormatter:(l,c)=>c%4===0?l:"",axisLine:!1,tickLine:!1,tick:{fill:"#121212",fontSize:10,fontWeight:400}}),g.jsx(An,{width:24,axisLine:!1,tickLine:!1,allowDecimals:!1,ticks:o,domain:[0,a],tick:{fill:"#64748B",fontSize:10,fontWeight:400}}),g.jsx(kt,{content:g.jsx(wfe,{})}),g.jsx(Vo,{type:"monotone",dataKey:"walkins",stroke:"#22C55E",strokeWidth:2,dot:!1,name:"Walk-ins",isAnimationActive:!1}),g.jsx(Vo,{type:"monotone",dataKey:"approved",stroke:"#F59E0B",strokeWidth:2,strokeDasharray:"5 5",dot:!1,name:"Pre-approved",isAnimationActive:!1})]})})})]})})}const Sfe=({color:e})=>g.jsx("span",{style:{display:"inline-block",width:"8px",height:"8px",borderRadius:"50%",backgroundColor:e,marginRight:"6px"}}),Efe=({active:e,payload:t})=>!e||!t||!t.length?null:g.jsx("div",{className:"bg-black text-white !text-[12px] px-[12px] py-[8px] rounded-[8px] shadow-lg",children:t.map((n,r)=>g.jsxs("div",{className:"capitalize flex gap-[4px] items-center leading-relaxed",children:[g.jsx(Sfe,{color:n.color}),n.name,": ",g.jsx("div",{className:"font-semibold",children:n.value})]},r))});function Ofe({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 g.jsx(Ct,{className:"h-[362px]",title:"Access Overview",titleWeight:"semi-bold",children:g.jsxs("div",{className:"flex flex-col items-center mt-[16px]",children:[g.jsxs("div",{className:"relative w-[200px] h-[200px]",children:[g.jsx("div",{className:"absolute inset-0 flex items-center justify-center",children:g.jsx("div",{className:"w-[130px] h-[130px] rounded-full shadow-[0px_12px_35px_rgba(0,0,0,0.12)]"})}),g.jsx("div",{className:"h-[184px]",children:g.jsx(_t,{width:"100%",height:"100%",children:g.jsxs(Ni,{children:[g.jsx(Jr,{data:i,dataKey:"value",innerRadius:65,outerRadius:90,startAngle:110,endAngle:-250,paddingAngle:2,stroke:"transparent",children:i.map((a,s)=>g.jsx(pn,{fill:a.color},s))}),g.jsx(kt,{content:g.jsx(Efe,{}),wrapperStyle:{zIndex:9999}})]})})}),g.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center pointer-events-none",children:[g.jsxs("div",{className:"text-[20px] leading-[24px] font-semibold text-[#121212]",children:[o,"L"]}),g.jsx("div",{className:"text-[10px] leading-[15px] text-[#64748B]",children:"Total Access"})]})]}),g.jsx("div",{className:"mt-[32px] grid grid-cols-2 gap-x-[20px] gap-y-[12px] text-[12px] text-[#94A3B8]",children:i.map(a=>g.jsxs("div",{className:"flex items-center gap-[8px]",children:[g.jsx("div",{className:"w-[16px] h-[7px] ",style:{backgroundColor:a.color}}),g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:a.name})]},a.name))})]})})}function WR({title:e="Access",data:t=[],height:n="h-[362px]"}){const r=i=>i==null?"0":Number(i).toLocaleString();return g.jsx(Ct,{className:n,title:e,titleWeight:"semi-bold",children:g.jsxs("div",{className:"rounded-[12px] overflow-hidden mt-[16px]",children:[g.jsxs("div",{className:"grid grid-cols-2 bg-[#F8FAFC] py-[8px] px-[12px] text-[12px] leading-[16px] font-medium text-[#64748B]",children:[g.jsx("div",{children:"Point"}),g.jsx("div",{className:"text-right",children:"Access"})]}),t.map((i,o)=>g.jsxs("div",{className:"grid grid-cols-2 p-[12px] text-[14px] border-t border-[#E2E8F0]",children:[g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:i.label}),g.jsx("div",{className:"text-[12px] leading-[16px] text-right font-medium",style:{color:i.color||"#000"},children:r(i.value)})]},o))]})})}function Cfe({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 g.jsx(Ct,{title:"Access Points Usage",titleWeight:"semi-bold",className:"h-[362px]",children:g.jsx("div",{className:"mt-[24px] h-[270px] w-full",children:g.jsx(_t,{width:"100%",height:"100%",children:g.jsxs(Eo,{data:n,barSize:60,margin:{top:0,right:0,left:-20,bottom:0},children:[g.jsx(or,{strokeDasharray:"8 8",vertical:!1}),g.jsx(fx,{y:0,stroke:"#EBEBEB",strokeDasharray:"0"}),g.jsx(Bn,{dataKey:"name",tick:{fontSize:12,fill:"#64748B"},axisLine:!1,tickLine:!1}),g.jsx(An,{tickFormatter:r,tick:{fontSize:12,fill:"#64748B"},axisLine:!1,tickLine:!1}),g.jsx(kt,{cursor:!1}),g.jsx(Kt,{dataKey:"value",barSize:60,children:n.map((o,a)=>g.jsx(pn,{fill:o.value===i?"#3C81F6":"#79ABFF"},`cell-${a}`))})]})})})})}const kfe=({x:e,y:t,payload:n})=>{const r=n.value.split(" ");return g.jsx("g",{transform:`translate(${e},${t})`,children:g.jsx("text",{x:-85,y:0,textAnchor:"start",fill:"#121212",fontSize:14,children:r.map((i,o)=>g.jsx("tspan",{x:-85,dy:o===0?0:16,children:i},o))})})};function Pfe({data:e=[]}){const t=e&&e.length>0,n=e.map(r=>({name:r.category_name,value:r.total_complaints,color:"#08B6D4"}));return g.jsx(Ct,{title:"Tickets per Category",className:"h-[362px]",titleWeight:"semi-bold",childrenClassName:"h-full mt-[24px]!",children:t?g.jsx("div",{className:"w-full h-[262px]",children:g.jsx(_t,{width:"100%",height:"100%",children:g.jsxs(Eo,{data:n,layout:"vertical",margin:{top:0,right:8,left:-20,bottom:0},children:[g.jsx(or,{strokeDasharray:"3 3",horizontal:!1,stroke:"#E5E7EB"}),g.jsx(Bn,{type:"number",tick:{fill:"#94A3B8",fontSize:12},axisLine:!0,tickLine:!1,tickMargin:10,allowDecimals:!1}),g.jsx(An,{type:"category",dataKey:"name",axisLine:!1,tickLine:!1,width:132,tick:g.jsx(kfe,{})}),g.jsx(kt,{content:g.jsx(ss,{}),cursor:{fill:"transparent"},position:{x:300,y:0}}),g.jsx(Kt,{dataKey:"value",barSize:36,fill:"#08B6D4"})]})})}):g.jsx(ar,{title:"No Tickets Found",description:"Catch up all the data. Change the date range to see the data."})})}function Dfe({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 g.jsxs("div",{className:"relative bg-white !border-[0.5px] !border-[#EBEBEB] !rounded-[12px] !shadow-[0_0_12px_0_#EAF2FF] p-[16px]",children:[g.jsxs("div",{className:"flex items-center gap-[8px]",children:[e&&g.jsx("div",{className:"h-[20px] w-[20px]",style:{color:t,display:"flex",alignItems:"center",justifyContent:"center"},children:g.jsx(e,{className:"h-[20px] w-[20px]"})}),g.jsx("div",{className:"text-[16px] leading-[20px] font-medium text-[#64748B]",children:n})]}),g.jsx("div",{className:"mt-[16px] text-[28px] leading-[32px] font-medium text-[#121212]",children:r}),(i||o)&&g.jsxs("div",{className:"mt-[12px] flex items-center gap-[8px]",children:[i&&g.jsxs("div",{className:"flex items-center gap-[4px] text-[12px] leading-[16px] font-medium",style:{color:l},children:[s?g.jsx(qa,{}):g.jsx(Ka,{}),Math.abs(a),"%"]}),o&&g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:o})]})]})}const Afe=({data:e=[],onDateChange:t})=>{const[n,r]=k.useState(new Date),[i,o]=k.useState(!1),s=(v=>{const b=new Date(v);return b.setDate(b.getDate()-6),b})(n),l=v=>{try{return v.toLocaleDateString("en-GB",{day:"2-digit",month:"short"})}catch{return""}},c=v=>{const b=new Date(v),S=new Date(b);S.setDate(S.getDate()-6),t&&t(S.toISOString(),b.toISOString())},u=()=>{const v=new Date(n);v.setDate(v.getDate()-7),r(v),c(v)},d=()=>{const v=new Date(n);v.setDate(v.getDate()+7),r(v),c(v)},f=()=>{o(v=>!v)},p=v=>{const b=v||new Date;r(b),c(b),o(!1)},h=Array.isArray(e)?e:[],m=!h.length||h.every(v=>v.no_of_visitors===0);return g.jsxs(Ct,{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&&g.jsx("div",{className:"anarock-datepicker absolute top-[70px] right-[24px] z-50",children:g.jsx(VP,{selected:n,onChange:p,inline:!0,maxDate:new Date,showYearDropdown:!0,scrollableYearDropdown:!0,yearDropdownItemNumber:40})}),m?g.jsx("div",{className:"w-full h-[280px] flex items-center justify-center",children:g.jsx(ar,{title:"No Visitors Found",description:"Catch up all the data. Change the date range to see the data."})}):g.jsx("div",{className:"w-full h-[280px]",children:g.jsx(_t,{width:"100%",height:"100%",children:g.jsxs(VN,{data:h,margin:{top:10,right:-10,left:-10,bottom:0},children:[g.jsx("defs",{children:g.jsxs("linearGradient",{id:"colorVisitors",x1:"0",y1:"0",x2:"0",y2:"1",children:[g.jsx("stop",{offset:"0%",stopColor:"#6366F1",stopOpacity:.25}),g.jsx("stop",{offset:"100%",stopColor:"#6366F1",stopOpacity:0})]})}),g.jsx(or,{strokeDasharray:"3 3",vertical:!1,stroke:"#F1F5F9"}),g.jsx(Bn,{dataKey:"day",type:"category",scale:"point",padding:{left:20,right:20},tick:{fontSize:12,fill:"#64748B"},axisLine:!0,tickLine:!1,tickFormatter:v=>new Date(v).toLocaleDateString("en-GB",{day:"2-digit",month:"short"})}),g.jsx(An,{width:35,tick:{fontSize:12,fill:"#64748B"},axisLine:!1,tickLine:!1,allowDecimals:!1,domain:[0,"dataMax + 2"]}),g.jsx(kt,{cursor:!1,content:({active:v,payload:b,label:S,coordinate:w})=>{if(!v||!b?.length)return null;const x=new Date(S).toLocaleDateString("en-GB",{day:"2-digit",month:"short"}),O=b[0]?.payload===h[h.length-1]?w.x-70:w.x;return g.jsx("div",{style:{position:"absolute",transform:`translate(${O}px, ${w.y-40}px)`,pointerEvents:"none",zIndex:99999},children:g.jsx(ls,{active:v,payload:b,label:x})})}}),g.jsx(vx,{type:"monotone",dataKey:"no_of_visitors",stroke:"#6366F1",strokeWidth:2,fill:"url(#colorVisitors)",dot:{r:5,stroke:"#6366F1",strokeWidth:2,fill:"#fff"},activeDot:v=>{const{cx:b,cy:S,stroke:w}=v;return g.jsxs("g",{children:[g.jsx("circle",{cx:b,cy:S,r:6,fill:"#fff",stroke:"#6466F1",strokeWidth:2}),g.jsx("circle",{cx:b,cy:S,r:2.5,fill:"#6466F1"})]})}})]})})})]})},Tfe=[{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}],Mfe=({data:e})=>{const t=Array.isArray(e)&&e?.length===0,n=e==null?Tfe:Array.isArray(e)?e:[];return g.jsx(Ct,{title:"Organisation Wise Visitors",titleWeight:"semi-bold",className:"h-[360px]",childrenClassName:"mt-6",children:g.jsx("div",{className:"w-full h-[260px] flex items-center justify-center",children:t?g.jsx(ar,{title:"No Visitors Found",description:"Catch up all the data. Change the date range to see the data."}):g.jsx(_t,{width:"100%",height:"100%",children:g.jsxs(Eo,{data:n||[],margin:{top:10,right:10,left:10,bottom:-10},barCategoryGap:35,children:[g.jsx(or,{strokeDasharray:"3 3",vertical:!1,stroke:"#F1F5F9"}),g.jsx(Bn,{dataKey:"building_name",tick:{fontSize:12,fill:"#64748B"},axisLine:!0,tickLine:!1}),g.jsx(An,{width:40,tick:{fontSize:12,fill:"#64748B"},axisLine:!1,tickLine:!1,allowDecimals:!1}),g.jsx(kt,{cursor:!1,content:g.jsx(ls,{})}),g.jsx(Kt,{dataKey:"no_of_visitors",name:"Visitors",maxBarSize:55,fill:"#3C81F6"})]})})})})};function Nfe({data:e}){return g.jsx("div",{className:"h-full",children:e.map((t,n)=>{const r=parseFloat(t.delta),i=r>=0;return g.jsx(Ie,{iconClassName:"!gap-[8px]",title:g.jsx("div",{className:"text-[#64748B]",children:t.title}),icon:g.jsx(t.Icon,{className:"h-[20px] w-[20px]",style:{color:t.iconColor||"#000000"}}),className:`${t?.widget==="amenities"?"h-[139px]":"h-[124px]"}`,children:g.jsxs("div",{className:`flex flex-col gap-[8px] ${t?.widget==="amenities"?"mt-[3.5px]":"mt-0"}`,children:[g.jsx("div",{className:"text-[28px] leading-[32px] font-medium text-[#121212]",children:t.value}),g.jsxs("div",{className:`flex items-center text-[12px] leading-[16px] ${t.delta?"gap-[8px]":""}`,children:[t.delta&&g.jsxs("div",{className:`flex items-center gap-[4px] px-[6px] py-[2px] rounded-[4px] font-medium
373
373
  ${i?"text-[#1FA05B] bg-[#F7FEFA]":"text-[#E11D48] bg-[#FBF4F4]"}
374
374
  `,children:[i?g.jsx(qa,{}):g.jsx(Ka,{}),Math.abs(r),"%"]}),g.jsx("div",{style:{color:"#64748B"},children:t.deltaLabel})]})]})},n)})})}const jfe=[{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}],Rfe=({x:e,y:t,payload:n})=>g.jsx("foreignObject",{x:(e||0)-80,y:(t||0)-18,width:80,height:40,children:g.jsx("div",{className:"text-[12px] leading-[16px] text-[#121212]",style:{width:"80px",whiteSpace:"normal",wordBreak:"break-word",textAlign:"left"},children:n?.value||""})});function Ife({data:e}){const t=Array?.isArray(e)&&e?.length===0,r=(e==null?jfe:Array?.isArray(e)?e:[]).map(i=>({...i,name:i.facility_name,color:"#8B5CF6"}));return g.jsx(Ie,{title:"Bookings",icon:g.jsx(dde,{size:18,className:"text-[#DBB467]"}),className:"h-[288px]",children:g.jsx("div",{className:"w-full h-full flex items-center justify-center",children:t?g.jsx(ar,{title:"No Booking Found",description:"Catch up all the data. Change the date range to see the data."}):g.jsx(_t,{width:"100%",height:"100%",children:g.jsxs(Eo,{data:r||[],layout:"vertical",margin:{top:0,right:10,left:-12,bottom:0},children:[g.jsx(Bn,{type:"number",allowDecimals:!1,tick:{fill:"#64748B",fontSize:12},axisLine:!0,tickLine:!1}),g.jsx(An,{type:"category",dataKey:"facility_name",axisLine:!1,tickLine:!1,width:100,tick:g.jsx(Rfe,{})}),g.jsx(kt,{content:g.jsx(ss,{}),cursor:{fill:"transparent"},position:{x:300,y:0}}),g.jsx(Kt,{dataKey:"total_booking",barSize:40,fill:"#8B5CF6"})]})})})})}const Ffe=[{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 Lfe({data:e}){const t=Array.isArray(e)&&e?.length===0,n=e==null?Ffe:Array.isArray(e)?e:[];return g.jsx(Ct,{title:"Booking Trend by Organisation",titleWeight:"semi-bold",className:"h-[362px]",children:g.jsx("div",{className:"w-full h-[265px] mt-[28px] flex items-center justify-center",children:t?g.jsx(ar,{title:"No Booking Found",description:"Catch up all the data. Change the date range to see the data."}):g.jsx(_t,{width:"100%",height:"100%",children:g.jsxs(Eo,{data:n||[],margin:{top:0,right:0,left:-30,bottom:0},children:[g.jsx(or,{strokeDasharray:"3 3",vertical:!1,stroke:"#E5E7EB"}),g.jsx(Bn,{dataKey:"building_name",axisLine:!1,tickLine:!1,tick:{fill:"#64748B",fontSize:12}}),g.jsx(An,{allowDecimals:!1,axisLine:!1,tickLine:!1,tick:{fill:"#64748B",fontSize:12},tickFormatter:r=>`${r??0}`}),g.jsx(kt,{cursor:!1,content:g.jsx(ls,{})}),g.jsx(Kt,{dataKey:"no_of_booking",barSize:54,fill:"#12B981"})]})})})})}const $fe=[{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"}],Hd=["#3C81F6","#60A5FA","#95BFFA","#BEDAFE","#DAE6FC"];function Bfe({data:e,currencyType:t}){const n=Array?.isArray(e)&&e?.length===0,r=e??$fe,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 g.jsx(Ct,{title:"Amenity Wise Revenue",titleWeight:"semi-bold",className:"h-[362px]",children:g.jsx("div",{className:"grid grid-cols-12 gap-[24px] items-center h-full mt-[16px]",children:n?g.jsx("div",{className:"col-span-12 flex items-center justify-center h-[240px]",children:g.jsx(ar,{title:"No Amenity Found",description:"Catch up all the data. Change the date range to see the data."})}):g.jsxs(g.Fragment,{children:[g.jsx("div",{className:"col-span-6 h-[240px] w-full max-w-[240px]",children:g.jsx(_t,{width:"100%",height:"100%",children:g.jsxs(Ni,{children:[g.jsx(Jr,{data:a||[],dataKey:"value",nameKey:"name",cx:"50%",cy:"50%",outerRadius:95,stroke:"#fff",strokeWidth:1,children:a?.map?.((l,c)=>g.jsx(pn,{fill:Hd?.[c%Hd?.length]},`cell-${c}`))}),g.jsx(kt,{cursor:!1,content:l=>g.jsx(ls,{...l,formatter:c=>s(c)})})]})})}),g.jsx("div",{className:"col-span-6",children:g.jsxs("div",{className:"rounded-[12px] !overflow-hidden border border-[#E2E8F0] !border-r-1 border-r-[#E2E8F0]! !pr-0 !mr-0",children:[g.jsxs("div",{className:"grid grid-cols-2 px-[12px] py-[8px] bg-[#EBEBEB] text-[12px] leading-[16px] font-semibold text-[#64748B]",children:[g.jsx("div",{children:"Amenity"}),g.jsx("div",{className:"text-right",children:"Revenue"})]}),g.jsx("div",{className:"divide-y divide-[#F1F5F9] max-h-[238px] overflow-y-auto hide-scrollbar",children:i?.map?.((l,c)=>g.jsxs("div",{className:"grid grid-cols-2 px-[16px] py-[16px] text-[14px] text-[#121212]",children:[g.jsxs("div",{className:"flex items-center gap-[12px]",children:[g.jsx("span",{className:"w-[16px] h-[7px]",style:{backgroundColor:Hd?.[c%Hd?.length]}}),g.jsx("span",{className:"text-[#64748B] text-[12px] leading-[16px]",children:l?.name||"Unknown"})]}),g.jsx("div",{className:"text-right text-[12px] leading-[16px] text-[#64748B]",children:s(l?.value||0)})]},l?.name||c))})]})})]})})})}const Yd=["#8CB33E","#F59E0B","#3B82F6","#06B6D4","#CFCFCF"],Wfe=[{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}],zfe=({rows:e,totalAssets:t})=>{const n=k.useMemo(()=>e?e.length===0?[]:e.map((i,o)=>({name:i.asset_group_name,facility_name:i.asset_group_name,value:i.asset_count||0,fill:Yd[o%Yd.length]})):Wfe.map((i,o)=>({name:i.asset_group_name,facility_name:i.asset_group_name,value:i.asset_count||0,fill:Yd[o%Yd.length]})),[e]),r=t??n.reduce((i,o)=>i+o.value,0);return e&&e.length===0?g.jsx(Ct,{title:"Assets by Type",titleWeight:"semi-bold",className:"h-full",children:g.jsx("div",{className:"flex items-center justify-center h-full",children:g.jsx(ar,{title:"No Assets Found",description:"Catch up all the data. Change the date range to see the data."})})}):g.jsx(Ct,{title:"Assets by Type",titleWeight:"semi-bold",className:"h-full",children:g.jsxs("div",{className:"flex items-center justify-between h-full mt-[16px]",children:[g.jsxs("div",{className:"relative w-[252px] h-[273px]",children:[g.jsx(_t,{width:"100%",height:"100%",children:g.jsxs(Ni,{children:[g.jsx(Jr,{data:n,dataKey:"value",cx:"50%",cy:"50%",innerRadius:60,outerRadius:90,paddingAngle:2,stroke:"#FFFFFF",strokeWidth:2,startAngle:90,endAngle:-270,isAnimationActive:!1,children:n.map((i,o)=>g.jsx(pn,{fill:i.fill},o))}),g.jsx(kt,{cursor:!1,content:g.jsx(ls,{})})]})}),g.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center pointer-events-none",children:[g.jsx("div",{className:"text-[24px] leading-[33px] font-medium text-[#121212]",children:r}),g.jsx("div",{className:"text-[12px] leading-[17px] text-[#64748B] mt-[2px]",children:"Total Assets"})]})]}),g.jsx("div",{className:"flex-1 max-w-[280px]",children:g.jsxs("div",{className:"rounded-[12px] overflow-hidden bg-white border border-[#E2E8F0] !border-r-1 border-r-[#E2E8F0]! !pr-0 !mr-0",children:[g.jsxs("div",{className:"flex items-center justify-between px-[16px] py-[12px] bg-[#F8FAFC]",children:[g.jsx("div",{className:"text-[12px] font-medium text-[#64748B]",children:"Asset"}),g.jsx("div",{className:"text-[12px] font-medium text-[#64748B]",children:"Count"})]}),n.map((i,o)=>g.jsxs("div",{className:"max-h-[205px] overflow-y-auto hide-scrollbar flex items-center justify-between px-[16px] py-[12px] border-t border-[#F1F5F9]",children:[g.jsxs("div",{className:"flex items-center gap-[8px]",children:[g.jsx("div",{className:"w-[16px] h-[7px]",style:{backgroundColor:i.fill}}),g.jsx("div",{className:"text-[13px] text-[#475569]",children:i.name})]}),g.jsx("div",{className:"text-[13px] text-[#64748B]",children:i.value})]},o))]})})]})})},Vfe=({data:e})=>{const[t,n]=k.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=k.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?g.jsx(Ct,{title:"Maintenance Status",titleWeight:"semi-bold",className:"h-full",children:g.jsx("div",{className:"w-full h-[260px] flex items-center justify-center",children:g.jsx(ar,{title:"No Maintenance Assets Status Found",description:"Catch up all the data. Change the date range to see the data."})})}):g.jsx(Ct,{title:"Maintenance Status",titleWeight:"semi-bold",className:"h-full",children:g.jsx("div",{className:"w-full h-[260px] flex items-center justify-center",children:Array.isArray(e)&&e.length===0?g.jsx("div",{className:"text-[#94A3B8] text-sm",children:"No Data Found"}):g.jsx("div",{className:"relative w-full h-[297px] mt-[20px]",children:g.jsx(_t,{width:"100%",height:"100%",children:g.jsxs(Eo,{data:i,barSize:54,barCategoryGap:"40%",margin:{top:20,right:20,left:-20,bottom:0},children:[g.jsx(or,{strokeDasharray:"3 3",vertical:!1,stroke:"#E2E8F0"}),g.jsx(Bn,{dataKey:"name",tick:{fill:"#64748B",fontSize:12},axisLine:!1,tickLine:!1}),g.jsx(An,{tick:{fill:"#64748B",fontSize:12},axisLine:!1,tickLine:!1,allowDecimals:!1}),g.jsx(kt,{cursor:{fill:"rgba(148, 163, 184, 0.12)"},content:({active:a,payload:s,label:l})=>!a||!s||!s.length?null:g.jsxs("div",{style:{backgroundColor:"#000",borderRadius:"10px",padding:"10px 14px",fontSize:"12px",color:"#fff"},children:[g.jsx("div",{style:{marginBottom:"6px",fontWeight:600},children:l}),s.map((c,u)=>{const d=c.color||c.fill||"#fff";return g.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"6px"},children:[g.jsx("span",{style:{width:"8px",height:"8px",borderRadius:"50%",backgroundColor:d,display:"inline-block"}}),g.jsx("span",{style:{color:"#D1D3D4"},children:c.name}),g.jsx("span",{style:{color:"#fff",fontWeight:600},children:c.value})]},u)})]})}),g.jsx(_u,{verticalAlign:"bottom",align:"center",onClick:o,content:({payload:a})=>g.jsx("div",{className:"flex items-center justify-center gap-[16px] pt-4 flex-wrap",children:a.map((s,l)=>g.jsxs("div",{onClick:()=>o({dataKey:s.dataKey}),className:"flex items-center gap-[8px] cursor-pointer",children:[g.jsx("div",{style:{width:"16px",height:"8px",backgroundColor:t[s.dataKey]?"#CBD5E1":s.color}}),g.jsx("span",{style:{fontSize:"12px",color:t[s.dataKey]?"#CBD5E1":"#64748B"},children:s.value})]},l))})}),g.jsx(Kt,{dataKey:"Open",stackId:"a",fill:"#3B82F6",hide:t.Open}),g.jsx(Kt,{dataKey:"Closed",stackId:"a",fill:"#10B981",hide:t.Closed}),g.jsx(Kt,{dataKey:"Cancelled",stackId:"a",fill:"#B91C1C",hide:t.Cancelled}),g.jsx(Kt,{dataKey:"OnHold",stackId:"a",fill:"#64748B",hide:t.OnHold,name:"On-Hold"}),g.jsx(Kt,{dataKey:"InProgress",stackId:"a",fill:"#F59E0B",hide:t.InProgress,name:"In Progress"})]})})})})})};function Hfe({data:e}){const t=[{name:"Completed",value:Number(e?.completed||1110),color:"#12B981"},{name:"Not - Completed",value:Number(e?.not_completed||20),color:"#F69E0A"},{name:"Missed",value:Number(e?.missed||30),color:"#EF4444"}],n=Number(e?.completed||0)+Number(e?.not_completed||0)+Number(e?.missed||0),r=Number(e?.completed||0);return g.jsx(Ct,{title:"Patrol Status",className:"h-[362px]",titleWeight:"semi-bold",children:g.jsxs("div",{className:"flex flex-col items-center justify-center",children:[g.jsxs("div",{className:"w-[215px] h-[182px] relative",children:[g.jsx(_t,{width:"100%",height:"100%",children:g.jsxs(Ni,{children:[g.jsx(Jr,{data:t,innerRadius:60,outerRadius:90,paddingAngle:2,dataKey:"value",nameKey:"name",children:t.map((i,o)=>g.jsx(pn,{fill:i.color},`cell-${o}`))}),g.jsx(kt,{cursor:!1,content:g.jsx(ls,{})})]})}),g.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center pointer-events-none",children:[g.jsxs("div",{className:"font-medium text-[19.35px] leading-[23.65px]",children:[r,"/",n]}),g.jsx("div",{className:"text-[10.75px] leading-[15.05px] text-[#64748B]",children:"Completed"})]})]}),g.jsx("div",{className:"flex flex-col w-full text-[14px]",children:t.map((i,o)=>g.jsxs("div",{className:`flex items-center justify-between py-[10px] ${o!==t.length-1?"border-b border-[#F1F5F9]":""}`,children:[g.jsxs("div",{className:"flex items-center gap-[10px]",children:[g.jsx("div",{className:"inline-block w-[16px] h-[7px]",style:{backgroundColor:i.color}}),g.jsx("div",{className:"leading-[16.09px] text-[12.07px] text-[#64748B]",children:i.name})]}),g.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 g.jsx(Ct,{title:"Incident Reports",className:"h-[362px]",titleWeight:"semi-bold",children:g.jsxs("div",{children:[g.jsxs("div",{className:"flex w-full text-center gap-[16px] mt-[24px]",children:[g.jsxs("div",{className:"flex-1 flex flex-col items-center justify-center bg-[#FBF4F4] h-[76px] rounded",children:[g.jsx("div",{className:"text-[24px] leading-[28px] font-medium text-[#AB0000]",children:n}),g.jsx("div",{className:"text-[12px] leading-[16px] text-[#AB0000]",children:"Open"})]}),g.jsxs("div",{className:"flex-1 flex flex-col items-center justify-center bg-[#FFFBF2] h-[76px] rounded",children:[g.jsx("div",{className:"text-[24px] leading-[28px] font-medium text-[#F2A815]",children:r}),g.jsx("div",{className:"text-[12px] leading-[16px] text-[#F2A815]",children:"In-progress"})]}),g.jsxs("div",{className:"flex-1 flex flex-col items-center justify-center bg-[#F7FEFA] h-[76px] rounded",children:[g.jsx("div",{className:"text-[24px] leading-[28px] font-medium text-[#1FA05B]",children:i}),g.jsx("div",{className:"text-[12px] leading-[16px] text-[#1FA05B]",children:"Closed"})]})]}),g.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 g.jsxs("div",{className:"flex items-center justify-between p-[12px] bg-[#FAFBFD] rounded-md",children:[g.jsx("div",{className:"flex items-center gap-[8px]",children:g.jsx("div",{className:"text-gray-700 font-medium",children:o?.incident_code})}),g.jsx("div",{className:`!text-[12px] font-semibold flex items-center gap-[4px] ${s}`,children:g.jsxs("div",{children:[o?.severity_level," - ",o?.severity]})})]},a)}):g.jsx(g.Fragment,{})})]})})}function Ufe({columns:e=[{key:"a",label:"Organisation"},{key:"b",label:"Item"},{key:"c",label:"Closed"},{key:"d",label:"Open"},{key:"e",label:"AOV"},{key:"f",label:"% Revenue"}],data:t=[{a:"Google",b:"Coffee",c:"34,908",d:"₹ 57,21,288",e:"₹ 450",f:"43.6%"},{a:"Uber",b:"Paneer Combo",c:"12,000",d:"₹ 12,00,000",e:"₹ 500",f:"100%"}],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=a===0&&c.length===0,m=`repeat(${u.length}, 1fr)`;return g.jsxs("div",{className:"w-full bg-white rounded-[12px] h-[390px] !border-[0.5px] !border-[#EBEBEB] !shadow-[0_0_12px_0_#EAF2FF] overflow-hidden flex flex-col",children:[g.jsxs("div",{className:"flex flex-col flex-1 overflow-hidden",children:[g.jsx("div",{className:"grid bg-[#354A5E] text-white text-[16px] leading-[20px] font-medium shrink-0",style:{gridTemplateColumns:m},children:u.map((v,b)=>g.jsx("div",{className:"px-[24px] py-[16px] text-[16px] leading-[20px] whitespace-nowrap text-left",children:v.label},b))}),g.jsx("div",{className:"flex-1 overflow-y-auto hide-scrollbar",children:h?g.jsx(ar,{title:"No Data Found",description:"Catch up all the data. Change the date range to see the data."}):p.map((v,b)=>g.jsx("div",{className:"grid",style:{gridTemplateColumns:m},children:u.map((S,w)=>{const x=v[S.key],_=S.label==="Closed",O=S.label==="Open",P=typeof x=="string"&&x.includes("%"),D=x==="100%"?"bg-[#F0FEF2] text-[#36AB6C]":"bg-[#FFF0F0] text-[#AB0000]";return g.jsx("div",{className:`px-[24px] py-[16px] flex items-center justify-start ${w===0?"bg-white":"bg-gray-50"} text-[#121212]`,children:_?g.jsx("div",{className:"text-[14px] font-medium",style:{color:"#36AB6C"},children:x??"-"}):O?g.jsx("div",{className:"text-[14px] font-medium",style:{color:"#AB0000"},children:x??"-"}):P?g.jsx("div",{className:`inline-block px-[12px] py-[4px] rounded-full text-[14px] font-medium ${D}`,children:x}):g.jsx("div",{children:x??"-"})},w)})},b))})]}),g.jsxs("div",{className:"flex justify-end items-center px-[24px] py-[16px] text-sm bg-white border-t border-[#F0F0F0] gap-[32px] shrink-0",children:[g.jsxs("div",{className:"flex items-center gap-[8px] text-gray-600 text-[14px]",children:[g.jsx("div",{children:"Rows per page:"}),g.jsx("select",{value:n,onChange:v=>{r(Number(v.target.value)),o(1)},className:"border rounded px-[8px] py-[4px]",children:l.map((v,b)=>g.jsx("option",{value:v,children:v},b))}),g.jsxs("div",{className:"ml-4 text-[14px]",children:[c?.length===0?"0–0":`1–${c?.length}`," of"," ",a||c?.length]})]}),g.jsxs("div",{className:"flex items-center space-x-2 text-gray-600 text-[14px]",children:[g.jsx("button",{onClick:()=>o(1),disabled:i===1,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:g.jsx(sde,{size:18})}),g.jsx("button",{onClick:()=>o(v=>v-1),disabled:i===1,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:g.jsx($R,{size:18})}),g.jsx("button",{onClick:()=>o(v=>v+1),disabled:i===f,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:g.jsx(BR,{size:18})}),g.jsx("button",{onClick:()=>o(f),disabled:i===f,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:g.jsx(cde,{size:18})})]})]})]})}const zR=({options:e=[],value:t,onChange:n})=>{const[r,i]=k.useState(!1),o=k.useRef(null);return k.useEffect(()=>{const a=s=>{o.current&&!o.current.contains(s.target)&&i(!1)};return document.addEventListener("mousedown",a),()=>{document.removeEventListener("mousedown",a)}},[]),g.jsxs("div",{ref:o,className:"relative h-[32px]",children:[g.jsxs("div",{className:"flex items-center justify-between gap-[10px] px-[12px] py-[8px] border border-[#E2E8F0] rounded-[4px] cursor-pointer min-w-[140px]",onClick:()=>i(!r),children:[g.jsx("div",{className:"text-[12px] leading-[16px] min-w-[109px] text-[#64748B]",children:t}),g.jsx(rde,{size:16,className:"text-[#64748B]"})]}),r&&g.jsx("div",{className:"absolute top-[110%] left-0 w-full bg-white border border-[#E2E8F0] rounded-[8px] shadow-md z-10",children:e.map((a,s)=>g.jsx("div",{className:"px-[12px] py-[8px] text-[14px] text-[#334155] hover:bg-[#F1F5F9] cursor-pointer",onClick:()=>{n(a),i(!1)},children:a},s))})]})},Kfe=({data:e})=>{const[t,n]=k.useState({}),[r,i]=k.useState("Kosmo One"),o=["Kosmo One","Kosmo Two","Kosmo Three"],a=[{name:"L1",Cancelled:55,Open:50,OnHold:20,InProgress:10},{name:"L2",Cancelled:15,Open:15,OnHold:8,InProgress:5},{name:"L3",Cancelled:12,Open:75,OnHold:18,InProgress:7}],s=k.useMemo(()=>e?Array.isArray(e)&&e.length===0?[]:e:a,[e]),l=c=>{const{dataKey:u}=c;n(d=>({...d,[u]:!d[u]}))};return Array.isArray(e)&&e.length===0?g.jsx(Ct,{title:"Escalation Level By Building",titleWeight:"semi-bold",className:"h-full",children:g.jsx("div",{className:"w-full h-[362px] flex items-center justify-center",children:g.jsx(ar,{title:"No Maintenance Assets Status Found",description:"Catch up all the data. Change the date range to see the data."})})}):g.jsx(Ct,{title:"Escalation Level By Building",titleWeight:"semi-bold",className:"h-[362px]",childrenClassName:"mt-[21px]",rightContent:g.jsx(zR,{options:o,value:r,onChange:c=>i(c)}),children:g.jsx("div",{className:"w-full flex items-center justify-center",children:Array.isArray(e)&&e.length===0?g.jsx("div",{className:"text-[#94A3B8] text-sm",children:"No Data Found"}):g.jsx("div",{className:"relative w-full h-[261px]",children:g.jsx(_t,{width:"100%",height:"100%",children:g.jsxs(Eo,{data:s,barSize:54,barCategoryGap:"40%",margin:{top:20,right:20,left:-20,bottom:0},children:[g.jsx(or,{strokeDasharray:"3 3",vertical:!1,stroke:"#E2E8F0"}),g.jsx(Bn,{dataKey:"name",tick:{fill:"#64748B",fontSize:12},axisLine:!1,tickLine:!1}),g.jsx(An,{tick:{fill:"#64748B",fontSize:12},axisLine:!1,tickLine:!1,allowDecimals:!1}),g.jsx(kt,{cursor:{fill:"rgba(148, 163, 184, 0.12)"},content:({active:c,payload:u,label:d})=>!c||!u||!u.length?null:g.jsxs("div",{style:{backgroundColor:"#000",borderRadius:"10px",padding:"10px 14px",fontSize:"12px",color:"#fff"},children:[g.jsx("div",{style:{marginBottom:"6px",fontWeight:600},children:d}),u.map((f,p)=>{const h=f.color||f.fill||"#fff";return g.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"6px"},children:[g.jsx("span",{style:{width:"8px",height:"8px",borderRadius:"50%",backgroundColor:h,display:"inline-block"}}),g.jsx("span",{style:{color:"#D1D3D4"},children:f.name}),g.jsx("span",{style:{color:"#fff",fontWeight:600},children:f.value})]},p)})]})}),g.jsx(_u,{verticalAlign:"bottom",align:"center",onClick:l,content:({payload:c})=>g.jsx("div",{className:"flex items-center justify-center gap-[16px] pt-4 flex-wrap",children:c.map((u,d)=>g.jsxs("div",{onClick:()=>l({dataKey:u.dataKey}),className:"flex items-center gap-[8px] cursor-pointer",children:[g.jsx("div",{style:{width:"16px",height:"8px",backgroundColor:t[u.dataKey]?"#CBD5E1":u.color}}),g.jsx("span",{style:{fontSize:"12px",color:t[u.dataKey]?"#CBD5E1":"#64748B"},children:u.value})]},d))})}),g.jsx(Kt,{dataKey:"Open",stackId:"a",fill:"#3B82F6",hide:t.Open}),g.jsx(Kt,{dataKey:"Cancelled",stackId:"a",fill:"#B91C1C",hide:t.Cancelled}),g.jsx(Kt,{dataKey:"OnHold",stackId:"a",fill:"#64748B",hide:t.OnHold,name:"On-Hold"}),g.jsx(Kt,{dataKey:"InProgress",stackId:"a",fill:"#F59E0B",hide:t.InProgress,name:"In Progress"})]})})})})})},qfe=({data:e=[]})=>{const[t,n]=k.useState("Kosmo One"),r=["Kosmo One","Kosmo Two","Kosmo Three"],i=Array.isArray(e)?e:[],o=!i.length||i.every(a=>a.no_of_visitors===0);return g.jsx(Ct,{title:"Top 5 Tenants by Visitors",titleWeight:"semi-bold",className:"h-[360px]",childrenClassName:"mt-[20px]",rightContent:g.jsx(zR,{options:r,value:t,onChange:a=>n(a)}),children:o?g.jsx("div",{className:"w-full h-[280px] flex items-center justify-center",children:g.jsx(ar,{title:"No Visitors Found",description:"Catch up all the data. Change the date range to see the data."})}):g.jsx("div",{className:"w-full h-[280px]",children:g.jsx(_t,{width:"100%",height:"100%",children:g.jsxs(VN,{data:i,margin:{top:10,right:-10,left:-10,bottom:0},children:[g.jsx("defs",{children:g.jsxs("linearGradient",{id:"colorVisitors",x1:"0",y1:"0",x2:"0",y2:"1",children:[g.jsx("stop",{offset:"0%",stopColor:"#6366F1",stopOpacity:.25}),g.jsx("stop",{offset:"100%",stopColor:"#6366F1",stopOpacity:0})]})}),g.jsx(or,{strokeDasharray:"3 3",vertical:!1,stroke:"#F1F5F9"}),g.jsx(Bn,{dataKey:"day",type:"category",scale:"point",padding:{left:20,right:20},tick:{fontSize:12,fill:"#64748B"},axisLine:!0,tickLine:!1,tickFormatter:a=>new Date(a).toLocaleDateString("en-GB",{day:"2-digit",month:"short"})}),g.jsx(An,{width:35,tick:{fontSize:12,fill:"#64748B"},axisLine:!1,tickLine:!1,allowDecimals:!1,domain:[0,"dataMax + 2"]}),g.jsx(kt,{cursor:!1,content:({active:a,payload:s,label:l,coordinate:c})=>{if(!a||!s?.length)return null;const u=new Date(l).toLocaleDateString("en-GB",{day:"2-digit",month:"short"});return g.jsx(ls,{active:a,payload:s,label:u})}}),g.jsx(vx,{type:"monotone",dataKey:"no_of_visitors",stroke:"#6366F1",strokeWidth:2,fill:"url(#colorVisitors)",dot:{r:5,stroke:"#6366F1",strokeWidth:2,fill:"#fff"},activeDot:a=>{const{cx:s,cy:l,stroke:c}=a;return g.jsxs("g",{children:[g.jsx("circle",{cx:s,cy:l,r:6,fill:"#fff",stroke:"#6466F1",strokeWidth:2}),g.jsx("circle",{cx:s,cy:l,r:2.5,fill:"#6466F1"})]})}})]})})})})},Gfe=({data:e})=>{const t=[{name:"Kosmo One",total:29,pending:1,cancelled:2},{name:"OWC",total:23,pending:9,cancelled:3},{name:"Exora",total:40,pending:12,cancelled:1},{name:"OIC - T3",total:27,pending:19,cancelled:8}],n=e&&e.length?e:t;return g.jsx(Ct,{title:"Building Wise Approvals",titleWeight:"semi-bold",className:"h-full",childrenClassName:"mt-[34px]",children:g.jsxs("div",{className:"w-full border border-[#EBEBEB] rounded-[10px] overflow-hidden",children:[g.jsxs("div",{className:"grid grid-cols-4 bg-[#FAFAFA] px-[12px] py-[8px] text-[12px] leading-[16px] font-semibold text-[#64748B]",children:[g.jsx("div",{children:"Tenant"}),g.jsx("div",{className:"flex justify-end",children:"Total"}),g.jsx("div",{className:"flex justify-end",children:"Pending"}),g.jsx("div",{className:"flex justify-end",children:"Cancelled"})]}),g.jsx("div",{className:"max-h-[280px] overflow-y-auto hide-scrollbar",children:n.map((r,i)=>g.jsxs("div",{className:"grid grid-cols-4 p-[12px] text-[12px] leading-[16px] border-t border-[#EBEBEB]",children:[g.jsx("div",{className:"text-[#475569]",children:r.name}),g.jsx("div",{className:"flex justify-end text-[#36AB6C] font-[400]",children:r.total}),g.jsx("div",{className:"flex justify-end text-[#F2A815] font-[400]",children:r.pending}),g.jsx("div",{className:"flex justify-end text-[#AB0000] font-[400]",children:r.cancelled})]},i))})]})})},Ud=["#8CB33E","#F59E0B","#3B82F6","#06B6D4","#CFCFCF"],Xfe=[{asset_group_name:"Lifts",asset_count:3,investment:"₹ 45L"},{asset_group_name:"Fire Systems",asset_count:16,investment:"₹ 28L"},{asset_group_name:"Generators",asset_count:16,investment:"₹ 95L"},{asset_group_name:"HVAC",asset_count:24,investment:"₹ 1.2Cr"},{asset_group_name:"Others",asset_count:97,investment:"₹ 52L"}],Qfe=({rows:e,totalAssets:t})=>{const n=k.useMemo(()=>e?e.length===0?[]:e.map((i,o)=>({name:i.asset_group_name,value:i.asset_count||0,investment:i.investment||"-",color:Ud[o%Ud.length]})):Xfe.map((i,o)=>({name:i.asset_group_name,value:i.asset_count||0,investment:i.investment||"-",color:Ud[o%Ud.length]})),[e]),r=t??n.reduce((i,o)=>i+o.value,0);return e&&e.length===0?g.jsx(Ct,{title:"Assets by Type",titleWeight:"semi-bold",className:"h-full",children:g.jsx("div",{className:"flex items-center justify-center h-full",children:g.jsx(ar,{title:"No Assets Found",description:"Catch up all the data. Change the date range to see the data."})})}):g.jsx(Ct,{title:"Assets by Type",titleWeight:"semi-bold",className:"h-full",children:g.jsxs("div",{className:"flex items-center justify-between h-full mt-[16px]",children:[g.jsxs("div",{className:"relative w-[252px] h-[273px]",children:[g.jsx(_t,{width:"100%",height:"100%",children:g.jsx(Ni,{children:g.jsx(Jr,{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)=>g.jsx(pn,{fill:i.color},o))})})}),g.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center",children:[g.jsx("div",{className:"text-[24px] leading-[33px] font-medium text-[#121212]",children:r}),g.jsx("div",{className:"text-[12px] leading-[17px] text-[#64748B] mt-[2px]",children:"Total Assets"})]})]}),g.jsx("div",{className:"flex-1 max-w-[280px]",children:g.jsxs("div",{className:"rounded-[12px] overflow-hidden bg-white border border-[#E2E8F0] !border-r-1 border-r-[#E2E8F0]! !pr-0 !mr-0",children:[g.jsxs("div",{className:"grid grid-cols-3 px-[16px] py-[12px] bg-[#F8FAFC]",children:[g.jsx("div",{className:"text-[12px] font-medium text-[#64748B]",children:"Asset"}),g.jsx("div",{className:"text-[12px] font-medium text-[#64748B] text-center",children:"Count"}),g.jsx("div",{className:"text-[12px] font-medium text-[#64748B] text-right",children:"Investment"})]}),g.jsx("div",{className:"max-h-[205px] overflow-y-auto hide-scrollbar",children:n.map((i,o)=>g.jsxs("div",{className:"grid grid-cols-3 px-[16px] py-[12px] border-t border-[#F1F5F9]",children:[g.jsxs("div",{className:"flex items-center gap-[8px]",children:[g.jsx("div",{className:"w-[16px] h-[7px]",style:{backgroundColor:i.color}}),g.jsx("div",{className:"text-[13px] text-[#475569]",children:i.name})]}),g.jsx("div",{className:"text-[13px] text-[#64748B] text-center",children:i.value}),g.jsx("div",{className:"text-[13px] text-[#64748B] text-right",children:i.investment})]},o))})]})})]})})};exports.AccessPointsUsage=Cfe;exports.Accounting=kue;exports.Amenities=hfe;exports.AmenitiesStatsCard=Nfe;exports.AmenityWiseRevenue=Bfe;exports.AssetValueBreakdown=$ue;exports.AssetsByType=zfe;exports.BlockWiseOccupancy=xue;exports.BookingTrendChart=Lfe;exports.Bookings=Ife;exports.Budgets=Tue;exports.BuildingWiseApprovals=Gfe;exports.Card=Ie;exports.CardAccess=WR;exports.CashBankBalance=Nue;exports.CommercialAccessOverview=Ofe;exports.CommercialGuardPatrols=Hfe;exports.CommercialIncidentReports=Yfe;exports.CommercialOccupancy=cfe;exports.CommercialReportTable=Ufe;exports.Community=noe;exports.Complaints=Rde;exports.ComplaintsByLevel=Bde;exports.DuesAgeing=Rue;exports.EmployeeFootfall=ufe;exports.Engagement=roe;exports.EngagementStatsGrid=lfe;exports.EscalationLevel=Kfe;exports.EventsUtilisation=Zde;exports.ExpenseCategories=Fue;exports.Facilities=ioe;exports.FinanceSummary=ooe;exports.FoodBeverages=pfe;exports.GateAndSecurityStatsGrid=Mde;exports.GateUpdates=Uoe;exports.GuardPatrols=vde;exports.Header=d3;exports.Helpdesk=Koe;exports.HelpdeskStatsGrid=Gde;exports.HourlyTrafficFlow=_de;exports.IncidentReports=Ode;exports.IncomeExpenditure=IR;exports.MainHeader=E3;exports.MaintenanceStatus=Vfe;exports.MetricCard=Dfe;exports.MobileAccess=WR;exports.MoveInOutTrends=_ue;exports.NoticeBoardStatus=tfe;exports.OccupancyOverview=vue;exports.OrganisationWiseVisitors=Mfe;exports.PortfolioAssetsByType=Qfe;exports.RequestBox=zde;exports.ResidentOverview=bue;exports.RevenuebyCategory=Wue;exports.SingleStats=ife;exports.StaffAttendance=Pde;exports.StatsGrid=Uue;exports.TenantsByVisitors=qfe;exports.TicketEscalation=mfe;exports.TicketStatus=vfe;exports.Tickets=RR;exports.TicketsperCategory=Pfe;exports.UnitStatus=RR;exports.VisitorUpdates=_fe;exports.WeeklyVisitorPattern=Afe;
package/dist/index.es.js CHANGED
@@ -52882,7 +52882,7 @@ function fpe({ data: e }) {
52882
52882
  }
52883
52883
  )
52884
52884
  ] }),
52885
- !o && /* @__PURE__ */ g.jsxs("div", { className: "w-[25%] flex flex-col gap-[8px] ", children: [
52885
+ !o && /* @__PURE__ */ g.jsxs("div", { className: "w-[30%] flex flex-col gap-[8px] ", children: [
52886
52886
  /* @__PURE__ */ g.jsx("div", { className: "text-[12px] leading-[16px] text-[#64748B] whitespace-nowrap", children: "Revenue Generated" }),
52887
52887
  /* @__PURE__ */ g.jsxs("div", { className: "text-[28px] leading-[32px] font-medium text-[#329DFF] whitespace-nowrap", children: [
52888
52888
  n?.currencyType || "₹",
package/dist/index.umd.js CHANGED
@@ -369,6 +369,6 @@ Take a look at the reducer(s) handling this action type: ${p.type}.
369
369
  *
370
370
  * This source code is licensed under the ISC license.
371
371
  * See the LICENSE file in the root directory of this source tree.
372
- */const Yue=Ii("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"}]]),kt=({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,rightContent:f,onCalendarClick:p,onPrevClick:h,onNextClick:m})=>{const v=s==="semi-bold"?600:500;return g.jsxs("div",{className:`relative bg-white p-[24px] !border-[0.5px] !border-[#EBEBEB] !rounded-[12px] !shadow-[0_0_12px_0_#EAF2FF] ${a}`,children:[g.jsxs("div",{className:"flex items-center justify-between",children:[g.jsxs("div",{className:"flex items-center gap-[8px]",children:[t&&g.jsx("div",{className:c,children:t}),g.jsx("div",{style:{fontWeight:v,color:l||"#121212"},className:u||"text-[20px] leading-[24px]",children:e})]}),g.jsxs("div",{className:"flex items-center gap-[12px]",children:[f&&f,n&&!r&&g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:n}),r&&g.jsxs("div",{className:"flex items-center gap-[12px] px-[16px] py-[8px] rounded-[8px] bg-white text-sm text-[#64748B]",children:[g.jsx($ue,{size:16,className:"text-[#64748B] cursor-pointer",onClick:p}),g.jsx(MI,{size:16,className:"cursor-pointer",onClick:h}),g.jsx("span",{className:"text-[12px] leading-[16px] text-[#64748B]",children:n}),g.jsx(NI,{size:16,className:"cursor-pointer",onClick:m})]})]})]}),g.jsx("div",{className:`flex-1 min-h-0 mt-4 ${d}`,children:i}),o&&g.jsx("div",{className:"mt-4 pt-4 border-t border-gray-100 text-[12px] text-[#64748B]",children:o})]})},Uue={completed:18,not_completed:6,missed:4};function Kue({data:e={}}){const t=e&&Object.keys(e).length>0?e:Uue,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 g.jsx(kt,{title:"Guard Patrols",className:"h-[362px]",titleWeight:"semi-bold",children:g.jsxs("div",{className:"flex flex-col items-center justify-center",children:[g.jsxs("div",{className:"w-[215px] h-[182px] relative",children:[g.jsx(xt,{width:"100%",height:"100%",children:g.jsxs(Oi,{children:[g.jsx(Zr,{data:n??[],innerRadius:60,outerRadius:90,paddingAngle:2,dataKey:"value",nameKey:"name",children:n?.map?.((o,a)=>g.jsx(gn,{fill:o?.color??"#ccc"},`cell-${a}`))}),g.jsx(Ct,{content:g.jsx(DI,{}),wrapperStyle:{zIndex:9999}})]})}),g.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center pointer-events-none",children:[g.jsxs("div",{className:"font-medium text-[19.35px] leading-[23.65px]",children:[i??0,"/",r??0]}),g.jsx("div",{className:"text-[10.75px] leading-[15.05px] text-[#64748B]",children:"Completed"})]})]}),g.jsx("div",{className:"flex flex-col w-full text-[14px]",children:n?.length?n?.map?.((o,a)=>g.jsxs("div",{className:`flex items-center justify-between py-[10px] ${a!==(n?.length??0)-1?"border-b border-[#F1F5F9]":""}`,children:[g.jsxs("div",{className:"flex items-center gap-[10px]",children:[g.jsx("div",{className:"inline-block w-[16px] h-[7px]",style:{backgroundColor:o?.color??"#ccc"}}),g.jsx("div",{className:"leading-[16.09px] text-[12.07px] text-[#64748B]",children:o?.name??"-"})]}),g.jsx("div",{className:"leading-[16.09px] text-[12.07px] text-[#64748B]",children:o?.value??0})]},o?.name??a)):g.jsx("div",{className:"text-center text-gray-400 text-sm py-[24px]",children:"No patrol data"})})]})})}Bn.register(Co,ko,i1,r1,Vr,ti);const que=["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]},Gue=[{key:"Guest",datasetIndex:0,color:"#EF4444"},{key:"Cab",datasetIndex:1,color:"#7C3AED"},{key:"Delivery",datasetIndex:2,color:"#10B981"},{key:"Service",datasetIndex:3,color:"#F59E0B"}],Xue=({color:e,size:t=12})=>g.jsx("svg",{width:t,height:t,viewBox:"0 0 12 12",style:{display:"block",flexShrink:0},children:g.jsx("rect",{x:"1",y:"1",width:"10",height:"10",rx:"0",fill:e,transform:"rotate(45 6 6)"})}),Que=({chartRef:e})=>{const[t,n]=k.useState({}),r=i=>{const o=e.current;if(!o)return;const a=o.getDatasetMeta(i),s=!!a.hidden;a.hidden=!s,o.update(),n(l=>({...l,[i]:!s}))};return g.jsx("div",{style:{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",gap:"76px",marginTop:"10px",paddingBottom:"8px",flexWrap:"wrap"},children:Gue.map(({key:i,datasetIndex:o,color:a})=>{const s=!!t[o];return g.jsxs("div",{onClick:()=>r(o),style:{display:"flex",alignItems:"center",gap:"6px",cursor:"pointer",userSelect:"none",opacity:s?.45:1,transition:"opacity 0.2s ease"},children:[g.jsx(Xue,{color:a,size:12}),g.jsx("span",{style:{fontSize:"13px",color:"#64748B",fontWeight:400,lineHeight:1,textDecoration:s?"line-through":"none",transition:"text-decoration 0.15s ease"},children:i})]},i)})})},Zue=({data:e})=>{const t=k.useRef(null),r={labels:Array.isArray(e?.labels)&&e.labels.length>0?e.labels:que,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}]},i={responsive:!0,maintainAspectRatio:!1,interaction:{mode:"index",intersect:!1},plugins:{legend:{display:!1},tooltip:{backgroundColor:"#0F172A",titleColor:"#FFFFFF",bodyColor:"#FFFFFF",displayColors:!1,padding:12,caretSize:0,callbacks:{title:o=>o[0].label,label:o=>`${o.dataset.label} ${o.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 g.jsxs(je,{title:"Hourly Traffic Flow",className:"w-full h-[362px]",children:[g.jsx("div",{style:{height:"calc(100% - 44px)",width:"100%"},children:g.jsx(l1,{ref:t,data:r,options:i})}),g.jsx(Que,{chartRef:t})]})},Jue={open:4,in_progress:7,closed:12},ede=[{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 tde({incidentReports:e={},incidentReportsDetails:t=[]}){const n=e&&Object.keys(e).length>0?e:Jue,r=Array.isArray(t)?t:ede,i=Number(n?.open??0),o=Number(n?.in_progress??0),a=Number(n?.closed??0);return g.jsx(kt,{title:"Incident Reports",className:"h-[362px]",titleWeight:"semi-bold",children:g.jsxs("div",{children:[g.jsxs("div",{className:"flex w-full text-center gap-[24px]",children:[g.jsxs("div",{className:"flex-1 py-[12px] bg-[#FBF4F4] h-[76px] rounded",children:[g.jsx("div",{className:"!text-[24px] leading-[28px] font-medium text-[#AB0000]",children:i??0}),g.jsx("div",{className:"!text-[12px] leading-[16px] text-[#AB0000]",children:"Open"})]}),g.jsxs("div",{className:"flex-1 py-[12px] bg-[#FFFBF2] h-[76px] rounded",children:[g.jsx("div",{className:"!text-[24px] leading-[28px] font-medium text-[#E7A015]",children:o??0}),g.jsx("div",{className:"!text-[12px] leading-[16px] text-[#E7A015]",children:"In-progress"})]}),g.jsxs("div",{className:"flex-1 py-[12px] bg-[#F7FEFA] h-[76px] rounded",children:[g.jsx("div",{className:"!text-[24px] leading-[28px] font-medium text-[#1FA05B]",children:a??0}),g.jsx("div",{className:"!text-[12px] leading-[16px] text-[#1FA05B]",children:"Closed"})]})]}),g.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 g.jsxs("div",{className:"flex items-center justify-between p-[12px] bg-[#FAFBFD] rounded-md",children:[g.jsx("div",{className:"flex items-center gap-[8px]",children:g.jsx("div",{className:"text-gray-700 font-medium",children:s?.incident_code??"-"})}),g.jsx("div",{className:`!text-[12px] font-semibold flex items-center gap-[4px] ${c}`,children:g.jsxs("div",{children:[s?.severity_level??"-"," - ",s?.severity??"-"]})})]},l)}):g.jsx("div",{className:"text-center text-gray-400 text-sm py-[24px]",children:"No incidents found"})})]})})}const nde=[{total_staff:42,absent_staff:6}],rde=[{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 ide({staffPresentAbsent:e,staffPresentByRole:t}){const n=Array.isArray(e)&&e.length>0?e:nde,r=Array.isArray(t)&&t.length>0?t:rde,i=n?.[0]?.total_staff??0,o=n?.[0]?.absent_staff??0,a=(i??0)-(o??0);return g.jsx(kt,{title:"Staff Attendance",className:"h-[362px] overflow-hidden ",titleWeight:"semi-bold",children:g.jsxs("div",{children:[g.jsxs("div",{className:"flex gap-[16px] text-center mt-[24px]",children:[g.jsxs("div",{className:"flex-1 py-[12px] bg-[#F7FEFA] rounded h-[76px]",children:[g.jsx("div",{className:"text-[24px] font-medium text-[#1FA05B]",children:a??0}),g.jsx("div",{className:"text-[12px] text-[#1FA05B]",children:"Present"})]}),g.jsxs("div",{className:"flex-1 py-[12px] bg-[#FBF4F4] rounded h-[76px]",children:[g.jsx("div",{className:"text-[24px] font-medium text-[#AB0000]",children:o??0}),g.jsx("div",{className:"text-[12px] text-[#AB0000]",children:"Absent"})]})]}),g.jsx("div",{className:"mt-[24px] pb-[16px] space-y-[8px] 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 g.jsxs("div",{className:"flex items-center justify-between p-[12px] bg-[#F8FAFC] rounded-md",children:[g.jsx("div",{className:"text-[#121212] text-[14px] leading-[18px] font-medium",children:s?.staff_role_name??"-"}),g.jsxs("div",{className:"text-[14px] leading-[20px] text-[#64748B]",children:[u??0,"/",c??0]})]},l)}):g.jsx(g.Fragment,{})})]})})}function ode(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 ade({title:e,value:t,delta:n,deltaLabel:r,positive:i=!0,Icon:o=Gl,iconColor:a="text-emerald-600",iconBg:s="bg-emerald-50"}){return g.jsxs(je,{title:e,icon:g.jsx("div",{className:"h-6 w-6 grid place-items-center",children:g.jsx(o,{className:`h-6 w-6 ${a}`})}),children:[g.jsx("div",{className:"text-4xl font-semibold tracking-tight text-[#121212]",children:t}),g.jsxs("div",{className:"flex items-center gap-[8px] text-[14px]",children:[g.jsx("div",{className:i?"text-emerald-600 font-medium":"text-rose-600 font-medium",children:n}),g.jsx("div",{className:"text-slate-500",children:r})]})]})}const sde=[{title:"Total Visitors",value:160,delta:"+11.0%",deltaLabel:"Compared to last month",positive:!0,Icon:pg,iconColor:"text-[#329DFF]"},{title:"Active Incidents",value:73,delta:"+2.0%",deltaLabel:"Compared to last month",positive:!0,Icon:Wie,iconColor:"text-[#F69E0A]"},{title:"Missed Patrols",value:3,delta:"+11.0%",deltaLabel:"Compared to last month",positive:!0,Icon:ode,iconColor:"text-[#AB0000]"},{title:"Parking Usage",value:5,delta:"-8.0%",deltaLabel:"Compared to last month",positive:!1,Icon:s3,iconColor:"text-[#36AB6C]"}];function lde({data:e}){const t=Array.isArray(e)&&e.length>0?e:sde;return g.jsx("div",{className:"px-[20px] grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-[24px]",children:t.map((n,r)=>g.jsx(ade,{...n},r))})}const cde=[{title:"Maintenance",total:12,pending:3},{title:"Security",total:8,pending:1},{title:"Housekeeping",total:6,pending:2},{title:"Utilities",total:10,pending:4}],ude=(e="")=>e.replace(/&lt;/g,"<").replace(/&gt;/g,">").replace(/<[^>]*>/g,"").trim();function dde({data:e}){const t=Array.isArray(e?.complaints_by_category)&&e.complaints_by_category.length>0?e.complaints_by_category.map(n=>({title:ude(n.category_name)||"—",total:n.total||0,pending:n.pending||0})):cde;return g.jsx(je,{title:"Complaints",className:"h-[362px]",titleWeight:"semi-bold",titleClassName:"!text-[20px] !leading-[24px]",children:g.jsx("div",{className:"flex flex-col gap-[12px]",children:t.map((n,r)=>g.jsxs("div",{className:"flex items-center justify-between bg-[#F9FAFB] rounded-[8px] p-[12px] h-[62px]",children:[g.jsxs("div",{className:"flex flex-col",children:[g.jsx("div",{className:"text-[14px] leading-[18px] font-medium text-[#121212] capitalize",children:n.title}),g.jsxs("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:["Total: ",n.total]})]}),g.jsxs("div",{className:"flex flex-col items-end",children:[g.jsx("div",{className:"text-[14px] leading-[18px] font-medium text-red-700",children:String(n.pending).padStart(2,"0")}),g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:"Pending"})]})]},r))})})}const fde=e=>{const t={0:"𝟎",1:"𝟏",2:"𝟐",3:"𝟑",4:"𝟒",5:"𝟓",6:"𝟔",7:"𝟕",8:"𝟖",9:"𝟗"};return String(e).split("").map(n=>t[n]||n).join("")},pde=[{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}],hde=({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 g.jsxs("div",{style:{backgroundColor:"#0B0B0B",padding:"14px 40px 14px 18px",borderRadius:"10px",color:"#ffffff"},children:[g.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=fde(a);return g.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:o<r.length-1?"8px":"0",fontSize:"12px"},children:[g.jsx("div",{style:{width:"8px",height:"8px",backgroundColor:i.color,transform:"rotate(45deg)",marginRight:"8px"}}),g.jsx("span",{style:{color:"D1D3D4",minWidth:"100px"},children:i.label}),g.jsx("span",{style:{marginLeft:"auto",fontWeight:"700"},children:s})]},i.key)})]})},mde=()=>{const e=[{label:"Open",color:"#EF4444"},{label:"In Progress",color:"#F59D0D"},{label:"Closed",color:"#12B981"}];return g.jsx("div",{style:{display:"flex",justifyContent:"space-between",gap:"15px"},children:e.map(t=>g.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"6px"},children:[g.jsx("div",{style:{width:"6px",height:"6px",backgroundColor:t.color,transform:"rotate(45deg)"}}),g.jsx("span",{style:{fontSize:"14px"},children:t.label})]},t.label))})},gde=({data:e})=>{const t=k.useMemo(()=>(Array.isArray(e?.complaints_by_level)&&e.complaints_by_level.some(l=>Number(l.total)>0)?e.complaints_by_level:pde).map(l=>({level:l.level||"—",open_count:Number(l.open_count)||0,in_progress_count:Number(l.in_progress_count)||0,closed_count:Number(l.closed_count)||0,total:Number(l.total)||0})),[e]),n=k.useMemo(()=>Math.max(...t.map(a=>a.total),5),[t]),r=Math.ceil(n*1.2),i=6,o=Math.max(Math.ceil(n/i),1);return g.jsxs(je,{title:"Complaints by Level",className:"w-full h-[362px]",titleWeight:"semi-bold",titleClassName:"!text-[20px] !leading-[24px]",children:[g.jsx(xt,{width:"100%",height:"85%",children:g.jsxs(go,{data:t,margin:{top:5,right:-25,left:-30,bottom:5},children:[g.jsx(Qn,{strokeDasharray:"0",vertical:!1}),g.jsx($n,{dataKey:"level"}),g.jsx(Pn,{domain:[0,r],ticks:Array.from({length:i+1},(a,s)=>s*o)}),g.jsx(Ct,{content:g.jsx(hde,{}),cursor:!1}),g.jsx(Xt,{dataKey:"open_count",stackId:"a",fill:"#EF4444",barSize:44,radius:[0,0,0,0]}),g.jsx(Xt,{dataKey:"in_progress_count",stackId:"a",fill:"#F59D0D",barSize:44,radius:[0,0,0,0]}),g.jsx(Xt,{dataKey:"closed_count",stackId:"a",fill:"#12B981",barSize:44,radius:[0,0,0,0]})]})}),g.jsx(mde,{})]})},vde=[{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 yde({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})):vde;return g.jsx(je,{title:"Request Box",className:"h-[362px]",titleWeight:"semi-bold",titleClassName:"!text-[20px] !leading-[24px]",children:g.jsx("div",{className:"flex flex-col gap-[12px]",children:t.map((n,r)=>g.jsxs("div",{className:"flex items-center justify-between bg-[#F9FAFB] rounded-[8px] p-[12px] h-[62px]",children:[g.jsxs("div",{className:"flex flex-col",children:[g.jsx("div",{className:"text-[14px] leading-[18px] font-medium text-[#121212] capitalize",children:n.title}),g.jsxs("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:["Total: ",n.total]})]}),g.jsxs("div",{className:"flex flex-col items-end",children:[g.jsx("div",{className:"text-[14px] leading-[18px] font-medium text-red-700",children:String(n.pending).padStart(2,"0")}),g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:"Pending"})]})]},`${n.title}-${r}`))})})}function bde(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 xde=["open_complaints","pending_requests","avg_response_time","resolution_rate"],wde={open_complaints:{title:"Open Complaints",Icon:PS,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:g3,iconColor:"#1FA05B",deltaLabel:"Compared to last month"},resolution_rate:{title:"Resolution Rate",Icon:f3,iconColor:"#329DFF",deltaLabel:"Compared to last month"}},_de=({children:e,size:t=28,lineHeight:n=32,weight:r=500,color:i="#121212"})=>g.jsx("div",{style:{fontWeight:r,fontSize:`${t}px`,lineHeight:`${n}px`,color:i},children:e}),Sde={primary:{size:28,lineHeight:32,weight:500}},Ede={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 Ode({id:e,data:t}){return e&&t&&!t[e]&&t.current!==void 0?g.jsx(jI,{id:e,data:t}):g.jsx("div",{className:"px-[20px] grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-[16px]",children:xde.map(n=>g.jsx(jI,{id:n},n))})}function jI({id:e,data:t}){const n=wde[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=Gl,iconColor:a,deltaLabel:s}=n,l=t&&Object.keys(t).length>0?t:Ede[e],c=r(e,l?.current),u=l?.trend_percent??"—";return l?.direction==="good"||l?.direction,g.jsx("div",{className:"h-[132px]",children:g.jsxs(je,{title:i,titleColor:a,icon:g.jsx("div",{className:"h-[20px] w-[20px] flex items-center justify-center",children:g.jsx(o,{className:"h-[20px] w-[20px]",style:{color:a}})}),childrenClassName:"!space-y-[12px]",iconClassName:"!gap-[12px]",children:[g.jsx(_de,{...Sde.primary,children:c}),g.jsxs("div",{className:"flex items-center gap-[8px] text-[12px] leading-[16px]",children:[g.jsx(uc,{value:u}),g.jsx("div",{className:"text-[#64748B] text-[12px] leading-[16px]",children:s})]})]})})}const Cde=[{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 kde({title:e,date:t,rsvp:n,utilisation:r,status:i}){return g.jsxs("div",{className:" bg-[#F8FAFC] h-[106px] px-[12px] mt-3",children:[g.jsxs("div",{className:"flex items-center justify-between",children:[g.jsx("div",{className:"text-[16px] leading-[20px] font-semibold text-[#121212]",children:e}),g.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})]}),g.jsx("div",{className:"text-[14px] leading-[18px] text-[#64748B]",children:t}),g.jsxs("div",{className:"flex justify-between items-center mt-2",children:[g.jsxs("div",{className:"text-[14px] leading-[18px] text-[#64748B]",children:[n," RSVP"]}),g.jsxs("div",{className:"text-[#3C82F6] text-[14px] leading-[18px] font-medium",children:[r,"% utilisation"]})]}),g.jsx("div",{className:"w-full bg-[#F8FAFC] h-[6px] rounded mt-2 mb-3",children:g.jsx("div",{className:"h-[6px] rounded bg-[#3C82F6]",style:{width:`${r}%`}})})]})}function Pde({data:e}){const t=Array.isArray(e)?e:Cde;return g.jsx(je,{title:"Events Utilisation",className:"w-full h-[360px] overflow-y-auto hide-scrollbar",children:g.jsx("div",{className:"m-auto",children:t?.length>0?t.map((n,r)=>g.jsx(kde,{...n},`${n.title}-${r}`)):g.jsx("div",{className:"h-full flex items-center justify-center",children:g.jsx(ir,{})})})})}const Dde=[{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 Ade({label:e,value:t,subLabel:n,bgColor:r,textColor:i}){return g.jsxs("div",{className:`rounded-[8px] p-[16px] ${r} h-[124px]`,children:[g.jsx("div",{className:`text-[16px] font-medium ${i} leading-[20px]`,children:e}),g.jsx("div",{className:"mt-4 text-[28px] leading-[32px] font-semibold text-[#121212]",children:t}),g.jsx("div",{className:"!text-[12px] leading-[16px] text-[#64748B] mt-2",children:n})]})}function Tde({data:e}){const t=Array.isArray(e)&&e.length>0?e:Dde;return g.jsx(je,{title:"Notice Board Status",className:"w-full h-[360px]",children:g.jsx("div",{className:"grid grid-cols-2 gap-[16px]",children:t.map((n,r)=>g.jsx(Ade,{...n},`${n.label}-${r}`))})})}function Mde(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 Nde({title:e,value:t,delta:n,deltaLabel:r,positive:i=!0,Icon:o=Gl,iconColor:a="text-emerald-600",iconBg:s="bg-emerald-50",iconUrl:l}){return g.jsx(je,{title:e,icon:g.jsx("div",{className:"grid place-items-center ",children:l?g.jsx("img",{src:l,alt:"icon",className:"h-8 w-8 object-contain"}):g.jsx(o,{className:`h-8 w-8 ${a}`})}),className:"h-[132px]",children:g.jsxs("div",{children:[g.jsx("div",{className:"text-[28px] leading-[32px] font-medium text-[#121212]",children:t}),g.jsxs("div",{className:"flex items-center gap-[8px] pt-[8px] !text-[12px] leading-[16px]",children:[g.jsx(uc,{value:n}),g.jsx("div",{className:"text-[#64748B]",children:r})]})]})})}function jde({data:e}){const t=[{title:e?.title||"Total Bookings",value:e?.value??0,delta:e?.delta??"0%",deltaLabel:e?.deltaLabel||"Compared to last month",positive:e?.positive??!1,Icon:e?.Icon,iconUrl:e?.iconUrl,iconColor:e?.iconColor||"text-emerald-600",iconBg:e?.iconBg||"bg-emerald-50"}];return g.jsx("div",{className:"h-full",children:t.map((n,r)=>g.jsx(Nde,{...n},r))})}function Ide(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 Rde({title:e,value:t,delta:n,deltaLabel:r,positive:i=!0,Icon:o=Gl,iconColor:a="text-emerald-600",iconBg:s="bg-emerald-50"}){return g.jsx(je,{title:e,icon:g.jsx("div",{className:`h-6 w-6 grid place-items-center rounded-md ${s}`,children:g.jsx(o,{className:`h-4 w-4 ${a}`})}),className:"h-[132px]",children:g.jsxs("div",{children:[g.jsx("div",{className:"text-[28px] leading-[32px] font-medium text-[#121212]",children:t}),g.jsxs("div",{className:"flex items-center gap-[8px] pt-[8px] !text-[12px] leading-[16px]",children:[g.jsx("div",{className:i?"text-[#1FA05B] font-medium":"text-rose-600 font-medium",children:n}),g.jsx("div",{className:"text-[#64748B]",children:r})]})]})})}const Fde=[{title:"Notice",value:160,delta:"+11.0%",deltaLabel:"Compared to last month",positive:!0,Icon:Mde,iconColor:"text-emerald-600",iconBg:"bg-emerald-50"},{title:"Post",value:83,delta:"+2.0%",deltaLabel:"Compared to last month",positive:!0,Icon:l3,iconColor:"text-[#329DFF]",iconBg:"bg-emerald-50"},{title:"Poll",value:3,delta:"+11.0%",deltaLabel:"Compared to last month",positive:!0,Icon:$ie,iconColor:"text-[#FA7E28]",iconBg:"bg-orange-100"},{title:"Poll",value:5,delta:"-8.0%",deltaLabel:"Compared to last month",positive:!1,Icon:Ide,iconColor:"text-[#DBB467]",iconBg:"bg-yellow-100"}];function Lde({data:e}){const t=Array.isArray(e)&&e.length>0?e:Fde;return g.jsx("div",{className:"px-[20px] grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-[24px]",children:t.map((n,r)=>g.jsx(Rde,{...n},r))})}const II=({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 g.jsxs("div",{className:"flex flex-col items-start",children:[g.jsx("div",{className:"w-2/3 min-w-[80px] h-5 rounded-full overflow-hidden",children:g.jsx("div",{className:`h-[11px] rounded-full ${n||""}`,style:{width:n==="bg-[#12B981]"?`${a+45}%`:`${a}%`}})}),g.jsx("div",{className:`${s} !text-[12px] font-bold mt-1`,children:i??0}),g.jsx("div",{className:"!text-[12px] leading-[16px] text-[#64748B] mt-1",children:r??""})]})},$de=({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 g.jsx("div",{children:g.jsxs("div",{className:"bg-white !border-[0.5px] !border-[#EBEBEB] rounded-[12px] shadow-[0_0_12px_0_#EAF2FF] p-[16px] h-[128px]",children:[g.jsxs("div",{className:"flex items-center gap-[12px] h-[20px]",style:{marginBottom:"24px"},children:[g.jsx(pg,{className:"!text-[20px] text-[#329DFF]"}),g.jsx("div",{className:"font-medium text-[#121212] text-[16px] leading-[20px]",children:"Occupancy Overview"})]}),g.jsxs("div",{className:"flex items-start justify-between",children:[g.jsxs("div",{className:"flex flex-col gap-[4px]",children:[g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B] font-normal",children:"Total Occupants"}),g.jsx("div",{className:"text-[28px] leading-[32px] font-medium text-[#121212]",children:i??0})]}),g.jsxs("div",{className:"flex items-end gap-[4px]",children:[g.jsx(II,{value:o??0,total:s||1,colorClass:"bg-[#3C81F6]",label:(o??0)<=1?"Employee":"Employees"}),g.jsx(II,{value:a??0,total:s||1,colorClass:"bg-[#8B5CF6]",label:(a??0)<=1?"Admin":"Admins"})]})]})]})})};Bn.register(Co,ko,Al,Vr);const Bde=()=>{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 g.jsxs(je,{className:"w-full h-[238px]",title:"Employee Footfall (Static Data)",period:"Today",icon:g.jsx(Lue,{className:"!text-[24px] text-[#8B5CF6]"}),children:[g.jsxs("div",{className:"mb-[10px] mt-[8px] flex flex-col gap-[4px]!",children:[g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:"Employees Inside"}),g.jsx("div",{className:"text-[20px] leading-[24px] font-medium text-[#3C81F6]",children:"7,500"})]}),g.jsx("div",{className:"h-[110px]",children:g.jsx(Tl,{data:t,options:n})})]})},Wde="₹",RI=["bg-blue-500","bg-red-500","bg-purple-700"],fs={title:"Food & Beverages (Static Data)",period:"Today",summary:{totalOrders:247,revenueGenerated:"82K",growthPercentage:8,growthTotalPercentage:0},outlets:[{name:"HP",orders:120,revenue:"45K",percentage:70,color:"bg-[#3C81F6]"},{name:"Adobe",orders:85,revenue:"23K",percentage:50,color:"bg-[#3C81F6]"},{name:"Anarock",orders:42,revenue:"14K",percentage:25,color:"bg-[#3C81F6]"}]};function qh(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 FI(e){if(e==null||e==="")return"0";if(typeof e=="number")return MS(e);const t=Number(e);return Number.isNaN(t)?String(e):MS(t)}function zde(e){const t=e?.food_beverage_summary?{title:e?.title,period:e?.period,summary:{totalOrders:e?.food_beverage_summary?.total_orders,revenueGenerated:e?.food_beverage_summary?.revenue_generated,growthPercentage:e?.food_beverage_summary?.growth_percentage??e?.food_beverage_summary?.revenue_growth,growthTotalPercentage:e?.food_beverage_summary?.order_growth,currencyType:e?.food_beverage_summary?.currency_type},outlets:e?.chart_data}:e||{},n=t?.summary||{},i=(Array.isArray(t?.outlets)?t.outlets:[]).map((f,p)=>({name:f?.name||f?.outlet_name||f?.tenant_name||f?.company_name||"Unknown",orders:f?.orders??f?.total_orders??f?.count??0,revenue:f?.revenue??f?.revenue_generated??f?.total_revenue??0,percentage:f?.percentage,color:f?.color||RI[p%RI.length]})),o=n?.totalOrders??n?.orders??fs.summary.totalOrders,a=n?.revenueGenerated??n?.revenue??fs.summary.revenueGenerated,s=qh(n?.growthPercentage??n?.revenueGrowth,fs.summary.growthPercentage),l=qh(n?.growthTotalPercentage??n?.orderGrowth,fs.summary.growthTotalPercentage),c=n?.currencyType||n?.currency||Wde,u=i.reduce((f,p)=>f+(Number(p?.orders)||0),0),d=i.map(f=>({...f,percentage:f?.percentage!==null&&f?.percentage!==void 0?Number(f.percentage)||0:u>0?Math.round((Number(f?.orders)||0)/u*100):0}));return{title:t?.title||fs.title,period:t?.period||fs.period,summary:{totalOrders:o,revenueGenerated:a,growthPercentage:s,growthTotalPercentage:l,currencyType:c},outlets:d.length>0?d:fs.outlets}}function Vde({data:e,title:t,period:n,icon:r}){const i=zde(e),o=t||i.title,a=n||i.period,s=r||g.jsx(Hue,{className:"!text-[24px] text-[#FA7E28]"}),l=i.summary.totalOrders??0,c=FI(i.summary.revenueGenerated),u=qh(i.summary.growthPercentage,0),d=qh(i.summary.growthTotalPercentage,0),f=u>=0,p=d>=0;return g.jsx(je,{className:"h-[324px]",title:o,period:a,icon:s,children:g.jsxs("div",{className:"flex flex-col h-full",children:[g.jsxs("div",{className:"flex gap-[24px]",children:[g.jsxs("div",{className:"w-[65%] flex flex-col gap-[8px]!",children:[g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:"Total Orders"}),g.jsx("div",{className:"text-[28px] leading-[32px] font-medium text-[#8B5CF6]",children:l}),g.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?g.jsx(Sa,{}):g.jsx(_a,{}),d,"%",g.jsx("span",{children:"from last month"})]})]}),g.jsxs("div",{className:"w-[30%] flex flex-col gap-[8px] ",children:[g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B] whitespace-nowrap",children:"Revenue Generated"}),g.jsxs("div",{className:"text-[28px] leading-[32px] font-medium text-[#329DFF] whitespace-nowrap",children:[i.summary.currencyType," ",c]}),g.jsxs("div",{className:`w-fit inline-flex items-center gap-[4px] text-[10px] leading-[14px] p-[4px] rounded-[4px] ${f?"text-[#1FA05B] bg-green-50":"text-red-600 bg-red-50"}`,children:[f?g.jsx(Sa,{}):g.jsx(_a,{}),u,"%",g.jsx("span",{children:"from last month"})]})]})]}),g.jsx("div",{className:"mt-[16px]",children:i.outlets.map((h,m)=>g.jsxs("div",{className:m===i.outlets.length-1?"":"mb-[16px]",children:[g.jsxs("div",{className:"flex justify-between text-sm mb-[8px]",children:[g.jsx("div",{className:"text-[#64748B] text-[12px] leading-[16px]",children:h.name}),g.jsxs("div",{className:"font-medium text-[12px] leading-[16px] flex items-center",children:[g.jsxs("div",{className:"text-[#64748B] inline-block",children:[h.orders," orders"]}),g.jsxs("div",{className:"mx-2 text-[#121212] inline-block",children:[i.summary.currencyType," ",FI(h.revenue)]})]})]}),g.jsx("div",{className:"h-[11px] bg-gray-100 rounded-full",children:g.jsx("div",{className:`h-[11px] rounded-full ${h.color}`,style:{width:`${h.percentage}%`}})})]},`${h.name}-${m}`))})]})})}function Hde({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 v=m?.total_bookings||0;return h+v},0),u=i.map(h=>{const m=h?.total_bookings||0,v=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:v,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 g.jsx(je,{className:"h-[324px]",title:"Amenities",period:"Today",icon:g.jsx(Yue,{className:"!text-[24px] text-[#8B5CF6]"}),children:g.jsxs("div",{className:"flex flex-col h-full",children:[g.jsxs("div",{className:"flex gap-[24px]",children:[g.jsxs("div",{className:"w-[65%] flex flex-col gap-[8px]!",children:[g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:"Total Bookings"}),g.jsx("div",{className:"text-[28px] leading-[32px] font-medium text-[#8B5CF6]",children:a}),g.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?g.jsx(Sa,{}):g.jsx(_a,{}),l,"%",g.jsx("span",{children:"from last month"})]})]}),!o&&g.jsxs("div",{className:"w-[25%] flex flex-col gap-[8px] ",children:[g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B] whitespace-nowrap",children:"Revenue Generated"}),g.jsxs("div",{className:"text-[28px] leading-[32px] font-medium text-[#329DFF] whitespace-nowrap",children:[n?.currencyType||"₹"," ",n?.todayPaidRevenue??"0.00"]}),f!==null&&g.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?g.jsx(Sa,{}):g.jsx(_a,{}),f,"%",g.jsx("span",{children:"from last month"})]})]})]}),g.jsx("div",{className:"mt-[16px]",children:u.length>0?u.map((h,m)=>g.jsxs("div",{className:m===u.length-1?"":"mb-[16px]",children:[g.jsxs("div",{className:"flex justify-between text-sm mb-[8px]",children:[g.jsx("div",{className:"text-[#64748B] text-[12px] leading-[16px]",children:h?.name}),g.jsxs("div",{className:"font-medium text-[12px] leading-[16px]",children:[g.jsxs("div",{className:"text-[#64748B] inline",children:[h?.bookings," ",h?.bookings<=1?"booking":"bookings"]}),h?.isPaid&&g.jsx("div",{className:"mx-2 text-[#121212] inline",children:h?.revenue})]})]}),g.jsx("div",{className:"h-[11px] bg-gray-100 rounded-full",children:g.jsx("div",{className:`h-[11px] rounded-full ${h?.color}`,style:{width:`${h?.percentage}%`}})})]},m)):g.jsx("div",{className:"flex items-center justify-center h-[120px]",children:g.jsx("div",{className:"text-[12px] text-[#94A3B8]",children:"No amenity usage data available"})})})]})})}Bn.register(Co,ko,Al,Vr,ti);function Yde({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 g.jsx(je,{className:"h-[267px]",title:"Ticket Escalation Levels",period:"Today",icon:g.jsx(p3,{className:"!text-[24px] text-[#3C81F6]"}),children:g.jsx("div",{className:"h-full",children:g.jsx(Tl,{data:l,options:c})})})}const Ude=({active:e,payload:t})=>{if(!e||!t||!t.length)return null;const n=t[0],r=n.payload.color;return g.jsx("div",{style:{backgroundColor:"#000000",color:"#ffffff",padding:"8px 10px",borderRadius:"8px",fontSize:"12px"},children:g.jsxs("div",{className:"flex items-center gap-[8px] font-medium",children:[g.jsx("div",{style:{width:"8px",height:"8px",borderRadius:"50%",backgroundColor:r}}),g.jsx("div",{children:n.name}),g.jsx("div",{className:"ml-2",children:n.value})]})})};function Kde({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 g.jsx(je,{className:"h-[267px]",title:"Ticket Status",period:"Today",icon:g.jsx(dg,{className:"!text-[24px] text-[#EF4444]"}),children:g.jsxs("div",{className:"flex h-full items-center gap-[16px]",children:[g.jsxs("div",{className:"w-[202px] h-[170px] relative",children:[g.jsx(xt,{width:"100%",height:"100%",children:g.jsxs(Oi,{children:[g.jsx(Zr,{data:i,innerRadius:55,outerRadius:85,dataKey:"value",stroke:"#FFFFFF",strokeWidth:2,children:i.map((a,s)=>g.jsx(gn,{fill:a.color},s))}),g.jsx(Ct,{content:g.jsx(Ude,{}),wrapperStyle:{zIndex:1e3}})]})}),g.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center pointer-events-none",children:[g.jsxs("div",{className:"flex items-baseline text-[18px] leading-[22px] font-medium text-[#121212]",children:[g.jsx("div",{children:r(n.completed)}),g.jsxs("div",{className:"text-[18.18px] leading-[22.22px] text-[#121212]",children:["/",o]})]}),g.jsx("div",{className:"text-[10.1px] leading-[14.14px] text-[#64748B]",children:"Completed"})]})]}),g.jsx("div",{className:"flex-1 space-y-2",children:i.map(a=>g.jsxs("div",{className:"flex items-center justify-between text-[12px] leading-[17px] mt-[12px]",children:[g.jsxs("div",{className:"flex items-center gap-[8px]",children:[g.jsx("div",{className:"h-[7px] w-[16px]",style:{backgroundColor:a.color}}),g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:a.name})]}),g.jsx("div",{className:"text-[#64748B] text-[12px] leading-[16px] font-medium",children:a.value})]},a.name))})]})})}const LI={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 qde(e){const t=e>=12?"PM":"AM";let n=e%12;return n===0&&(n=12),`${n} ${t}`}function Gde(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 Xde(e=[]){return Array.from({length:24},(t,n)=>{const r=e.find(i=>Gde(i?.hour)===n)||{};return{hour:n,time:qde(n),walkins:Number(r?.walkins??0),approved:Number(r?.pre_approved??r?.preApproved??r?.approved??0)}})}function $I({title:e,color:t,rows:n=[],children:r}){const i=g.jsxs("div",{className:"bg-white rounded-[12px] min-w-[260px] p-[16px] border-[0.5px] border-[#EBEBEB] shadow-[0px_0px_12px_0px_#EAF2FF]",children:[g.jsx("div",{className:"flex items-center gap-[8px] font-medium text-[#121212]",children:g.jsx("div",{children:e??""})}),g.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})=>g.jsxs("div",{className:"flex justify-between text-[14px] leading-[18px]",children:[g.jsx("div",{className:"text-[#64748B]",children:o??""}),g.jsx("div",{className:"font-semibold",style:{color:s||"#121212"},children:a??0})]},o))})]});return g.jsx(bN,{placement:"right-start",interactive:!0,delay:[100,0],offset:[6,0],appendTo:()=>document.body,maxWidth:"none",render:o=>g.jsx("div",{tabIndex:"-1",...o,children:i}),children:r})}function Qde({active:e,payload:t}){return!e||!t?.length?null:g.jsx("div",{className:"rounded-[8px] bg-[#121212] px-[12px] py-[8px] text-[12px] text-white shadow-lg",children:t.map(n=>g.jsxs("div",{className:"flex items-center gap-[8px]",children:[g.jsx("span",{className:"h-2 w-2 rounded-full",style:{backgroundColor:n.stroke}}),g.jsx("span",{className:"min-w-[82px] text-[#D1D3D4]",children:n.name}),g.jsx("span",{className:"font-semibold",children:n.value})]},n.dataKey))})}function Zde({data:e}){const t=e&&Object.keys(e).length?e:LI,n=t?.visitor_summary?{totalVisitorsToday:t?.visitor_summary?.total_visitors_today??0,peakTime:t?.visitor_summary?.peak_time??"-"}:t?.visitorSummary??{},r=t?.walkins_popup_data?{walkins:{currently_inside:Number(t?.walkins_popup_data?.walkins_inside??0),total_visited_today:Number(t?.walkins_popup_data?.total_walkins??0)},preApproved:{completed_visits:Number(t?.pre_approved_popup_data?.pre_approved_check_ins??0),total_expected_today:Number(t?.pre_approved_popup_data?.total_pre_approved_check_ins??0)}}:t?.popupData??{},i=k.useMemo(()=>{const l=t?.chart_data??[];return Xde(l.length?l:LI.chart_data)},[t]),{yAxisTicks:o,yAxisMax:a}=k.useMemo(()=>{const l=Math.max(...i.map(u=>Math.max(u.walkins,u.approved))),c=l>0?l:5;return{yAxisTicks:[0,Math.ceil(c/2),c],yAxisMax:c}},[i]),s=new Date().toLocaleTimeString("en-IN",{hour:"2-digit",minute:"2-digit",hour12:!0});return g.jsx(je,{className:"h-[377px]",title:"Visitor Updates",period:`Today at ${s}`,icon:g.jsx(ug,{className:"!text-[24px] text-[#8B5CF6]"}),children:g.jsxs("div",{className:"flex flex-col gap-[24px]",children:[g.jsxs("div",{className:"grid grid-cols-2 gap-y-4 gap-x-6",children:[g.jsxs("div",{className:"flex flex-col gap-[8px]!",children:[g.jsx("div",{className:"text-[10px] text-[#64748B]",children:"Total Visitors"}),g.jsx("div",{className:"text-[20px] font-medium text-[#08B6D4]",children:n?.totalVisitorsToday??0})]}),g.jsxs("div",{className:"flex flex-col gap-[8px]!",children:[g.jsx("div",{className:"text-[10px] text-[#64748B]",children:"Peak Time"}),g.jsx("div",{className:"text-[20px] font-medium text-[#8B5CF6]",children:n?.peakTime??"-"})]}),g.jsxs("div",{className:"mt-2 flex flex-col gap-[8px]!",children:[g.jsx("div",{className:"text-[10px] text-[#64748B]",children:"Active Walk-ins"}),g.jsxs("div",{className:"flex items-baseline text-xl font-medium leading-[32px]",children:[g.jsx("div",{className:"text-[28px] text-[#1FA05B] leading-[32px]",children:r?.walkins?.currently_inside??0}),g.jsx($I,{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:g.jsxs("div",{className:"text-[#64748B] cursor-pointer text-[20px] leading-[32px]",children:["/",r?.walkins?.total_visited_today??0]})})]})]}),g.jsxs("div",{className:"mt-2 flex flex-col gap-[8px]!",children:[g.jsx("div",{className:"text-[10px] text-[#64748B]",children:"Pre-approved Check-ins"}),g.jsxs("div",{className:"flex items-baseline text-xl font-medium leading-[32px]",children:[g.jsx("div",{className:"text-[28px] text-[#E7A015] leading-[32px]",children:r?.preApproved?.completed_visits??0}),g.jsx($I,{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:g.jsxs("div",{className:"text-[#64748B] cursor-pointer text-[20px] leading-[32px]",children:["/",r?.preApproved?.total_expected_today??0]})})]})]})]}),g.jsx("div",{className:"w-full h-[149px]",children:g.jsx(xt,{width:"100%",height:"100%",children:g.jsxs($0,{data:i??[],margin:{top:5,right:0,left:0,bottom:-10},children:[g.jsx(Qn,{stroke:"#E5E7EB",strokeDasharray:"4 4",vertical:!1}),g.jsx($n,{dataKey:"time",tickFormatter:(l,c)=>c%4===0?l:"",axisLine:!1,tickLine:!1,tick:{fill:"#121212",fontSize:10,fontWeight:400}}),g.jsx(Pn,{width:24,axisLine:!1,tickLine:!1,allowDecimals:!1,ticks:o,domain:[0,a],tick:{fill:"#64748B",fontSize:10,fontWeight:400}}),g.jsx(Ct,{content:g.jsx(Qde,{})}),g.jsx(Zo,{type:"monotone",dataKey:"walkins",stroke:"#22C55E",strokeWidth:2,dot:!1,name:"Walk-ins",isAnimationActive:!1}),g.jsx(Zo,{type:"monotone",dataKey:"approved",stroke:"#F59E0B",strokeWidth:2,strokeDasharray:"5 5",dot:!1,name:"Pre-approved",isAnimationActive:!1})]})})})]})})}const Jde=({color:e})=>g.jsx("span",{style:{display:"inline-block",width:"8px",height:"8px",borderRadius:"50%",backgroundColor:e,marginRight:"6px"}}),efe=({active:e,payload:t})=>!e||!t||!t.length?null:g.jsx("div",{className:"bg-black text-white !text-[12px] px-[12px] py-[8px] rounded-[8px] shadow-lg",children:t.map((n,r)=>g.jsxs("div",{className:"capitalize flex gap-[4px] items-center leading-relaxed",children:[g.jsx(Jde,{color:n.color}),n.name,": ",g.jsx("div",{className:"font-semibold",children:n.value})]},r))});function tfe({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 g.jsx(kt,{className:"h-[362px]",title:"Access Overview",titleWeight:"semi-bold",children:g.jsxs("div",{className:"flex flex-col items-center mt-[16px]",children:[g.jsxs("div",{className:"relative w-[200px] h-[200px]",children:[g.jsx("div",{className:"absolute inset-0 flex items-center justify-center",children:g.jsx("div",{className:"w-[130px] h-[130px] rounded-full shadow-[0px_12px_35px_rgba(0,0,0,0.12)]"})}),g.jsx("div",{className:"h-[184px]",children:g.jsx(xt,{width:"100%",height:"100%",children:g.jsxs(Oi,{children:[g.jsx(Zr,{data:i,dataKey:"value",innerRadius:65,outerRadius:90,startAngle:110,endAngle:-250,paddingAngle:2,stroke:"transparent",children:i.map((a,s)=>g.jsx(gn,{fill:a.color},s))}),g.jsx(Ct,{content:g.jsx(efe,{}),wrapperStyle:{zIndex:9999}})]})})}),g.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center pointer-events-none",children:[g.jsxs("div",{className:"text-[20px] leading-[24px] font-semibold text-[#121212]",children:[o,"L"]}),g.jsx("div",{className:"text-[10px] leading-[15px] text-[#64748B]",children:"Total Access"})]})]}),g.jsx("div",{className:"mt-[32px] grid grid-cols-2 gap-x-[20px] gap-y-[12px] text-[12px] text-[#94A3B8]",children:i.map(a=>g.jsxs("div",{className:"flex items-center gap-[8px]",children:[g.jsx("div",{className:"w-[16px] h-[7px] ",style:{backgroundColor:a.color}}),g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:a.name})]},a.name))})]})})}function BI({title:e="Access",data:t=[],height:n="h-[362px]"}){const r=i=>i==null?"0":Number(i).toLocaleString();return g.jsx(kt,{className:n,title:e,titleWeight:"semi-bold",children:g.jsxs("div",{className:"rounded-[12px] overflow-hidden mt-[16px]",children:[g.jsxs("div",{className:"grid grid-cols-2 bg-[#F8FAFC] py-[8px] px-[12px] text-[12px] leading-[16px] font-medium text-[#64748B]",children:[g.jsx("div",{children:"Point"}),g.jsx("div",{className:"text-right",children:"Access"})]}),t.map((i,o)=>g.jsxs("div",{className:"grid grid-cols-2 p-[12px] text-[14px] border-t border-[#E2E8F0]",children:[g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:i.label}),g.jsx("div",{className:"text-[12px] leading-[16px] text-right font-medium",style:{color:i.color||"#000"},children:r(i.value)})]},o))]})})}function nfe({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 g.jsx(kt,{title:"Access Points Usage",titleWeight:"semi-bold",className:"h-[362px]",children:g.jsx("div",{className:"mt-[24px] h-[270px] w-full",children:g.jsx(xt,{width:"100%",height:"100%",children:g.jsxs(go,{data:n,barSize:60,margin:{top:0,right:0,left:-20,bottom:0},children:[g.jsx(Qn,{strokeDasharray:"8 8",vertical:!1}),g.jsx(_0,{y:0,stroke:"#EBEBEB",strokeDasharray:"0"}),g.jsx($n,{dataKey:"name",tick:{fontSize:12,fill:"#64748B"},axisLine:!1,tickLine:!1}),g.jsx(Pn,{tickFormatter:r,tick:{fontSize:12,fill:"#64748B"},axisLine:!1,tickLine:!1}),g.jsx(Ct,{cursor:!1}),g.jsx(Xt,{dataKey:"value",barSize:60,children:n.map((o,a)=>g.jsx(gn,{fill:o.value===i?"#3C81F6":"#79ABFF"},`cell-${a}`))})]})})})})}const rfe=({x:e,y:t,payload:n})=>{const r=n.value.split(" ");return g.jsx("g",{transform:`translate(${e},${t})`,children:g.jsx("text",{x:-85,y:0,textAnchor:"start",fill:"#121212",fontSize:14,children:r.map((i,o)=>g.jsx("tspan",{x:-85,dy:o===0?0:16,children:i},o))})})};function ife({data:e=[]}){const t=e&&e.length>0,n=e.map(r=>({name:r.category_name,value:r.total_complaints,color:"#08B6D4"}));return g.jsx(kt,{title:"Tickets per Category",className:"h-[362px]",titleWeight:"semi-bold",childrenClassName:"h-full mt-[24px]!",children:t?g.jsx("div",{className:"w-full h-[262px]",children:g.jsx(xt,{width:"100%",height:"100%",children:g.jsxs(go,{data:n,layout:"vertical",margin:{top:0,right:8,left:-20,bottom:0},children:[g.jsx(Qn,{strokeDasharray:"3 3",horizontal:!1,stroke:"#E5E7EB"}),g.jsx($n,{type:"number",tick:{fill:"#94A3B8",fontSize:12},axisLine:!0,tickLine:!1,tickMargin:10,allowDecimals:!1}),g.jsx(Pn,{type:"category",dataKey:"name",axisLine:!1,tickLine:!1,width:132,tick:g.jsx(rfe,{})}),g.jsx(Ct,{content:g.jsx(Ea,{}),cursor:{fill:"transparent"},position:{x:300,y:0}}),g.jsx(Xt,{dataKey:"value",barSize:36,fill:"#08B6D4"})]})})}):g.jsx(ir,{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 g.jsxs("div",{className:"relative bg-white !border-[0.5px] !border-[#EBEBEB] !rounded-[12px] !shadow-[0_0_12px_0_#EAF2FF] p-[16px]",children:[g.jsxs("div",{className:"flex items-center gap-[8px]",children:[e&&g.jsx("div",{className:"h-[20px] w-[20px]",style:{color:t,display:"flex",alignItems:"center",justifyContent:"center"},children:g.jsx(e,{className:"h-[20px] w-[20px]"})}),g.jsx("div",{className:"text-[16px] leading-[20px] font-medium text-[#64748B]",children:n})]}),g.jsx("div",{className:"mt-[16px] text-[28px] leading-[32px] font-medium text-[#121212]",children:r}),(i||o)&&g.jsxs("div",{className:"mt-[12px] flex items-center gap-[8px]",children:[i&&g.jsxs("div",{className:"flex items-center gap-[4px] text-[12px] leading-[16px] font-medium",style:{color:l},children:[s?g.jsx(Sa,{}):g.jsx(_a,{}),Math.abs(a),"%"]}),o&&g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:o})]})]})}const afe=({data:e=[],onDateChange:t})=>{const[n,r]=k.useState(new Date),[i,o]=k.useState(!1),s=(v=>{const b=new Date(v);return b.setDate(b.getDate()-6),b})(n),l=v=>{try{return v.toLocaleDateString("en-GB",{day:"2-digit",month:"short"})}catch{return""}},c=v=>{const b=new Date(v),S=new Date(b);S.setDate(S.getDate()-6),t&&t(S.toISOString(),b.toISOString())},u=()=>{const v=new Date(n);v.setDate(v.getDate()-7),r(v),c(v)},d=()=>{const v=new Date(n);v.setDate(v.getDate()+7),r(v),c(v)},f=()=>{o(v=>!v)},p=v=>{const b=v||new Date;r(b),c(b),o(!1)},h=Array.isArray(e)?e:[],m=!h.length||h.every(v=>v.no_of_visitors===0);return g.jsxs(kt,{title:"Weekly Visitor Pattern",period:`${l(s)} - ${l(n)}`,isDateSelector:!0,titleWeight:"semi-bold",className:"h-[360px]",childrenClassName:"mt-6",onPrevClick:u,onNextClick:d,onCalendarClick:f,children:[i&&g.jsx("div",{className:"anarock-datepicker absolute top-[70px] right-[24px] z-50",children:g.jsx(wS,{selected:n,onChange:p,inline:!0,maxDate:new Date,showYearDropdown:!0,scrollableYearDropdown:!0,yearDropdownItemNumber:40})}),m?g.jsx("div",{className:"w-full h-[280px] flex items-center justify-center",children:g.jsx(ir,{title:"No Visitors Found",description:"Catch up all the data. Change the date range to see the data."})}):g.jsx("div",{className:"w-full h-[280px]",children:g.jsx(xt,{width:"100%",height:"100%",children:g.jsxs(MT,{data:h,margin:{top:10,right:-10,left:-10,bottom:0},children:[g.jsx("defs",{children:g.jsxs("linearGradient",{id:"colorVisitors",x1:"0",y1:"0",x2:"0",y2:"1",children:[g.jsx("stop",{offset:"0%",stopColor:"#6366F1",stopOpacity:.25}),g.jsx("stop",{offset:"100%",stopColor:"#6366F1",stopOpacity:0})]})}),g.jsx(Qn,{strokeDasharray:"3 3",vertical:!1,stroke:"#F1F5F9"}),g.jsx($n,{dataKey:"day",type:"category",scale:"point",padding:{left:20,right:20},tick:{fontSize:12,fill:"#64748B"},axisLine:!0,tickLine:!1,tickFormatter:v=>new Date(v).toLocaleDateString("en-GB",{day:"2-digit",month:"short"})}),g.jsx(Pn,{width:35,tick:{fontSize:12,fill:"#64748B"},axisLine:!1,tickLine:!1,allowDecimals:!1,domain:[0,"dataMax + 2"]}),g.jsx(Ct,{cursor:!1,content:({active:v,payload:b,label:S,coordinate:w})=>{if(!v||!b?.length)return null;const x=new Date(S).toLocaleDateString("en-GB",{day:"2-digit",month:"short"}),O=b[0]?.payload===h[h.length-1]?w.x-70:w.x;return g.jsx("div",{style:{position:"absolute",transform:`translate(${O}px, ${w.y-40}px)`,pointerEvents:"none",zIndex:99999},children:g.jsx(Oa,{active:v,payload:b,label:x})})}}),g.jsx(P0,{type:"monotone",dataKey:"no_of_visitors",stroke:"#6366F1",strokeWidth:2,fill:"url(#colorVisitors)",dot:{r:5,stroke:"#6366F1",strokeWidth:2,fill:"#fff"},activeDot:v=>{const{cx:b,cy:S,stroke:w}=v;return g.jsxs("g",{children:[g.jsx("circle",{cx:b,cy:S,r:6,fill:"#fff",stroke:"#6466F1",strokeWidth:2}),g.jsx("circle",{cx:b,cy:S,r:2.5,fill:"#6466F1"})]})}})]})})})]})},sfe=[{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}],lfe=({data:e})=>{const t=Array.isArray(e)&&e?.length===0,n=e==null?sfe:Array.isArray(e)?e:[];return g.jsx(kt,{title:"Organisation Wise Visitors",titleWeight:"semi-bold",className:"h-[360px]",childrenClassName:"mt-6",children:g.jsx("div",{className:"w-full h-[260px] flex items-center justify-center",children:t?g.jsx(ir,{title:"No Visitors Found",description:"Catch up all the data. Change the date range to see the data."}):g.jsx(xt,{width:"100%",height:"100%",children:g.jsxs(go,{data:n||[],margin:{top:10,right:10,left:10,bottom:-10},barCategoryGap:35,children:[g.jsx(Qn,{strokeDasharray:"3 3",vertical:!1,stroke:"#F1F5F9"}),g.jsx($n,{dataKey:"building_name",tick:{fontSize:12,fill:"#64748B"},axisLine:!0,tickLine:!1}),g.jsx(Pn,{width:40,tick:{fontSize:12,fill:"#64748B"},axisLine:!1,tickLine:!1,allowDecimals:!1}),g.jsx(Ct,{cursor:!1,content:g.jsx(Oa,{})}),g.jsx(Xt,{dataKey:"no_of_visitors",name:"Visitors",maxBarSize:55,fill:"#3C81F6"})]})})})})};function cfe({data:e}){return g.jsx("div",{className:"h-full",children:e.map((t,n)=>{const r=parseFloat(t.delta),i=r>=0;return g.jsx(je,{iconClassName:"!gap-[8px]",title:g.jsx("div",{className:"text-[#64748B]",children:t.title}),icon:g.jsx(t.Icon,{className:"h-[20px] w-[20px]",style:{color:t.iconColor||"#000000"}}),className:`${t?.widget==="amenities"?"h-[139px]":"h-[124px]"}`,children:g.jsxs("div",{className:`flex flex-col gap-[8px] ${t?.widget==="amenities"?"mt-[3.5px]":"mt-0"}`,children:[g.jsx("div",{className:"text-[28px] leading-[32px] font-medium text-[#121212]",children:t.value}),g.jsxs("div",{className:`flex items-center text-[12px] leading-[16px] ${t.delta?"gap-[8px]":""}`,children:[t.delta&&g.jsxs("div",{className:`flex items-center gap-[4px] px-[6px] py-[2px] rounded-[4px] font-medium
372
+ */const Yue=Ii("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"}]]),kt=({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,rightContent:f,onCalendarClick:p,onPrevClick:h,onNextClick:m})=>{const v=s==="semi-bold"?600:500;return g.jsxs("div",{className:`relative bg-white p-[24px] !border-[0.5px] !border-[#EBEBEB] !rounded-[12px] !shadow-[0_0_12px_0_#EAF2FF] ${a}`,children:[g.jsxs("div",{className:"flex items-center justify-between",children:[g.jsxs("div",{className:"flex items-center gap-[8px]",children:[t&&g.jsx("div",{className:c,children:t}),g.jsx("div",{style:{fontWeight:v,color:l||"#121212"},className:u||"text-[20px] leading-[24px]",children:e})]}),g.jsxs("div",{className:"flex items-center gap-[12px]",children:[f&&f,n&&!r&&g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:n}),r&&g.jsxs("div",{className:"flex items-center gap-[12px] px-[16px] py-[8px] rounded-[8px] bg-white text-sm text-[#64748B]",children:[g.jsx($ue,{size:16,className:"text-[#64748B] cursor-pointer",onClick:p}),g.jsx(MI,{size:16,className:"cursor-pointer",onClick:h}),g.jsx("span",{className:"text-[12px] leading-[16px] text-[#64748B]",children:n}),g.jsx(NI,{size:16,className:"cursor-pointer",onClick:m})]})]})]}),g.jsx("div",{className:`flex-1 min-h-0 mt-4 ${d}`,children:i}),o&&g.jsx("div",{className:"mt-4 pt-4 border-t border-gray-100 text-[12px] text-[#64748B]",children:o})]})},Uue={completed:18,not_completed:6,missed:4};function Kue({data:e={}}){const t=e&&Object.keys(e).length>0?e:Uue,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 g.jsx(kt,{title:"Guard Patrols",className:"h-[362px]",titleWeight:"semi-bold",children:g.jsxs("div",{className:"flex flex-col items-center justify-center",children:[g.jsxs("div",{className:"w-[215px] h-[182px] relative",children:[g.jsx(xt,{width:"100%",height:"100%",children:g.jsxs(Oi,{children:[g.jsx(Zr,{data:n??[],innerRadius:60,outerRadius:90,paddingAngle:2,dataKey:"value",nameKey:"name",children:n?.map?.((o,a)=>g.jsx(gn,{fill:o?.color??"#ccc"},`cell-${a}`))}),g.jsx(Ct,{content:g.jsx(DI,{}),wrapperStyle:{zIndex:9999}})]})}),g.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center pointer-events-none",children:[g.jsxs("div",{className:"font-medium text-[19.35px] leading-[23.65px]",children:[i??0,"/",r??0]}),g.jsx("div",{className:"text-[10.75px] leading-[15.05px] text-[#64748B]",children:"Completed"})]})]}),g.jsx("div",{className:"flex flex-col w-full text-[14px]",children:n?.length?n?.map?.((o,a)=>g.jsxs("div",{className:`flex items-center justify-between py-[10px] ${a!==(n?.length??0)-1?"border-b border-[#F1F5F9]":""}`,children:[g.jsxs("div",{className:"flex items-center gap-[10px]",children:[g.jsx("div",{className:"inline-block w-[16px] h-[7px]",style:{backgroundColor:o?.color??"#ccc"}}),g.jsx("div",{className:"leading-[16.09px] text-[12.07px] text-[#64748B]",children:o?.name??"-"})]}),g.jsx("div",{className:"leading-[16.09px] text-[12.07px] text-[#64748B]",children:o?.value??0})]},o?.name??a)):g.jsx("div",{className:"text-center text-gray-400 text-sm py-[24px]",children:"No patrol data"})})]})})}Bn.register(Co,ko,i1,r1,Vr,ti);const que=["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]},Gue=[{key:"Guest",datasetIndex:0,color:"#EF4444"},{key:"Cab",datasetIndex:1,color:"#7C3AED"},{key:"Delivery",datasetIndex:2,color:"#10B981"},{key:"Service",datasetIndex:3,color:"#F59E0B"}],Xue=({color:e,size:t=12})=>g.jsx("svg",{width:t,height:t,viewBox:"0 0 12 12",style:{display:"block",flexShrink:0},children:g.jsx("rect",{x:"1",y:"1",width:"10",height:"10",rx:"0",fill:e,transform:"rotate(45 6 6)"})}),Que=({chartRef:e})=>{const[t,n]=k.useState({}),r=i=>{const o=e.current;if(!o)return;const a=o.getDatasetMeta(i),s=!!a.hidden;a.hidden=!s,o.update(),n(l=>({...l,[i]:!s}))};return g.jsx("div",{style:{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",gap:"76px",marginTop:"10px",paddingBottom:"8px",flexWrap:"wrap"},children:Gue.map(({key:i,datasetIndex:o,color:a})=>{const s=!!t[o];return g.jsxs("div",{onClick:()=>r(o),style:{display:"flex",alignItems:"center",gap:"6px",cursor:"pointer",userSelect:"none",opacity:s?.45:1,transition:"opacity 0.2s ease"},children:[g.jsx(Xue,{color:a,size:12}),g.jsx("span",{style:{fontSize:"13px",color:"#64748B",fontWeight:400,lineHeight:1,textDecoration:s?"line-through":"none",transition:"text-decoration 0.15s ease"},children:i})]},i)})})},Zue=({data:e})=>{const t=k.useRef(null),r={labels:Array.isArray(e?.labels)&&e.labels.length>0?e.labels:que,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}]},i={responsive:!0,maintainAspectRatio:!1,interaction:{mode:"index",intersect:!1},plugins:{legend:{display:!1},tooltip:{backgroundColor:"#0F172A",titleColor:"#FFFFFF",bodyColor:"#FFFFFF",displayColors:!1,padding:12,caretSize:0,callbacks:{title:o=>o[0].label,label:o=>`${o.dataset.label} ${o.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 g.jsxs(je,{title:"Hourly Traffic Flow",className:"w-full h-[362px]",children:[g.jsx("div",{style:{height:"calc(100% - 44px)",width:"100%"},children:g.jsx(l1,{ref:t,data:r,options:i})}),g.jsx(Que,{chartRef:t})]})},Jue={open:4,in_progress:7,closed:12},ede=[{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 tde({incidentReports:e={},incidentReportsDetails:t=[]}){const n=e&&Object.keys(e).length>0?e:Jue,r=Array.isArray(t)?t:ede,i=Number(n?.open??0),o=Number(n?.in_progress??0),a=Number(n?.closed??0);return g.jsx(kt,{title:"Incident Reports",className:"h-[362px]",titleWeight:"semi-bold",children:g.jsxs("div",{children:[g.jsxs("div",{className:"flex w-full text-center gap-[24px]",children:[g.jsxs("div",{className:"flex-1 py-[12px] bg-[#FBF4F4] h-[76px] rounded",children:[g.jsx("div",{className:"!text-[24px] leading-[28px] font-medium text-[#AB0000]",children:i??0}),g.jsx("div",{className:"!text-[12px] leading-[16px] text-[#AB0000]",children:"Open"})]}),g.jsxs("div",{className:"flex-1 py-[12px] bg-[#FFFBF2] h-[76px] rounded",children:[g.jsx("div",{className:"!text-[24px] leading-[28px] font-medium text-[#E7A015]",children:o??0}),g.jsx("div",{className:"!text-[12px] leading-[16px] text-[#E7A015]",children:"In-progress"})]}),g.jsxs("div",{className:"flex-1 py-[12px] bg-[#F7FEFA] h-[76px] rounded",children:[g.jsx("div",{className:"!text-[24px] leading-[28px] font-medium text-[#1FA05B]",children:a??0}),g.jsx("div",{className:"!text-[12px] leading-[16px] text-[#1FA05B]",children:"Closed"})]})]}),g.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 g.jsxs("div",{className:"flex items-center justify-between p-[12px] bg-[#FAFBFD] rounded-md",children:[g.jsx("div",{className:"flex items-center gap-[8px]",children:g.jsx("div",{className:"text-gray-700 font-medium",children:s?.incident_code??"-"})}),g.jsx("div",{className:`!text-[12px] font-semibold flex items-center gap-[4px] ${c}`,children:g.jsxs("div",{children:[s?.severity_level??"-"," - ",s?.severity??"-"]})})]},l)}):g.jsx("div",{className:"text-center text-gray-400 text-sm py-[24px]",children:"No incidents found"})})]})})}const nde=[{total_staff:42,absent_staff:6}],rde=[{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 ide({staffPresentAbsent:e,staffPresentByRole:t}){const n=Array.isArray(e)&&e.length>0?e:nde,r=Array.isArray(t)&&t.length>0?t:rde,i=n?.[0]?.total_staff??0,o=n?.[0]?.absent_staff??0,a=(i??0)-(o??0);return g.jsx(kt,{title:"Staff Attendance",className:"h-[362px] overflow-hidden ",titleWeight:"semi-bold",children:g.jsxs("div",{children:[g.jsxs("div",{className:"flex gap-[16px] text-center mt-[24px]",children:[g.jsxs("div",{className:"flex-1 py-[12px] bg-[#F7FEFA] rounded h-[76px]",children:[g.jsx("div",{className:"text-[24px] font-medium text-[#1FA05B]",children:a??0}),g.jsx("div",{className:"text-[12px] text-[#1FA05B]",children:"Present"})]}),g.jsxs("div",{className:"flex-1 py-[12px] bg-[#FBF4F4] rounded h-[76px]",children:[g.jsx("div",{className:"text-[24px] font-medium text-[#AB0000]",children:o??0}),g.jsx("div",{className:"text-[12px] text-[#AB0000]",children:"Absent"})]})]}),g.jsx("div",{className:"mt-[24px] pb-[16px] space-y-[8px] 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 g.jsxs("div",{className:"flex items-center justify-between p-[12px] bg-[#F8FAFC] rounded-md",children:[g.jsx("div",{className:"text-[#121212] text-[14px] leading-[18px] font-medium",children:s?.staff_role_name??"-"}),g.jsxs("div",{className:"text-[14px] leading-[20px] text-[#64748B]",children:[u??0,"/",c??0]})]},l)}):g.jsx(g.Fragment,{})})]})})}function ode(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 ade({title:e,value:t,delta:n,deltaLabel:r,positive:i=!0,Icon:o=Gl,iconColor:a="text-emerald-600",iconBg:s="bg-emerald-50"}){return g.jsxs(je,{title:e,icon:g.jsx("div",{className:"h-6 w-6 grid place-items-center",children:g.jsx(o,{className:`h-6 w-6 ${a}`})}),children:[g.jsx("div",{className:"text-4xl font-semibold tracking-tight text-[#121212]",children:t}),g.jsxs("div",{className:"flex items-center gap-[8px] text-[14px]",children:[g.jsx("div",{className:i?"text-emerald-600 font-medium":"text-rose-600 font-medium",children:n}),g.jsx("div",{className:"text-slate-500",children:r})]})]})}const sde=[{title:"Total Visitors",value:160,delta:"+11.0%",deltaLabel:"Compared to last month",positive:!0,Icon:pg,iconColor:"text-[#329DFF]"},{title:"Active Incidents",value:73,delta:"+2.0%",deltaLabel:"Compared to last month",positive:!0,Icon:Wie,iconColor:"text-[#F69E0A]"},{title:"Missed Patrols",value:3,delta:"+11.0%",deltaLabel:"Compared to last month",positive:!0,Icon:ode,iconColor:"text-[#AB0000]"},{title:"Parking Usage",value:5,delta:"-8.0%",deltaLabel:"Compared to last month",positive:!1,Icon:s3,iconColor:"text-[#36AB6C]"}];function lde({data:e}){const t=Array.isArray(e)&&e.length>0?e:sde;return g.jsx("div",{className:"px-[20px] grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-[24px]",children:t.map((n,r)=>g.jsx(ade,{...n},r))})}const cde=[{title:"Maintenance",total:12,pending:3},{title:"Security",total:8,pending:1},{title:"Housekeeping",total:6,pending:2},{title:"Utilities",total:10,pending:4}],ude=(e="")=>e.replace(/&lt;/g,"<").replace(/&gt;/g,">").replace(/<[^>]*>/g,"").trim();function dde({data:e}){const t=Array.isArray(e?.complaints_by_category)&&e.complaints_by_category.length>0?e.complaints_by_category.map(n=>({title:ude(n.category_name)||"—",total:n.total||0,pending:n.pending||0})):cde;return g.jsx(je,{title:"Complaints",className:"h-[362px]",titleWeight:"semi-bold",titleClassName:"!text-[20px] !leading-[24px]",children:g.jsx("div",{className:"flex flex-col gap-[12px]",children:t.map((n,r)=>g.jsxs("div",{className:"flex items-center justify-between bg-[#F9FAFB] rounded-[8px] p-[12px] h-[62px]",children:[g.jsxs("div",{className:"flex flex-col",children:[g.jsx("div",{className:"text-[14px] leading-[18px] font-medium text-[#121212] capitalize",children:n.title}),g.jsxs("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:["Total: ",n.total]})]}),g.jsxs("div",{className:"flex flex-col items-end",children:[g.jsx("div",{className:"text-[14px] leading-[18px] font-medium text-red-700",children:String(n.pending).padStart(2,"0")}),g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:"Pending"})]})]},r))})})}const fde=e=>{const t={0:"𝟎",1:"𝟏",2:"𝟐",3:"𝟑",4:"𝟒",5:"𝟓",6:"𝟔",7:"𝟕",8:"𝟖",9:"𝟗"};return String(e).split("").map(n=>t[n]||n).join("")},pde=[{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}],hde=({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 g.jsxs("div",{style:{backgroundColor:"#0B0B0B",padding:"14px 40px 14px 18px",borderRadius:"10px",color:"#ffffff"},children:[g.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=fde(a);return g.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:o<r.length-1?"8px":"0",fontSize:"12px"},children:[g.jsx("div",{style:{width:"8px",height:"8px",backgroundColor:i.color,transform:"rotate(45deg)",marginRight:"8px"}}),g.jsx("span",{style:{color:"D1D3D4",minWidth:"100px"},children:i.label}),g.jsx("span",{style:{marginLeft:"auto",fontWeight:"700"},children:s})]},i.key)})]})},mde=()=>{const e=[{label:"Open",color:"#EF4444"},{label:"In Progress",color:"#F59D0D"},{label:"Closed",color:"#12B981"}];return g.jsx("div",{style:{display:"flex",justifyContent:"space-between",gap:"15px"},children:e.map(t=>g.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"6px"},children:[g.jsx("div",{style:{width:"6px",height:"6px",backgroundColor:t.color,transform:"rotate(45deg)"}}),g.jsx("span",{style:{fontSize:"14px"},children:t.label})]},t.label))})},gde=({data:e})=>{const t=k.useMemo(()=>(Array.isArray(e?.complaints_by_level)&&e.complaints_by_level.some(l=>Number(l.total)>0)?e.complaints_by_level:pde).map(l=>({level:l.level||"—",open_count:Number(l.open_count)||0,in_progress_count:Number(l.in_progress_count)||0,closed_count:Number(l.closed_count)||0,total:Number(l.total)||0})),[e]),n=k.useMemo(()=>Math.max(...t.map(a=>a.total),5),[t]),r=Math.ceil(n*1.2),i=6,o=Math.max(Math.ceil(n/i),1);return g.jsxs(je,{title:"Complaints by Level",className:"w-full h-[362px]",titleWeight:"semi-bold",titleClassName:"!text-[20px] !leading-[24px]",children:[g.jsx(xt,{width:"100%",height:"85%",children:g.jsxs(go,{data:t,margin:{top:5,right:-25,left:-30,bottom:5},children:[g.jsx(Qn,{strokeDasharray:"0",vertical:!1}),g.jsx($n,{dataKey:"level"}),g.jsx(Pn,{domain:[0,r],ticks:Array.from({length:i+1},(a,s)=>s*o)}),g.jsx(Ct,{content:g.jsx(hde,{}),cursor:!1}),g.jsx(Xt,{dataKey:"open_count",stackId:"a",fill:"#EF4444",barSize:44,radius:[0,0,0,0]}),g.jsx(Xt,{dataKey:"in_progress_count",stackId:"a",fill:"#F59D0D",barSize:44,radius:[0,0,0,0]}),g.jsx(Xt,{dataKey:"closed_count",stackId:"a",fill:"#12B981",barSize:44,radius:[0,0,0,0]})]})}),g.jsx(mde,{})]})},vde=[{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 yde({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})):vde;return g.jsx(je,{title:"Request Box",className:"h-[362px]",titleWeight:"semi-bold",titleClassName:"!text-[20px] !leading-[24px]",children:g.jsx("div",{className:"flex flex-col gap-[12px]",children:t.map((n,r)=>g.jsxs("div",{className:"flex items-center justify-between bg-[#F9FAFB] rounded-[8px] p-[12px] h-[62px]",children:[g.jsxs("div",{className:"flex flex-col",children:[g.jsx("div",{className:"text-[14px] leading-[18px] font-medium text-[#121212] capitalize",children:n.title}),g.jsxs("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:["Total: ",n.total]})]}),g.jsxs("div",{className:"flex flex-col items-end",children:[g.jsx("div",{className:"text-[14px] leading-[18px] font-medium text-red-700",children:String(n.pending).padStart(2,"0")}),g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:"Pending"})]})]},`${n.title}-${r}`))})})}function bde(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 xde=["open_complaints","pending_requests","avg_response_time","resolution_rate"],wde={open_complaints:{title:"Open Complaints",Icon:PS,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:g3,iconColor:"#1FA05B",deltaLabel:"Compared to last month"},resolution_rate:{title:"Resolution Rate",Icon:f3,iconColor:"#329DFF",deltaLabel:"Compared to last month"}},_de=({children:e,size:t=28,lineHeight:n=32,weight:r=500,color:i="#121212"})=>g.jsx("div",{style:{fontWeight:r,fontSize:`${t}px`,lineHeight:`${n}px`,color:i},children:e}),Sde={primary:{size:28,lineHeight:32,weight:500}},Ede={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 Ode({id:e,data:t}){return e&&t&&!t[e]&&t.current!==void 0?g.jsx(jI,{id:e,data:t}):g.jsx("div",{className:"px-[20px] grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-[16px]",children:xde.map(n=>g.jsx(jI,{id:n},n))})}function jI({id:e,data:t}){const n=wde[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=Gl,iconColor:a,deltaLabel:s}=n,l=t&&Object.keys(t).length>0?t:Ede[e],c=r(e,l?.current),u=l?.trend_percent??"—";return l?.direction==="good"||l?.direction,g.jsx("div",{className:"h-[132px]",children:g.jsxs(je,{title:i,titleColor:a,icon:g.jsx("div",{className:"h-[20px] w-[20px] flex items-center justify-center",children:g.jsx(o,{className:"h-[20px] w-[20px]",style:{color:a}})}),childrenClassName:"!space-y-[12px]",iconClassName:"!gap-[12px]",children:[g.jsx(_de,{...Sde.primary,children:c}),g.jsxs("div",{className:"flex items-center gap-[8px] text-[12px] leading-[16px]",children:[g.jsx(uc,{value:u}),g.jsx("div",{className:"text-[#64748B] text-[12px] leading-[16px]",children:s})]})]})})}const Cde=[{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 kde({title:e,date:t,rsvp:n,utilisation:r,status:i}){return g.jsxs("div",{className:" bg-[#F8FAFC] h-[106px] px-[12px] mt-3",children:[g.jsxs("div",{className:"flex items-center justify-between",children:[g.jsx("div",{className:"text-[16px] leading-[20px] font-semibold text-[#121212]",children:e}),g.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})]}),g.jsx("div",{className:"text-[14px] leading-[18px] text-[#64748B]",children:t}),g.jsxs("div",{className:"flex justify-between items-center mt-2",children:[g.jsxs("div",{className:"text-[14px] leading-[18px] text-[#64748B]",children:[n," RSVP"]}),g.jsxs("div",{className:"text-[#3C82F6] text-[14px] leading-[18px] font-medium",children:[r,"% utilisation"]})]}),g.jsx("div",{className:"w-full bg-[#F8FAFC] h-[6px] rounded mt-2 mb-3",children:g.jsx("div",{className:"h-[6px] rounded bg-[#3C82F6]",style:{width:`${r}%`}})})]})}function Pde({data:e}){const t=Array.isArray(e)?e:Cde;return g.jsx(je,{title:"Events Utilisation",className:"w-full h-[360px] overflow-y-auto hide-scrollbar",children:g.jsx("div",{className:"m-auto",children:t?.length>0?t.map((n,r)=>g.jsx(kde,{...n},`${n.title}-${r}`)):g.jsx("div",{className:"h-full flex items-center justify-center",children:g.jsx(ir,{})})})})}const Dde=[{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 Ade({label:e,value:t,subLabel:n,bgColor:r,textColor:i}){return g.jsxs("div",{className:`rounded-[8px] p-[16px] ${r} h-[124px]`,children:[g.jsx("div",{className:`text-[16px] font-medium ${i} leading-[20px]`,children:e}),g.jsx("div",{className:"mt-4 text-[28px] leading-[32px] font-semibold text-[#121212]",children:t}),g.jsx("div",{className:"!text-[12px] leading-[16px] text-[#64748B] mt-2",children:n})]})}function Tde({data:e}){const t=Array.isArray(e)&&e.length>0?e:Dde;return g.jsx(je,{title:"Notice Board Status",className:"w-full h-[360px]",children:g.jsx("div",{className:"grid grid-cols-2 gap-[16px]",children:t.map((n,r)=>g.jsx(Ade,{...n},`${n.label}-${r}`))})})}function Mde(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 Nde({title:e,value:t,delta:n,deltaLabel:r,positive:i=!0,Icon:o=Gl,iconColor:a="text-emerald-600",iconBg:s="bg-emerald-50",iconUrl:l}){return g.jsx(je,{title:e,icon:g.jsx("div",{className:"grid place-items-center ",children:l?g.jsx("img",{src:l,alt:"icon",className:"h-8 w-8 object-contain"}):g.jsx(o,{className:`h-8 w-8 ${a}`})}),className:"h-[132px]",children:g.jsxs("div",{children:[g.jsx("div",{className:"text-[28px] leading-[32px] font-medium text-[#121212]",children:t}),g.jsxs("div",{className:"flex items-center gap-[8px] pt-[8px] !text-[12px] leading-[16px]",children:[g.jsx(uc,{value:n}),g.jsx("div",{className:"text-[#64748B]",children:r})]})]})})}function jde({data:e}){const t=[{title:e?.title||"Total Bookings",value:e?.value??0,delta:e?.delta??"0%",deltaLabel:e?.deltaLabel||"Compared to last month",positive:e?.positive??!1,Icon:e?.Icon,iconUrl:e?.iconUrl,iconColor:e?.iconColor||"text-emerald-600",iconBg:e?.iconBg||"bg-emerald-50"}];return g.jsx("div",{className:"h-full",children:t.map((n,r)=>g.jsx(Nde,{...n},r))})}function Ide(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 Rde({title:e,value:t,delta:n,deltaLabel:r,positive:i=!0,Icon:o=Gl,iconColor:a="text-emerald-600",iconBg:s="bg-emerald-50"}){return g.jsx(je,{title:e,icon:g.jsx("div",{className:`h-6 w-6 grid place-items-center rounded-md ${s}`,children:g.jsx(o,{className:`h-4 w-4 ${a}`})}),className:"h-[132px]",children:g.jsxs("div",{children:[g.jsx("div",{className:"text-[28px] leading-[32px] font-medium text-[#121212]",children:t}),g.jsxs("div",{className:"flex items-center gap-[8px] pt-[8px] !text-[12px] leading-[16px]",children:[g.jsx("div",{className:i?"text-[#1FA05B] font-medium":"text-rose-600 font-medium",children:n}),g.jsx("div",{className:"text-[#64748B]",children:r})]})]})})}const Fde=[{title:"Notice",value:160,delta:"+11.0%",deltaLabel:"Compared to last month",positive:!0,Icon:Mde,iconColor:"text-emerald-600",iconBg:"bg-emerald-50"},{title:"Post",value:83,delta:"+2.0%",deltaLabel:"Compared to last month",positive:!0,Icon:l3,iconColor:"text-[#329DFF]",iconBg:"bg-emerald-50"},{title:"Poll",value:3,delta:"+11.0%",deltaLabel:"Compared to last month",positive:!0,Icon:$ie,iconColor:"text-[#FA7E28]",iconBg:"bg-orange-100"},{title:"Poll",value:5,delta:"-8.0%",deltaLabel:"Compared to last month",positive:!1,Icon:Ide,iconColor:"text-[#DBB467]",iconBg:"bg-yellow-100"}];function Lde({data:e}){const t=Array.isArray(e)&&e.length>0?e:Fde;return g.jsx("div",{className:"px-[20px] grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-[24px]",children:t.map((n,r)=>g.jsx(Rde,{...n},r))})}const II=({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 g.jsxs("div",{className:"flex flex-col items-start",children:[g.jsx("div",{className:"w-2/3 min-w-[80px] h-5 rounded-full overflow-hidden",children:g.jsx("div",{className:`h-[11px] rounded-full ${n||""}`,style:{width:n==="bg-[#12B981]"?`${a+45}%`:`${a}%`}})}),g.jsx("div",{className:`${s} !text-[12px] font-bold mt-1`,children:i??0}),g.jsx("div",{className:"!text-[12px] leading-[16px] text-[#64748B] mt-1",children:r??""})]})},$de=({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 g.jsx("div",{children:g.jsxs("div",{className:"bg-white !border-[0.5px] !border-[#EBEBEB] rounded-[12px] shadow-[0_0_12px_0_#EAF2FF] p-[16px] h-[128px]",children:[g.jsxs("div",{className:"flex items-center gap-[12px] h-[20px]",style:{marginBottom:"24px"},children:[g.jsx(pg,{className:"!text-[20px] text-[#329DFF]"}),g.jsx("div",{className:"font-medium text-[#121212] text-[16px] leading-[20px]",children:"Occupancy Overview"})]}),g.jsxs("div",{className:"flex items-start justify-between",children:[g.jsxs("div",{className:"flex flex-col gap-[4px]",children:[g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B] font-normal",children:"Total Occupants"}),g.jsx("div",{className:"text-[28px] leading-[32px] font-medium text-[#121212]",children:i??0})]}),g.jsxs("div",{className:"flex items-end gap-[4px]",children:[g.jsx(II,{value:o??0,total:s||1,colorClass:"bg-[#3C81F6]",label:(o??0)<=1?"Employee":"Employees"}),g.jsx(II,{value:a??0,total:s||1,colorClass:"bg-[#8B5CF6]",label:(a??0)<=1?"Admin":"Admins"})]})]})]})})};Bn.register(Co,ko,Al,Vr);const Bde=()=>{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 g.jsxs(je,{className:"w-full h-[238px]",title:"Employee Footfall (Static Data)",period:"Today",icon:g.jsx(Lue,{className:"!text-[24px] text-[#8B5CF6]"}),children:[g.jsxs("div",{className:"mb-[10px] mt-[8px] flex flex-col gap-[4px]!",children:[g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:"Employees Inside"}),g.jsx("div",{className:"text-[20px] leading-[24px] font-medium text-[#3C81F6]",children:"7,500"})]}),g.jsx("div",{className:"h-[110px]",children:g.jsx(Tl,{data:t,options:n})})]})},Wde="₹",RI=["bg-blue-500","bg-red-500","bg-purple-700"],fs={title:"Food & Beverages (Static Data)",period:"Today",summary:{totalOrders:247,revenueGenerated:"82K",growthPercentage:8,growthTotalPercentage:0},outlets:[{name:"HP",orders:120,revenue:"45K",percentage:70,color:"bg-[#3C81F6]"},{name:"Adobe",orders:85,revenue:"23K",percentage:50,color:"bg-[#3C81F6]"},{name:"Anarock",orders:42,revenue:"14K",percentage:25,color:"bg-[#3C81F6]"}]};function qh(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 FI(e){if(e==null||e==="")return"0";if(typeof e=="number")return MS(e);const t=Number(e);return Number.isNaN(t)?String(e):MS(t)}function zde(e){const t=e?.food_beverage_summary?{title:e?.title,period:e?.period,summary:{totalOrders:e?.food_beverage_summary?.total_orders,revenueGenerated:e?.food_beverage_summary?.revenue_generated,growthPercentage:e?.food_beverage_summary?.growth_percentage??e?.food_beverage_summary?.revenue_growth,growthTotalPercentage:e?.food_beverage_summary?.order_growth,currencyType:e?.food_beverage_summary?.currency_type},outlets:e?.chart_data}:e||{},n=t?.summary||{},i=(Array.isArray(t?.outlets)?t.outlets:[]).map((f,p)=>({name:f?.name||f?.outlet_name||f?.tenant_name||f?.company_name||"Unknown",orders:f?.orders??f?.total_orders??f?.count??0,revenue:f?.revenue??f?.revenue_generated??f?.total_revenue??0,percentage:f?.percentage,color:f?.color||RI[p%RI.length]})),o=n?.totalOrders??n?.orders??fs.summary.totalOrders,a=n?.revenueGenerated??n?.revenue??fs.summary.revenueGenerated,s=qh(n?.growthPercentage??n?.revenueGrowth,fs.summary.growthPercentage),l=qh(n?.growthTotalPercentage??n?.orderGrowth,fs.summary.growthTotalPercentage),c=n?.currencyType||n?.currency||Wde,u=i.reduce((f,p)=>f+(Number(p?.orders)||0),0),d=i.map(f=>({...f,percentage:f?.percentage!==null&&f?.percentage!==void 0?Number(f.percentage)||0:u>0?Math.round((Number(f?.orders)||0)/u*100):0}));return{title:t?.title||fs.title,period:t?.period||fs.period,summary:{totalOrders:o,revenueGenerated:a,growthPercentage:s,growthTotalPercentage:l,currencyType:c},outlets:d.length>0?d:fs.outlets}}function Vde({data:e,title:t,period:n,icon:r}){const i=zde(e),o=t||i.title,a=n||i.period,s=r||g.jsx(Hue,{className:"!text-[24px] text-[#FA7E28]"}),l=i.summary.totalOrders??0,c=FI(i.summary.revenueGenerated),u=qh(i.summary.growthPercentage,0),d=qh(i.summary.growthTotalPercentage,0),f=u>=0,p=d>=0;return g.jsx(je,{className:"h-[324px]",title:o,period:a,icon:s,children:g.jsxs("div",{className:"flex flex-col h-full",children:[g.jsxs("div",{className:"flex gap-[24px]",children:[g.jsxs("div",{className:"w-[65%] flex flex-col gap-[8px]!",children:[g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:"Total Orders"}),g.jsx("div",{className:"text-[28px] leading-[32px] font-medium text-[#8B5CF6]",children:l}),g.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?g.jsx(Sa,{}):g.jsx(_a,{}),d,"%",g.jsx("span",{children:"from last month"})]})]}),g.jsxs("div",{className:"w-[30%] flex flex-col gap-[8px] ",children:[g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B] whitespace-nowrap",children:"Revenue Generated"}),g.jsxs("div",{className:"text-[28px] leading-[32px] font-medium text-[#329DFF] whitespace-nowrap",children:[i.summary.currencyType," ",c]}),g.jsxs("div",{className:`w-fit inline-flex items-center gap-[4px] text-[10px] leading-[14px] p-[4px] rounded-[4px] ${f?"text-[#1FA05B] bg-green-50":"text-red-600 bg-red-50"}`,children:[f?g.jsx(Sa,{}):g.jsx(_a,{}),u,"%",g.jsx("span",{children:"from last month"})]})]})]}),g.jsx("div",{className:"mt-[16px]",children:i.outlets.map((h,m)=>g.jsxs("div",{className:m===i.outlets.length-1?"":"mb-[16px]",children:[g.jsxs("div",{className:"flex justify-between text-sm mb-[8px]",children:[g.jsx("div",{className:"text-[#64748B] text-[12px] leading-[16px]",children:h.name}),g.jsxs("div",{className:"font-medium text-[12px] leading-[16px] flex items-center",children:[g.jsxs("div",{className:"text-[#64748B] inline-block",children:[h.orders," orders"]}),g.jsxs("div",{className:"mx-2 text-[#121212] inline-block",children:[i.summary.currencyType," ",FI(h.revenue)]})]})]}),g.jsx("div",{className:"h-[11px] bg-gray-100 rounded-full",children:g.jsx("div",{className:`h-[11px] rounded-full ${h.color}`,style:{width:`${h.percentage}%`}})})]},`${h.name}-${m}`))})]})})}function Hde({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 v=m?.total_bookings||0;return h+v},0),u=i.map(h=>{const m=h?.total_bookings||0,v=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:v,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 g.jsx(je,{className:"h-[324px]",title:"Amenities",period:"Today",icon:g.jsx(Yue,{className:"!text-[24px] text-[#8B5CF6]"}),children:g.jsxs("div",{className:"flex flex-col h-full",children:[g.jsxs("div",{className:"flex gap-[24px]",children:[g.jsxs("div",{className:"w-[65%] flex flex-col gap-[8px]!",children:[g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:"Total Bookings"}),g.jsx("div",{className:"text-[28px] leading-[32px] font-medium text-[#8B5CF6]",children:a}),g.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?g.jsx(Sa,{}):g.jsx(_a,{}),l,"%",g.jsx("span",{children:"from last month"})]})]}),!o&&g.jsxs("div",{className:"w-[30%] flex flex-col gap-[8px] ",children:[g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B] whitespace-nowrap",children:"Revenue Generated"}),g.jsxs("div",{className:"text-[28px] leading-[32px] font-medium text-[#329DFF] whitespace-nowrap",children:[n?.currencyType||"₹"," ",n?.todayPaidRevenue??"0.00"]}),f!==null&&g.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?g.jsx(Sa,{}):g.jsx(_a,{}),f,"%",g.jsx("span",{children:"from last month"})]})]})]}),g.jsx("div",{className:"mt-[16px]",children:u.length>0?u.map((h,m)=>g.jsxs("div",{className:m===u.length-1?"":"mb-[16px]",children:[g.jsxs("div",{className:"flex justify-between text-sm mb-[8px]",children:[g.jsx("div",{className:"text-[#64748B] text-[12px] leading-[16px]",children:h?.name}),g.jsxs("div",{className:"font-medium text-[12px] leading-[16px]",children:[g.jsxs("div",{className:"text-[#64748B] inline",children:[h?.bookings," ",h?.bookings<=1?"booking":"bookings"]}),h?.isPaid&&g.jsx("div",{className:"mx-2 text-[#121212] inline",children:h?.revenue})]})]}),g.jsx("div",{className:"h-[11px] bg-gray-100 rounded-full",children:g.jsx("div",{className:`h-[11px] rounded-full ${h?.color}`,style:{width:`${h?.percentage}%`}})})]},m)):g.jsx("div",{className:"flex items-center justify-center h-[120px]",children:g.jsx("div",{className:"text-[12px] text-[#94A3B8]",children:"No amenity usage data available"})})})]})})}Bn.register(Co,ko,Al,Vr,ti);function Yde({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 g.jsx(je,{className:"h-[267px]",title:"Ticket Escalation Levels",period:"Today",icon:g.jsx(p3,{className:"!text-[24px] text-[#3C81F6]"}),children:g.jsx("div",{className:"h-full",children:g.jsx(Tl,{data:l,options:c})})})}const Ude=({active:e,payload:t})=>{if(!e||!t||!t.length)return null;const n=t[0],r=n.payload.color;return g.jsx("div",{style:{backgroundColor:"#000000",color:"#ffffff",padding:"8px 10px",borderRadius:"8px",fontSize:"12px"},children:g.jsxs("div",{className:"flex items-center gap-[8px] font-medium",children:[g.jsx("div",{style:{width:"8px",height:"8px",borderRadius:"50%",backgroundColor:r}}),g.jsx("div",{children:n.name}),g.jsx("div",{className:"ml-2",children:n.value})]})})};function Kde({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 g.jsx(je,{className:"h-[267px]",title:"Ticket Status",period:"Today",icon:g.jsx(dg,{className:"!text-[24px] text-[#EF4444]"}),children:g.jsxs("div",{className:"flex h-full items-center gap-[16px]",children:[g.jsxs("div",{className:"w-[202px] h-[170px] relative",children:[g.jsx(xt,{width:"100%",height:"100%",children:g.jsxs(Oi,{children:[g.jsx(Zr,{data:i,innerRadius:55,outerRadius:85,dataKey:"value",stroke:"#FFFFFF",strokeWidth:2,children:i.map((a,s)=>g.jsx(gn,{fill:a.color},s))}),g.jsx(Ct,{content:g.jsx(Ude,{}),wrapperStyle:{zIndex:1e3}})]})}),g.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center pointer-events-none",children:[g.jsxs("div",{className:"flex items-baseline text-[18px] leading-[22px] font-medium text-[#121212]",children:[g.jsx("div",{children:r(n.completed)}),g.jsxs("div",{className:"text-[18.18px] leading-[22.22px] text-[#121212]",children:["/",o]})]}),g.jsx("div",{className:"text-[10.1px] leading-[14.14px] text-[#64748B]",children:"Completed"})]})]}),g.jsx("div",{className:"flex-1 space-y-2",children:i.map(a=>g.jsxs("div",{className:"flex items-center justify-between text-[12px] leading-[17px] mt-[12px]",children:[g.jsxs("div",{className:"flex items-center gap-[8px]",children:[g.jsx("div",{className:"h-[7px] w-[16px]",style:{backgroundColor:a.color}}),g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:a.name})]}),g.jsx("div",{className:"text-[#64748B] text-[12px] leading-[16px] font-medium",children:a.value})]},a.name))})]})})}const LI={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 qde(e){const t=e>=12?"PM":"AM";let n=e%12;return n===0&&(n=12),`${n} ${t}`}function Gde(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 Xde(e=[]){return Array.from({length:24},(t,n)=>{const r=e.find(i=>Gde(i?.hour)===n)||{};return{hour:n,time:qde(n),walkins:Number(r?.walkins??0),approved:Number(r?.pre_approved??r?.preApproved??r?.approved??0)}})}function $I({title:e,color:t,rows:n=[],children:r}){const i=g.jsxs("div",{className:"bg-white rounded-[12px] min-w-[260px] p-[16px] border-[0.5px] border-[#EBEBEB] shadow-[0px_0px_12px_0px_#EAF2FF]",children:[g.jsx("div",{className:"flex items-center gap-[8px] font-medium text-[#121212]",children:g.jsx("div",{children:e??""})}),g.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})=>g.jsxs("div",{className:"flex justify-between text-[14px] leading-[18px]",children:[g.jsx("div",{className:"text-[#64748B]",children:o??""}),g.jsx("div",{className:"font-semibold",style:{color:s||"#121212"},children:a??0})]},o))})]});return g.jsx(bN,{placement:"right-start",interactive:!0,delay:[100,0],offset:[6,0],appendTo:()=>document.body,maxWidth:"none",render:o=>g.jsx("div",{tabIndex:"-1",...o,children:i}),children:r})}function Qde({active:e,payload:t}){return!e||!t?.length?null:g.jsx("div",{className:"rounded-[8px] bg-[#121212] px-[12px] py-[8px] text-[12px] text-white shadow-lg",children:t.map(n=>g.jsxs("div",{className:"flex items-center gap-[8px]",children:[g.jsx("span",{className:"h-2 w-2 rounded-full",style:{backgroundColor:n.stroke}}),g.jsx("span",{className:"min-w-[82px] text-[#D1D3D4]",children:n.name}),g.jsx("span",{className:"font-semibold",children:n.value})]},n.dataKey))})}function Zde({data:e}){const t=e&&Object.keys(e).length?e:LI,n=t?.visitor_summary?{totalVisitorsToday:t?.visitor_summary?.total_visitors_today??0,peakTime:t?.visitor_summary?.peak_time??"-"}:t?.visitorSummary??{},r=t?.walkins_popup_data?{walkins:{currently_inside:Number(t?.walkins_popup_data?.walkins_inside??0),total_visited_today:Number(t?.walkins_popup_data?.total_walkins??0)},preApproved:{completed_visits:Number(t?.pre_approved_popup_data?.pre_approved_check_ins??0),total_expected_today:Number(t?.pre_approved_popup_data?.total_pre_approved_check_ins??0)}}:t?.popupData??{},i=k.useMemo(()=>{const l=t?.chart_data??[];return Xde(l.length?l:LI.chart_data)},[t]),{yAxisTicks:o,yAxisMax:a}=k.useMemo(()=>{const l=Math.max(...i.map(u=>Math.max(u.walkins,u.approved))),c=l>0?l:5;return{yAxisTicks:[0,Math.ceil(c/2),c],yAxisMax:c}},[i]),s=new Date().toLocaleTimeString("en-IN",{hour:"2-digit",minute:"2-digit",hour12:!0});return g.jsx(je,{className:"h-[377px]",title:"Visitor Updates",period:`Today at ${s}`,icon:g.jsx(ug,{className:"!text-[24px] text-[#8B5CF6]"}),children:g.jsxs("div",{className:"flex flex-col gap-[24px]",children:[g.jsxs("div",{className:"grid grid-cols-2 gap-y-4 gap-x-6",children:[g.jsxs("div",{className:"flex flex-col gap-[8px]!",children:[g.jsx("div",{className:"text-[10px] text-[#64748B]",children:"Total Visitors"}),g.jsx("div",{className:"text-[20px] font-medium text-[#08B6D4]",children:n?.totalVisitorsToday??0})]}),g.jsxs("div",{className:"flex flex-col gap-[8px]!",children:[g.jsx("div",{className:"text-[10px] text-[#64748B]",children:"Peak Time"}),g.jsx("div",{className:"text-[20px] font-medium text-[#8B5CF6]",children:n?.peakTime??"-"})]}),g.jsxs("div",{className:"mt-2 flex flex-col gap-[8px]!",children:[g.jsx("div",{className:"text-[10px] text-[#64748B]",children:"Active Walk-ins"}),g.jsxs("div",{className:"flex items-baseline text-xl font-medium leading-[32px]",children:[g.jsx("div",{className:"text-[28px] text-[#1FA05B] leading-[32px]",children:r?.walkins?.currently_inside??0}),g.jsx($I,{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:g.jsxs("div",{className:"text-[#64748B] cursor-pointer text-[20px] leading-[32px]",children:["/",r?.walkins?.total_visited_today??0]})})]})]}),g.jsxs("div",{className:"mt-2 flex flex-col gap-[8px]!",children:[g.jsx("div",{className:"text-[10px] text-[#64748B]",children:"Pre-approved Check-ins"}),g.jsxs("div",{className:"flex items-baseline text-xl font-medium leading-[32px]",children:[g.jsx("div",{className:"text-[28px] text-[#E7A015] leading-[32px]",children:r?.preApproved?.completed_visits??0}),g.jsx($I,{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:g.jsxs("div",{className:"text-[#64748B] cursor-pointer text-[20px] leading-[32px]",children:["/",r?.preApproved?.total_expected_today??0]})})]})]})]}),g.jsx("div",{className:"w-full h-[149px]",children:g.jsx(xt,{width:"100%",height:"100%",children:g.jsxs($0,{data:i??[],margin:{top:5,right:0,left:0,bottom:-10},children:[g.jsx(Qn,{stroke:"#E5E7EB",strokeDasharray:"4 4",vertical:!1}),g.jsx($n,{dataKey:"time",tickFormatter:(l,c)=>c%4===0?l:"",axisLine:!1,tickLine:!1,tick:{fill:"#121212",fontSize:10,fontWeight:400}}),g.jsx(Pn,{width:24,axisLine:!1,tickLine:!1,allowDecimals:!1,ticks:o,domain:[0,a],tick:{fill:"#64748B",fontSize:10,fontWeight:400}}),g.jsx(Ct,{content:g.jsx(Qde,{})}),g.jsx(Zo,{type:"monotone",dataKey:"walkins",stroke:"#22C55E",strokeWidth:2,dot:!1,name:"Walk-ins",isAnimationActive:!1}),g.jsx(Zo,{type:"monotone",dataKey:"approved",stroke:"#F59E0B",strokeWidth:2,strokeDasharray:"5 5",dot:!1,name:"Pre-approved",isAnimationActive:!1})]})})})]})})}const Jde=({color:e})=>g.jsx("span",{style:{display:"inline-block",width:"8px",height:"8px",borderRadius:"50%",backgroundColor:e,marginRight:"6px"}}),efe=({active:e,payload:t})=>!e||!t||!t.length?null:g.jsx("div",{className:"bg-black text-white !text-[12px] px-[12px] py-[8px] rounded-[8px] shadow-lg",children:t.map((n,r)=>g.jsxs("div",{className:"capitalize flex gap-[4px] items-center leading-relaxed",children:[g.jsx(Jde,{color:n.color}),n.name,": ",g.jsx("div",{className:"font-semibold",children:n.value})]},r))});function tfe({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 g.jsx(kt,{className:"h-[362px]",title:"Access Overview",titleWeight:"semi-bold",children:g.jsxs("div",{className:"flex flex-col items-center mt-[16px]",children:[g.jsxs("div",{className:"relative w-[200px] h-[200px]",children:[g.jsx("div",{className:"absolute inset-0 flex items-center justify-center",children:g.jsx("div",{className:"w-[130px] h-[130px] rounded-full shadow-[0px_12px_35px_rgba(0,0,0,0.12)]"})}),g.jsx("div",{className:"h-[184px]",children:g.jsx(xt,{width:"100%",height:"100%",children:g.jsxs(Oi,{children:[g.jsx(Zr,{data:i,dataKey:"value",innerRadius:65,outerRadius:90,startAngle:110,endAngle:-250,paddingAngle:2,stroke:"transparent",children:i.map((a,s)=>g.jsx(gn,{fill:a.color},s))}),g.jsx(Ct,{content:g.jsx(efe,{}),wrapperStyle:{zIndex:9999}})]})})}),g.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center pointer-events-none",children:[g.jsxs("div",{className:"text-[20px] leading-[24px] font-semibold text-[#121212]",children:[o,"L"]}),g.jsx("div",{className:"text-[10px] leading-[15px] text-[#64748B]",children:"Total Access"})]})]}),g.jsx("div",{className:"mt-[32px] grid grid-cols-2 gap-x-[20px] gap-y-[12px] text-[12px] text-[#94A3B8]",children:i.map(a=>g.jsxs("div",{className:"flex items-center gap-[8px]",children:[g.jsx("div",{className:"w-[16px] h-[7px] ",style:{backgroundColor:a.color}}),g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:a.name})]},a.name))})]})})}function BI({title:e="Access",data:t=[],height:n="h-[362px]"}){const r=i=>i==null?"0":Number(i).toLocaleString();return g.jsx(kt,{className:n,title:e,titleWeight:"semi-bold",children:g.jsxs("div",{className:"rounded-[12px] overflow-hidden mt-[16px]",children:[g.jsxs("div",{className:"grid grid-cols-2 bg-[#F8FAFC] py-[8px] px-[12px] text-[12px] leading-[16px] font-medium text-[#64748B]",children:[g.jsx("div",{children:"Point"}),g.jsx("div",{className:"text-right",children:"Access"})]}),t.map((i,o)=>g.jsxs("div",{className:"grid grid-cols-2 p-[12px] text-[14px] border-t border-[#E2E8F0]",children:[g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:i.label}),g.jsx("div",{className:"text-[12px] leading-[16px] text-right font-medium",style:{color:i.color||"#000"},children:r(i.value)})]},o))]})})}function nfe({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 g.jsx(kt,{title:"Access Points Usage",titleWeight:"semi-bold",className:"h-[362px]",children:g.jsx("div",{className:"mt-[24px] h-[270px] w-full",children:g.jsx(xt,{width:"100%",height:"100%",children:g.jsxs(go,{data:n,barSize:60,margin:{top:0,right:0,left:-20,bottom:0},children:[g.jsx(Qn,{strokeDasharray:"8 8",vertical:!1}),g.jsx(_0,{y:0,stroke:"#EBEBEB",strokeDasharray:"0"}),g.jsx($n,{dataKey:"name",tick:{fontSize:12,fill:"#64748B"},axisLine:!1,tickLine:!1}),g.jsx(Pn,{tickFormatter:r,tick:{fontSize:12,fill:"#64748B"},axisLine:!1,tickLine:!1}),g.jsx(Ct,{cursor:!1}),g.jsx(Xt,{dataKey:"value",barSize:60,children:n.map((o,a)=>g.jsx(gn,{fill:o.value===i?"#3C81F6":"#79ABFF"},`cell-${a}`))})]})})})})}const rfe=({x:e,y:t,payload:n})=>{const r=n.value.split(" ");return g.jsx("g",{transform:`translate(${e},${t})`,children:g.jsx("text",{x:-85,y:0,textAnchor:"start",fill:"#121212",fontSize:14,children:r.map((i,o)=>g.jsx("tspan",{x:-85,dy:o===0?0:16,children:i},o))})})};function ife({data:e=[]}){const t=e&&e.length>0,n=e.map(r=>({name:r.category_name,value:r.total_complaints,color:"#08B6D4"}));return g.jsx(kt,{title:"Tickets per Category",className:"h-[362px]",titleWeight:"semi-bold",childrenClassName:"h-full mt-[24px]!",children:t?g.jsx("div",{className:"w-full h-[262px]",children:g.jsx(xt,{width:"100%",height:"100%",children:g.jsxs(go,{data:n,layout:"vertical",margin:{top:0,right:8,left:-20,bottom:0},children:[g.jsx(Qn,{strokeDasharray:"3 3",horizontal:!1,stroke:"#E5E7EB"}),g.jsx($n,{type:"number",tick:{fill:"#94A3B8",fontSize:12},axisLine:!0,tickLine:!1,tickMargin:10,allowDecimals:!1}),g.jsx(Pn,{type:"category",dataKey:"name",axisLine:!1,tickLine:!1,width:132,tick:g.jsx(rfe,{})}),g.jsx(Ct,{content:g.jsx(Ea,{}),cursor:{fill:"transparent"},position:{x:300,y:0}}),g.jsx(Xt,{dataKey:"value",barSize:36,fill:"#08B6D4"})]})})}):g.jsx(ir,{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 g.jsxs("div",{className:"relative bg-white !border-[0.5px] !border-[#EBEBEB] !rounded-[12px] !shadow-[0_0_12px_0_#EAF2FF] p-[16px]",children:[g.jsxs("div",{className:"flex items-center gap-[8px]",children:[e&&g.jsx("div",{className:"h-[20px] w-[20px]",style:{color:t,display:"flex",alignItems:"center",justifyContent:"center"},children:g.jsx(e,{className:"h-[20px] w-[20px]"})}),g.jsx("div",{className:"text-[16px] leading-[20px] font-medium text-[#64748B]",children:n})]}),g.jsx("div",{className:"mt-[16px] text-[28px] leading-[32px] font-medium text-[#121212]",children:r}),(i||o)&&g.jsxs("div",{className:"mt-[12px] flex items-center gap-[8px]",children:[i&&g.jsxs("div",{className:"flex items-center gap-[4px] text-[12px] leading-[16px] font-medium",style:{color:l},children:[s?g.jsx(Sa,{}):g.jsx(_a,{}),Math.abs(a),"%"]}),o&&g.jsx("div",{className:"text-[12px] leading-[16px] text-[#64748B]",children:o})]})]})}const afe=({data:e=[],onDateChange:t})=>{const[n,r]=k.useState(new Date),[i,o]=k.useState(!1),s=(v=>{const b=new Date(v);return b.setDate(b.getDate()-6),b})(n),l=v=>{try{return v.toLocaleDateString("en-GB",{day:"2-digit",month:"short"})}catch{return""}},c=v=>{const b=new Date(v),S=new Date(b);S.setDate(S.getDate()-6),t&&t(S.toISOString(),b.toISOString())},u=()=>{const v=new Date(n);v.setDate(v.getDate()-7),r(v),c(v)},d=()=>{const v=new Date(n);v.setDate(v.getDate()+7),r(v),c(v)},f=()=>{o(v=>!v)},p=v=>{const b=v||new Date;r(b),c(b),o(!1)},h=Array.isArray(e)?e:[],m=!h.length||h.every(v=>v.no_of_visitors===0);return g.jsxs(kt,{title:"Weekly Visitor Pattern",period:`${l(s)} - ${l(n)}`,isDateSelector:!0,titleWeight:"semi-bold",className:"h-[360px]",childrenClassName:"mt-6",onPrevClick:u,onNextClick:d,onCalendarClick:f,children:[i&&g.jsx("div",{className:"anarock-datepicker absolute top-[70px] right-[24px] z-50",children:g.jsx(wS,{selected:n,onChange:p,inline:!0,maxDate:new Date,showYearDropdown:!0,scrollableYearDropdown:!0,yearDropdownItemNumber:40})}),m?g.jsx("div",{className:"w-full h-[280px] flex items-center justify-center",children:g.jsx(ir,{title:"No Visitors Found",description:"Catch up all the data. Change the date range to see the data."})}):g.jsx("div",{className:"w-full h-[280px]",children:g.jsx(xt,{width:"100%",height:"100%",children:g.jsxs(MT,{data:h,margin:{top:10,right:-10,left:-10,bottom:0},children:[g.jsx("defs",{children:g.jsxs("linearGradient",{id:"colorVisitors",x1:"0",y1:"0",x2:"0",y2:"1",children:[g.jsx("stop",{offset:"0%",stopColor:"#6366F1",stopOpacity:.25}),g.jsx("stop",{offset:"100%",stopColor:"#6366F1",stopOpacity:0})]})}),g.jsx(Qn,{strokeDasharray:"3 3",vertical:!1,stroke:"#F1F5F9"}),g.jsx($n,{dataKey:"day",type:"category",scale:"point",padding:{left:20,right:20},tick:{fontSize:12,fill:"#64748B"},axisLine:!0,tickLine:!1,tickFormatter:v=>new Date(v).toLocaleDateString("en-GB",{day:"2-digit",month:"short"})}),g.jsx(Pn,{width:35,tick:{fontSize:12,fill:"#64748B"},axisLine:!1,tickLine:!1,allowDecimals:!1,domain:[0,"dataMax + 2"]}),g.jsx(Ct,{cursor:!1,content:({active:v,payload:b,label:S,coordinate:w})=>{if(!v||!b?.length)return null;const x=new Date(S).toLocaleDateString("en-GB",{day:"2-digit",month:"short"}),O=b[0]?.payload===h[h.length-1]?w.x-70:w.x;return g.jsx("div",{style:{position:"absolute",transform:`translate(${O}px, ${w.y-40}px)`,pointerEvents:"none",zIndex:99999},children:g.jsx(Oa,{active:v,payload:b,label:x})})}}),g.jsx(P0,{type:"monotone",dataKey:"no_of_visitors",stroke:"#6366F1",strokeWidth:2,fill:"url(#colorVisitors)",dot:{r:5,stroke:"#6366F1",strokeWidth:2,fill:"#fff"},activeDot:v=>{const{cx:b,cy:S,stroke:w}=v;return g.jsxs("g",{children:[g.jsx("circle",{cx:b,cy:S,r:6,fill:"#fff",stroke:"#6466F1",strokeWidth:2}),g.jsx("circle",{cx:b,cy:S,r:2.5,fill:"#6466F1"})]})}})]})})})]})},sfe=[{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}],lfe=({data:e})=>{const t=Array.isArray(e)&&e?.length===0,n=e==null?sfe:Array.isArray(e)?e:[];return g.jsx(kt,{title:"Organisation Wise Visitors",titleWeight:"semi-bold",className:"h-[360px]",childrenClassName:"mt-6",children:g.jsx("div",{className:"w-full h-[260px] flex items-center justify-center",children:t?g.jsx(ir,{title:"No Visitors Found",description:"Catch up all the data. Change the date range to see the data."}):g.jsx(xt,{width:"100%",height:"100%",children:g.jsxs(go,{data:n||[],margin:{top:10,right:10,left:10,bottom:-10},barCategoryGap:35,children:[g.jsx(Qn,{strokeDasharray:"3 3",vertical:!1,stroke:"#F1F5F9"}),g.jsx($n,{dataKey:"building_name",tick:{fontSize:12,fill:"#64748B"},axisLine:!0,tickLine:!1}),g.jsx(Pn,{width:40,tick:{fontSize:12,fill:"#64748B"},axisLine:!1,tickLine:!1,allowDecimals:!1}),g.jsx(Ct,{cursor:!1,content:g.jsx(Oa,{})}),g.jsx(Xt,{dataKey:"no_of_visitors",name:"Visitors",maxBarSize:55,fill:"#3C81F6"})]})})})})};function cfe({data:e}){return g.jsx("div",{className:"h-full",children:e.map((t,n)=>{const r=parseFloat(t.delta),i=r>=0;return g.jsx(je,{iconClassName:"!gap-[8px]",title:g.jsx("div",{className:"text-[#64748B]",children:t.title}),icon:g.jsx(t.Icon,{className:"h-[20px] w-[20px]",style:{color:t.iconColor||"#000000"}}),className:`${t?.widget==="amenities"?"h-[139px]":"h-[124px]"}`,children:g.jsxs("div",{className:`flex flex-col gap-[8px] ${t?.widget==="amenities"?"mt-[3.5px]":"mt-0"}`,children:[g.jsx("div",{className:"text-[28px] leading-[32px] font-medium text-[#121212]",children:t.value}),g.jsxs("div",{className:`flex items-center text-[12px] leading-[16px] ${t.delta?"gap-[8px]":""}`,children:[t.delta&&g.jsxs("div",{className:`flex items-center gap-[4px] px-[6px] py-[2px] rounded-[4px] font-medium
373
373
  ${i?"text-[#1FA05B] bg-[#F7FEFA]":"text-[#E11D48] bg-[#FBF4F4]"}
374
374
  `,children:[i?g.jsx(Sa,{}):g.jsx(_a,{}),Math.abs(r),"%"]}),g.jsx("div",{style:{color:"#64748B"},children:t.deltaLabel})]})]})},n)})})}const ufe=[{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}],dfe=({x:e,y:t,payload:n})=>g.jsx("foreignObject",{x:(e||0)-80,y:(t||0)-18,width:80,height:40,children:g.jsx("div",{className:"text-[12px] leading-[16px] text-[#121212]",style:{width:"80px",whiteSpace:"normal",wordBreak:"break-word",textAlign:"left"},children:n?.value||""})});function ffe({data:e}){const t=Array?.isArray(e)&&e?.length===0,r=(e==null?ufe:Array?.isArray(e)?e:[]).map(i=>({...i,name:i.facility_name,color:"#8B5CF6"}));return g.jsx(je,{title:"Bookings",icon:g.jsx(Vue,{size:18,className:"text-[#DBB467]"}),className:"h-[288px]",children:g.jsx("div",{className:"w-full h-full flex items-center justify-center",children:t?g.jsx(ir,{title:"No Booking Found",description:"Catch up all the data. Change the date range to see the data."}):g.jsx(xt,{width:"100%",height:"100%",children:g.jsxs(go,{data:r||[],layout:"vertical",margin:{top:0,right:10,left:-12,bottom:0},children:[g.jsx($n,{type:"number",allowDecimals:!1,tick:{fill:"#64748B",fontSize:12},axisLine:!0,tickLine:!1}),g.jsx(Pn,{type:"category",dataKey:"facility_name",axisLine:!1,tickLine:!1,width:100,tick:g.jsx(dfe,{})}),g.jsx(Ct,{content:g.jsx(Ea,{}),cursor:{fill:"transparent"},position:{x:300,y:0}}),g.jsx(Xt,{dataKey:"total_booking",barSize:40,fill:"#8B5CF6"})]})})})})}const pfe=[{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 hfe({data:e}){const t=Array.isArray(e)&&e?.length===0,n=e==null?pfe:Array.isArray(e)?e:[];return g.jsx(kt,{title:"Booking Trend by Organisation",titleWeight:"semi-bold",className:"h-[362px]",children:g.jsx("div",{className:"w-full h-[265px] mt-[28px] flex items-center justify-center",children:t?g.jsx(ir,{title:"No Booking Found",description:"Catch up all the data. Change the date range to see the data."}):g.jsx(xt,{width:"100%",height:"100%",children:g.jsxs(go,{data:n||[],margin:{top:0,right:0,left:-30,bottom:0},children:[g.jsx(Qn,{strokeDasharray:"3 3",vertical:!1,stroke:"#E5E7EB"}),g.jsx($n,{dataKey:"building_name",axisLine:!1,tickLine:!1,tick:{fill:"#64748B",fontSize:12}}),g.jsx(Pn,{allowDecimals:!1,axisLine:!1,tickLine:!1,tick:{fill:"#64748B",fontSize:12},tickFormatter:r=>`${r??0}`}),g.jsx(Ct,{cursor:!1,content:g.jsx(Oa,{})}),g.jsx(Xt,{dataKey:"no_of_booking",barSize:54,fill:"#12B981"})]})})})})}const mfe=[{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"}],Gh=["#3C81F6","#60A5FA","#95BFFA","#BEDAFE","#DAE6FC"];function gfe({data:e,currencyType:t}){const n=Array?.isArray(e)&&e?.length===0,r=e??mfe,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 g.jsx(kt,{title:"Amenity Wise Revenue",titleWeight:"semi-bold",className:"h-[362px]",children:g.jsx("div",{className:"grid grid-cols-12 gap-[24px] items-center h-full mt-[16px]",children:n?g.jsx("div",{className:"col-span-12 flex items-center justify-center h-[240px]",children:g.jsx(ir,{title:"No Amenity Found",description:"Catch up all the data. Change the date range to see the data."})}):g.jsxs(g.Fragment,{children:[g.jsx("div",{className:"col-span-6 h-[240px] w-full max-w-[240px]",children:g.jsx(xt,{width:"100%",height:"100%",children:g.jsxs(Oi,{children:[g.jsx(Zr,{data:a||[],dataKey:"value",nameKey:"name",cx:"50%",cy:"50%",outerRadius:95,stroke:"#fff",strokeWidth:1,children:a?.map?.((l,c)=>g.jsx(gn,{fill:Gh?.[c%Gh?.length]},`cell-${c}`))}),g.jsx(Ct,{cursor:!1,content:l=>g.jsx(Oa,{...l,formatter:c=>s(c)})})]})})}),g.jsx("div",{className:"col-span-6",children:g.jsxs("div",{className:"rounded-[12px] !overflow-hidden border border-[#E2E8F0] !border-r-1 border-r-[#E2E8F0]! !pr-0 !mr-0",children:[g.jsxs("div",{className:"grid grid-cols-2 px-[12px] py-[8px] bg-[#EBEBEB] text-[12px] leading-[16px] font-semibold text-[#64748B]",children:[g.jsx("div",{children:"Amenity"}),g.jsx("div",{className:"text-right",children:"Revenue"})]}),g.jsx("div",{className:"divide-y divide-[#F1F5F9] max-h-[238px] overflow-y-auto hide-scrollbar",children:i?.map?.((l,c)=>g.jsxs("div",{className:"grid grid-cols-2 px-[16px] py-[16px] text-[14px] text-[#121212]",children:[g.jsxs("div",{className:"flex items-center gap-[12px]",children:[g.jsx("span",{className:"w-[16px] h-[7px]",style:{backgroundColor:Gh?.[c%Gh?.length]}}),g.jsx("span",{className:"text-[#64748B] text-[12px] leading-[16px]",children:l?.name||"Unknown"})]}),g.jsx("div",{className:"text-right text-[12px] leading-[16px] text-[#64748B]",children:s(l?.value||0)})]},l?.name||c))})]})})]})})})}const Xh=["#8CB33E","#F59E0B","#3B82F6","#06B6D4","#CFCFCF"],vfe=[{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}],yfe=({rows:e,totalAssets:t})=>{const n=k.useMemo(()=>e?e.length===0?[]:e.map((i,o)=>({name:i.asset_group_name,facility_name:i.asset_group_name,value:i.asset_count||0,fill:Xh[o%Xh.length]})):vfe.map((i,o)=>({name:i.asset_group_name,facility_name:i.asset_group_name,value:i.asset_count||0,fill:Xh[o%Xh.length]})),[e]),r=t??n.reduce((i,o)=>i+o.value,0);return e&&e.length===0?g.jsx(kt,{title:"Assets by Type",titleWeight:"semi-bold",className:"h-full",children:g.jsx("div",{className:"flex items-center justify-center h-full",children:g.jsx(ir,{title:"No Assets Found",description:"Catch up all the data. Change the date range to see the data."})})}):g.jsx(kt,{title:"Assets by Type",titleWeight:"semi-bold",className:"h-full",children:g.jsxs("div",{className:"flex items-center justify-between h-full mt-[16px]",children:[g.jsxs("div",{className:"relative w-[252px] h-[273px]",children:[g.jsx(xt,{width:"100%",height:"100%",children:g.jsxs(Oi,{children:[g.jsx(Zr,{data:n,dataKey:"value",cx:"50%",cy:"50%",innerRadius:60,outerRadius:90,paddingAngle:2,stroke:"#FFFFFF",strokeWidth:2,startAngle:90,endAngle:-270,isAnimationActive:!1,children:n.map((i,o)=>g.jsx(gn,{fill:i.fill},o))}),g.jsx(Ct,{cursor:!1,content:g.jsx(Oa,{})})]})}),g.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center pointer-events-none",children:[g.jsx("div",{className:"text-[24px] leading-[33px] font-medium text-[#121212]",children:r}),g.jsx("div",{className:"text-[12px] leading-[17px] text-[#64748B] mt-[2px]",children:"Total Assets"})]})]}),g.jsx("div",{className:"flex-1 max-w-[280px]",children:g.jsxs("div",{className:"rounded-[12px] overflow-hidden bg-white border border-[#E2E8F0] !border-r-1 border-r-[#E2E8F0]! !pr-0 !mr-0",children:[g.jsxs("div",{className:"flex items-center justify-between px-[16px] py-[12px] bg-[#F8FAFC]",children:[g.jsx("div",{className:"text-[12px] font-medium text-[#64748B]",children:"Asset"}),g.jsx("div",{className:"text-[12px] font-medium text-[#64748B]",children:"Count"})]}),n.map((i,o)=>g.jsxs("div",{className:"max-h-[205px] overflow-y-auto hide-scrollbar flex items-center justify-between px-[16px] py-[12px] border-t border-[#F1F5F9]",children:[g.jsxs("div",{className:"flex items-center gap-[8px]",children:[g.jsx("div",{className:"w-[16px] h-[7px]",style:{backgroundColor:i.fill}}),g.jsx("div",{className:"text-[13px] text-[#475569]",children:i.name})]}),g.jsx("div",{className:"text-[13px] text-[#64748B]",children:i.value})]},o))]})})]})})},bfe=({data:e})=>{const[t,n]=k.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=k.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?g.jsx(kt,{title:"Maintenance Status",titleWeight:"semi-bold",className:"h-full",children:g.jsx("div",{className:"w-full h-[260px] flex items-center justify-center",children:g.jsx(ir,{title:"No Maintenance Assets Status Found",description:"Catch up all the data. Change the date range to see the data."})})}):g.jsx(kt,{title:"Maintenance Status",titleWeight:"semi-bold",className:"h-full",children:g.jsx("div",{className:"w-full h-[260px] flex items-center justify-center",children:Array.isArray(e)&&e.length===0?g.jsx("div",{className:"text-[#94A3B8] text-sm",children:"No Data Found"}):g.jsx("div",{className:"relative w-full h-[297px] mt-[20px]",children:g.jsx(xt,{width:"100%",height:"100%",children:g.jsxs(go,{data:i,barSize:54,barCategoryGap:"40%",margin:{top:20,right:20,left:-20,bottom:0},children:[g.jsx(Qn,{strokeDasharray:"3 3",vertical:!1,stroke:"#E2E8F0"}),g.jsx($n,{dataKey:"name",tick:{fill:"#64748B",fontSize:12},axisLine:!1,tickLine:!1}),g.jsx(Pn,{tick:{fill:"#64748B",fontSize:12},axisLine:!1,tickLine:!1,allowDecimals:!1}),g.jsx(Ct,{cursor:{fill:"rgba(148, 163, 184, 0.12)"},content:({active:a,payload:s,label:l})=>!a||!s||!s.length?null:g.jsxs("div",{style:{backgroundColor:"#000",borderRadius:"10px",padding:"10px 14px",fontSize:"12px",color:"#fff"},children:[g.jsx("div",{style:{marginBottom:"6px",fontWeight:600},children:l}),s.map((c,u)=>{const d=c.color||c.fill||"#fff";return g.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"6px"},children:[g.jsx("span",{style:{width:"8px",height:"8px",borderRadius:"50%",backgroundColor:d,display:"inline-block"}}),g.jsx("span",{style:{color:"#D1D3D4"},children:c.name}),g.jsx("span",{style:{color:"#fff",fontWeight:600},children:c.value})]},u)})]})}),g.jsx(_c,{verticalAlign:"bottom",align:"center",onClick:o,content:({payload:a})=>g.jsx("div",{className:"flex items-center justify-center gap-[16px] pt-4 flex-wrap",children:a.map((s,l)=>g.jsxs("div",{onClick:()=>o({dataKey:s.dataKey}),className:"flex items-center gap-[8px] cursor-pointer",children:[g.jsx("div",{style:{width:"16px",height:"8px",backgroundColor:t[s.dataKey]?"#CBD5E1":s.color}}),g.jsx("span",{style:{fontSize:"12px",color:t[s.dataKey]?"#CBD5E1":"#64748B"},children:s.value})]},l))})}),g.jsx(Xt,{dataKey:"Open",stackId:"a",fill:"#3B82F6",hide:t.Open}),g.jsx(Xt,{dataKey:"Closed",stackId:"a",fill:"#10B981",hide:t.Closed}),g.jsx(Xt,{dataKey:"Cancelled",stackId:"a",fill:"#B91C1C",hide:t.Cancelled}),g.jsx(Xt,{dataKey:"OnHold",stackId:"a",fill:"#64748B",hide:t.OnHold,name:"On-Hold"}),g.jsx(Xt,{dataKey:"InProgress",stackId:"a",fill:"#F59E0B",hide:t.InProgress,name:"In Progress"})]})})})})})};function xfe({data:e}){const t=[{name:"Completed",value:Number(e?.completed||1110),color:"#12B981"},{name:"Not - Completed",value:Number(e?.not_completed||20),color:"#F69E0A"},{name:"Missed",value:Number(e?.missed||30),color:"#EF4444"}],n=Number(e?.completed||0)+Number(e?.not_completed||0)+Number(e?.missed||0),r=Number(e?.completed||0);return g.jsx(kt,{title:"Patrol Status",className:"h-[362px]",titleWeight:"semi-bold",children:g.jsxs("div",{className:"flex flex-col items-center justify-center",children:[g.jsxs("div",{className:"w-[215px] h-[182px] relative",children:[g.jsx(xt,{width:"100%",height:"100%",children:g.jsxs(Oi,{children:[g.jsx(Zr,{data:t,innerRadius:60,outerRadius:90,paddingAngle:2,dataKey:"value",nameKey:"name",children:t.map((i,o)=>g.jsx(gn,{fill:i.color},`cell-${o}`))}),g.jsx(Ct,{cursor:!1,content:g.jsx(Oa,{})})]})}),g.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center pointer-events-none",children:[g.jsxs("div",{className:"font-medium text-[19.35px] leading-[23.65px]",children:[r,"/",n]}),g.jsx("div",{className:"text-[10.75px] leading-[15.05px] text-[#64748B]",children:"Completed"})]})]}),g.jsx("div",{className:"flex flex-col w-full text-[14px]",children:t.map((i,o)=>g.jsxs("div",{className:`flex items-center justify-between py-[10px] ${o!==t.length-1?"border-b border-[#F1F5F9]":""}`,children:[g.jsxs("div",{className:"flex items-center gap-[10px]",children:[g.jsx("div",{className:"inline-block w-[16px] h-[7px]",style:{backgroundColor:i.color}}),g.jsx("div",{className:"leading-[16.09px] text-[12.07px] text-[#64748B]",children:i.name})]}),g.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 g.jsx(kt,{title:"Incident Reports",className:"h-[362px]",titleWeight:"semi-bold",children:g.jsxs("div",{children:[g.jsxs("div",{className:"flex w-full text-center gap-[16px] mt-[24px]",children:[g.jsxs("div",{className:"flex-1 flex flex-col items-center justify-center bg-[#FBF4F4] h-[76px] rounded",children:[g.jsx("div",{className:"text-[24px] leading-[28px] font-medium text-[#AB0000]",children:n}),g.jsx("div",{className:"text-[12px] leading-[16px] text-[#AB0000]",children:"Open"})]}),g.jsxs("div",{className:"flex-1 flex flex-col items-center justify-center bg-[#FFFBF2] h-[76px] rounded",children:[g.jsx("div",{className:"text-[24px] leading-[28px] font-medium text-[#F2A815]",children:r}),g.jsx("div",{className:"text-[12px] leading-[16px] text-[#F2A815]",children:"In-progress"})]}),g.jsxs("div",{className:"flex-1 flex flex-col items-center justify-center bg-[#F7FEFA] h-[76px] rounded",children:[g.jsx("div",{className:"text-[24px] leading-[28px] font-medium text-[#1FA05B]",children:i}),g.jsx("div",{className:"text-[12px] leading-[16px] text-[#1FA05B]",children:"Closed"})]})]}),g.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 g.jsxs("div",{className:"flex items-center justify-between p-[12px] bg-[#FAFBFD] rounded-md",children:[g.jsx("div",{className:"flex items-center gap-[8px]",children:g.jsx("div",{className:"text-gray-700 font-medium",children:o?.incident_code})}),g.jsx("div",{className:`!text-[12px] font-semibold flex items-center gap-[4px] ${s}`,children:g.jsxs("div",{children:[o?.severity_level," - ",o?.severity]})})]},a)}):g.jsx(g.Fragment,{})})]})})}function _fe({columns:e=[{key:"a",label:"Organisation"},{key:"b",label:"Item"},{key:"c",label:"Closed"},{key:"d",label:"Open"},{key:"e",label:"AOV"},{key:"f",label:"% Revenue"}],data:t=[{a:"Google",b:"Coffee",c:"34,908",d:"₹ 57,21,288",e:"₹ 450",f:"43.6%"},{a:"Uber",b:"Paneer Combo",c:"12,000",d:"₹ 12,00,000",e:"₹ 500",f:"100%"}],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=a===0&&c.length===0,m=`repeat(${u.length}, 1fr)`;return g.jsxs("div",{className:"w-full bg-white rounded-[12px] h-[390px] !border-[0.5px] !border-[#EBEBEB] !shadow-[0_0_12px_0_#EAF2FF] overflow-hidden flex flex-col",children:[g.jsxs("div",{className:"flex flex-col flex-1 overflow-hidden",children:[g.jsx("div",{className:"grid bg-[#354A5E] text-white text-[16px] leading-[20px] font-medium shrink-0",style:{gridTemplateColumns:m},children:u.map((v,b)=>g.jsx("div",{className:"px-[24px] py-[16px] text-[16px] leading-[20px] whitespace-nowrap text-left",children:v.label},b))}),g.jsx("div",{className:"flex-1 overflow-y-auto hide-scrollbar",children:h?g.jsx(ir,{title:"No Data Found",description:"Catch up all the data. Change the date range to see the data."}):p.map((v,b)=>g.jsx("div",{className:"grid",style:{gridTemplateColumns:m},children:u.map((S,w)=>{const x=v[S.key],_=S.label==="Closed",O=S.label==="Open",P=typeof x=="string"&&x.includes("%"),D=x==="100%"?"bg-[#F0FEF2] text-[#36AB6C]":"bg-[#FFF0F0] text-[#AB0000]";return g.jsx("div",{className:`px-[24px] py-[16px] flex items-center justify-start ${w===0?"bg-white":"bg-gray-50"} text-[#121212]`,children:_?g.jsx("div",{className:"text-[14px] font-medium",style:{color:"#36AB6C"},children:x??"-"}):O?g.jsx("div",{className:"text-[14px] font-medium",style:{color:"#AB0000"},children:x??"-"}):P?g.jsx("div",{className:`inline-block px-[12px] py-[4px] rounded-full text-[14px] font-medium ${D}`,children:x}):g.jsx("div",{children:x??"-"})},w)})},b))})]}),g.jsxs("div",{className:"flex justify-end items-center px-[24px] py-[16px] text-sm bg-white border-t border-[#F0F0F0] gap-[32px] shrink-0",children:[g.jsxs("div",{className:"flex items-center gap-[8px] text-gray-600 text-[14px]",children:[g.jsx("div",{children:"Rows per page:"}),g.jsx("select",{value:n,onChange:v=>{r(Number(v.target.value)),o(1)},className:"border rounded px-[8px] py-[4px]",children:l.map((v,b)=>g.jsx("option",{value:v,children:v},b))}),g.jsxs("div",{className:"ml-4 text-[14px]",children:[c?.length===0?"0–0":`1–${c?.length}`," of"," ",a||c?.length]})]}),g.jsxs("div",{className:"flex items-center space-x-2 text-gray-600 text-[14px]",children:[g.jsx("button",{onClick:()=>o(1),disabled:i===1,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:g.jsx(Wue,{size:18})}),g.jsx("button",{onClick:()=>o(v=>v-1),disabled:i===1,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:g.jsx(MI,{size:18})}),g.jsx("button",{onClick:()=>o(v=>v+1),disabled:i===f,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:g.jsx(NI,{size:18})}),g.jsx("button",{onClick:()=>o(f),disabled:i===f,className:"p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",children:g.jsx(zue,{size:18})})]})]})]})}const WI=({options:e=[],value:t,onChange:n})=>{const[r,i]=k.useState(!1),o=k.useRef(null);return k.useEffect(()=>{const a=s=>{o.current&&!o.current.contains(s.target)&&i(!1)};return document.addEventListener("mousedown",a),()=>{document.removeEventListener("mousedown",a)}},[]),g.jsxs("div",{ref:o,className:"relative h-[32px]",children:[g.jsxs("div",{className:"flex items-center justify-between gap-[10px] px-[12px] py-[8px] border border-[#E2E8F0] rounded-[4px] cursor-pointer min-w-[140px]",onClick:()=>i(!r),children:[g.jsx("div",{className:"text-[12px] leading-[16px] min-w-[109px] text-[#64748B]",children:t}),g.jsx(Bue,{size:16,className:"text-[#64748B]"})]}),r&&g.jsx("div",{className:"absolute top-[110%] left-0 w-full bg-white border border-[#E2E8F0] rounded-[8px] shadow-md z-10",children:e.map((a,s)=>g.jsx("div",{className:"px-[12px] py-[8px] text-[14px] text-[#334155] hover:bg-[#F1F5F9] cursor-pointer",onClick:()=>{n(a),i(!1)},children:a},s))})]})},Sfe=({data:e})=>{const[t,n]=k.useState({}),[r,i]=k.useState("Kosmo One"),o=["Kosmo One","Kosmo Two","Kosmo Three"],a=[{name:"L1",Cancelled:55,Open:50,OnHold:20,InProgress:10},{name:"L2",Cancelled:15,Open:15,OnHold:8,InProgress:5},{name:"L3",Cancelled:12,Open:75,OnHold:18,InProgress:7}],s=k.useMemo(()=>e?Array.isArray(e)&&e.length===0?[]:e:a,[e]),l=c=>{const{dataKey:u}=c;n(d=>({...d,[u]:!d[u]}))};return Array.isArray(e)&&e.length===0?g.jsx(kt,{title:"Escalation Level By Building",titleWeight:"semi-bold",className:"h-full",children:g.jsx("div",{className:"w-full h-[362px] flex items-center justify-center",children:g.jsx(ir,{title:"No Maintenance Assets Status Found",description:"Catch up all the data. Change the date range to see the data."})})}):g.jsx(kt,{title:"Escalation Level By Building",titleWeight:"semi-bold",className:"h-[362px]",childrenClassName:"mt-[21px]",rightContent:g.jsx(WI,{options:o,value:r,onChange:c=>i(c)}),children:g.jsx("div",{className:"w-full flex items-center justify-center",children:Array.isArray(e)&&e.length===0?g.jsx("div",{className:"text-[#94A3B8] text-sm",children:"No Data Found"}):g.jsx("div",{className:"relative w-full h-[261px]",children:g.jsx(xt,{width:"100%",height:"100%",children:g.jsxs(go,{data:s,barSize:54,barCategoryGap:"40%",margin:{top:20,right:20,left:-20,bottom:0},children:[g.jsx(Qn,{strokeDasharray:"3 3",vertical:!1,stroke:"#E2E8F0"}),g.jsx($n,{dataKey:"name",tick:{fill:"#64748B",fontSize:12},axisLine:!1,tickLine:!1}),g.jsx(Pn,{tick:{fill:"#64748B",fontSize:12},axisLine:!1,tickLine:!1,allowDecimals:!1}),g.jsx(Ct,{cursor:{fill:"rgba(148, 163, 184, 0.12)"},content:({active:c,payload:u,label:d})=>!c||!u||!u.length?null:g.jsxs("div",{style:{backgroundColor:"#000",borderRadius:"10px",padding:"10px 14px",fontSize:"12px",color:"#fff"},children:[g.jsx("div",{style:{marginBottom:"6px",fontWeight:600},children:d}),u.map((f,p)=>{const h=f.color||f.fill||"#fff";return g.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"6px"},children:[g.jsx("span",{style:{width:"8px",height:"8px",borderRadius:"50%",backgroundColor:h,display:"inline-block"}}),g.jsx("span",{style:{color:"#D1D3D4"},children:f.name}),g.jsx("span",{style:{color:"#fff",fontWeight:600},children:f.value})]},p)})]})}),g.jsx(_c,{verticalAlign:"bottom",align:"center",onClick:l,content:({payload:c})=>g.jsx("div",{className:"flex items-center justify-center gap-[16px] pt-4 flex-wrap",children:c.map((u,d)=>g.jsxs("div",{onClick:()=>l({dataKey:u.dataKey}),className:"flex items-center gap-[8px] cursor-pointer",children:[g.jsx("div",{style:{width:"16px",height:"8px",backgroundColor:t[u.dataKey]?"#CBD5E1":u.color}}),g.jsx("span",{style:{fontSize:"12px",color:t[u.dataKey]?"#CBD5E1":"#64748B"},children:u.value})]},d))})}),g.jsx(Xt,{dataKey:"Open",stackId:"a",fill:"#3B82F6",hide:t.Open}),g.jsx(Xt,{dataKey:"Cancelled",stackId:"a",fill:"#B91C1C",hide:t.Cancelled}),g.jsx(Xt,{dataKey:"OnHold",stackId:"a",fill:"#64748B",hide:t.OnHold,name:"On-Hold"}),g.jsx(Xt,{dataKey:"InProgress",stackId:"a",fill:"#F59E0B",hide:t.InProgress,name:"In Progress"})]})})})})})},Efe=({data:e=[]})=>{const[t,n]=k.useState("Kosmo One"),r=["Kosmo One","Kosmo Two","Kosmo Three"],i=Array.isArray(e)?e:[],o=!i.length||i.every(a=>a.no_of_visitors===0);return g.jsx(kt,{title:"Top 5 Tenants by Visitors",titleWeight:"semi-bold",className:"h-[360px]",childrenClassName:"mt-[20px]",rightContent:g.jsx(WI,{options:r,value:t,onChange:a=>n(a)}),children:o?g.jsx("div",{className:"w-full h-[280px] flex items-center justify-center",children:g.jsx(ir,{title:"No Visitors Found",description:"Catch up all the data. Change the date range to see the data."})}):g.jsx("div",{className:"w-full h-[280px]",children:g.jsx(xt,{width:"100%",height:"100%",children:g.jsxs(MT,{data:i,margin:{top:10,right:-10,left:-10,bottom:0},children:[g.jsx("defs",{children:g.jsxs("linearGradient",{id:"colorVisitors",x1:"0",y1:"0",x2:"0",y2:"1",children:[g.jsx("stop",{offset:"0%",stopColor:"#6366F1",stopOpacity:.25}),g.jsx("stop",{offset:"100%",stopColor:"#6366F1",stopOpacity:0})]})}),g.jsx(Qn,{strokeDasharray:"3 3",vertical:!1,stroke:"#F1F5F9"}),g.jsx($n,{dataKey:"day",type:"category",scale:"point",padding:{left:20,right:20},tick:{fontSize:12,fill:"#64748B"},axisLine:!0,tickLine:!1,tickFormatter:a=>new Date(a).toLocaleDateString("en-GB",{day:"2-digit",month:"short"})}),g.jsx(Pn,{width:35,tick:{fontSize:12,fill:"#64748B"},axisLine:!1,tickLine:!1,allowDecimals:!1,domain:[0,"dataMax + 2"]}),g.jsx(Ct,{cursor:!1,content:({active:a,payload:s,label:l,coordinate:c})=>{if(!a||!s?.length)return null;const u=new Date(l).toLocaleDateString("en-GB",{day:"2-digit",month:"short"});return g.jsx(Oa,{active:a,payload:s,label:u})}}),g.jsx(P0,{type:"monotone",dataKey:"no_of_visitors",stroke:"#6366F1",strokeWidth:2,fill:"url(#colorVisitors)",dot:{r:5,stroke:"#6366F1",strokeWidth:2,fill:"#fff"},activeDot:a=>{const{cx:s,cy:l,stroke:c}=a;return g.jsxs("g",{children:[g.jsx("circle",{cx:s,cy:l,r:6,fill:"#fff",stroke:"#6466F1",strokeWidth:2}),g.jsx("circle",{cx:s,cy:l,r:2.5,fill:"#6466F1"})]})}})]})})})})},Ofe=({data:e})=>{const t=[{name:"Kosmo One",total:29,pending:1,cancelled:2},{name:"OWC",total:23,pending:9,cancelled:3},{name:"Exora",total:40,pending:12,cancelled:1},{name:"OIC - T3",total:27,pending:19,cancelled:8}],n=e&&e.length?e:t;return g.jsx(kt,{title:"Building Wise Approvals",titleWeight:"semi-bold",className:"h-full",childrenClassName:"mt-[34px]",children:g.jsxs("div",{className:"w-full border border-[#EBEBEB] rounded-[10px] overflow-hidden",children:[g.jsxs("div",{className:"grid grid-cols-4 bg-[#FAFAFA] px-[12px] py-[8px] text-[12px] leading-[16px] font-semibold text-[#64748B]",children:[g.jsx("div",{children:"Tenant"}),g.jsx("div",{className:"flex justify-end",children:"Total"}),g.jsx("div",{className:"flex justify-end",children:"Pending"}),g.jsx("div",{className:"flex justify-end",children:"Cancelled"})]}),g.jsx("div",{className:"max-h-[280px] overflow-y-auto hide-scrollbar",children:n.map((r,i)=>g.jsxs("div",{className:"grid grid-cols-4 p-[12px] text-[12px] leading-[16px] border-t border-[#EBEBEB]",children:[g.jsx("div",{className:"text-[#475569]",children:r.name}),g.jsx("div",{className:"flex justify-end text-[#36AB6C] font-[400]",children:r.total}),g.jsx("div",{className:"flex justify-end text-[#F2A815] font-[400]",children:r.pending}),g.jsx("div",{className:"flex justify-end text-[#AB0000] font-[400]",children:r.cancelled})]},i))})]})})},Qh=["#8CB33E","#F59E0B","#3B82F6","#06B6D4","#CFCFCF"],Cfe=[{asset_group_name:"Lifts",asset_count:3,investment:"₹ 45L"},{asset_group_name:"Fire Systems",asset_count:16,investment:"₹ 28L"},{asset_group_name:"Generators",asset_count:16,investment:"₹ 95L"},{asset_group_name:"HVAC",asset_count:24,investment:"₹ 1.2Cr"},{asset_group_name:"Others",asset_count:97,investment:"₹ 52L"}],kfe=({rows:e,totalAssets:t})=>{const n=k.useMemo(()=>e?e.length===0?[]:e.map((i,o)=>({name:i.asset_group_name,value:i.asset_count||0,investment:i.investment||"-",color:Qh[o%Qh.length]})):Cfe.map((i,o)=>({name:i.asset_group_name,value:i.asset_count||0,investment:i.investment||"-",color:Qh[o%Qh.length]})),[e]),r=t??n.reduce((i,o)=>i+o.value,0);return e&&e.length===0?g.jsx(kt,{title:"Assets by Type",titleWeight:"semi-bold",className:"h-full",children:g.jsx("div",{className:"flex items-center justify-center h-full",children:g.jsx(ir,{title:"No Assets Found",description:"Catch up all the data. Change the date range to see the data."})})}):g.jsx(kt,{title:"Assets by Type",titleWeight:"semi-bold",className:"h-full",children:g.jsxs("div",{className:"flex items-center justify-between h-full mt-[16px]",children:[g.jsxs("div",{className:"relative w-[252px] h-[273px]",children:[g.jsx(xt,{width:"100%",height:"100%",children:g.jsx(Oi,{children:g.jsx(Zr,{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)=>g.jsx(gn,{fill:i.color},o))})})}),g.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center",children:[g.jsx("div",{className:"text-[24px] leading-[33px] font-medium text-[#121212]",children:r}),g.jsx("div",{className:"text-[12px] leading-[17px] text-[#64748B] mt-[2px]",children:"Total Assets"})]})]}),g.jsx("div",{className:"flex-1 max-w-[280px]",children:g.jsxs("div",{className:"rounded-[12px] overflow-hidden bg-white border border-[#E2E8F0] !border-r-1 border-r-[#E2E8F0]! !pr-0 !mr-0",children:[g.jsxs("div",{className:"grid grid-cols-3 px-[16px] py-[12px] bg-[#F8FAFC]",children:[g.jsx("div",{className:"text-[12px] font-medium text-[#64748B]",children:"Asset"}),g.jsx("div",{className:"text-[12px] font-medium text-[#64748B] text-center",children:"Count"}),g.jsx("div",{className:"text-[12px] font-medium text-[#64748B] text-right",children:"Investment"})]}),g.jsx("div",{className:"max-h-[205px] overflow-y-auto hide-scrollbar",children:n.map((i,o)=>g.jsxs("div",{className:"grid grid-cols-3 px-[16px] py-[12px] border-t border-[#F1F5F9]",children:[g.jsxs("div",{className:"flex items-center gap-[8px]",children:[g.jsx("div",{className:"w-[16px] h-[7px]",style:{backgroundColor:i.color}}),g.jsx("div",{className:"text-[13px] text-[#475569]",children:i.name})]}),g.jsx("div",{className:"text-[13px] text-[#64748B] text-center",children:i.value}),g.jsx("div",{className:"text-[13px] text-[#64748B] text-right",children:i.investment})]},o))})]})})]})})};se.AccessPointsUsage=nfe,se.Accounting=pue,se.Amenities=Hde,se.AmenitiesStatsCard=cfe,se.AmenityWiseRevenue=gfe,se.AssetValueBreakdown=Oue,se.AssetsByType=yfe,se.BlockWiseOccupancy=aue,se.BookingTrendChart=hfe,se.Bookings=ffe,se.Budgets=vue,se.BuildingWiseApprovals=Ofe,se.Card=je,se.CardAccess=BI,se.CashBankBalance=bue,se.CommercialAccessOverview=tfe,se.CommercialGuardPatrols=xfe,se.CommercialIncidentReports=wfe,se.CommercialOccupancy=$de,se.CommercialReportTable=_fe,se.Community=zie,se.Complaints=dde,se.ComplaintsByLevel=gde,se.DuesAgeing=wue,se.EmployeeFootfall=Bde,se.Engagement=Vie,se.EngagementStatsGrid=Lde,se.EscalationLevel=Sfe,se.EventsUtilisation=Pde,se.ExpenseCategories=Sue,se.Facilities=Hie,se.FinanceSummary=Yie,se.FoodBeverages=Vde,se.GateAndSecurityStatsGrid=lde,se.GateUpdates=Moe,se.GuardPatrols=Kue,se.Header=Z6,se.Helpdesk=Noe,se.HelpdeskStatsGrid=Ode,se.HourlyTrafficFlow=Zue,se.IncidentReports=tde,se.IncomeExpenditure=kI,se.MainHeader=d3,se.MaintenanceStatus=bfe,se.MetricCard=ofe,se.MobileAccess=BI,se.MoveInOutTrends=lue,se.NoticeBoardStatus=Tde,se.OccupancyOverview=rue,se.OrganisationWiseVisitors=lfe,se.PortfolioAssetsByType=kfe,se.RequestBox=yde,se.ResidentOverview=oue,se.RevenuebyCategory=kue,se.SingleStats=jde,se.StaffAttendance=ide,se.StatsGrid=Mue,se.TenantsByVisitors=Efe,se.TicketEscalation=Yde,se.TicketStatus=Kde,se.Tickets=EI,se.TicketsperCategory=ife,se.UnitStatus=EI,se.VisitorUpdates=Zde,se.WeeklyVisitorPattern=afe,Object.defineProperty(se,Symbol.toStringTag,{value:"Module"})}));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "anarock-widgets",
3
- "version": "1.0.328",
3
+ "version": "1.0.329",
4
4
  "main": "dist/index.cjs.js",
5
5
  "module": "dist/index.es.js",
6
6
  "types": "dist/index.d.ts",