react-admin-crud-manager 1.2.2 → 1.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +10 -10
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +142 -144
- package/dist/index.es.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
"use strict";const r=require("react/jsx-runtime"),b=require("react"),J=require("lucide-react"),Kr=require("react-dom"),ue=require("@iconify/react"),Wr=require("@tinymce/tinymce-react"),je=require("notistack");function Hr(a){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const e in a)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(a,e);Object.defineProperty(o,e,t.get?t:{enumerable:!0,get:()=>a[e]})}}return o.default=a,Object.freeze(o)}const ke=Hr(b),Zr='@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.racm-root *,.racm-root :before,.racm-root :after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}.racm-root :before,.racm-root :after{--tw-content: ""}.racm-root{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal}.racm-root{margin:0;line-height:inherit}.racm-root hr{height:0;color:inherit;border-top-width:1px}.racm-root abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.racm-root h1,.racm-root h2,.racm-root h3,.racm-root h4,.racm-root h5,.racm-root h6{font-size:inherit;font-weight:inherit}.racm-root a{color:inherit;text-decoration:inherit}.racm-root b,.racm-root strong{font-weight:bolder}.racm-root code,.racm-root kbd,.racm-root samp,.racm-root pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}.racm-root small{font-size:80%}.racm-root sub,.racm-root sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.racm-root sub{bottom:-.25em}.racm-root sup{top:-.5em}.racm-root table{text-indent:0;border-color:inherit;border-collapse:collapse}.racm-root button,.racm-root input,.racm-root optgroup,.racm-root select,.racm-root textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}.racm-root button,.racm-root select{text-transform:none}.racm-root button,.racm-root [type=button],.racm-root [type=reset],.racm-root [type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}.racm-root :-moz-focusring{outline:auto}.racm-root :-moz-ui-invalid{box-shadow:none}.racm-root progress{vertical-align:baseline}.racm-root ::-webkit-inner-spin-button,.racm-root ::-webkit-outer-spin-button{height:auto}.racm-root [type=search]{-webkit-appearance:textfield;outline-offset:-2px}.racm-root ::-webkit-search-decoration{-webkit-appearance:none}.racm-root ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.racm-root summary{display:list-item}.racm-root blockquote,.racm-root dl,.racm-root dd,.racm-root h1,.racm-root h2,.racm-root h3,.racm-root h4,.racm-root h5,.racm-root h6,.racm-root hr,.racm-root figure,.racm-root p,.racm-root pre{margin:0}.racm-root fieldset{margin:0;padding:0}.racm-root legend{padding:0}.racm-root ol,.racm-root ul,.racm-root menu{list-style:none;margin:0;padding:0}.racm-root dialog{padding:0}.racm-root textarea{resize:vertical}.racm-root input::-moz-placeholder,.racm-root textarea::-moz-placeholder{opacity:1;color:#9ca3af}.racm-root input::placeholder,.racm-root textarea::placeholder{opacity:1;color:#9ca3af}.racm-root button,.racm-root [role=button]{cursor:pointer}.racm-root :disabled{cursor:default}.racm-root img,.racm-root svg,.racm-root video,.racm-root canvas,.racm-root audio,.racm-root iframe,.racm-root embed,.racm-root object{display:block;vertical-align:middle}.racm-root img,.racm-root video{max-width:100%;height:auto}.racm-root [hidden]{display:none}.racm-root{--background: 0 0% 100%;--foreground: 0 0% 3.9%;--card: 0 0% 100%;--card-foreground: 0 0% 3.9%;--popover: 0 0% 100%;--popover-foreground: 0 0% 3.9%;--primary: 0 0% 9%;--primary-foreground: 0 0% 98%;--secondary: 0 0% 96.1%;--secondary-foreground: 0 0% 9%;--muted: 0 0% 96.1%;--muted-foreground: 0 0% 45.1%;--accent: 0 0% 96.1%;--accent-foreground: 0 0% 9%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 0 0% 98%;--border: 0 0% 89.8%;--input: 0 0% 89.8%;--ring: 0 0% 3.9%;--chart-1: 12 76% 61%;--chart-2: 173 58% 39%;--chart-3: 197 37% 24%;--chart-4: 43 74% 66%;--chart-5: 27 87% 67%;--radius: .5rem}.racm-root *{border-color:hsl(var(--border))}.racm-root{background-color:hsl(var(--background));color:hsl(var(--foreground))}.racm-root *,.racm-root :before,.racm-root :after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.racm-root ::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.racm-root .container{width:100%}@media (min-width: 640px){.racm-root .container{max-width:640px}}@media (min-width: 768px){.racm-root .container{max-width:768px}}@media (min-width: 1024px){.racm-root .container{max-width:1024px}}@media (min-width: 1280px){.racm-root .container{max-width:1280px}}@media (min-width: 1536px){.racm-root .container{max-width:1536px}}.racm-root .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.racm-root .pointer-events-none{pointer-events:none}.racm-root .pointer-events-auto{pointer-events:auto}.racm-root .fixed{position:fixed}.racm-root .absolute{position:absolute}.racm-root .relative{position:relative}.racm-root .inset-0{top:0;right:0;bottom:0;left:0}.racm-root .inset-y-0{top:0;bottom:0}.racm-root .-bottom-4{bottom:-1rem}.racm-root .-right-2{right:-.5rem}.racm-root .-right-6{right:-1.5rem}.racm-root .-top-2{top:-.5rem}.racm-root .-top-6{top:-1.5rem}.racm-root .bottom-full{bottom:100%}.racm-root .left-0{left:0}.racm-root .left-1{left:.25rem}.racm-root .left-1\\/2{left:50%}.racm-root .left-3{left:.75rem}.racm-root .right-0{right:0}.racm-root .right-1{right:.25rem}.racm-root .right-1\\/2{right:50%}.racm-root .right-2{right:.5rem}.racm-root .right-3{right:.75rem}.racm-root .right-4{right:1rem}.racm-root .right-\\[50\\%\\]{right:50%}.racm-root .top-0{top:0}.racm-root .top-1{top:.25rem}.racm-root .top-1\\/2{top:50%}.racm-root .top-2{top:.5rem}.racm-root .top-4{top:1rem}.racm-root .top-\\[80\\%\\]{top:80%}.racm-root .top-full{top:100%}.racm-root .z-10{z-index:10}.racm-root .z-20{z-index:20}.racm-root .z-40{z-index:40}.racm-root .z-50{z-index:50}.racm-root .col-span-12{grid-column:span 12 / span 12}.racm-root .col-span-6{grid-column:span 6 / span 6}.racm-root .mb-0{margin-bottom:0}.racm-root .mb-1{margin-bottom:.25rem}.racm-root .mb-3{margin-bottom:.75rem}.racm-root .mb-6{margin-bottom:1.5rem}.racm-root .ml-1{margin-left:.25rem}.racm-root .ml-2{margin-left:.5rem}.racm-root .mr-2{margin-right:.5rem}.racm-root .mt-1{margin-top:.25rem}.racm-root .mt-2{margin-top:.5rem}.racm-root .mt-auto{margin-top:auto}.racm-root .inline{display:inline}.racm-root .flex{display:flex}.racm-root .inline-flex{display:inline-flex}.racm-root .table{display:table}.racm-root .table-row{display:table-row}.racm-root .grid{display:grid}.racm-root .hidden{display:none}.racm-root .h-1{height:.25rem}.racm-root .h-10{height:2.5rem}.racm-root .h-11{height:2.75rem}.racm-root .h-12{height:3rem}.racm-root .h-16{height:4rem}.racm-root .h-2{height:.5rem}.racm-root .h-20{height:5rem}.racm-root .h-28{height:7rem}.racm-root .h-3{height:.75rem}.racm-root .h-32{height:8rem}.racm-root .h-4{height:1rem}.racm-root .h-5{height:1.25rem}.racm-root .h-6{height:1.5rem}.racm-root .h-64{height:16rem}.racm-root .h-7{height:1.75rem}.racm-root .h-72{height:18rem}.racm-root .h-8{height:2rem}.racm-root .h-9{height:2.25rem}.racm-root .h-\\[10px\\]{height:10px}.racm-root .h-\\[150px\\]{height:150px}.racm-root .h-\\[36px\\]{height:36px}.racm-root .h-\\[40px\\]{height:40px}.racm-root .h-full{height:100%}.racm-root .max-h-40{max-height:10rem}.racm-root .max-h-60{max-height:15rem}.racm-root .max-h-\\[260px\\]{max-height:260px}.racm-root .max-h-\\[90vh\\]{max-height:90vh}.racm-root .min-h-\\[52px\\]{min-height:52px}.racm-root .w-1{width:.25rem}.racm-root .w-10{width:2.5rem}.racm-root .w-11{width:2.75rem}.racm-root .w-12{width:3rem}.racm-root .w-16{width:4rem}.racm-root .w-2{width:.5rem}.racm-root .w-20{width:5rem}.racm-root .w-24{width:6rem}.racm-root .w-3{width:.75rem}.racm-root .w-32{width:8rem}.racm-root .w-4{width:1rem}.racm-root .w-48{width:12rem}.racm-root .w-5{width:1.25rem}.racm-root .w-6{width:1.5rem}.racm-root .w-64{width:16rem}.racm-root .w-7{width:1.75rem}.racm-root .w-8{width:2rem}.racm-root .w-80{width:20rem}.racm-root .w-\\[260px\\]{width:260px}.racm-root .w-\\[28rem\\]{width:28rem}.racm-root .w-\\[36px\\]{width:36px}.racm-root .w-\\[42\\%\\]{width:42%}.racm-root .w-full{width:100%}.racm-root .w-max{width:-moz-max-content;width:max-content}.racm-root .min-w-0{min-width:0px}.racm-root .min-w-\\[100px\\]{min-width:100px}.racm-root .min-w-\\[150px\\]{min-width:150px}.racm-root .min-w-\\[220px\\]{min-width:220px}.racm-root .min-w-\\[40px\\]{min-width:40px}.racm-root .min-w-\\[78px\\]{min-width:78px}.racm-root .max-w-2xl{max-width:42rem}.racm-root .max-w-4xl{max-width:56rem}.racm-root .max-w-5xl{max-width:64rem}.racm-root .max-w-\\[200px\\]{max-width:200px}.racm-root .max-w-\\[300px\\]{max-width:300px}.racm-root .max-w-full{max-width:100%}.racm-root .max-w-lg{max-width:32rem}.racm-root .max-w-md{max-width:28rem}.racm-root .max-w-xs{max-width:20rem}.racm-root .flex-1{flex:1 1 0%}.racm-root .flex-shrink{flex-shrink:1}.racm-root .flex-shrink-0,.racm-root .shrink-0{flex-shrink:0}.racm-root .border-collapse{border-collapse:collapse}.racm-root .-translate-x-1\\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.racm-root .-translate-y-1\\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.racm-root .translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.racm-root .translate-x-full{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.racm-root .rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.racm-root .scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.racm-root .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.racm-root .animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.racm-root .animate-spin{animation:spin 1s linear infinite}.racm-root .cursor-not-allowed{cursor:not-allowed}.racm-root .cursor-pointer{cursor:pointer}.racm-root .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.racm-root .grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.racm-root .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.racm-root .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.racm-root .flex-col{flex-direction:column}.racm-root .items-center{align-items:center}.racm-root .items-stretch{align-items:stretch}.racm-root .justify-end{justify-content:flex-end}.racm-root .justify-center{justify-content:center}.racm-root .justify-between{justify-content:space-between}.racm-root .gap-1{gap:.25rem}.racm-root .gap-1\\.5{gap:.375rem}.racm-root .gap-2{gap:.5rem}.racm-root .gap-2\\.5{gap:.625rem}.racm-root .gap-3{gap:.75rem}.racm-root .gap-4{gap:1rem}.racm-root .gap-6{gap:1.5rem}.racm-root .-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(-.5rem * var(--tw-space-x-reverse));margin-left:calc(-.5rem * calc(1 - var(--tw-space-x-reverse)))}.racm-root .space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.racm-root .space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.racm-root .space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.racm-root .space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.racm-root .space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.racm-root .divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.racm-root .divide-gray-100>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(243 244 246 / var(--tw-divide-opacity))}.racm-root .overflow-auto{overflow:auto}.racm-root .overflow-hidden{overflow:hidden}.racm-root .overflow-x-auto{overflow-x:auto}.racm-root .overflow-y-auto{overflow-y:auto}.racm-root .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.racm-root .text-ellipsis{text-overflow:ellipsis}.racm-root .whitespace-nowrap{white-space:nowrap}.racm-root .break-words{overflow-wrap:break-word}.racm-root .rounded{border-radius:.25rem}.racm-root .rounded-full{border-radius:9999px}.racm-root .rounded-lg{border-radius:var(--radius)}.racm-root .rounded-md{border-radius:calc(var(--radius) - 2px)}.racm-root .rounded-sm{border-radius:calc(var(--radius) - 4px)}.racm-root .rounded-xl{border-radius:.75rem}.racm-root .border{border-width:1px}.racm-root .border-2{border-width:2px}.racm-root .border-4{border-width:4px}.racm-root .border-8{border-width:8px}.racm-root .border-b{border-bottom-width:1px}.racm-root .border-l{border-left-width:1px}.racm-root .border-r{border-right-width:1px}.racm-root .border-t{border-top-width:1px}.racm-root .border-t-2{border-top-width:2px}.racm-root .border-dashed{border-style:dashed}.racm-root .border-blue-300{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity))}.racm-root .border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity))}.racm-root .border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity))}.racm-root .border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.racm-root .border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.racm-root .border-green-300{--tw-border-opacity: 1;border-color:rgb(134 239 172 / var(--tw-border-opacity))}.racm-root .border-green-600{--tw-border-opacity: 1;border-color:rgb(22 163 74 / var(--tw-border-opacity))}.racm-root .border-primary,.racm-root .border-primary-500{border-color:var(--primary-500)}.racm-root .border-purple-300{--tw-border-opacity: 1;border-color:rgb(216 180 254 / var(--tw-border-opacity))}.racm-root .border-red-300{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity))}.racm-root .border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity))}.racm-root .border-red-600{--tw-border-opacity: 1;border-color:rgb(220 38 38 / var(--tw-border-opacity))}.racm-root .border-teal-300{--tw-border-opacity: 1;border-color:rgb(94 234 212 / var(--tw-border-opacity))}.racm-root .border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.racm-root .border-white\\/30{border-color:#ffffff4d}.racm-root .border-yellow-300{--tw-border-opacity: 1;border-color:rgb(253 224 71 / var(--tw-border-opacity))}.racm-root .border-t-gray-200{--tw-border-opacity: 1;border-top-color:rgb(229 231 235 / var(--tw-border-opacity))}.racm-root .border-t-white{--tw-border-opacity: 1;border-top-color:rgb(255 255 255 / var(--tw-border-opacity))}.racm-root .\\!bg-transparent{background-color:transparent!important}.racm-root .bg-black\\/50{background-color:#00000080}.racm-root .bg-black\\/70{background-color:#000000b3}.racm-root .bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity))}.racm-root .bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity))}.racm-root .bg-blue-500\\/10{background-color:#3b82f61a}.racm-root .bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.racm-root .bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.racm-root .bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.racm-root .bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.racm-root .bg-gray-500{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity))}.racm-root .bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}.racm-root .bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity))}.racm-root .bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity))}.racm-root .bg-primary{background-color:var(--primary-500)}.racm-root .bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity))}.racm-root .bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity))}.racm-root .bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.racm-root .bg-red-500\\/95{background-color:#ef4444f2}.racm-root .bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity))}.racm-root .bg-teal-100{--tw-bg-opacity: 1;background-color:rgb(204 251 241 / var(--tw-bg-opacity))}.racm-root .bg-transparent{background-color:transparent}.racm-root .bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.racm-root .bg-white\\/90{background-color:#ffffffe6}.racm-root .bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity))}.racm-root .bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.racm-root .to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.racm-root .object-contain{-o-object-fit:contain;object-fit:contain}.racm-root .object-cover{-o-object-fit:cover;object-fit:cover}.racm-root .p-1{padding:.25rem}.racm-root .p-2{padding:.5rem}.racm-root .p-4{padding:1rem}.racm-root .p-5{padding:1.25rem}.racm-root .px-2{padding-left:.5rem;padding-right:.5rem}.racm-root .px-3{padding-left:.75rem;padding-right:.75rem}.racm-root .px-4{padding-left:1rem;padding-right:1rem}.racm-root .px-5{padding-left:1.25rem;padding-right:1.25rem}.racm-root .px-6{padding-left:1.5rem;padding-right:1.5rem}.racm-root .px-8{padding-left:2rem;padding-right:2rem}.racm-root .py-1{padding-top:.25rem;padding-bottom:.25rem}.racm-root .py-2{padding-top:.5rem;padding-bottom:.5rem}.racm-root .py-3{padding-top:.75rem;padding-bottom:.75rem}.racm-root .py-4{padding-top:1rem;padding-bottom:1rem}.racm-root .py-6{padding-top:1.5rem;padding-bottom:1.5rem}.racm-root .pl-9{padding-left:2.25rem}.racm-root .pr-10{padding-right:2.5rem}.racm-root .pr-2{padding-right:.5rem}.racm-root .pr-3{padding-right:.75rem}.racm-root .text-left{text-align:left}.racm-root .text-center{text-align:center}.racm-root .text-base{font-size:1rem;line-height:1.5rem}.racm-root .text-lg{font-size:1.125rem;line-height:1.75rem}.racm-root .text-sm{font-size:.875rem;line-height:1.25rem}.racm-root .text-xl{font-size:1.25rem;line-height:1.75rem}.racm-root .text-xs{font-size:.75rem;line-height:1rem}.racm-root .font-bold{font-weight:700}.racm-root .font-medium{font-weight:500}.racm-root .font-semibold{font-weight:600}.racm-root .uppercase{text-transform:uppercase}.racm-root .italic{font-style:italic}.racm-root .leading-none{line-height:1}.racm-root .leading-snug{line-height:1.375}.racm-root .leading-tight{line-height:1.25}.racm-root .tracking-wide{letter-spacing:.025em}.racm-root .tracking-wider{letter-spacing:.05em}.racm-root .text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.racm-root .text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity))}.racm-root .text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity))}.racm-root .text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity))}.racm-root .text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.racm-root .text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.racm-root .text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.racm-root .text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.racm-root .text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.racm-root .text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.racm-root .text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity))}.racm-root .text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity))}.racm-root .text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity))}.racm-root .text-primary{color:var(--primary-500)}.racm-root .text-purple-700{--tw-text-opacity: 1;color:rgb(126 34 206 / var(--tw-text-opacity))}.racm-root .text-purple-800{--tw-text-opacity: 1;color:rgb(107 33 168 / var(--tw-text-opacity))}.racm-root .text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.racm-root .text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity))}.racm-root .text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity))}.racm-root .text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity))}.racm-root .text-teal-700{--tw-text-opacity: 1;color:rgb(15 118 110 / var(--tw-text-opacity))}.racm-root .text-teal-800{--tw-text-opacity: 1;color:rgb(17 94 89 / var(--tw-text-opacity))}.racm-root .text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.racm-root .text-yellow-700{--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity))}.racm-root .text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity))}.racm-root .underline{text-decoration-line:underline}.racm-root .placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity))}.racm-root .placeholder-gray-400::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity))}.racm-root .placeholder-gray-500::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity))}.racm-root .placeholder-gray-500::placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity))}.racm-root .opacity-0{opacity:0}.racm-root .opacity-100{opacity:1}.racm-root .opacity-50{opacity:.5}.racm-root .opacity-60{opacity:.6}.racm-root .opacity-75{opacity:.75}.racm-root .opacity-90{opacity:.9}.racm-root .shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.racm-root .shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.racm-root .shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.racm-root .shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.racm-root .shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.racm-root .shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.racm-root .outline-none{outline:2px solid transparent;outline-offset:2px}.racm-root .outline{outline-style:solid}.racm-root .ring-0{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.racm-root .ring-blue-100{--tw-ring-opacity: 1;--tw-ring-color: rgb(219 234 254 / var(--tw-ring-opacity))}.racm-root .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)}.racm-root .backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.racm-root .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.racm-root .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.racm-root .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.racm-root .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.racm-root .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.racm-root .duration-200{transition-duration:.2s}.racm-root .duration-300{transition-duration:.3s}.racm-root .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.racm-root .primary-bg{background-color:var(--primary-500)}.racm-root .primary-bg-light{background-color:var(--primary-100)}.racm-root .primary-bg-dark{background-color:var(--primary-700)}.racm-root .primary-text{color:var(--primary-600)}.racm-root .primary-border{border-color:var(--primary-300)}.racm-root .primary-hover:hover{background-color:var(--primary-600)}.racm-root{--foreground-rgb: 0, 0, 0;--background-start-rgb: 214, 219, 220;--background-end-rgb: 255, 255, 255}@media (prefers-color-scheme: dark){.racm-root{--foreground-rgb: 255, 255, 255;--background-start-rgb: 0, 0, 0;--background-end-rgb: 0, 0, 0}}.racm-root{height:100%}.racm-root{--scrollbar-thumb: #d1d5db;--scrollbar-thumb-hover: #9ca3af}.racm-root .dark{--scrollbar-thumb: #4b5563;--scrollbar-thumb-hover: #6b7280}.racm-root *{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.racm-root *::-webkit-scrollbar{width:6px;height:6px}.racm-root *::-webkit-scrollbar-track{background:transparent}.racm-root *::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:3px}.racm-root *::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}.racm-root h1{font-size:1.5rem;line-height:2rem;font-weight:700;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.racm-root :is(.dark h1){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.racm-root p{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.racm-root :is(.dark p){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.racm-root .table-search-field{position:relative;width:100%}@media (min-width: 640px){.racm-root .table-search-field{min-width:300px!important}}.racm-root .table-search-field .search-icon{position:absolute;left:.75rem;top:50%;height:1rem;width:1rem;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.racm-root :is(.dark .table-search-field .search-icon){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.racm-root .table-search-field input{height:36px;width:100%;border-radius:calc(var(--radius) - 2px);border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity));padding:.75rem 1rem .75rem 2.25rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.racm-root .table-search-field input::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity))}.racm-root .table-search-field input::placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity))}.racm-root .table-search-field input:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity))}.racm-root .table-search-field input:disabled{opacity:.5}.racm-root :is(.dark .table-search-field input){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.racm-root :is(.dark .table-search-field input)::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity))}.racm-root :is(.dark .table-search-field input)::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity))}.racm-root :is(.dark .table-search-field input){--tw-ring-opacity: 1;--tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity))}.racm-root .filter-button-wrapper{position:relative;width:100%}@media (min-width: 640px){.racm-root .filter-button-wrapper{width:auto!important}}.racm-root .filter-button-wrapper .red-dot{position:absolute;top:.25rem;right:.25rem;height:.5rem;width:.5rem;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.racm-root .table-container{overflow:hidden;border-radius:var(--radius);border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.racm-root :is(.dark .table-container){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.racm-root .table-container table{min-width:100%}.racm-root .table-container table>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse));--tw-divide-opacity: 1;border-color:rgb(229 231 235 / var(--tw-divide-opacity))}.racm-root :is(.dark .table-container table)>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(55 65 81 / var(--tw-divide-opacity))}.racm-root .table-container thead{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.racm-root :is(.dark .table-container thead){background-color:#37415199}.racm-root .table-container tbody>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse));--tw-divide-opacity: 1;border-color:rgb(229 231 235 / var(--tw-divide-opacity))}.racm-root .table-container tbody{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.racm-root :is(.dark .table-container tbody)>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(55 65 81 / var(--tw-divide-opacity))}.racm-root :is(.dark .table-container tbody){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.racm-root .table-container .table-head-data{min-width:-moz-max-content;min-width:max-content;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:1rem 1.5rem;text-align:left;font-size:.75rem;line-height:1rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.racm-root :is(.dark .table-container .table-head-data){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.racm-root .table-container .no-data-message{padding-top:2.5rem;padding-bottom:2.5rem;text-align:center;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.racm-root :is(.dark .table-container .no-data-message){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.racm-root .table-container .table-row{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.racm-root .table-container .table-row:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.racm-root :is(.dark .table-container .table-row:hover){background-color:#1e40af1a}.racm-root .table-container .table-data{min-width:-moz-max-content;min-width:max-content;padding:1rem 1.5rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.racm-root :is(.dark .table-container .table-data){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity))}.racm-root .table-container .pagination-wrapper{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity));padding:.75rem 1.5rem}.racm-root :is(.dark .table-container .pagination-wrapper){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity));background-color:#37415199}.racm-root .table-container .pagination-wrapper span{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.racm-root :is(.dark .table-container .pagination-wrapper span){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.racm-root .table-container .pagination-wrapper .rows-number-select{border-radius:calc(var(--radius) - 2px);border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem}.racm-root .table-container .pagination-wrapper .rows-number-select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity))}.racm-root :is(.dark .table-container .pagination-wrapper .rows-number-select){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.racm-root .table-container .pagination-wrapper .arrow-icons{border-radius:calc(var(--radius) - 2px);padding:.5rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.racm-root .table-container .pagination-wrapper .arrow-icons:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.racm-root .table-container .pagination-wrapper .arrow-icons:disabled{opacity:.5}.racm-root :is(.dark .table-container .pagination-wrapper .arrow-icons){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.racm-root :is(.dark .table-container .pagination-wrapper .arrow-icons:hover){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.racm-root .no-spinner::-webkit-outer-spin-button,.racm-root .no-spinner::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.racm-root .no-spinner{-moz-appearance:textfield}.racm-root .tox.tox-tinymce .tox-edit-area:before{border:0!important;box-shadow:none!important}.racm-root .hover\\:-translate-y-0:hover{--tw-translate-y: -0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.racm-root .hover\\:-translate-y-0\\.5:hover{--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.racm-root .hover\\:bg-blue-50:hover{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity))}.racm-root .hover\\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.racm-root .hover\\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.racm-root .hover\\:bg-gray-300:hover{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.racm-root .hover\\:bg-green-50:hover{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity))}.racm-root .hover\\:bg-green-700:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity))}.racm-root .hover\\:bg-primary-50:hover{background-color:var(--primary-50)}.racm-root .hover\\:bg-primary-600:hover{background-color:var(--primary-600)}.racm-root .hover\\:bg-red-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity))}.racm-root .hover\\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity))}.racm-root .hover\\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity))}.racm-root .hover\\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.racm-root .hover\\:bg-white\\/20:hover{background-color:#fff3}.racm-root .hover\\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.racm-root .hover\\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.racm-root .focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.racm-root .focus\\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.racm-root .focus\\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.racm-root .focus\\:ring-blue-200:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity))}.racm-root .focus\\:ring-blue-300:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity))}.racm-root .focus\\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity))}.racm-root .focus\\:ring-gray-300:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity))}.racm-root .focus\\:ring-green-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity))}.racm-root .focus\\:ring-primary-500:focus{--tw-ring-color: var(--primary-500)}.racm-root .focus\\:ring-red-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity))}.racm-root .focus\\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.racm-root .focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.racm-root .focus-visible\\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.racm-root .focus-visible\\:ring-blue-400:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity))}.racm-root .focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.racm-root .disabled\\:pointer-events-none:disabled{pointer-events:none}.racm-root .disabled\\:opacity-50:disabled{opacity:.5}.racm-root .group:hover .group-hover\\:opacity-100{opacity:1}.racm-root .peer:checked~.peer-checked\\:translate-x-5{--tw-translate-x: 1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.racm-root .peer:checked~.peer-checked\\:bg-primary-600{background-color:var(--primary-600)}.racm-root .peer:focus~.peer-focus\\:outline-none{outline:2px solid transparent;outline-offset:2px}.racm-root .peer:disabled~.peer-disabled\\:cursor-not-allowed{cursor:not-allowed}.racm-root .peer:disabled~.peer-disabled\\:opacity-50{opacity:.5}.racm-root :is(.dark .dark\\:divide-gray-800)>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(31 41 55 / var(--tw-divide-opacity))}.racm-root :is(.dark .dark\\:border-blue-700){--tw-border-opacity: 1;border-color:rgb(29 78 216 / var(--tw-border-opacity))}.racm-root :is(.dark .dark\\:border-gray-600){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity))}.racm-root :is(.dark .dark\\:border-gray-700){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity))}.racm-root :is(.dark .dark\\:border-gray-700\\/60){border-color:#37415199}.racm-root :is(.dark .dark\\:border-gray-800){--tw-border-opacity: 1;border-color:rgb(31 41 55 / var(--tw-border-opacity))}.racm-root :is(.dark .dark\\:border-green-700){--tw-border-opacity: 1;border-color:rgb(21 128 61 / var(--tw-border-opacity))}.racm-root :is(.dark .dark\\:border-purple-700){--tw-border-opacity: 1;border-color:rgb(126 34 206 / var(--tw-border-opacity))}.racm-root :is(.dark .dark\\:border-red-700){--tw-border-opacity: 1;border-color:rgb(185 28 28 / var(--tw-border-opacity))}.racm-root :is(.dark .dark\\:border-teal-700){--tw-border-opacity: 1;border-color:rgb(15 118 110 / var(--tw-border-opacity))}.racm-root :is(.dark .dark\\:border-yellow-700){--tw-border-opacity: 1;border-color:rgb(161 98 7 / var(--tw-border-opacity))}.racm-root :is(.dark .dark\\:bg-black){--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.racm-root :is(.dark .dark\\:bg-black\\/80){background-color:#000c}.racm-root :is(.dark .dark\\:bg-blue-900\\/20){background-color:#1e3a8a33}.racm-root :is(.dark .dark\\:bg-blue-900\\/30){background-color:#1e3a8a4d}.racm-root :is(.dark .dark\\:bg-gray-600){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.racm-root :is(.dark .dark\\:bg-gray-700){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.racm-root :is(.dark .dark\\:bg-gray-800){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.racm-root :is(.dark .dark\\:bg-gray-800\\/80){background-color:#1f2937cc}.racm-root :is(.dark .dark\\:bg-gray-900){--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}.racm-root :is(.dark .dark\\:bg-gray-900\\/30){background-color:#1118274d}.racm-root :is(.dark .dark\\:bg-green-900\\/30){background-color:#14532d4d}.racm-root :is(.dark .dark\\:bg-purple-900\\/30){background-color:#581c874d}.racm-root :is(.dark .dark\\:bg-red-900\\/30){background-color:#7f1d1d4d}.racm-root :is(.dark .dark\\:bg-teal-900\\/30){background-color:#134e4a4d}.racm-root :is(.dark .dark\\:bg-yellow-900\\/30){background-color:#713f124d}.racm-root :is(.dark .dark\\:text-blue-300){--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-blue-400){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-gray-100){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-gray-200){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-gray-300){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-gray-400){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-gray-500){--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-green-300){--tw-text-opacity: 1;color:rgb(134 239 172 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-purple-300){--tw-text-opacity: 1;color:rgb(216 180 254 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-red-300){--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-red-500){--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-teal-300){--tw-text-opacity: 1;color:rgb(94 234 212 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-white){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-yellow-300){--tw-text-opacity: 1;color:rgb(253 224 71 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:placeholder-gray-400)::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity))}.racm-root :is(.dark .dark\\:placeholder-gray-400)::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity))}.racm-root :is(.dark .dark\\:hover\\:bg-gray-600:hover){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.racm-root :is(.dark .dark\\:hover\\:bg-gray-700:hover){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.racm-root :is(.dark .dark\\:hover\\:bg-gray-800:hover){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.racm-root :is(.dark .dark\\:hover\\:text-gray-200:hover){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:hover\\:text-gray-300:hover){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:focus\\:ring-blue-200:focus){--tw-ring-opacity: 1;--tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity))}.racm-root :is(.dark .dark\\:focus\\:ring-blue-400:focus){--tw-ring-opacity: 1;--tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity))}.racm-root :is(.dark .dark\\:focus\\:ring-gray-500:focus){--tw-ring-opacity: 1;--tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity))}.racm-root :is(.dark .dark\\:focus\\:ring-gray-600:focus){--tw-ring-opacity: 1;--tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity))}.racm-root :is(.dark .dark\\:focus\\:ring-offset-gray-800:focus){--tw-ring-offset-color: #1f2937}@media (min-width: 640px){.racm-root .sm\\:\\!w-auto{width:auto!important}.racm-root .sm\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.racm-root .sm\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.racm-root .sm\\:\\!flex-row{flex-direction:row!important}.racm-root .sm\\:\\!flex-wrap{flex-wrap:wrap!important}.racm-root .sm\\:\\!items-center{align-items:center!important}.racm-root .sm\\:\\!px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.racm-root .sm\\:opacity-0{opacity:0}.racm-root .group:hover .sm\\:group-hover\\:opacity-100{opacity:1}}@media (min-width: 1024px){.racm-root .lg\\:\\!w-auto{width:auto!important}.racm-root .lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.racm-root .lg\\:\\!flex-row{flex-direction:row!important}.racm-root .lg\\:\\!items-end{align-items:flex-end!important}.racm-root .lg\\:\\!justify-between{justify-content:space-between!important}}.racm-root .\\[\\&\\>svg\\]\\:h-3\\.5>svg{height:.875rem}.racm-root .\\[\\&\\>svg\\]\\:h-4>svg{height:1rem}.racm-root .\\[\\&\\>svg\\]\\:w-3\\.5>svg{width:.875rem}.racm-root .\\[\\&\\>svg\\]\\:w-4>svg{width:1rem}',er=(a,o="DD MMM YYYY")=>{if(!a)return"N/A";const e=new Date(a);if(isNaN(e.getTime()))return"Invalid Date";const t=s=>String(s).padStart(2,"0"),n={YYYY:e.getFullYear(),YY:String(e.getFullYear()).slice(-2),MMMM:e.toLocaleString("en-US",{month:"long"}),MMM:e.toLocaleString("en-US",{month:"short"}),MM:t(e.getMonth()+1),M:e.getMonth()+1,DD:t(e.getDate()),D:e.getDate(),dddd:e.toLocaleString("en-US",{weekday:"long"}),ddd:e.toLocaleString("en-US",{weekday:"short"}),HH:t(e.getHours()),hh:t(e.getHours()%12||12),mm:t(e.getMinutes()),ss:t(e.getSeconds()),A:e.getHours()>=12?"PM":"AM"};return o.replace(/YYYY|YY|MMMM|MMM|MM|M|DD|D|dddd|ddd|HH|hh|mm|ss|A/g,s=>String(n[s]))},Vr=(a,o,e=[])=>{if(!(o!=null&&o.trim()))return a;const t=o.toLowerCase(),n=s=>s==null?[]:typeof s=="object"?Object.values(s).flatMap(n):[String(s)];return a.filter(s=>{let i=[];return e.length>0?e.forEach(l=>{s[l]!==void 0&&i.push(...n(s[l]))}):i=n(s),i.some(l=>l.toLowerCase().includes(t))})},v=(...a)=>a.filter(Boolean).join(" "),f={crudPage:{root:"crud_page",deleteContent:"crud_page_delete_content"},button:{root:"crud_button"},chip:{root:"crud_chip"},modal:{root:"crud_modal",overlay:"crud_modal_overlay",container:"crud_modal_container",header:"crud_modal_header",title:"crud_modal_title",closeButton:"crud_modal_close_button",body:"crud_modal_body",footer:"crud_modal_footer",actionButton:"crud_modal_action_button",loadingIndicator:"crud_modal_loading_indicator"},table:{root:"crud_table",toolbar:"crud_table_toolbar",searchField:"crud_table_search_field",searchInput:"crud_table_search_input",container:"crud_table_container",element:"crud_table_element",head:"crud_table_head",headRow:"crud_table_head_row",headCell:"crud_table_head_cell",body:"crud_table_body",row:"crud_table_row",cell:"crud_table_cell",noData:"crud_table_no_data",actionButton:"crud_table_action_button",menu:"crud_table_menu",menuItem:"crud_table_menu_item",pagination:"crud_table_pagination"},tableSkeleton:{root:"crud_table_skeleton",table:"crud_table_skeleton_table"},sortDropdown:{root:"crud_sort_dropdown",trigger:"crud_sort_dropdown_trigger",menu:"crud_sort_dropdown_menu",item:"crud_sort_dropdown_item"},imagePreview:{root:"crud_image_preview",container:"crud_image_preview_container",image:"crud_image_preview_image"},filterDrawer:{overlay:"crud_filter_overlay",panel:"crud_filter_panel",header:"crud_filter_header",body:"crud_filter_body",footer:"crud_filter_footer"},form:{root:"crud_form",loading:"crud_form_loading"},field:{wrapper:"crud_field_wrapper",label:"crud_field_label",input:"crud_field_input",error:"crud_field_error"},mediaPicker:{image:"crud_media_image_picker",multiImage:"crud_media_multi_image_picker",audio:"crud_media_audio_picker",video:"crud_media_video_picker",dropzone:"crud_media_dropzone",cropModal:"crud_media_crop_modal"},details:{root:"crud_details",container:"crud_details_container",row:"crud_details_row"}},he=b.forwardRef(({className:a="",variant:o="contained",color:e="default",size:t="default",fullWidth:n=!1,children:s,...i},l)=>{var w;const m="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-400 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",p={sm:"h-8 px-3 rounded-md text-sm",md:"h-9 px-4 rounded-md text-sm",lg:"h-11 px-6 rounded-md text-base",xl:"h-12 px-8 rounded-lg text-lg",default:"h-9 px-4 rounded-md text-sm"},h={primary:{contained:"bg-primary text-white hover:bg-primary-600 focus:ring-primary-500 shadow-sm",outlined:"border border-primary bg-transparent text-primary hover:bg-primary-50 focus:ring-primary-500",text:"bg-transparent text-primary hover:bg-primary-50 focus:ring-primary-500"},success:{contained:"bg-green-600 text-white hover:bg-green-700 focus:ring-green-500 shadow-sm",outlined:"border border-green-600 bg-transparent text-green-600 hover:bg-green-50 focus:ring-green-500",text:"bg-transparent text-green-600 hover:bg-green-50 focus:ring-green-500"},error:{contained:"bg-red-600 text-white hover:bg-red-700 focus:ring-red-500 shadow-sm",outlined:"border border-red-600 bg-transparent text-red-600 hover:bg-red-50 focus:ring-red-500",text:"bg-transparent text-red-600 hover:bg-red-50 focus:ring-red-500"},default:{contained:"border bg-gray-200 text-gray-800 hover:bg-gray-300 focus:ring-gray-300 shadow-sm dark:border-gray-600 dark:bg-gray-700 dark:text-gray-100 dark:hover:bg-gray-600 dark:focus:ring-gray-600",outlined:"border border-gray-300 bg-transparent text-gray-700 hover:bg-gray-100 focus:ring-gray-300 dark:border-gray-600 dark:text-gray-200 dark:hover:bg-gray-700 dark:focus:ring-gray-500",text:"bg-transparent text-gray-700 hover:bg-gray-100 focus:ring-gray-300 dark:text-gray-200 dark:hover:bg-gray-700 dark:focus:ring-gray-500"}},u=((w=h[e])==null?void 0:w[o])||h.default.contained,c=p[t]||p.default,g=v(f.button.root,m,u,c,n?"w-full":"",a);return r.jsx("button",{ref:l,type:i.type||"button",className:g,...i,children:s})});he.displayName="Button";function me({label:a,required:o=!1,infoText:e=""}){return r.jsx(r.Fragment,{children:r.jsxs("label",{className:v(f.field.label,"flex text-sm font-medium text-gray-700 dark:text-gray-300 mb-1"),children:[a,o&&r.jsx("span",{className:"ml-1",children:"*"}),e&&r.jsxs("span",{className:"ml-2 relative group inline-flex items-center cursor-pointer",children:[r.jsx(J.Info,{className:"w-4 h-4 text-gray-500 dark:text-gray-400"}),r.jsx("span",{className:`absolute left-1/2 top-full mt-2\r
|
|
1
|
+
"use strict";const r=require("react/jsx-runtime"),b=require("react"),J=require("lucide-react"),Kr=require("react-dom"),ue=require("@iconify/react"),Wr=require("@tinymce/tinymce-react"),je=require("notistack");function Hr(a){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const e in a)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(a,e);Object.defineProperty(o,e,t.get?t:{enumerable:!0,get:()=>a[e]})}}return o.default=a,Object.freeze(o)}const ke=Hr(b),Zr='@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.racm-root *,.racm-root :before,.racm-root :after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}.racm-root :before,.racm-root :after{--tw-content: ""}.racm-root{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal}.racm-root{margin:0;line-height:inherit}.racm-root hr{height:0;color:inherit;border-top-width:1px}.racm-root abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.racm-root h1,.racm-root h2,.racm-root h3,.racm-root h4,.racm-root h5,.racm-root h6{font-size:inherit;font-weight:inherit}.racm-root a{color:inherit;text-decoration:inherit}.racm-root b,.racm-root strong{font-weight:bolder}.racm-root code,.racm-root kbd,.racm-root samp,.racm-root pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}.racm-root small{font-size:80%}.racm-root sub,.racm-root sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.racm-root sub{bottom:-.25em}.racm-root sup{top:-.5em}.racm-root table{text-indent:0;border-color:inherit;border-collapse:collapse}.racm-root button,.racm-root input,.racm-root optgroup,.racm-root select,.racm-root textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}.racm-root button,.racm-root select{text-transform:none}.racm-root button,.racm-root [type=button],.racm-root [type=reset],.racm-root [type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}.racm-root :-moz-focusring{outline:auto}.racm-root :-moz-ui-invalid{box-shadow:none}.racm-root progress{vertical-align:baseline}.racm-root ::-webkit-inner-spin-button,.racm-root ::-webkit-outer-spin-button{height:auto}.racm-root [type=search]{-webkit-appearance:textfield;outline-offset:-2px}.racm-root ::-webkit-search-decoration{-webkit-appearance:none}.racm-root ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.racm-root summary{display:list-item}.racm-root blockquote,.racm-root dl,.racm-root dd,.racm-root h1,.racm-root h2,.racm-root h3,.racm-root h4,.racm-root h5,.racm-root h6,.racm-root hr,.racm-root figure,.racm-root p,.racm-root pre{margin:0}.racm-root fieldset{margin:0;padding:0}.racm-root legend{padding:0}.racm-root ol,.racm-root ul,.racm-root menu{list-style:none;margin:0;padding:0}.racm-root dialog{padding:0}.racm-root textarea{resize:vertical}.racm-root input::-moz-placeholder,.racm-root textarea::-moz-placeholder{opacity:1;color:#9ca3af}.racm-root input::placeholder,.racm-root textarea::placeholder{opacity:1;color:#9ca3af}.racm-root button,.racm-root [role=button]{cursor:pointer}.racm-root :disabled{cursor:default}.racm-root img,.racm-root svg,.racm-root video,.racm-root canvas,.racm-root audio,.racm-root iframe,.racm-root embed,.racm-root object{display:block;vertical-align:middle}.racm-root img,.racm-root video{max-width:100%;height:auto}.racm-root [hidden]{display:none}.racm-root{--background: 0 0% 100%;--foreground: 0 0% 3.9%;--card: 0 0% 100%;--card-foreground: 0 0% 3.9%;--popover: 0 0% 100%;--popover-foreground: 0 0% 3.9%;--primary: 0 0% 9%;--primary-foreground: 0 0% 98%;--secondary: 0 0% 96.1%;--secondary-foreground: 0 0% 9%;--muted: 0 0% 96.1%;--muted-foreground: 0 0% 45.1%;--accent: 0 0% 96.1%;--accent-foreground: 0 0% 9%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 0 0% 98%;--border: 0 0% 89.8%;--input: 0 0% 89.8%;--ring: 0 0% 3.9%;--chart-1: 12 76% 61%;--chart-2: 173 58% 39%;--chart-3: 197 37% 24%;--chart-4: 43 74% 66%;--chart-5: 27 87% 67%;--radius: .5rem}.racm-root *{border-color:hsl(var(--border, 0 0% 89.8%))}.racm-root{background-color:hsl(var(--background, 0 0% 100%));color:hsl(var(--foreground, 0 0% 3.9%))}.racm-root *,.racm-root :before,.racm-root :after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.racm-root ::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.racm-root .container{width:100%}@media (min-width: 640px){.racm-root .container{max-width:640px}}@media (min-width: 768px){.racm-root .container{max-width:768px}}@media (min-width: 1024px){.racm-root .container{max-width:1024px}}@media (min-width: 1280px){.racm-root .container{max-width:1280px}}@media (min-width: 1536px){.racm-root .container{max-width:1536px}}.racm-root .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.racm-root .pointer-events-none{pointer-events:none}.racm-root .pointer-events-auto{pointer-events:auto}.racm-root .fixed{position:fixed}.racm-root .absolute{position:absolute}.racm-root .relative{position:relative}.racm-root .inset-0{top:0;right:0;bottom:0;left:0}.racm-root .inset-y-0{top:0;bottom:0}.racm-root .-bottom-4{bottom:-1rem}.racm-root .-right-2{right:-.5rem}.racm-root .-right-6{right:-1.5rem}.racm-root .-top-2{top:-.5rem}.racm-root .-top-6{top:-1.5rem}.racm-root .bottom-full{bottom:100%}.racm-root .left-0{left:0}.racm-root .left-1{left:.25rem}.racm-root .left-1\\/2{left:50%}.racm-root .left-3{left:.75rem}.racm-root .right-0{right:0}.racm-root .right-1{right:.25rem}.racm-root .right-1\\/2{right:50%}.racm-root .right-2{right:.5rem}.racm-root .right-3{right:.75rem}.racm-root .right-4{right:1rem}.racm-root .right-\\[50\\%\\]{right:50%}.racm-root .top-0{top:0}.racm-root .top-1{top:.25rem}.racm-root .top-1\\/2{top:50%}.racm-root .top-2{top:.5rem}.racm-root .top-4{top:1rem}.racm-root .top-\\[80\\%\\]{top:80%}.racm-root .top-full{top:100%}.racm-root .z-10{z-index:10}.racm-root .z-20{z-index:20}.racm-root .z-40{z-index:40}.racm-root .z-50{z-index:50}.racm-root .col-span-12{grid-column:span 12 / span 12}.racm-root .col-span-6{grid-column:span 6 / span 6}.racm-root .mb-0{margin-bottom:0}.racm-root .mb-1{margin-bottom:.25rem}.racm-root .mb-3{margin-bottom:.75rem}.racm-root .mb-6{margin-bottom:1.5rem}.racm-root .ml-1{margin-left:.25rem}.racm-root .ml-2{margin-left:.5rem}.racm-root .mr-2{margin-right:.5rem}.racm-root .mt-1{margin-top:.25rem}.racm-root .mt-2{margin-top:.5rem}.racm-root .mt-auto{margin-top:auto}.racm-root .inline{display:inline}.racm-root .flex{display:flex}.racm-root .inline-flex{display:inline-flex}.racm-root .table{display:table}.racm-root .table-row{display:table-row}.racm-root .grid{display:grid}.racm-root .hidden{display:none}.racm-root .h-1{height:.25rem}.racm-root .h-10{height:2.5rem}.racm-root .h-11{height:2.75rem}.racm-root .h-12{height:3rem}.racm-root .h-16{height:4rem}.racm-root .h-2{height:.5rem}.racm-root .h-20{height:5rem}.racm-root .h-28{height:7rem}.racm-root .h-3{height:.75rem}.racm-root .h-32{height:8rem}.racm-root .h-4{height:1rem}.racm-root .h-5{height:1.25rem}.racm-root .h-6{height:1.5rem}.racm-root .h-64{height:16rem}.racm-root .h-7{height:1.75rem}.racm-root .h-72{height:18rem}.racm-root .h-8{height:2rem}.racm-root .h-9{height:2.25rem}.racm-root .h-\\[10px\\]{height:10px}.racm-root .h-\\[150px\\]{height:150px}.racm-root .h-\\[36px\\]{height:36px}.racm-root .h-\\[40px\\]{height:40px}.racm-root .h-full{height:100%}.racm-root .max-h-40{max-height:10rem}.racm-root .max-h-60{max-height:15rem}.racm-root .max-h-\\[260px\\]{max-height:260px}.racm-root .max-h-\\[90vh\\]{max-height:90vh}.racm-root .min-h-\\[52px\\]{min-height:52px}.racm-root .w-1{width:.25rem}.racm-root .w-10{width:2.5rem}.racm-root .w-11{width:2.75rem}.racm-root .w-12{width:3rem}.racm-root .w-16{width:4rem}.racm-root .w-2{width:.5rem}.racm-root .w-20{width:5rem}.racm-root .w-24{width:6rem}.racm-root .w-3{width:.75rem}.racm-root .w-32{width:8rem}.racm-root .w-4{width:1rem}.racm-root .w-48{width:12rem}.racm-root .w-5{width:1.25rem}.racm-root .w-6{width:1.5rem}.racm-root .w-64{width:16rem}.racm-root .w-7{width:1.75rem}.racm-root .w-8{width:2rem}.racm-root .w-80{width:20rem}.racm-root .w-\\[260px\\]{width:260px}.racm-root .w-\\[28rem\\]{width:28rem}.racm-root .w-\\[36px\\]{width:36px}.racm-root .w-\\[42\\%\\]{width:42%}.racm-root .w-full{width:100%}.racm-root .w-max{width:-moz-max-content;width:max-content}.racm-root .min-w-0{min-width:0px}.racm-root .min-w-\\[100px\\]{min-width:100px}.racm-root .min-w-\\[150px\\]{min-width:150px}.racm-root .min-w-\\[220px\\]{min-width:220px}.racm-root .min-w-\\[40px\\]{min-width:40px}.racm-root .min-w-\\[78px\\]{min-width:78px}.racm-root .max-w-2xl{max-width:42rem}.racm-root .max-w-4xl{max-width:56rem}.racm-root .max-w-5xl{max-width:64rem}.racm-root .max-w-\\[200px\\]{max-width:200px}.racm-root .max-w-\\[300px\\]{max-width:300px}.racm-root .max-w-full{max-width:100%}.racm-root .max-w-lg{max-width:32rem}.racm-root .max-w-md{max-width:28rem}.racm-root .max-w-xs{max-width:20rem}.racm-root .flex-1{flex:1 1 0%}.racm-root .flex-shrink{flex-shrink:1}.racm-root .flex-shrink-0,.racm-root .shrink-0{flex-shrink:0}.racm-root .border-collapse{border-collapse:collapse}.racm-root .-translate-x-1\\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.racm-root .-translate-y-1\\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.racm-root .translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.racm-root .translate-x-full{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.racm-root .rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.racm-root .scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.racm-root .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.racm-root .animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.racm-root .animate-spin{animation:spin 1s linear infinite}.racm-root .cursor-not-allowed{cursor:not-allowed}.racm-root .cursor-pointer{cursor:pointer}.racm-root .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.racm-root .grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.racm-root .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.racm-root .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.racm-root .flex-col{flex-direction:column}.racm-root .items-center{align-items:center}.racm-root .items-stretch{align-items:stretch}.racm-root .justify-end{justify-content:flex-end}.racm-root .justify-center{justify-content:center}.racm-root .justify-between{justify-content:space-between}.racm-root .gap-1{gap:.25rem}.racm-root .gap-1\\.5{gap:.375rem}.racm-root .gap-2{gap:.5rem}.racm-root .gap-2\\.5{gap:.625rem}.racm-root .gap-3{gap:.75rem}.racm-root .gap-4{gap:1rem}.racm-root .gap-6{gap:1.5rem}.racm-root .-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(-.5rem * var(--tw-space-x-reverse));margin-left:calc(-.5rem * calc(1 - var(--tw-space-x-reverse)))}.racm-root .space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.racm-root .space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.racm-root .space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.racm-root .space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.racm-root .space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.racm-root .divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.racm-root .divide-gray-100>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(243 244 246 / var(--tw-divide-opacity))}.racm-root .overflow-auto{overflow:auto}.racm-root .overflow-hidden{overflow:hidden}.racm-root .overflow-x-auto{overflow-x:auto}.racm-root .overflow-y-auto{overflow-y:auto}.racm-root .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.racm-root .text-ellipsis{text-overflow:ellipsis}.racm-root .whitespace-nowrap{white-space:nowrap}.racm-root .break-words{overflow-wrap:break-word}.racm-root .rounded{border-radius:.25rem}.racm-root .rounded-full{border-radius:9999px}.racm-root .rounded-lg{border-radius:var(--radius)}.racm-root .rounded-md{border-radius:calc(var(--radius) - 2px)}.racm-root .rounded-sm{border-radius:calc(var(--radius) - 4px)}.racm-root .rounded-xl{border-radius:.75rem}.racm-root .border{border-width:1px}.racm-root .border-2{border-width:2px}.racm-root .border-4{border-width:4px}.racm-root .border-8{border-width:8px}.racm-root .border-b{border-bottom-width:1px}.racm-root .border-l{border-left-width:1px}.racm-root .border-r{border-right-width:1px}.racm-root .border-t{border-top-width:1px}.racm-root .border-t-2{border-top-width:2px}.racm-root .border-dashed{border-style:dashed}.racm-root .border-blue-300{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity))}.racm-root .border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity))}.racm-root .border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity))}.racm-root .border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.racm-root .border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.racm-root .border-green-300{--tw-border-opacity: 1;border-color:rgb(134 239 172 / var(--tw-border-opacity))}.racm-root .border-green-600{--tw-border-opacity: 1;border-color:rgb(22 163 74 / var(--tw-border-opacity))}.racm-root .border-primary,.racm-root .border-primary-500{border-color:var(--primary-500, #3b82f6)}.racm-root .border-purple-300{--tw-border-opacity: 1;border-color:rgb(216 180 254 / var(--tw-border-opacity))}.racm-root .border-red-300{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity))}.racm-root .border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity))}.racm-root .border-red-600{--tw-border-opacity: 1;border-color:rgb(220 38 38 / var(--tw-border-opacity))}.racm-root .border-teal-300{--tw-border-opacity: 1;border-color:rgb(94 234 212 / var(--tw-border-opacity))}.racm-root .border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.racm-root .border-white\\/30{border-color:#ffffff4d}.racm-root .border-yellow-300{--tw-border-opacity: 1;border-color:rgb(253 224 71 / var(--tw-border-opacity))}.racm-root .border-t-gray-200{--tw-border-opacity: 1;border-top-color:rgb(229 231 235 / var(--tw-border-opacity))}.racm-root .border-t-white{--tw-border-opacity: 1;border-top-color:rgb(255 255 255 / var(--tw-border-opacity))}.racm-root .\\!bg-transparent{background-color:transparent!important}.racm-root .bg-black\\/50{background-color:#00000080}.racm-root .bg-black\\/70{background-color:#000000b3}.racm-root .bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity))}.racm-root .bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity))}.racm-root .bg-blue-500\\/10{background-color:#3b82f61a}.racm-root .bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.racm-root .bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.racm-root .bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.racm-root .bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.racm-root .bg-gray-500{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity))}.racm-root .bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}.racm-root .bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity))}.racm-root .bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity))}.racm-root .bg-primary{background-color:var(--primary-500, #3b82f6)}.racm-root .bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity))}.racm-root .bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity))}.racm-root .bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.racm-root .bg-red-500\\/95{background-color:#ef4444f2}.racm-root .bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity))}.racm-root .bg-teal-100{--tw-bg-opacity: 1;background-color:rgb(204 251 241 / var(--tw-bg-opacity))}.racm-root .bg-transparent{background-color:transparent}.racm-root .bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.racm-root .bg-white\\/90{background-color:#ffffffe6}.racm-root .bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity))}.racm-root .bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.racm-root .to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.racm-root .object-contain{-o-object-fit:contain;object-fit:contain}.racm-root .object-cover{-o-object-fit:cover;object-fit:cover}.racm-root .p-1{padding:.25rem}.racm-root .p-2{padding:.5rem}.racm-root .p-4{padding:1rem}.racm-root .p-5{padding:1.25rem}.racm-root .px-2{padding-left:.5rem;padding-right:.5rem}.racm-root .px-3{padding-left:.75rem;padding-right:.75rem}.racm-root .px-4{padding-left:1rem;padding-right:1rem}.racm-root .px-5{padding-left:1.25rem;padding-right:1.25rem}.racm-root .px-6{padding-left:1.5rem;padding-right:1.5rem}.racm-root .px-8{padding-left:2rem;padding-right:2rem}.racm-root .py-1{padding-top:.25rem;padding-bottom:.25rem}.racm-root .py-2{padding-top:.5rem;padding-bottom:.5rem}.racm-root .py-3{padding-top:.75rem;padding-bottom:.75rem}.racm-root .py-4{padding-top:1rem;padding-bottom:1rem}.racm-root .py-6{padding-top:1.5rem;padding-bottom:1.5rem}.racm-root .pl-9{padding-left:2.25rem}.racm-root .pr-10{padding-right:2.5rem}.racm-root .pr-2{padding-right:.5rem}.racm-root .pr-3{padding-right:.75rem}.racm-root .text-left{text-align:left}.racm-root .text-center{text-align:center}.racm-root .text-base{font-size:1rem;line-height:1.5rem}.racm-root .text-lg{font-size:1.125rem;line-height:1.75rem}.racm-root .text-sm{font-size:.875rem;line-height:1.25rem}.racm-root .text-xl{font-size:1.25rem;line-height:1.75rem}.racm-root .text-xs{font-size:.75rem;line-height:1rem}.racm-root .font-bold{font-weight:700}.racm-root .font-medium{font-weight:500}.racm-root .font-semibold{font-weight:600}.racm-root .uppercase{text-transform:uppercase}.racm-root .italic{font-style:italic}.racm-root .leading-none{line-height:1}.racm-root .leading-snug{line-height:1.375}.racm-root .leading-tight{line-height:1.25}.racm-root .tracking-wide{letter-spacing:.025em}.racm-root .tracking-wider{letter-spacing:.05em}.racm-root .text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.racm-root .text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity))}.racm-root .text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity))}.racm-root .text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity))}.racm-root .text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.racm-root .text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.racm-root .text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.racm-root .text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.racm-root .text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.racm-root .text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.racm-root .text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity))}.racm-root .text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity))}.racm-root .text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity))}.racm-root .text-primary{color:var(--primary-500, #3b82f6)}.racm-root .text-purple-700{--tw-text-opacity: 1;color:rgb(126 34 206 / var(--tw-text-opacity))}.racm-root .text-purple-800{--tw-text-opacity: 1;color:rgb(107 33 168 / var(--tw-text-opacity))}.racm-root .text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.racm-root .text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity))}.racm-root .text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity))}.racm-root .text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity))}.racm-root .text-teal-700{--tw-text-opacity: 1;color:rgb(15 118 110 / var(--tw-text-opacity))}.racm-root .text-teal-800{--tw-text-opacity: 1;color:rgb(17 94 89 / var(--tw-text-opacity))}.racm-root .text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.racm-root .text-yellow-700{--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity))}.racm-root .text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity))}.racm-root .underline{text-decoration-line:underline}.racm-root .placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity))}.racm-root .placeholder-gray-400::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity))}.racm-root .placeholder-gray-500::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity))}.racm-root .placeholder-gray-500::placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity))}.racm-root .opacity-0{opacity:0}.racm-root .opacity-100{opacity:1}.racm-root .opacity-50{opacity:.5}.racm-root .opacity-60{opacity:.6}.racm-root .opacity-75{opacity:.75}.racm-root .opacity-90{opacity:.9}.racm-root .shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.racm-root .shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.racm-root .shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.racm-root .shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.racm-root .shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.racm-root .shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.racm-root .outline-none{outline:2px solid transparent;outline-offset:2px}.racm-root .outline{outline-style:solid}.racm-root .ring-0{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.racm-root .ring-blue-100{--tw-ring-opacity: 1;--tw-ring-color: rgb(219 234 254 / var(--tw-ring-opacity))}.racm-root .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)}.racm-root .backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.racm-root .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.racm-root .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.racm-root .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.racm-root .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.racm-root .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.racm-root .duration-200{transition-duration:.2s}.racm-root .duration-300{transition-duration:.3s}.racm-root .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.racm-root .primary-bg{background-color:var(--primary-500)}.racm-root .primary-bg-light{background-color:var(--primary-100)}.racm-root .primary-bg-dark{background-color:var(--primary-700)}.racm-root .primary-text{color:var(--primary-600)}.racm-root .primary-border{border-color:var(--primary-300)}.racm-root .primary-hover:hover{background-color:var(--primary-600)}.racm-root{--foreground-rgb: 0, 0, 0;--background-start-rgb: 214, 219, 220;--background-end-rgb: 255, 255, 255}@media (prefers-color-scheme: dark){.racm-root{--foreground-rgb: 255, 255, 255;--background-start-rgb: 0, 0, 0;--background-end-rgb: 0, 0, 0}}.racm-root{height:100%}.racm-root{--scrollbar-thumb: #d1d5db;--scrollbar-thumb-hover: #9ca3af}.racm-root .dark{--scrollbar-thumb: #4b5563;--scrollbar-thumb-hover: #6b7280}.racm-root *{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.racm-root *::-webkit-scrollbar{width:6px;height:6px}.racm-root *::-webkit-scrollbar-track{background:transparent}.racm-root *::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:3px}.racm-root *::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}.racm-root h1{font-size:1.5rem;line-height:2rem;font-weight:700;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.racm-root :is(.dark h1){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.racm-root p{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.racm-root :is(.dark p){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.racm-root .table-search-field{position:relative;width:100%}@media (min-width: 640px){.racm-root .table-search-field{min-width:300px!important}}.racm-root .table-search-field .search-icon{position:absolute;left:.75rem;top:50%;height:1rem;width:1rem;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.racm-root :is(.dark .table-search-field .search-icon){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.racm-root .table-search-field input{height:36px;width:100%;border-radius:calc(var(--radius) - 2px);border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity));padding:.75rem 1rem .75rem 2.25rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.racm-root .table-search-field input::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity))}.racm-root .table-search-field input::placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity))}.racm-root .table-search-field input:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity))}.racm-root .table-search-field input:disabled{opacity:.5}.racm-root :is(.dark .table-search-field input){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.racm-root :is(.dark .table-search-field input)::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity))}.racm-root :is(.dark .table-search-field input)::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity))}.racm-root :is(.dark .table-search-field input){--tw-ring-opacity: 1;--tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity))}.racm-root .filter-button-wrapper{position:relative;width:100%}@media (min-width: 640px){.racm-root .filter-button-wrapper{width:auto!important}}.racm-root .filter-button-wrapper .red-dot{position:absolute;top:.25rem;right:.25rem;height:.5rem;width:.5rem;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.racm-root .table-container{overflow:hidden;border-radius:var(--radius);border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.racm-root :is(.dark .table-container){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.racm-root .table-container table{min-width:100%}.racm-root .table-container table>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse));--tw-divide-opacity: 1;border-color:rgb(229 231 235 / var(--tw-divide-opacity))}.racm-root :is(.dark .table-container table)>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(55 65 81 / var(--tw-divide-opacity))}.racm-root .table-container thead{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.racm-root :is(.dark .table-container thead){background-color:#37415199}.racm-root .table-container tbody>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse));--tw-divide-opacity: 1;border-color:rgb(229 231 235 / var(--tw-divide-opacity))}.racm-root .table-container tbody{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.racm-root :is(.dark .table-container tbody)>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(55 65 81 / var(--tw-divide-opacity))}.racm-root :is(.dark .table-container tbody){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.racm-root .table-container .table-head-data{min-width:-moz-max-content;min-width:max-content;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:1rem 1.5rem;text-align:left;font-size:.75rem;line-height:1rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.racm-root :is(.dark .table-container .table-head-data){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.racm-root .table-container .no-data-message{padding-top:2.5rem;padding-bottom:2.5rem;text-align:center;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.racm-root :is(.dark .table-container .no-data-message){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.racm-root .table-container .table-row{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.racm-root .table-container .table-row:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.racm-root :is(.dark .table-container .table-row:hover){background-color:#1e40af1a}.racm-root .table-container .table-data{min-width:-moz-max-content;min-width:max-content;padding:1rem 1.5rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.racm-root :is(.dark .table-container .table-data){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity))}.racm-root .table-container .pagination-wrapper{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity));padding:.75rem 1.5rem}.racm-root :is(.dark .table-container .pagination-wrapper){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity));background-color:#37415199}.racm-root .table-container .pagination-wrapper span{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.racm-root :is(.dark .table-container .pagination-wrapper span){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.racm-root .table-container .pagination-wrapper .rows-number-select{border-radius:calc(var(--radius) - 2px);border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem}.racm-root .table-container .pagination-wrapper .rows-number-select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity))}.racm-root :is(.dark .table-container .pagination-wrapper .rows-number-select){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.racm-root .table-container .pagination-wrapper .arrow-icons{border-radius:calc(var(--radius) - 2px);padding:.5rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.racm-root .table-container .pagination-wrapper .arrow-icons:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.racm-root .table-container .pagination-wrapper .arrow-icons:disabled{opacity:.5}.racm-root :is(.dark .table-container .pagination-wrapper .arrow-icons){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.racm-root :is(.dark .table-container .pagination-wrapper .arrow-icons:hover){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.racm-root .no-spinner::-webkit-outer-spin-button,.racm-root .no-spinner::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.racm-root .no-spinner{-moz-appearance:textfield}.racm-root .tox.tox-tinymce .tox-edit-area:before{border:0!important;box-shadow:none!important}.racm-root .hover\\:-translate-y-0:hover{--tw-translate-y: -0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.racm-root .hover\\:-translate-y-0\\.5:hover{--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.racm-root .hover\\:bg-blue-50:hover{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity))}.racm-root .hover\\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.racm-root .hover\\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.racm-root .hover\\:bg-gray-300:hover{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.racm-root .hover\\:bg-green-50:hover{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity))}.racm-root .hover\\:bg-green-700:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity))}.racm-root .hover\\:bg-primary-50:hover{background-color:var(--primary-50, #eff6ff)}.racm-root .hover\\:bg-primary-600:hover{background-color:var(--primary-600, #2563eb)}.racm-root .hover\\:bg-red-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity))}.racm-root .hover\\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity))}.racm-root .hover\\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity))}.racm-root .hover\\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.racm-root .hover\\:bg-white\\/20:hover{background-color:#fff3}.racm-root .hover\\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.racm-root .hover\\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.racm-root .focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.racm-root .focus\\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.racm-root .focus\\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.racm-root .focus\\:ring-blue-200:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity))}.racm-root .focus\\:ring-blue-300:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity))}.racm-root .focus\\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity))}.racm-root .focus\\:ring-gray-300:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity))}.racm-root .focus\\:ring-green-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity))}.racm-root .focus\\:ring-primary-500:focus{--tw-ring-color: var(--primary-500, #3b82f6)}.racm-root .focus\\:ring-red-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity))}.racm-root .focus\\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.racm-root .focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.racm-root .focus-visible\\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.racm-root .focus-visible\\:ring-blue-400:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity))}.racm-root .focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.racm-root .disabled\\:pointer-events-none:disabled{pointer-events:none}.racm-root .disabled\\:opacity-50:disabled{opacity:.5}.racm-root .group:hover .group-hover\\:opacity-100{opacity:1}.racm-root .peer:checked~.peer-checked\\:translate-x-5{--tw-translate-x: 1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.racm-root .peer:checked~.peer-checked\\:bg-primary-600{background-color:var(--primary-600, #2563eb)}.racm-root .peer:focus~.peer-focus\\:outline-none{outline:2px solid transparent;outline-offset:2px}.racm-root .peer:disabled~.peer-disabled\\:cursor-not-allowed{cursor:not-allowed}.racm-root .peer:disabled~.peer-disabled\\:opacity-50{opacity:.5}.racm-root :is(.dark .dark\\:divide-gray-800)>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(31 41 55 / var(--tw-divide-opacity))}.racm-root :is(.dark .dark\\:border-blue-700){--tw-border-opacity: 1;border-color:rgb(29 78 216 / var(--tw-border-opacity))}.racm-root :is(.dark .dark\\:border-gray-600){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity))}.racm-root :is(.dark .dark\\:border-gray-700){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity))}.racm-root :is(.dark .dark\\:border-gray-700\\/60){border-color:#37415199}.racm-root :is(.dark .dark\\:border-gray-800){--tw-border-opacity: 1;border-color:rgb(31 41 55 / var(--tw-border-opacity))}.racm-root :is(.dark .dark\\:border-green-700){--tw-border-opacity: 1;border-color:rgb(21 128 61 / var(--tw-border-opacity))}.racm-root :is(.dark .dark\\:border-purple-700){--tw-border-opacity: 1;border-color:rgb(126 34 206 / var(--tw-border-opacity))}.racm-root :is(.dark .dark\\:border-red-700){--tw-border-opacity: 1;border-color:rgb(185 28 28 / var(--tw-border-opacity))}.racm-root :is(.dark .dark\\:border-teal-700){--tw-border-opacity: 1;border-color:rgb(15 118 110 / var(--tw-border-opacity))}.racm-root :is(.dark .dark\\:border-yellow-700){--tw-border-opacity: 1;border-color:rgb(161 98 7 / var(--tw-border-opacity))}.racm-root :is(.dark .dark\\:bg-black){--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.racm-root :is(.dark .dark\\:bg-black\\/80){background-color:#000c}.racm-root :is(.dark .dark\\:bg-blue-900\\/20){background-color:#1e3a8a33}.racm-root :is(.dark .dark\\:bg-blue-900\\/30){background-color:#1e3a8a4d}.racm-root :is(.dark .dark\\:bg-gray-600){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.racm-root :is(.dark .dark\\:bg-gray-700){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.racm-root :is(.dark .dark\\:bg-gray-800){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.racm-root :is(.dark .dark\\:bg-gray-800\\/80){background-color:#1f2937cc}.racm-root :is(.dark .dark\\:bg-gray-900){--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}.racm-root :is(.dark .dark\\:bg-gray-900\\/30){background-color:#1118274d}.racm-root :is(.dark .dark\\:bg-green-900\\/30){background-color:#14532d4d}.racm-root :is(.dark .dark\\:bg-purple-900\\/30){background-color:#581c874d}.racm-root :is(.dark .dark\\:bg-red-900\\/30){background-color:#7f1d1d4d}.racm-root :is(.dark .dark\\:bg-teal-900\\/30){background-color:#134e4a4d}.racm-root :is(.dark .dark\\:bg-yellow-900\\/30){background-color:#713f124d}.racm-root :is(.dark .dark\\:text-blue-300){--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-blue-400){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-gray-100){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-gray-200){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-gray-300){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-gray-400){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-gray-500){--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-green-300){--tw-text-opacity: 1;color:rgb(134 239 172 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-purple-300){--tw-text-opacity: 1;color:rgb(216 180 254 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-red-300){--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-red-500){--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-teal-300){--tw-text-opacity: 1;color:rgb(94 234 212 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-white){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:text-yellow-300){--tw-text-opacity: 1;color:rgb(253 224 71 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:placeholder-gray-400)::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity))}.racm-root :is(.dark .dark\\:placeholder-gray-400)::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity))}.racm-root :is(.dark .dark\\:hover\\:bg-gray-600:hover){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.racm-root :is(.dark .dark\\:hover\\:bg-gray-700:hover){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.racm-root :is(.dark .dark\\:hover\\:bg-gray-800:hover){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.racm-root :is(.dark .dark\\:hover\\:text-gray-200:hover){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:hover\\:text-gray-300:hover){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.racm-root :is(.dark .dark\\:focus\\:ring-blue-200:focus){--tw-ring-opacity: 1;--tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity))}.racm-root :is(.dark .dark\\:focus\\:ring-blue-400:focus){--tw-ring-opacity: 1;--tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity))}.racm-root :is(.dark .dark\\:focus\\:ring-gray-500:focus){--tw-ring-opacity: 1;--tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity))}.racm-root :is(.dark .dark\\:focus\\:ring-gray-600:focus){--tw-ring-opacity: 1;--tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity))}.racm-root :is(.dark .dark\\:focus\\:ring-offset-gray-800:focus){--tw-ring-offset-color: #1f2937}@media (min-width: 640px){.racm-root .sm\\:\\!w-auto{width:auto!important}.racm-root .sm\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.racm-root .sm\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.racm-root .sm\\:\\!flex-row{flex-direction:row!important}.racm-root .sm\\:\\!flex-wrap{flex-wrap:wrap!important}.racm-root .sm\\:\\!items-center{align-items:center!important}.racm-root .sm\\:\\!px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.racm-root .sm\\:opacity-0{opacity:0}.racm-root .group:hover .sm\\:group-hover\\:opacity-100{opacity:1}}@media (min-width: 1024px){.racm-root .lg\\:\\!w-auto{width:auto!important}.racm-root .lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.racm-root .lg\\:\\!flex-row{flex-direction:row!important}.racm-root .lg\\:\\!items-end{align-items:flex-end!important}.racm-root .lg\\:\\!justify-between{justify-content:space-between!important}}.racm-root .\\[\\&\\>svg\\]\\:h-3\\.5>svg{height:.875rem}.racm-root .\\[\\&\\>svg\\]\\:h-4>svg{height:1rem}.racm-root .\\[\\&\\>svg\\]\\:w-3\\.5>svg{width:.875rem}.racm-root .\\[\\&\\>svg\\]\\:w-4>svg{width:1rem}',er=(a,o="DD MMM YYYY")=>{if(!a)return"N/A";const e=new Date(a);if(isNaN(e.getTime()))return"Invalid Date";const t=s=>String(s).padStart(2,"0"),n={YYYY:e.getFullYear(),YY:String(e.getFullYear()).slice(-2),MMMM:e.toLocaleString("en-US",{month:"long"}),MMM:e.toLocaleString("en-US",{month:"short"}),MM:t(e.getMonth()+1),M:e.getMonth()+1,DD:t(e.getDate()),D:e.getDate(),dddd:e.toLocaleString("en-US",{weekday:"long"}),ddd:e.toLocaleString("en-US",{weekday:"short"}),HH:t(e.getHours()),hh:t(e.getHours()%12||12),mm:t(e.getMinutes()),ss:t(e.getSeconds()),A:e.getHours()>=12?"PM":"AM"};return o.replace(/YYYY|YY|MMMM|MMM|MM|M|DD|D|dddd|ddd|HH|hh|mm|ss|A/g,s=>String(n[s]))},Vr=(a,o,e=[])=>{if(!(o!=null&&o.trim()))return a;const t=o.toLowerCase(),n=s=>s==null?[]:typeof s=="object"?Object.values(s).flatMap(n):[String(s)];return a.filter(s=>{let i=[];return e.length>0?e.forEach(l=>{s[l]!==void 0&&i.push(...n(s[l]))}):i=n(s),i.some(l=>l.toLowerCase().includes(t))})},v=(...a)=>a.filter(Boolean).join(" "),f={crudPage:{root:"crud_page",deleteContent:"crud_page_delete_content"},button:{root:"crud_button"},chip:{root:"crud_chip"},modal:{root:"crud_modal",overlay:"crud_modal_overlay",container:"crud_modal_container",header:"crud_modal_header",title:"crud_modal_title",closeButton:"crud_modal_close_button",body:"crud_modal_body",footer:"crud_modal_footer",actionButton:"crud_modal_action_button",loadingIndicator:"crud_modal_loading_indicator"},table:{root:"crud_table",toolbar:"crud_table_toolbar",searchField:"crud_table_search_field",searchInput:"crud_table_search_input",container:"crud_table_container",element:"crud_table_element",head:"crud_table_head",headRow:"crud_table_head_row",headCell:"crud_table_head_cell",body:"crud_table_body",row:"crud_table_row",cell:"crud_table_cell",noData:"crud_table_no_data",actionButton:"crud_table_action_button",menu:"crud_table_menu",menuItem:"crud_table_menu_item",pagination:"crud_table_pagination"},tableSkeleton:{root:"crud_table_skeleton",table:"crud_table_skeleton_table"},sortDropdown:{root:"crud_sort_dropdown",trigger:"crud_sort_dropdown_trigger",menu:"crud_sort_dropdown_menu",item:"crud_sort_dropdown_item"},imagePreview:{root:"crud_image_preview",container:"crud_image_preview_container",image:"crud_image_preview_image"},filterDrawer:{overlay:"crud_filter_overlay",panel:"crud_filter_panel",header:"crud_filter_header",body:"crud_filter_body",footer:"crud_filter_footer"},form:{root:"crud_form",loading:"crud_form_loading"},field:{wrapper:"crud_field_wrapper",label:"crud_field_label",input:"crud_field_input",error:"crud_field_error"},mediaPicker:{image:"crud_media_image_picker",multiImage:"crud_media_multi_image_picker",audio:"crud_media_audio_picker",video:"crud_media_video_picker",dropzone:"crud_media_dropzone",cropModal:"crud_media_crop_modal"},details:{root:"crud_details",container:"crud_details_container",row:"crud_details_row"}},he=b.forwardRef(({className:a="",variant:o="contained",color:e="default",size:t="default",fullWidth:n=!1,children:s,...i},l)=>{var w;const m="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-400 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",p={sm:"h-8 px-3 rounded-md text-sm",md:"h-9 px-4 rounded-md text-sm",lg:"h-11 px-6 rounded-md text-base",xl:"h-12 px-8 rounded-lg text-lg",default:"h-9 px-4 rounded-md text-sm"},h={primary:{contained:"bg-primary text-white hover:bg-primary-600 focus:ring-primary-500 shadow-sm",outlined:"border border-primary bg-transparent text-primary hover:bg-primary-50 focus:ring-primary-500",text:"bg-transparent text-primary hover:bg-primary-50 focus:ring-primary-500"},success:{contained:"bg-green-600 text-white hover:bg-green-700 focus:ring-green-500 shadow-sm",outlined:"border border-green-600 bg-transparent text-green-600 hover:bg-green-50 focus:ring-green-500",text:"bg-transparent text-green-600 hover:bg-green-50 focus:ring-green-500"},error:{contained:"bg-red-600 text-white hover:bg-red-700 focus:ring-red-500 shadow-sm",outlined:"border border-red-600 bg-transparent text-red-600 hover:bg-red-50 focus:ring-red-500",text:"bg-transparent text-red-600 hover:bg-red-50 focus:ring-red-500"},default:{contained:"border bg-gray-200 text-gray-800 hover:bg-gray-300 focus:ring-gray-300 shadow-sm dark:border-gray-600 dark:bg-gray-700 dark:text-gray-100 dark:hover:bg-gray-600 dark:focus:ring-gray-600",outlined:"border border-gray-300 bg-transparent text-gray-700 hover:bg-gray-100 focus:ring-gray-300 dark:border-gray-600 dark:text-gray-200 dark:hover:bg-gray-700 dark:focus:ring-gray-500",text:"bg-transparent text-gray-700 hover:bg-gray-100 focus:ring-gray-300 dark:text-gray-200 dark:hover:bg-gray-700 dark:focus:ring-gray-500"}},u=((w=h[e])==null?void 0:w[o])||h.default.contained,c=p[t]||p.default,g=v(f.button.root,m,u,c,n?"w-full":"",a);return r.jsx("button",{ref:l,type:i.type||"button",className:g,...i,children:s})});he.displayName="Button";function me({label:a,required:o=!1,infoText:e=""}){return r.jsx(r.Fragment,{children:r.jsxs("label",{className:v(f.field.label,"flex text-sm font-medium text-gray-700 dark:text-gray-300 mb-1"),children:[a,o&&r.jsx("span",{className:"ml-1",children:"*"}),e&&r.jsxs("span",{className:"ml-2 relative group inline-flex items-center cursor-pointer",children:[r.jsx(J.Info,{className:"w-4 h-4 text-gray-500 dark:text-gray-400"}),r.jsx("span",{className:`absolute left-1/2 top-full mt-2\r
|
|
2
2
|
w-max max-w-xs bg-white text-black dark:bg-black dark:text-white text-xs\r
|
|
3
3
|
rounded px-2 py-1 opacity-0 shadow-lg\r
|
|
4
4
|
group-hover:opacity-100 transition-opacity\r
|
|
5
|
-
duration-200 pointer-events-none z-50`,children:e})]})]})})}const Ie=[{label:"Afghanistan",code:"AF",phone:"93"},{label:"Aland Islands",code:"AX",phone:"358"},{label:"Albania",code:"AL",phone:"355"},{label:"Algeria",code:"DZ",phone:"213"},{label:"American Samoa",code:"AS",phone:"1"},{label:"Andorra",code:"AD",phone:"376"},{label:"Angola",code:"AO",phone:"244"},{label:"Anguilla",code:"AI",phone:"1"},{label:"Antarctica",code:"AQ",phone:"672"},{label:"Antigua and Barbuda",code:"AG",phone:"1"},{label:"Argentina",code:"AR",phone:"54"},{label:"Armenia",code:"AM",phone:"374"},{label:"Aruba",code:"AW",phone:"297"},{label:"Australia",code:"AU",phone:"61"},{label:"Austria",code:"AT",phone:"43"},{label:"Azerbaijan",code:"AZ",phone:"994"},{label:"Bahrain",code:"BH",phone:"973"},{label:"Bangladesh",code:"BD",phone:"880"},{label:"Barbados",code:"BB",phone:"1"},{label:"Belarus",code:"BY",phone:"375"},{label:"Belgium",code:"BE",phone:"32"},{label:"Belize",code:"BZ",phone:"501"},{label:"Benin",code:"BJ",phone:"229"},{label:"Bermuda",code:"BM",phone:"1"},{label:"Bhutan",code:"BT",phone:"975"},{label:"Bolivia",code:"BO",phone:"591"},{label:"Bonaire, Sint Eustatius and Saba",code:"BQ",phone:"599"},{label:"Bosnia and Herzegovina",code:"BA",phone:"387"},{label:"Botswana",code:"BW",phone:"267"},{label:"Bouvet Island",code:"BV",phone:"0055"},{label:"Brazil",code:"BR",phone:"55"},{label:"British Indian Ocean Territory",code:"IO",phone:"246"},{label:"Brunei",code:"BN",phone:"673"},{label:"Bulgaria",code:"BG",phone:"359"},{label:"Burkina Faso",code:"BF",phone:"226"},{label:"Burundi",code:"BI",phone:"257"},{label:"Cambodia",code:"KH",phone:"855"},{label:"Cameroon",code:"CM",phone:"237"},{label:"Canada",code:"CA",phone:"1"},{label:"Cape Verde",code:"CV",phone:"238"},{label:"Cayman Islands",code:"KY",phone:"1"},{label:"Central African Republic",code:"CF",phone:"236"},{label:"Chad",code:"TD",phone:"235"},{label:"Chile",code:"CL",phone:"56"},{label:"China",code:"CN",phone:"86"},{label:"Christmas Island",code:"CX",phone:"61"},{label:"Cocos (Keeling) Islands",code:"CC",phone:"61"},{label:"Colombia",code:"CO",phone:"57"},{label:"Comoros",code:"KM",phone:"269"},{label:"Congo",code:"CG",phone:"242"},{label:"Cook Islands",code:"CK",phone:"682"},{label:"Costa Rica",code:"CR",phone:"506"},{label:"Croatia",code:"HR",phone:"385"},{label:"Cuba",code:"CU",phone:"53"},{label:"Curaçao",code:"CW",phone:"599"},{label:"Cyprus",code:"CY",phone:"357"},{label:"Czech Republic",code:"CZ",phone:"420"},{label:"Democratic Republic of the Congo",code:"CD",phone:"243"},{label:"Denmark",code:"DK",phone:"45"},{label:"Djibouti",code:"DJ",phone:"253"},{label:"Dominica",code:"DM",phone:"1"},{label:"Dominican Republic",code:"DO",phone:"1"},{label:"Ecuador",code:"EC",phone:"593"},{label:"Egypt",code:"EG",phone:"20"},{label:"El Salvador",code:"SV",phone:"503"},{label:"Equatorial Guinea",code:"GQ",phone:"240"},{label:"Eritrea",code:"ER",phone:"291"},{label:"Estonia",code:"EE",phone:"372"},{label:"Eswatini",code:"SZ",phone:"268"},{label:"Ethiopia",code:"ET",phone:"251"},{label:"Falkland Islands",code:"FK",phone:"500"},{label:"Faroe Islands",code:"FO",phone:"298"},{label:"Fiji Islands",code:"FJ",phone:"679"},{label:"Finland",code:"FI",phone:"358"},{label:"France",code:"FR",phone:"33"},{label:"French Guiana",code:"GF",phone:"594"},{label:"French Polynesia",code:"PF",phone:"689"},{label:"French Southern Territories",code:"TF",phone:"262"},{label:"Gabon",code:"GA",phone:"241"},{label:"Georgia",code:"GE",phone:"995"},{label:"Germany",code:"DE",phone:"49"},{label:"Ghana",code:"GH",phone:"233"},{label:"Gibraltar",code:"GI",phone:"350"},{label:"Greece",code:"GR",phone:"30"},{label:"Greenland",code:"GL",phone:"299"},{label:"Grenada",code:"GD",phone:"1"},{label:"Guadeloupe",code:"GP",phone:"590"},{label:"Guam",code:"GU",phone:"1"},{label:"Guatemala",code:"GT",phone:"502"},{label:"Guernsey",code:"GG",phone:"44"},{label:"Guinea",code:"GN",phone:"224"},{label:"Guinea-Bissau",code:"GW",phone:"245"},{label:"Guyana",code:"GY",phone:"592"},{label:"Haiti",code:"HT",phone:"509"},{label:"Heard Island and McDonald Islands",code:"HM",phone:"672"},{label:"Honduras",code:"HN",phone:"504"},{label:"Hong Kong S.A.R.",code:"HK",phone:"852"},{label:"Hungary",code:"HU",phone:"36"},{label:"Iceland",code:"IS",phone:"354"},{label:"India",code:"IN",phone:"91"},{label:"Indonesia",code:"ID",phone:"62"},{label:"Iran",code:"IR",phone:"98"},{label:"Iraq",code:"IQ",phone:"964"},{label:"Ireland",code:"IE",phone:"353"},{label:"Israel",code:"IL",phone:"972"},{label:"Italy",code:"IT",phone:"39"},{label:"Ivory Coast",code:"CI",phone:"225"},{label:"Jamaica",code:"JM",phone:"1"},{label:"Japan",code:"JP",phone:"81"},{label:"Jersey",code:"JE",phone:"44"},{label:"Jordan",code:"JO",phone:"962"},{label:"Kazakhstan",code:"KZ",phone:"7"},{label:"Kenya",code:"KE",phone:"254"},{label:"Kiribati",code:"KI",phone:"686"},{label:"Kosovo",code:"XK",phone:"383"},{label:"Kuwait",code:"KW",phone:"965"},{label:"Kyrgyzstan",code:"KG",phone:"996"},{label:"Laos",code:"LA",phone:"856"},{label:"Latvia",code:"LV",phone:"371"},{label:"Lebanon",code:"LB",phone:"961"},{label:"Lesotho",code:"LS",phone:"266"},{label:"Liberia",code:"LR",phone:"231"},{label:"Libya",code:"LY",phone:"218"},{label:"Liechtenstein",code:"LI",phone:"423"},{label:"Lithuania",code:"LT",phone:"370"},{label:"Luxembourg",code:"LU",phone:"352"},{label:"Macau S.A.R.",code:"MO",phone:"853"},{label:"Madagascar",code:"MG",phone:"261"},{label:"Malawi",code:"MW",phone:"265"},{label:"Malaysia",code:"MY",phone:"60"},{label:"Maldives",code:"MV",phone:"960"},{label:"Mali",code:"ML",phone:"223"},{label:"Malta",code:"MT",phone:"356"},{label:"Man (Isle of)",code:"IM",phone:"44"},{label:"Marshall Islands",code:"MH",phone:"692"},{label:"Martinique",code:"MQ",phone:"596"},{label:"Mauritania",code:"MR",phone:"222"},{label:"Mauritius",code:"MU",phone:"230"},{label:"Mayotte",code:"YT",phone:"262"},{label:"Mexico",code:"MX",phone:"52"},{label:"Micronesia",code:"FM",phone:"691"},{label:"Moldova",code:"MD",phone:"373"},{label:"Monaco",code:"MC",phone:"377"},{label:"Mongolia",code:"MN",phone:"976"},{label:"Montenegro",code:"ME",phone:"382"},{label:"Montserrat",code:"MS",phone:"1"},{label:"Morocco",code:"MA",phone:"212"},{label:"Mozambique",code:"MZ",phone:"258"},{label:"Myanmar",code:"MM",phone:"95"},{label:"Namibia",code:"NA",phone:"264"},{label:"Nauru",code:"NR",phone:"674"},{label:"Nepal",code:"NP",phone:"977"},{label:"Netherlands",code:"NL",phone:"31"},{label:"New Caledonia",code:"NC",phone:"687"},{label:"New Zealand",code:"NZ",phone:"64"},{label:"Nicaragua",code:"NI",phone:"505"},{label:"Niger",code:"NE",phone:"227"},{label:"Nigeria",code:"NG",phone:"234"},{label:"Niue",code:"NU",phone:"683"},{label:"Norfolk Island",code:"NF",phone:"672"},{label:"North Korea",code:"KP",phone:"850"},{label:"North Macedonia",code:"MK",phone:"389"},{label:"Northern Mariana Islands",code:"MP",phone:"1"},{label:"Norway",code:"NO",phone:"47"},{label:"Oman",code:"OM",phone:"968"},{label:"Pakistan",code:"PK",phone:"92"},{label:"Palau",code:"PW",phone:"680"},{label:"Palestinian Territory Occupied",code:"PS",phone:"970"},{label:"Panama",code:"PA",phone:"507"},{label:"Papua New Guinea",code:"PG",phone:"675"},{label:"Paraguay",code:"PY",phone:"595"},{label:"Peru",code:"PE",phone:"51"},{label:"Philippines",code:"PH",phone:"63"},{label:"Pitcairn Island",code:"PN",phone:"870"},{label:"Poland",code:"PL",phone:"48"},{label:"Portugal",code:"PT",phone:"351"},{label:"Puerto Rico",code:"PR",phone:"1"},{label:"Qatar",code:"QA",phone:"974"},{label:"Reunion",code:"RE",phone:"262"},{label:"Romania",code:"RO",phone:"40"},{label:"Russia",code:"RU",phone:"7"},{label:"Rwanda",code:"RW",phone:"250"},{label:"Saint Helena",code:"SH",phone:"290"},{label:"Saint Kitts and Nevis",code:"KN",phone:"1"},{label:"Saint Lucia",code:"LC",phone:"1"},{label:"Saint Pierre and Miquelon",code:"PM",phone:"508"},{label:"Saint Vincent and the Grenadines",code:"VC",phone:"1"},{label:"Saint-Barthelemy",code:"BL",phone:"590"},{label:"Saint-Martin (French part)",code:"MF",phone:"590"},{label:"Samoa",code:"WS",phone:"685"},{label:"San Marino",code:"SM",phone:"378"},{label:"Sao Tome and Principe",code:"ST",phone:"239"},{label:"Saudi Arabia",code:"SA",phone:"966"},{label:"Senegal",code:"SN",phone:"221"},{label:"Serbia",code:"RS",phone:"381"},{label:"Seychelles",code:"SC",phone:"248"},{label:"Sierra Leone",code:"SL",phone:"232"},{label:"Singapore",code:"SG",phone:"65"},{label:"Sint Maarten (Dutch part)",code:"SX",phone:"1721"},{label:"Slovakia",code:"SK",phone:"421"},{label:"Slovenia",code:"SI",phone:"386"},{label:"Solomon Islands",code:"SB",phone:"677"},{label:"Somalia",code:"SO",phone:"252"},{label:"South Africa",code:"ZA",phone:"27"},{label:"South Georgia",code:"GS",phone:"500"},{label:"South Korea",code:"KR",phone:"82"},{label:"South Sudan",code:"SS",phone:"211"},{label:"Spain",code:"ES",phone:"34"},{label:"Sri Lanka",code:"LK",phone:"94"},{label:"Sudan",code:"SD",phone:"249"},{label:"Suriname",code:"SR",phone:"597"},{label:"Svalbard and Jan Mayen Islands",code:"SJ",phone:"47"},{label:"Sweden",code:"SE",phone:"46"},{label:"Switzerland",code:"CH",phone:"41"},{label:"Syria",code:"SY",phone:"963"},{label:"Taiwan",code:"TW",phone:"886"},{label:"Tajikistan",code:"TJ",phone:"992"},{label:"Tanzania",code:"TZ",phone:"255"},{label:"Thailand",code:"TH",phone:"66"},{label:"The Bahamas",code:"BS",phone:"1"},{label:"The Gambia",code:"GM",phone:"220"},{label:"Timor-Leste",code:"TL",phone:"670"},{label:"Togo",code:"TG",phone:"228"},{label:"Tokelau",code:"TK",phone:"690"},{label:"Tonga",code:"TO",phone:"676"},{label:"Trinidad and Tobago",code:"TT",phone:"1"},{label:"Tunisia",code:"TN",phone:"216"},{label:"Turkey",code:"TR",phone:"90"},{label:"Turkmenistan",code:"TM",phone:"993"},{label:"Turks and Caicos Islands",code:"TC",phone:"1"},{label:"Tuvalu",code:"TV",phone:"688"},{label:"Uganda",code:"UG",phone:"256"},{label:"Ukraine",code:"UA",phone:"380"},{label:"United Arab Emirates",code:"AE",phone:"971"},{label:"United Kingdom",code:"GB",phone:"44"},{label:"United States",code:"US",phone:"1"},{label:"United States Minor Outlying Islands",code:"UM",phone:"1"},{label:"Uruguay",code:"UY",phone:"598"},{label:"Uzbekistan",code:"UZ",phone:"998"},{label:"Vanuatu",code:"VU",phone:"678"},{label:"Vatican City State (Holy See)",code:"VA",phone:"379"},{label:"Venezuela",code:"VE",phone:"58"},{label:"Vietnam",code:"VN",phone:"84"},{label:"Virgin Islands (British)",code:"VG",phone:"1"},{label:"Virgin Islands (US)",code:"VI",phone:"1"},{label:"Wallis and Futuna Islands",code:"WF",phone:"681"},{label:"Western Sahara",code:"EH",phone:"212"},{label:"Yemen",code:"YE",phone:"967"},{label:"Zambia",code:"ZM",phone:"260"},{label:"Zimbabwe",code:"ZW",phone:"263"}],Xr=({options:a=[],value:o="",defaultValue:e="",onChange:t,placeholder:n="Select option",className:s="",disabled:i=!1,search:l=!1,label:m="",required:p=!1,name:h="",parentClass:u="",multiple:c=!1,dropdownMaxHeight:g="",formData:w={},countriesList:x=!1,dependencyKey:N="",errorMessage:k=""})=>{var D;const[S,L]=b.useState(!1),[z,F]=b.useState(""),[P,U]=b.useState(!0),y=b.useRef(null),_=b.useRef(null),[C,A]=b.useState([]),B=o||o===!1?o:e,G=R=>R==null||R===""?"":String(typeof R=="boolean"?R:R??""),ee=()=>Ie.map(Y=>({value:Y.code,label:Y.label,code:Y.code}));b.useEffect(()=>{(async()=>{if(x==!0)A(ee());else if(typeof a=="function"){const Y=await a(w);A(Y||[])}else A(a||[])})()},N?[a,w==null?void 0:w[N]]:[a]);const re=c?(B||[]).map(G):G(B),E=C.filter(R=>R.label.toLowerCase().includes(z.toLowerCase())),se=R=>{const Y=G(R);return c?re.includes(Y):Y===re};b.useEffect(()=>{const R=Y=>{y.current&&!y.current.contains(Y.target)&&(L(!1),F(""))};return document.addEventListener("mousedown",R),()=>document.removeEventListener("mousedown",R)},[]),b.useEffect(()=>{if(S&&y.current){const R=y.current.getBoundingClientRect(),I=window.innerHeight-R.bottom;U(I<200)}},[S]),b.useEffect(()=>{S&&_.current&&_.current.focus()},[S]);const H=R=>{let Y=R;if(R==="true"?Y=!0:R==="false"&&(Y=!1),c){const I=re.includes(G(R));let ce;I?ce=(Array.isArray(o)?o:[]).filter(we=>G(we)!==G(R)):ce=[...Array.isArray(o)?o:[],Y],t==null||t(ce)}else t==null||t(Y),L(!1);F("")},Q=c?C.filter(R=>se(R.value)).map(R=>R.label).join(", "):(D=C.find(R=>se(R.value)))==null?void 0:D.label;return b.useEffect(()=>{(B||B===!1)&&setTimeout(()=>{t==null||t(B)},100)},[]),r.jsxs("div",{className:v(f.field.wrapper,u||"col-span-12"),children:[r.jsx(me,{label:m,required:p}),r.jsxs("div",{className:v(f.field.input,"relative",s),ref:y,children:[r.jsx("select",{name:"hidden_select_for_validation",value:Q||"",required:p,multiple:c,id:`field-${h}`,className:"absolute opacity-0 right-1/2 top-[80%] -translate-x-1/2 -translate-y-1/2 pointer-events-none h-[10px]",onChange:()=>{},children:r.jsx("option",{hidden:!0,value:Q,children:Q})}),r.jsxs("button",{type:"button",onClick:()=>!i&&L(!S),disabled:i,className:`w-full h-10 px-3 border border-gray-300 dark:border-gray-600 rounded-md text-left text-sm flex items-center justify-between
|
|
5
|
+
duration-200 pointer-events-none z-50`,children:e})]})]})})}const Ie=[{label:"Afghanistan",code:"AF",phone:"93"},{label:"Aland Islands",code:"AX",phone:"358"},{label:"Albania",code:"AL",phone:"355"},{label:"Algeria",code:"DZ",phone:"213"},{label:"American Samoa",code:"AS",phone:"1"},{label:"Andorra",code:"AD",phone:"376"},{label:"Angola",code:"AO",phone:"244"},{label:"Anguilla",code:"AI",phone:"1"},{label:"Antarctica",code:"AQ",phone:"672"},{label:"Antigua and Barbuda",code:"AG",phone:"1"},{label:"Argentina",code:"AR",phone:"54"},{label:"Armenia",code:"AM",phone:"374"},{label:"Aruba",code:"AW",phone:"297"},{label:"Australia",code:"AU",phone:"61"},{label:"Austria",code:"AT",phone:"43"},{label:"Azerbaijan",code:"AZ",phone:"994"},{label:"Bahrain",code:"BH",phone:"973"},{label:"Bangladesh",code:"BD",phone:"880"},{label:"Barbados",code:"BB",phone:"1"},{label:"Belarus",code:"BY",phone:"375"},{label:"Belgium",code:"BE",phone:"32"},{label:"Belize",code:"BZ",phone:"501"},{label:"Benin",code:"BJ",phone:"229"},{label:"Bermuda",code:"BM",phone:"1"},{label:"Bhutan",code:"BT",phone:"975"},{label:"Bolivia",code:"BO",phone:"591"},{label:"Bonaire, Sint Eustatius and Saba",code:"BQ",phone:"599"},{label:"Bosnia and Herzegovina",code:"BA",phone:"387"},{label:"Botswana",code:"BW",phone:"267"},{label:"Bouvet Island",code:"BV",phone:"0055"},{label:"Brazil",code:"BR",phone:"55"},{label:"British Indian Ocean Territory",code:"IO",phone:"246"},{label:"Brunei",code:"BN",phone:"673"},{label:"Bulgaria",code:"BG",phone:"359"},{label:"Burkina Faso",code:"BF",phone:"226"},{label:"Burundi",code:"BI",phone:"257"},{label:"Cambodia",code:"KH",phone:"855"},{label:"Cameroon",code:"CM",phone:"237"},{label:"Canada",code:"CA",phone:"1"},{label:"Cape Verde",code:"CV",phone:"238"},{label:"Cayman Islands",code:"KY",phone:"1"},{label:"Central African Republic",code:"CF",phone:"236"},{label:"Chad",code:"TD",phone:"235"},{label:"Chile",code:"CL",phone:"56"},{label:"China",code:"CN",phone:"86"},{label:"Christmas Island",code:"CX",phone:"61"},{label:"Cocos (Keeling) Islands",code:"CC",phone:"61"},{label:"Colombia",code:"CO",phone:"57"},{label:"Comoros",code:"KM",phone:"269"},{label:"Congo",code:"CG",phone:"242"},{label:"Cook Islands",code:"CK",phone:"682"},{label:"Costa Rica",code:"CR",phone:"506"},{label:"Croatia",code:"HR",phone:"385"},{label:"Cuba",code:"CU",phone:"53"},{label:"Curaçao",code:"CW",phone:"599"},{label:"Cyprus",code:"CY",phone:"357"},{label:"Czech Republic",code:"CZ",phone:"420"},{label:"Democratic Republic of the Congo",code:"CD",phone:"243"},{label:"Denmark",code:"DK",phone:"45"},{label:"Djibouti",code:"DJ",phone:"253"},{label:"Dominica",code:"DM",phone:"1"},{label:"Dominican Republic",code:"DO",phone:"1"},{label:"Ecuador",code:"EC",phone:"593"},{label:"Egypt",code:"EG",phone:"20"},{label:"El Salvador",code:"SV",phone:"503"},{label:"Equatorial Guinea",code:"GQ",phone:"240"},{label:"Eritrea",code:"ER",phone:"291"},{label:"Estonia",code:"EE",phone:"372"},{label:"Eswatini",code:"SZ",phone:"268"},{label:"Ethiopia",code:"ET",phone:"251"},{label:"Falkland Islands",code:"FK",phone:"500"},{label:"Faroe Islands",code:"FO",phone:"298"},{label:"Fiji Islands",code:"FJ",phone:"679"},{label:"Finland",code:"FI",phone:"358"},{label:"France",code:"FR",phone:"33"},{label:"French Guiana",code:"GF",phone:"594"},{label:"French Polynesia",code:"PF",phone:"689"},{label:"French Southern Territories",code:"TF",phone:"262"},{label:"Gabon",code:"GA",phone:"241"},{label:"Georgia",code:"GE",phone:"995"},{label:"Germany",code:"DE",phone:"49"},{label:"Ghana",code:"GH",phone:"233"},{label:"Gibraltar",code:"GI",phone:"350"},{label:"Greece",code:"GR",phone:"30"},{label:"Greenland",code:"GL",phone:"299"},{label:"Grenada",code:"GD",phone:"1"},{label:"Guadeloupe",code:"GP",phone:"590"},{label:"Guam",code:"GU",phone:"1"},{label:"Guatemala",code:"GT",phone:"502"},{label:"Guernsey",code:"GG",phone:"44"},{label:"Guinea",code:"GN",phone:"224"},{label:"Guinea-Bissau",code:"GW",phone:"245"},{label:"Guyana",code:"GY",phone:"592"},{label:"Haiti",code:"HT",phone:"509"},{label:"Heard Island and McDonald Islands",code:"HM",phone:"672"},{label:"Honduras",code:"HN",phone:"504"},{label:"Hong Kong S.A.R.",code:"HK",phone:"852"},{label:"Hungary",code:"HU",phone:"36"},{label:"Iceland",code:"IS",phone:"354"},{label:"India",code:"IN",phone:"91"},{label:"Indonesia",code:"ID",phone:"62"},{label:"Iran",code:"IR",phone:"98"},{label:"Iraq",code:"IQ",phone:"964"},{label:"Ireland",code:"IE",phone:"353"},{label:"Israel",code:"IL",phone:"972"},{label:"Italy",code:"IT",phone:"39"},{label:"Ivory Coast",code:"CI",phone:"225"},{label:"Jamaica",code:"JM",phone:"1"},{label:"Japan",code:"JP",phone:"81"},{label:"Jersey",code:"JE",phone:"44"},{label:"Jordan",code:"JO",phone:"962"},{label:"Kazakhstan",code:"KZ",phone:"7"},{label:"Kenya",code:"KE",phone:"254"},{label:"Kiribati",code:"KI",phone:"686"},{label:"Kosovo",code:"XK",phone:"383"},{label:"Kuwait",code:"KW",phone:"965"},{label:"Kyrgyzstan",code:"KG",phone:"996"},{label:"Laos",code:"LA",phone:"856"},{label:"Latvia",code:"LV",phone:"371"},{label:"Lebanon",code:"LB",phone:"961"},{label:"Lesotho",code:"LS",phone:"266"},{label:"Liberia",code:"LR",phone:"231"},{label:"Libya",code:"LY",phone:"218"},{label:"Liechtenstein",code:"LI",phone:"423"},{label:"Lithuania",code:"LT",phone:"370"},{label:"Luxembourg",code:"LU",phone:"352"},{label:"Macau S.A.R.",code:"MO",phone:"853"},{label:"Madagascar",code:"MG",phone:"261"},{label:"Malawi",code:"MW",phone:"265"},{label:"Malaysia",code:"MY",phone:"60"},{label:"Maldives",code:"MV",phone:"960"},{label:"Mali",code:"ML",phone:"223"},{label:"Malta",code:"MT",phone:"356"},{label:"Man (Isle of)",code:"IM",phone:"44"},{label:"Marshall Islands",code:"MH",phone:"692"},{label:"Martinique",code:"MQ",phone:"596"},{label:"Mauritania",code:"MR",phone:"222"},{label:"Mauritius",code:"MU",phone:"230"},{label:"Mayotte",code:"YT",phone:"262"},{label:"Mexico",code:"MX",phone:"52"},{label:"Micronesia",code:"FM",phone:"691"},{label:"Moldova",code:"MD",phone:"373"},{label:"Monaco",code:"MC",phone:"377"},{label:"Mongolia",code:"MN",phone:"976"},{label:"Montenegro",code:"ME",phone:"382"},{label:"Montserrat",code:"MS",phone:"1"},{label:"Morocco",code:"MA",phone:"212"},{label:"Mozambique",code:"MZ",phone:"258"},{label:"Myanmar",code:"MM",phone:"95"},{label:"Namibia",code:"NA",phone:"264"},{label:"Nauru",code:"NR",phone:"674"},{label:"Nepal",code:"NP",phone:"977"},{label:"Netherlands",code:"NL",phone:"31"},{label:"New Caledonia",code:"NC",phone:"687"},{label:"New Zealand",code:"NZ",phone:"64"},{label:"Nicaragua",code:"NI",phone:"505"},{label:"Niger",code:"NE",phone:"227"},{label:"Nigeria",code:"NG",phone:"234"},{label:"Niue",code:"NU",phone:"683"},{label:"Norfolk Island",code:"NF",phone:"672"},{label:"North Korea",code:"KP",phone:"850"},{label:"North Macedonia",code:"MK",phone:"389"},{label:"Northern Mariana Islands",code:"MP",phone:"1"},{label:"Norway",code:"NO",phone:"47"},{label:"Oman",code:"OM",phone:"968"},{label:"Pakistan",code:"PK",phone:"92"},{label:"Palau",code:"PW",phone:"680"},{label:"Palestinian Territory Occupied",code:"PS",phone:"970"},{label:"Panama",code:"PA",phone:"507"},{label:"Papua New Guinea",code:"PG",phone:"675"},{label:"Paraguay",code:"PY",phone:"595"},{label:"Peru",code:"PE",phone:"51"},{label:"Philippines",code:"PH",phone:"63"},{label:"Pitcairn Island",code:"PN",phone:"870"},{label:"Poland",code:"PL",phone:"48"},{label:"Portugal",code:"PT",phone:"351"},{label:"Puerto Rico",code:"PR",phone:"1"},{label:"Qatar",code:"QA",phone:"974"},{label:"Reunion",code:"RE",phone:"262"},{label:"Romania",code:"RO",phone:"40"},{label:"Russia",code:"RU",phone:"7"},{label:"Rwanda",code:"RW",phone:"250"},{label:"Saint Helena",code:"SH",phone:"290"},{label:"Saint Kitts and Nevis",code:"KN",phone:"1"},{label:"Saint Lucia",code:"LC",phone:"1"},{label:"Saint Pierre and Miquelon",code:"PM",phone:"508"},{label:"Saint Vincent and the Grenadines",code:"VC",phone:"1"},{label:"Saint-Barthelemy",code:"BL",phone:"590"},{label:"Saint-Martin (French part)",code:"MF",phone:"590"},{label:"Samoa",code:"WS",phone:"685"},{label:"San Marino",code:"SM",phone:"378"},{label:"Sao Tome and Principe",code:"ST",phone:"239"},{label:"Saudi Arabia",code:"SA",phone:"966"},{label:"Senegal",code:"SN",phone:"221"},{label:"Serbia",code:"RS",phone:"381"},{label:"Seychelles",code:"SC",phone:"248"},{label:"Sierra Leone",code:"SL",phone:"232"},{label:"Singapore",code:"SG",phone:"65"},{label:"Sint Maarten (Dutch part)",code:"SX",phone:"1721"},{label:"Slovakia",code:"SK",phone:"421"},{label:"Slovenia",code:"SI",phone:"386"},{label:"Solomon Islands",code:"SB",phone:"677"},{label:"Somalia",code:"SO",phone:"252"},{label:"South Africa",code:"ZA",phone:"27"},{label:"South Georgia",code:"GS",phone:"500"},{label:"South Korea",code:"KR",phone:"82"},{label:"South Sudan",code:"SS",phone:"211"},{label:"Spain",code:"ES",phone:"34"},{label:"Sri Lanka",code:"LK",phone:"94"},{label:"Sudan",code:"SD",phone:"249"},{label:"Suriname",code:"SR",phone:"597"},{label:"Svalbard and Jan Mayen Islands",code:"SJ",phone:"47"},{label:"Sweden",code:"SE",phone:"46"},{label:"Switzerland",code:"CH",phone:"41"},{label:"Syria",code:"SY",phone:"963"},{label:"Taiwan",code:"TW",phone:"886"},{label:"Tajikistan",code:"TJ",phone:"992"},{label:"Tanzania",code:"TZ",phone:"255"},{label:"Thailand",code:"TH",phone:"66"},{label:"The Bahamas",code:"BS",phone:"1"},{label:"The Gambia",code:"GM",phone:"220"},{label:"Timor-Leste",code:"TL",phone:"670"},{label:"Togo",code:"TG",phone:"228"},{label:"Tokelau",code:"TK",phone:"690"},{label:"Tonga",code:"TO",phone:"676"},{label:"Trinidad and Tobago",code:"TT",phone:"1"},{label:"Tunisia",code:"TN",phone:"216"},{label:"Turkey",code:"TR",phone:"90"},{label:"Turkmenistan",code:"TM",phone:"993"},{label:"Turks and Caicos Islands",code:"TC",phone:"1"},{label:"Tuvalu",code:"TV",phone:"688"},{label:"Uganda",code:"UG",phone:"256"},{label:"Ukraine",code:"UA",phone:"380"},{label:"United Arab Emirates",code:"AE",phone:"971"},{label:"United Kingdom",code:"GB",phone:"44"},{label:"United States",code:"US",phone:"1"},{label:"United States Minor Outlying Islands",code:"UM",phone:"1"},{label:"Uruguay",code:"UY",phone:"598"},{label:"Uzbekistan",code:"UZ",phone:"998"},{label:"Vanuatu",code:"VU",phone:"678"},{label:"Vatican City State (Holy See)",code:"VA",phone:"379"},{label:"Venezuela",code:"VE",phone:"58"},{label:"Vietnam",code:"VN",phone:"84"},{label:"Virgin Islands (British)",code:"VG",phone:"1"},{label:"Virgin Islands (US)",code:"VI",phone:"1"},{label:"Wallis and Futuna Islands",code:"WF",phone:"681"},{label:"Western Sahara",code:"EH",phone:"212"},{label:"Yemen",code:"YE",phone:"967"},{label:"Zambia",code:"ZM",phone:"260"},{label:"Zimbabwe",code:"ZW",phone:"263"}],Xr=({options:a=[],value:o="",defaultValue:e="",onChange:t,placeholder:n="Select option",className:s="",disabled:i=!1,search:l=!1,label:m="",required:p=!1,name:h="",parentClass:u="",multiple:c=!1,dropdownMaxHeight:g="",formData:w={},countriesList:x=!1,dependencyKey:N="",errorMessage:k=""})=>{var D;const[S,P]=b.useState(!1),[z,F]=b.useState(""),[L,U]=b.useState(!0),y=b.useRef(null),_=b.useRef(null),[C,A]=b.useState([]),$=o||o===!1?o:e,G=R=>R==null||R===""?"":String(typeof R=="boolean"?R:R??""),ee=()=>Ie.map(Y=>({value:Y.code,label:Y.label,code:Y.code}));b.useEffect(()=>{(async()=>{if(x==!0)A(ee());else if(typeof a=="function"){const Y=await a(w);A(Y||[])}else A(a||[])})()},N?[a,w==null?void 0:w[N]]:[a]);const re=c?($||[]).map(G):G($),E=C.filter(R=>R.label.toLowerCase().includes(z.toLowerCase())),se=R=>{const Y=G(R);return c?re.includes(Y):Y===re};b.useEffect(()=>{const R=Y=>{y.current&&!y.current.contains(Y.target)&&(P(!1),F(""))};return document.addEventListener("mousedown",R),()=>document.removeEventListener("mousedown",R)},[]),b.useEffect(()=>{if(S&&y.current){const R=y.current.getBoundingClientRect(),I=window.innerHeight-R.bottom;U(I<200)}},[S]),b.useEffect(()=>{S&&_.current&&_.current.focus()},[S]);const H=R=>{let Y=R;if(R==="true"?Y=!0:R==="false"&&(Y=!1),c){const I=re.includes(G(R));let ce;I?ce=(Array.isArray(o)?o:[]).filter(we=>G(we)!==G(R)):ce=[...Array.isArray(o)?o:[],Y],t==null||t(ce)}else t==null||t(Y),P(!1);F("")},Q=c?C.filter(R=>se(R.value)).map(R=>R.label).join(", "):(D=C.find(R=>se(R.value)))==null?void 0:D.label;return b.useEffect(()=>{($||$===!1)&&setTimeout(()=>{t==null||t($)},100)},[]),r.jsxs("div",{className:v(f.field.wrapper,u||"col-span-12"),children:[r.jsx(me,{label:m,required:p}),r.jsxs("div",{className:v(f.field.input,"relative",s),ref:y,children:[r.jsx("select",{name:"hidden_select_for_validation",value:Q||"",required:p,multiple:c,id:`field-${h}`,className:"absolute opacity-0 right-1/2 top-[80%] -translate-x-1/2 -translate-y-1/2 pointer-events-none h-[10px]",onChange:()=>{},children:r.jsx("option",{hidden:!0,value:Q,children:Q})}),r.jsxs("button",{type:"button",onClick:()=>!i&&P(!S),disabled:i,className:`w-full h-10 px-3 border border-gray-300 dark:border-gray-600 rounded-md text-left text-sm flex items-center justify-between
|
|
6
6
|
${Q?"dark:text-white":"text-gray-500 dark:text-gray-400"}
|
|
7
7
|
${i?"opacity-50 cursor-not-allowed":"dark:bg-gray-700"}
|
|
8
8
|
${k?"border-red-500":""}`,children:[r.jsx("span",{className:"truncate",children:Q||n}),r.jsx(J.ChevronDown,{className:`w-4 h-4 transition-transform ${S?"rotate-180":""}`})]}),S&&r.jsxs("div",{className:`absolute z-50 w-full border rounded-md bg-white dark:bg-gray-700 shadow-lg
|
|
9
|
-
${
|
|
9
|
+
${L?"bottom-full mb-1":"top-full mt-1"}`,children:[l&&r.jsx("div",{className:"p-2 border-b border-gray-200 dark:border-gray-600",children:r.jsxs("div",{className:"relative",children:[r.jsx(J.Search,{className:"absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400"}),r.jsx("input",{ref:_,type:"text",value:z,onChange:R=>F(R.target.value),placeholder:"Search...",className:"w-full pl-9 pr-3 py-2 text-sm border rounded-md bg-white dark:bg-gray-800 dark:text-white placeholder-gray-500 dark:placeholder-gray-400 focus:outline-none"})]})}),r.jsx("div",{className:"max-h-40 overflow-y-auto",style:{maxHeight:g||""},children:E.length>0?E.map(R=>r.jsxs("button",{type:"button",onClick:()=>H(String(R.value)),className:`w-full px-3 py-2 text-left text-sm flex items-center justify-between hover:bg-gray-100 dark:hover:bg-gray-600
|
|
10
10
|
${se(R.value)?"bg-blue-50 dark:bg-blue-900/20 text-blue-700 dark:text-blue-300":""}`,children:[r.jsxs("div",{className:"flex gap-2 items-center",children:[x&&(R==null?void 0:R.code)&&r.jsx("img",{src:`https://flagcdn.com/w20/${R==null?void 0:R.code.toLowerCase()}.png`,alt:R.code,className:"w-5 h-3 object-cover"}),r.jsx("span",{children:R.label})]}),c&&se(R.value)&&r.jsx(J.Check,{className:"w-4 h-4"})]},String(R.value))):r.jsx("div",{className:"px-3 py-2 text-sm text-gray-500 dark:text-gray-400",children:"No options found"})})]})]}),k&&r.jsx("span",{className:v(f.field.error,"text-red-500 text-xs mt-1"),children:k})]},h)},Rr=b.forwardRef(({label:a,required:o,parentClass:e="col-span-12",className:t="",value:n=!1,onChange:s,disabled:i=!1,errorMessage:l="",name:m,...p},h)=>r.jsxs("div",{className:v(f.field.wrapper,"flex justify-between",e),children:[a&&r.jsx(me,{label:a,required:o}),r.jsxs("label",{className:"relative inline-flex items-center cursor-pointer",children:[r.jsx("input",{type:"checkbox",ref:h,id:`field-${m}`,className:v(f.field.input,"sr-only peer"),checked:n,onChange:u=>s==null?void 0:s(u.target.checked),disabled:i,...p}),r.jsx("div",{className:`
|
|
11
11
|
w-11 h-6 bg-gray-200 peer-focus:outline-none
|
|
12
12
|
rounded-full peer dark:bg-gray-700
|
|
@@ -20,12 +20,12 @@
|
|
|
20
20
|
w-4 h-4 bg-white rounded-full\r
|
|
21
21
|
transition-transform duration-200\r
|
|
22
22
|
peer-checked:translate-x-5\r
|
|
23
|
-
`})]}),l&&r.jsx("span",{className:v(f.field.error,"text-red-500 text-xs mt-1"),children:l})]}));Rr.displayName="Switch";function qr({label:a="",value:o="",name:e="",parentClass:t="",onChange:n,disabled:s=!1,required:i=!1,placeholder:l="Phone number",search:m=!1,countriesList:p=!1,defaultCountry:h="",errorMessage:u=""}){const c=_=>Ie.find(C=>C.code==_),[g,w]=b.useState(c(h)||Ie[0]),[x,N]=b.useState(""),[k,S]=b.useState(!1),[
|
|
23
|
+
`})]}),l&&r.jsx("span",{className:v(f.field.error,"text-red-500 text-xs mt-1"),children:l})]}));Rr.displayName="Switch";function qr({label:a="",value:o="",name:e="",parentClass:t="",onChange:n,disabled:s=!1,required:i=!1,placeholder:l="Phone number",search:m=!1,countriesList:p=!1,defaultCountry:h="",errorMessage:u=""}){const c=_=>Ie.find(C=>C.code==_),[g,w]=b.useState(c(h)||Ie[0]),[x,N]=b.useState(""),[k,S]=b.useState(!1),[P,z]=b.useState(""),F=b.useRef(null);b.useEffect(()=>{if(typeof o=="string"&&o.startsWith("+")){const _=Ie.filter(C=>o.startsWith("+"+C.phone)).sort((C,A)=>A.phone.length-C.phone.length)[0];if(_){w(_),N(o.replace("+"+_.phone,""));return}}N(o||"")},[o]);const L=_=>{const C=_.target.value.replace(/\D/g,"");N(C),g&&n&&n("+"+g.phone+C)},U=_=>{w(_),n&&n("+"+_.phone+x),S(!1),z("")};b.useEffect(()=>{const _=C=>{F.current&&!F.current.contains(C.target)&&S(!1)};return document.addEventListener("mousedown",_),()=>document.removeEventListener("mousedown",_)},[]);const y=Ie.filter(_=>_.label.toLowerCase().includes(P.toLowerCase())||_.phone.includes(P));if(!p){const _=C=>{const A=C.target.value.replace(/[^+\d]/g,""),$=A.startsWith("+")?"+"+A.replace(/[+]/g,"").slice(0):A;n==null||n($)};return r.jsx(r.Fragment,{children:r.jsxs("div",{className:v(f.field.wrapper,t||"col-span-12"),children:[r.jsx(me,{label:a,required:i}),r.jsx("input",{type:"text",value:o,onChange:_,placeholder:l,disabled:s,required:i,className:`w-full h-10 px-3 text-sm border border-gray-300 dark:border-gray-600 rounded-md \r
|
|
24
24
|
bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100 focus:outline-none \r
|
|
25
25
|
focus:ring-1 focus:ring-blue-300 dark:focus:ring-blue-200`,inputMode:"tel",pattern:"^\\+\\d{1,15}$"})]},e)})}return r.jsx(r.Fragment,{children:r.jsxs("div",{className:v(f.field.wrapper,t||"col-span-12"),children:[r.jsx(me,{label:a,required:i}),r.jsxs("div",{className:"relative ",ref:F,children:[r.jsxs("div",{className:`h-[40px] flex items-center border rounded-md px-2 bg-white dark:bg-gray-700 transition-all
|
|
26
26
|
${k?"ring-0.5 ring-blue-100 border-blue-300":"border-gray-300 dark:border-gray-600"}
|
|
27
27
|
${s?"opacity-60 cursor-not-allowed":""}
|
|
28
|
-
${u?"border-red-500":""}`,children:[r.jsxs("button",{type:"button",disabled:s,onClick:()=>S(!k),className:"flex items-center gap-1 pr-2 border-r border-gray-300 dark:border-gray-700 focus:outline-none",children:[g?r.jsx("img",{src:`https://flagcdn.com/w20/${g.code.toLowerCase()}.png`,alt:g.code,className:"w-5 h-3 object-cover"}):r.jsx("span",{className:"text-gray-400 text-xs",children:"🌐"}),r.jsx(J.ChevronDown,{className:"w-3 h-3 text-gray-500"})]}),g&&r.jsxs("span",{className:"ml-2 text-sm text-gray-700 dark:text-gray-200 whitespace-nowrap",children:["+",g.phone]}),r.jsx("input",{type:"tel",value:x,onChange:
|
|
28
|
+
${u?"border-red-500":""}`,children:[r.jsxs("button",{type:"button",disabled:s,onClick:()=>S(!k),className:"flex items-center gap-1 pr-2 border-r border-gray-300 dark:border-gray-700 focus:outline-none",children:[g?r.jsx("img",{src:`https://flagcdn.com/w20/${g.code.toLowerCase()}.png`,alt:g.code,className:"w-5 h-3 object-cover"}):r.jsx("span",{className:"text-gray-400 text-xs",children:"🌐"}),r.jsx(J.ChevronDown,{className:"w-3 h-3 text-gray-500"})]}),g&&r.jsxs("span",{className:"ml-2 text-sm text-gray-700 dark:text-gray-200 whitespace-nowrap",children:["+",g.phone]}),r.jsx("input",{type:"tel",value:x,onChange:L,required:i,id:`field-${e}`,disabled:s||!g,placeholder:g?l:"Select a country",className:"flex-1 ml-2 bg-transparent outline-none text-sm text-gray-800 dark:text-gray-100 placeholder-gray-400"}),r.jsx("input",{type:"tel",required:i,tabIndex:-1,readOnly:!0,value:g&&x?"+"+g.phone+x:"",style:{position:"absolute",opacity:0,pointerEvents:"none",height:0},onChange:()=>{}})]}),k&&r.jsxs("div",{className:"absolute top-full left-0 w-full mt-1 border border-gray-300 dark:border-gray-700 rounded-md bg-white dark:bg-gray-700 shadow-lg z-50 max-h-60 overflow-y-auto",children:[m&&r.jsx("div",{className:"p-2 border-b border-gray-200 dark:border-gray-700",children:r.jsxs("div",{className:"relative",children:[r.jsx(J.Search,{className:"absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400"}),r.jsx("input",{type:"text",value:P,onChange:_=>z(_.target.value),placeholder:"Search country...",className:"w-full pl-9 pr-3 py-2 text-sm border rounded-md bg-white dark:bg-gray-800 dark:text-white placeholder-gray-500 dark:placeholder-gray-400 focus:outline-none "})]})}),y.map(_=>r.jsxs("button",{type:"button",onClick:()=>U(_),className:"w-full flex items-center gap-2 px-2 py-1 text-sm hover:bg-blue-50 dark:hover:bg-gray-700 text-gray-800 dark:text-gray-100",children:[r.jsx("img",{src:`https://flagcdn.com/w20/${_.code.toLowerCase()}.png`,alt:_.code,className:"w-5 h-3 object-cover"}),r.jsxs("span",{children:[_.label," (+",_.phone,")"]})]},_.code))]})]}),u&&r.jsx("span",{className:v(f.field.error,"text-red-500 text-xs mt-1"),children:u})]},e)})}const Cr=b.forwardRef(({className:a="",label:o,required:e,errorMessage:t="",name:n,...s},i)=>{const l=v(f.field.input,"placeholder-gray-400 dark:placeholder-gray-400",t?"border-red-500":"",a);return r.jsx(r.Fragment,{children:r.jsxs("div",{className:v(f.field.wrapper,s.parentClass||"col-span-12"),children:[r.jsx(me,{label:o,required:e}),r.jsxs("div",{className:"relative",children:[r.jsx("textarea",{className:l,ref:i,id:`field-${n}`,required:e,...s}),t&&r.jsx("span",{className:v(f.field.error,"text-red-500 text-xs mt-1"),children:t})]})]},n)})});Cr.displayName="TextArea";var rr=function(a,o){return rr=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},rr(a,o)};function Jr(a,o){if(typeof o!="function"&&o!==null)throw new TypeError("Class extends value "+String(o)+" is not a constructor or null");rr(a,o);function e(){this.constructor=a}a.prototype=o===null?Object.create(o):(e.prototype=o.prototype,new e)}var ie=function(){return ie=Object.assign||function(o){for(var e,t=1,n=arguments.length;t<n;t++){e=arguments[t];for(var s in e)Object.prototype.hasOwnProperty.call(e,s)&&(o[s]=e[s])}return o},ie.apply(this,arguments)};function Qr(a){return a&&a.__esModule&&Object.prototype.hasOwnProperty.call(a,"default")?a.default:a}var pr=!1,Se,tr,ar,Ve,Xe,Mr,qe,or,nr,ir,Dr,sr,cr,Lr,Pr;function pe(){if(!pr){pr=!0;var a=navigator.userAgent,o=/(?:MSIE.(\d+\.\d+))|(?:(?:Firefox|GranParadiso|Iceweasel).(\d+\.\d+))|(?:Opera(?:.+Version.|.)(\d+\.\d+))|(?:AppleWebKit.(\d+(?:\.\d+)?))|(?:Trident\/\d+\.\d+.*rv:(\d+\.\d+))/.exec(a),e=/(Mac OS X)|(Windows)|(Linux)/.exec(a);if(sr=/\b(iPhone|iP[ao]d)/.exec(a),cr=/\b(iP[ao]d)/.exec(a),ir=/Android/i.exec(a),Lr=/FBAN\/\w+;/i.exec(a),Pr=/Mobile/i.exec(a),Dr=!!/Win64/.exec(a),o){Se=o[1]?parseFloat(o[1]):o[5]?parseFloat(o[5]):NaN,Se&&document&&document.documentMode&&(Se=document.documentMode);var t=/(?:Trident\/(\d+.\d+))/.exec(a);Mr=t?parseFloat(t[1])+4:Se,tr=o[2]?parseFloat(o[2]):NaN,ar=o[3]?parseFloat(o[3]):NaN,Ve=o[4]?parseFloat(o[4]):NaN,Ve?(o=/(?:Chrome\/(\d+\.\d+))/.exec(a),Xe=o&&o[1]?parseFloat(o[1]):NaN):Xe=NaN}else Se=tr=ar=Xe=Ve=NaN;if(e){if(e[1]){var n=/(?:Mac OS X (\d+(?:[._]\d+)?))/.exec(a);qe=n?parseFloat(n[1].replace("_",".")):!0}else qe=!1;or=!!e[2],nr=!!e[3]}else qe=or=nr=!1}}var lr={ie:function(){return pe()||Se},ieCompatibilityMode:function(){return pe()||Mr>Se},ie64:function(){return lr.ie()&&Dr},firefox:function(){return pe()||tr},opera:function(){return pe()||ar},webkit:function(){return pe()||Ve},safari:function(){return lr.webkit()},chrome:function(){return pe()||Xe},windows:function(){return pe()||or},osx:function(){return pe()||qe},linux:function(){return pe()||nr},iphone:function(){return pe()||sr},mobile:function(){return pe()||sr||cr||ir||Pr},nativeApp:function(){return pe()||Lr},android:function(){return pe()||ir},ipad:function(){return pe()||cr}},et=lr,rt=!!(typeof window<"u"&&window.document&&window.document.createElement),tt={canUseDOM:rt},at=tt,Er=at,Ar;Er.canUseDOM&&(Ar=document.implementation&&document.implementation.hasFeature&&document.implementation.hasFeature("","")!==!0);/**
|
|
29
29
|
* Checks if an event is supported in the current execution environment.
|
|
30
30
|
*
|
|
31
31
|
* NOTE: This will not work correctly for non-generic events such as `change`,
|
|
@@ -118,13 +118,13 @@
|
|
|
118
118
|
border-left: 0;
|
|
119
119
|
border-right: 0;
|
|
120
120
|
}
|
|
121
|
-
`,vt=1,kt=3,jt=1,Nt=function(a){Jr(o,a);function o(){var e=a!==null&&a.apply(this,arguments)||this;return e.cropperRef=ke.createRef(),e.imageRef=ke.createRef(),e.videoRef=ke.createRef(),e.containerPosition={x:0,y:0},e.containerRef=null,e.styleRef=null,e.containerRect=null,e.mediaSize={width:0,height:0,naturalWidth:0,naturalHeight:0},e.dragStartPosition={x:0,y:0},e.dragStartCrop={x:0,y:0},e.gestureZoomStart=0,e.gestureRotationStart=0,e.isTouching=!1,e.lastPinchDistance=0,e.lastPinchRotation=0,e.rafDragTimeout=null,e.rafPinchTimeout=null,e.wheelTimer=null,e.currentDoc=typeof document<"u"?document:null,e.currentWindow=typeof window<"u"?window:null,e.resizeObserver=null,e.previousCropSize=null,e.isInitialized=!1,e.state={cropSize:null,hasWheelJustStarted:!1,mediaObjectFit:void 0},e.initResizeObserver=function(){if(!(typeof window.ResizeObserver>"u"||!e.containerRef)){var t=!0;e.resizeObserver=new window.ResizeObserver(function(n){if(t){t=!1;return}e.computeSizes()}),e.resizeObserver.observe(e.containerRef)}},e.preventZoomSafari=function(t){return t.preventDefault()},e.cleanEvents=function(){e.currentDoc&&(e.currentDoc.removeEventListener("mousemove",e.onMouseMove),e.currentDoc.removeEventListener("mouseup",e.onDragStopped),e.currentDoc.removeEventListener("touchmove",e.onTouchMove),e.currentDoc.removeEventListener("touchend",e.onDragStopped),e.currentDoc.removeEventListener("gesturechange",e.onGestureChange),e.currentDoc.removeEventListener("gestureend",e.onGestureEnd),e.currentDoc.removeEventListener("scroll",e.onScroll))},e.clearScrollEvent=function(){e.containerRef&&e.containerRef.removeEventListener("wheel",e.onWheel),e.wheelTimer&&clearTimeout(e.wheelTimer)},e.onMediaLoad=function(){var t=e.computeSizes();t&&(e.previousCropSize=t,e.emitCropData(),e.setInitialCrop(t),e.isInitialized=!0),e.props.onMediaLoaded&&e.props.onMediaLoaded(e.mediaSize)},e.setInitialCrop=function(t){if(e.props.initialCroppedAreaPercentages){var n=gt(e.props.initialCroppedAreaPercentages,e.mediaSize,e.props.rotation,t,e.props.minZoom,e.props.maxZoom),s=n.crop,i=n.zoom;e.props.onCropChange(s),e.props.onZoomChange&&e.props.onZoomChange(i)}else if(e.props.initialCroppedAreaPixels){var l=ft(e.props.initialCroppedAreaPixels,e.mediaSize,e.props.rotation,t,e.props.minZoom,e.props.maxZoom),s=l.crop,i=l.zoom;e.props.onCropChange(s),e.props.onZoomChange&&e.props.onZoomChange(i)}},e.computeSizes=function(){var t,n,s,i,l,m,p=e.imageRef.current||e.videoRef.current;if(p&&e.containerRef){e.containerRect=e.containerRef.getBoundingClientRect(),e.saveContainerPosition();var h=e.containerRect.width/e.containerRect.height,u=((t=e.imageRef.current)===null||t===void 0?void 0:t.naturalWidth)||((n=e.videoRef.current)===null||n===void 0?void 0:n.videoWidth)||0,c=((s=e.imageRef.current)===null||s===void 0?void 0:s.naturalHeight)||((i=e.videoRef.current)===null||i===void 0?void 0:i.videoHeight)||0,g=p.offsetWidth<u||p.offsetHeight<c,w=u/c,x=void 0;if(g)switch(e.state.mediaObjectFit){default:case"contain":x=h>w?{width:e.containerRect.height*w,height:e.containerRect.height}:{width:e.containerRect.width,height:e.containerRect.width/w};break;case"horizontal-cover":x={width:e.containerRect.width,height:e.containerRect.width/w};break;case"vertical-cover":x={width:e.containerRect.height*w,height:e.containerRect.height};break}else x={width:p.offsetWidth,height:p.offsetHeight};e.mediaSize=ie(ie({},x),{naturalWidth:u,naturalHeight:c}),e.props.setMediaSize&&e.props.setMediaSize(e.mediaSize);var N=e.props.cropSize?e.props.cropSize:pt(e.mediaSize.width,e.mediaSize.height,e.containerRect.width,e.containerRect.height,e.props.aspect,e.props.rotation);return(((l=e.state.cropSize)===null||l===void 0?void 0:l.height)!==N.height||((m=e.state.cropSize)===null||m===void 0?void 0:m.width)!==N.width)&&e.props.onCropSizeChange&&e.props.onCropSizeChange(N),e.setState({cropSize:N},e.recomputeCropPosition),e.props.setCropSize&&e.props.setCropSize(N),N}},e.saveContainerPosition=function(){if(e.containerRef){var t=e.containerRef.getBoundingClientRect();e.containerPosition={x:t.left,y:t.top}}},e.onMouseDown=function(t){e.currentDoc&&(t.preventDefault(),e.currentDoc.addEventListener("mousemove",e.onMouseMove),e.currentDoc.addEventListener("mouseup",e.onDragStopped),e.saveContainerPosition(),e.onDragStart(o.getMousePoint(t)))},e.onMouseMove=function(t){return e.onDrag(o.getMousePoint(t))},e.onScroll=function(t){e.currentDoc&&(t.preventDefault(),e.saveContainerPosition())},e.onTouchStart=function(t){e.currentDoc&&(e.isTouching=!0,!(e.props.onTouchRequest&&!e.props.onTouchRequest(t))&&(e.currentDoc.addEventListener("touchmove",e.onTouchMove,{passive:!1}),e.currentDoc.addEventListener("touchend",e.onDragStopped),e.saveContainerPosition(),t.touches.length===2?e.onPinchStart(t):t.touches.length===1&&e.onDragStart(o.getTouchPoint(t.touches[0]))))},e.onTouchMove=function(t){t.preventDefault(),t.touches.length===2?e.onPinchMove(t):t.touches.length===1&&e.onDrag(o.getTouchPoint(t.touches[0]))},e.onGestureStart=function(t){e.currentDoc&&(t.preventDefault(),e.currentDoc.addEventListener("gesturechange",e.onGestureChange),e.currentDoc.addEventListener("gestureend",e.onGestureEnd),e.gestureZoomStart=e.props.zoom,e.gestureRotationStart=e.props.rotation)},e.onGestureChange=function(t){if(t.preventDefault(),!e.isTouching){var n=o.getMousePoint(t),s=e.gestureZoomStart-1+t.scale;if(e.setNewZoom(s,n,{shouldUpdatePosition:!0}),e.props.onRotationChange){var i=e.gestureRotationStart+t.rotation;e.props.onRotationChange(i)}}},e.onGestureEnd=function(t){e.cleanEvents()},e.onDragStart=function(t){var n,s,i=t.x,l=t.y;e.dragStartPosition={x:i,y:l},e.dragStartCrop=ie({},e.props.crop),(s=(n=e.props).onInteractionStart)===null||s===void 0||s.call(n)},e.onDrag=function(t){var n=t.x,s=t.y;e.currentWindow&&(e.rafDragTimeout&&e.currentWindow.cancelAnimationFrame(e.rafDragTimeout),e.rafDragTimeout=e.currentWindow.requestAnimationFrame(function(){if(e.state.cropSize&&!(n===void 0||s===void 0)){var i=n-e.dragStartPosition.x,l=s-e.dragStartPosition.y,m={x:e.dragStartCrop.x+i,y:e.dragStartCrop.y+l},p=e.props.restrictPosition?Fe(m,e.mediaSize,e.state.cropSize,e.props.zoom,e.props.rotation):m;e.props.onCropChange(p)}}))},e.onDragStopped=function(){var t,n;e.isTouching=!1,e.cleanEvents(),e.emitCropData(),(n=(t=e.props).onInteractionEnd)===null||n===void 0||n.call(t)},e.onWheel=function(t){if(e.currentWindow&&!(e.props.onWheelRequest&&!e.props.onWheelRequest(t))){t.preventDefault();var n=o.getMousePoint(t),s=dt(t).pixelY,i=e.props.zoom-s*e.props.zoomSpeed/200;e.setNewZoom(i,n,{shouldUpdatePosition:!0}),e.state.hasWheelJustStarted||e.setState({hasWheelJustStarted:!0},function(){var l,m;return(m=(l=e.props).onInteractionStart)===null||m===void 0?void 0:m.call(l)}),e.wheelTimer&&clearTimeout(e.wheelTimer),e.wheelTimer=e.currentWindow.setTimeout(function(){return e.setState({hasWheelJustStarted:!1},function(){var l,m;return(m=(l=e.props).onInteractionEnd)===null||m===void 0?void 0:m.call(l)})},250)}},e.getPointOnContainer=function(t,n){var s=t.x,i=t.y;if(!e.containerRect)throw new Error("The Cropper is not mounted");return{x:e.containerRect.width/2-(s-n.x),y:e.containerRect.height/2-(i-n.y)}},e.getPointOnMedia=function(t){var n=t.x,s=t.y,i=e.props,l=i.crop,m=i.zoom;return{x:(n+l.x)/m,y:(s+l.y)/m}},e.setNewZoom=function(t,n,s){var i=s===void 0?{}:s,l=i.shouldUpdatePosition,m=l===void 0?!0:l;if(!(!e.state.cropSize||!e.props.onZoomChange)){var p=Je(t,e.props.minZoom,e.props.maxZoom);if(m){var h=e.getPointOnContainer(n,e.containerPosition),u=e.getPointOnMedia(h),c={x:u.x*p-h.x,y:u.y*p-h.y},g=e.props.restrictPosition?Fe(c,e.mediaSize,e.state.cropSize,p,e.props.rotation):c;e.props.onCropChange(g)}e.props.onZoomChange(p)}},e.getCropData=function(){if(!e.state.cropSize)return null;var t=e.props.restrictPosition?Fe(e.props.crop,e.mediaSize,e.state.cropSize,e.props.zoom,e.props.rotation):e.props.crop;return ht(t,e.mediaSize,e.state.cropSize,e.getAspect(),e.props.zoom,e.props.rotation,e.props.restrictPosition)},e.emitCropData=function(){var t=e.getCropData();if(t){var n=t.croppedAreaPercentages,s=t.croppedAreaPixels;e.props.onCropComplete&&e.props.onCropComplete(n,s),e.props.onCropAreaChange&&e.props.onCropAreaChange(n,s)}},e.emitCropAreaChange=function(){var t=e.getCropData();if(t){var n=t.croppedAreaPercentages,s=t.croppedAreaPixels;e.props.onCropAreaChange&&e.props.onCropAreaChange(n,s)}},e.recomputeCropPosition=function(){var t,n;if(e.state.cropSize){var s=e.props.crop;if(e.isInitialized&&(!((t=e.previousCropSize)===null||t===void 0)&&t.width)&&(!((n=e.previousCropSize)===null||n===void 0)&&n.height)){var i=Math.abs(e.previousCropSize.width-e.state.cropSize.width)>1e-6||Math.abs(e.previousCropSize.height-e.state.cropSize.height)>1e-6;if(i){var l=e.state.cropSize.width/e.previousCropSize.width,m=e.state.cropSize.height/e.previousCropSize.height;s={x:e.props.crop.x*l,y:e.props.crop.y*m}}}var p=e.props.restrictPosition?Fe(s,e.mediaSize,e.state.cropSize,e.props.zoom,e.props.rotation):s;e.previousCropSize=e.state.cropSize,e.props.onCropChange(p),e.emitCropData()}},e.onKeyDown=function(t){var n,s,i=e.props,l=i.crop,m=i.onCropChange,p=i.keyboardStep,h=i.zoom,u=i.rotation,c=p;if(e.state.cropSize){t.shiftKey&&(c*=.2);var g=ie({},l);switch(t.key){case"ArrowUp":g.y-=c,t.preventDefault();break;case"ArrowDown":g.y+=c,t.preventDefault();break;case"ArrowLeft":g.x-=c,t.preventDefault();break;case"ArrowRight":g.x+=c,t.preventDefault();break;default:return}e.props.restrictPosition&&(g=Fe(g,e.mediaSize,e.state.cropSize,h,u)),t.repeat||(s=(n=e.props).onInteractionStart)===null||s===void 0||s.call(n),m(g)}},e.onKeyUp=function(t){var n,s;switch(t.key){case"ArrowUp":case"ArrowDown":case"ArrowLeft":case"ArrowRight":t.preventDefault();break;default:return}e.emitCropData(),(s=(n=e.props).onInteractionEnd)===null||s===void 0||s.call(n)},e}return o.prototype.componentDidMount=function(){!this.currentDoc||!this.currentWindow||(this.containerRef&&(this.containerRef.ownerDocument&&(this.currentDoc=this.containerRef.ownerDocument),this.currentDoc.defaultView&&(this.currentWindow=this.currentDoc.defaultView),this.initResizeObserver(),typeof window.ResizeObserver>"u"&&this.currentWindow.addEventListener("resize",this.computeSizes),this.props.zoomWithScroll&&this.containerRef.addEventListener("wheel",this.onWheel,{passive:!1}),this.containerRef.addEventListener("gesturestart",this.onGestureStart)),this.currentDoc.addEventListener("scroll",this.onScroll),this.props.disableAutomaticStylesInjection||(this.styleRef=this.currentDoc.createElement("style"),this.styleRef.setAttribute("type","text/css"),this.props.nonce&&this.styleRef.setAttribute("nonce",this.props.nonce),this.styleRef.innerHTML=yt,this.currentDoc.head.appendChild(this.styleRef)),this.imageRef.current&&this.imageRef.current.complete&&this.onMediaLoad(),this.props.setImageRef&&this.props.setImageRef(this.imageRef),this.props.setVideoRef&&this.props.setVideoRef(this.videoRef),this.props.setCropperRef&&this.props.setCropperRef(this.cropperRef))},o.prototype.componentWillUnmount=function(){var e,t;!this.currentDoc||!this.currentWindow||(typeof window.ResizeObserver>"u"&&this.currentWindow.removeEventListener("resize",this.computeSizes),(e=this.resizeObserver)===null||e===void 0||e.disconnect(),this.containerRef&&this.containerRef.removeEventListener("gesturestart",this.preventZoomSafari),this.styleRef&&((t=this.styleRef.parentNode)===null||t===void 0||t.removeChild(this.styleRef)),this.cleanEvents(),this.props.zoomWithScroll&&this.clearScrollEvent())},o.prototype.componentDidUpdate=function(e){var t,n,s,i,l,m,p,h,u;e.rotation!==this.props.rotation?(this.computeSizes(),this.recomputeCropPosition()):e.aspect!==this.props.aspect?this.computeSizes():e.objectFit!==this.props.objectFit?this.computeSizes():e.zoom!==this.props.zoom?this.recomputeCropPosition():((t=e.cropSize)===null||t===void 0?void 0:t.height)!==((n=this.props.cropSize)===null||n===void 0?void 0:n.height)||((s=e.cropSize)===null||s===void 0?void 0:s.width)!==((i=this.props.cropSize)===null||i===void 0?void 0:i.width)?this.computeSizes():(((l=e.crop)===null||l===void 0?void 0:l.x)!==((m=this.props.crop)===null||m===void 0?void 0:m.x)||((p=e.crop)===null||p===void 0?void 0:p.y)!==((h=this.props.crop)===null||h===void 0?void 0:h.y))&&this.emitCropAreaChange(),e.zoomWithScroll!==this.props.zoomWithScroll&&this.containerRef&&(this.props.zoomWithScroll?this.containerRef.addEventListener("wheel",this.onWheel,{passive:!1}):this.clearScrollEvent()),e.video!==this.props.video&&((u=this.videoRef.current)===null||u===void 0||u.load());var c=this.getObjectFit();c!==this.state.mediaObjectFit&&this.setState({mediaObjectFit:c},this.computeSizes)},o.prototype.getAspect=function(){var e=this.props,t=e.cropSize,n=e.aspect;return t?t.width/t.height:n},o.prototype.getObjectFit=function(){var e,t,n,s;if(this.props.objectFit==="cover"){var i=this.imageRef.current||this.videoRef.current;if(i&&this.containerRef){this.containerRect=this.containerRef.getBoundingClientRect();var l=this.containerRect.width/this.containerRect.height,m=((e=this.imageRef.current)===null||e===void 0?void 0:e.naturalWidth)||((t=this.videoRef.current)===null||t===void 0?void 0:t.videoWidth)||0,p=((n=this.imageRef.current)===null||n===void 0?void 0:n.naturalHeight)||((s=this.videoRef.current)===null||s===void 0?void 0:s.videoHeight)||0,h=m/p;return h<l?"horizontal-cover":"vertical-cover"}return"horizontal-cover"}return this.props.objectFit},o.prototype.onPinchStart=function(e){var t=o.getTouchPoint(e.touches[0]),n=o.getTouchPoint(e.touches[1]);this.lastPinchDistance=gr(t,n),this.lastPinchRotation=wr(t,n),this.onDragStart(fr(t,n))},o.prototype.onPinchMove=function(e){var t=this;if(!(!this.currentDoc||!this.currentWindow)){var n=o.getTouchPoint(e.touches[0]),s=o.getTouchPoint(e.touches[1]),i=fr(n,s);this.onDrag(i),this.rafPinchTimeout&&this.currentWindow.cancelAnimationFrame(this.rafPinchTimeout),this.rafPinchTimeout=this.currentWindow.requestAnimationFrame(function(){var l=gr(n,s),m=t.props.zoom*(l/t.lastPinchDistance);t.setNewZoom(m,i,{shouldUpdatePosition:!1}),t.lastPinchDistance=l;var p=wr(n,s),h=t.props.rotation+(p-t.lastPinchRotation);t.props.onRotationChange&&t.props.onRotationChange(h),t.lastPinchRotation=p})}},o.prototype.render=function(){var e=this,t,n=this.props,s=n.image,i=n.video,l=n.mediaProps,m=n.cropperProps,p=n.transform,h=n.crop,u=h.x,c=h.y,g=n.rotation,w=n.zoom,x=n.cropShape,N=n.showGrid,k=n.roundCropAreaPixels,S=n.style,L=S.containerStyle,z=S.cropAreaStyle,F=S.mediaStyle,P=n.classes,U=P.containerClassName,y=P.cropAreaClassName,_=P.mediaClassName,C=(t=this.state.mediaObjectFit)!==null&&t!==void 0?t:this.getObjectFit();return ke.createElement("div",{onMouseDown:this.onMouseDown,onTouchStart:this.onTouchStart,ref:function(B){return e.containerRef=B},"data-testid":"container",style:L,className:He("reactEasyCrop_Container",U)},s?ke.createElement("img",ie({alt:"",className:He("reactEasyCrop_Image",C==="contain"&&"reactEasyCrop_Contain",C==="horizontal-cover"&&"reactEasyCrop_Cover_Horizontal",C==="vertical-cover"&&"reactEasyCrop_Cover_Vertical",_)},l,{src:s,ref:this.imageRef,style:ie(ie({},F),{transform:p||"translate(".concat(u,"px, ").concat(c,"px) rotate(").concat(g,"deg) scale(").concat(w,")")}),onLoad:this.onMediaLoad})):i&&ke.createElement("video",ie({autoPlay:!0,playsInline:!0,loop:!0,muted:!0,className:He("reactEasyCrop_Video",C==="contain"&&"reactEasyCrop_Contain",C==="horizontal-cover"&&"reactEasyCrop_Cover_Horizontal",C==="vertical-cover"&&"reactEasyCrop_Cover_Vertical",_)},l,{ref:this.videoRef,onLoadedMetadata:this.onMediaLoad,style:ie(ie({},F),{transform:p||"translate(".concat(u,"px, ").concat(c,"px) rotate(").concat(g,"deg) scale(").concat(w,")")}),controls:!1}),(Array.isArray(i)?i:[{src:i}]).map(function(A){return ke.createElement("source",ie({key:A.src},A))})),this.state.cropSize&&ke.createElement("div",ie({ref:this.cropperRef,style:ie(ie({},z),{width:k?Math.round(this.state.cropSize.width):this.state.cropSize.width,height:k?Math.round(this.state.cropSize.height):this.state.cropSize.height}),tabIndex:0,onKeyDown:this.onKeyDown,onKeyUp:this.onKeyUp,"data-testid":"cropper",className:He("reactEasyCrop_CropArea",x==="round"&&"reactEasyCrop_CropAreaRound",N&&"reactEasyCrop_CropAreaGrid",y)},m)))},o.defaultProps={zoom:1,rotation:0,aspect:4/3,maxZoom:kt,minZoom:vt,cropShape:"rect",objectFit:"contain",showGrid:!0,style:{},classes:{},mediaProps:{},cropperProps:{},zoomSpeed:1,restrictPosition:!0,zoomWithScroll:!0,keyboardStep:jt},o.getMousePoint=function(e){return{x:Number(e.clientX),y:Number(e.clientY)}},o.getTouchPoint=function(e){return{x:Number(e.clientX),y:Number(e.clientY)}},o}(ke.Component);const xr=he,St=a=>new Promise((o,e)=>{const t=new Image;t.addEventListener("load",()=>o(t)),t.addEventListener("error",n=>e(n)),t.setAttribute("crossOrigin","anonymous"),t.src=a}),Ir=a=>a*Math.PI/180,_t=(a,o,e)=>{const t=Ir(e);return{width:Math.abs(Math.cos(t)*a)+Math.abs(Math.sin(t)*o),height:Math.abs(Math.sin(t)*a)+Math.abs(Math.cos(t)*o)}},Rt=async(a,o,e="image/jpeg",t=0)=>{const n=await St(a),s=document.createElement("canvas"),i=s.getContext("2d");if(!i)throw new Error("Canvas context is not available");const l=Ir(t),{width:m,height:p}=_t(n.width,n.height,t);s.width=m,s.height=p,i.translate(m/2,p/2),i.rotate(l),i.translate(-n.width/2,-n.height/2),i.drawImage(n,0,0);const h=document.createElement("canvas"),u=h.getContext("2d");if(!u)throw new Error("Canvas context is not available");return h.width=o.width,h.height=o.height,u.drawImage(s,o.x,o.y,o.width,o.height,0,0,o.width,o.height),new Promise((c,g)=>{h.toBlob(w=>{if(!w){g(new Error("Image cropping failed"));return}c(w)},e,.95)})},zr=({isOpen:a,imageSrc:o,fileType:e="image/jpeg",fileName:t="cropped-image",aspect:n=1/1,title:s="Crop Image",onClose:i,onApply:l})=>{const[m,p]=b.useState({x:0,y:0}),[h,u]=b.useState(1),[c,g]=b.useState(null);b.useEffect(()=>{a&&(p({x:0,y:0}),u(1),g(null))},[a]);const w=b.useCallback((N,k)=>{g(k)},[]),x=async()=>{var N,k;if(!(!o||!c))try{const S=await Rt(o,c,e),L=((k=(N=e==null?void 0:e.split("/"))==null?void 0:N[1])==null?void 0:k.replace("jpeg","jpg"))||"jpg",z=new File([S],`${t}.${L}`,{type:e});l==null||l(z)}catch{i==null||i()}};return a?r.jsxs("div",{className:v(f.mediaPicker.cropModal,"fixed inset-0 z-50 flex items-center justify-center p-4"),children:[r.jsx("div",{className:"fixed inset-0 bg-gray-500 opacity-75",onClick:i}),r.jsxs("div",{className:"relative bg-white rounded-lg shadow-xl w-full max-w-2xl max-h-[90vh] flex flex-col dark:bg-gray-800",children:[r.jsxs("div",{className:"flex items-center justify-between p-4 border-b border-gray-200 dark:border-gray-700 flex-shrink-0",children:[r.jsx("h3",{className:"text-lg font-medium text-gray-900 dark:text-white",children:s}),r.jsx("button",{type:"button",onClick:i,className:"text-gray-400 hover:text-gray-600 dark:hover:text-gray-300","aria-label":"Close crop modal",children:r.jsx(ue.Icon,{icon:"mdi:close",className:"w-6 h-6"})})]}),r.jsxs("div",{className:"p-4 space-y-4",children:[r.jsx("div",{className:"relative h-72 w-full bg-gray-900 rounded-md overflow-hidden",children:o&&r.jsx(Nt,{image:o,crop:m,zoom:h,aspect:n,onCropChange:p,onZoomChange:u,onCropComplete:w})}),r.jsxs("div",{className:"space-y-2",children:[r.jsx("label",{className:"text-sm text-gray-700 dark:text-gray-300",children:"Zoom"}),r.jsx("input",{type:"range",min:1,max:3,step:.1,value:h,onChange:N=>u(Number(N.target.value)),className:"w-full"})]})]}),r.jsxs("div",{className:"px-4 py-3 flex justify-end gap-3 border-t border-gray-200 dark:border-gray-700 sm:!px-6",children:[r.jsx(xr,{type:"button",onClick:i,variant:"outlined",color:"default",children:"Cancel"}),r.jsx(xr,{type:"button",onClick:x,variant:"contained",color:"primary",children:"Apply Crop"})]})]})]}):null},Ct=he,Ne=a=>{typeof a=="string"&&a.startsWith("blob:")&&URL.revokeObjectURL(a)},Mt=({label:a="",value:o=null,onChange:e,required:t=!1,accept:n="image/*",aspect:s="1",id:i,dragDrop:l=!1,cropImage:m=!1,name:p="",parentClass:h="",errorMessage:u=""})=>{const[c,g]=b.useState(o),[w,x]=b.useState(!1),[N,k]=b.useState(!1),[S,L]=b.useState(""),[z,F]=b.useState("image/jpeg"),[P,U]=b.useState("cropped-image"),y=b.useRef(null),_=b.useRef(""),C=b.useRef("");b.useEffect(()=>{if(o instanceof File){const D=URL.createObjectURL(o);Ne(C.current),C.current=D,g({file:o,preview:D})}else o&&typeof o=="object"&&"preview"in o,g(o)},[o]),b.useEffect(()=>()=>{Ne(C.current),Ne(_.current)},[]);const A=()=>{k(!1),Ne(_.current),_.current="",L(""),y.current&&(y.current.value="")},B=D=>{const R=URL.createObjectURL(D);Ne(C.current),C.current=R,g({file:D,preview:R}),e==null||e(D),A()},G=D=>{if(!D||D.length===0)return;const R=D[0];if(m){const I=URL.createObjectURL(R);Ne(_.current),_.current=I,L(I),F(R.type||"image/jpeg"),U((R.name||"cropped-image").replace(/\.[^/.]+$/,"")),k(!0);return}const Y=URL.createObjectURL(R);Ne(C.current),C.current=Y,g({file:R,preview:Y}),e==null||e(R)},ee=D=>{D&&D.stopPropagation(),Ne(C.current),C.current="",g(null),e==null||e(null),y.current&&(y.current.value="")},re=D=>{l&&(D.preventDefault(),x(!0))},E=D=>{l&&(D.preventDefault(),x(!1))},se=D=>{var R,Y,I,ce;l&&(D.preventDefault(),x(!1),(ce=(I=(Y=(R=D.dataTransfer)==null?void 0:R.files)==null?void 0:Y[0])==null?void 0:I.type)!=null&&ce.includes("image/")&&G(D.dataTransfer.files))},H=()=>{var D;(D=y.current)==null||D.click()},Q=c&&typeof c=="object"&&"preview"in c?c.preview:typeof c=="string"?c:"";return r.jsxs(r.Fragment,{children:[r.jsxs("div",{className:v(f.mediaPicker.image,f.field.wrapper,h||"col-span-12"),children:[r.jsx(me,{label:a,required:t}),r.jsxs("div",{className:v(f.mediaPicker.dropzone,"relative rounded-md p-2 transition-all",w?"border-2 border-dashed border-blue-500 bg-blue-50 dark:bg-blue-900/20":"border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800",u?"border-red-500":""),onDragOver:re,onDragLeave:E,onDrop:se,id:`field-${p}`,children:[r.jsx("input",{ref:y,id:i,type:"file",accept:n,onChange:D=>G(D.target.files),required:t&&!c,className:"absolute opacity-0 right-[50%] top-[80%] -translate-y-1/2 pointer-events-none h-[10px]"}),r.jsxs("div",{className:`flex items-center space-x-4 transition-all ${w?"opacity-50":""}`,children:[c?r.jsxs("div",{className:"relative group",children:[r.jsx("img",{src:Q,alt:"preview",className:"object-cover w-20 h-20 rounded-full shadow-md"}),!t&&r.jsx("button",{type:"button",onClick:ee,className:"absolute top-0 -right-2 bg-red-500 text-white rounded-full p-1 shadow-lg hover:bg-red-600 transition-colors focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2","aria-label":"Remove image",children:r.jsx(ue.Icon,{icon:"mdi:close",className:"w-3 h-3"})})]}):r.jsx("div",{className:"rounded-full bg-gray-100 dark:bg-gray-700 h-20 w-20 flex items-center justify-center",children:r.jsx(ue.Icon,{icon:"ri:image-add-fill",className:"text-gray-400 w-10 h-10"})}),r.jsxs("div",{className:"flex flex-col items-center space-y-1",children:[r.jsx(Ct,{type:"button",onClick:H,variant:"outlined",color:"default",children:c?"Change Image":"Select Image"}),l&&!c&&r.jsx("p",{className:"text-sm text-gray-500 dark:text-gray-400",children:"or drag and drop"})]})]}),l&&w&&r.jsx("div",{className:"absolute inset-0 flex items-center justify-center pointer-events-none bg-blue-500/10 rounded-md",children:r.jsx("span",{className:"text-blue-600 dark:text-blue-400 font-semibold text-lg",children:"Drop image here"})})]}),u&&r.jsx("span",{className:v(f.field.error,"text-red-500 text-xs mt-1"),children:u})]},p),r.jsx(zr,{isOpen:N,imageSrc:S,fileType:z,fileName:P,onClose:A,onApply:B,aspect:Number(s)})]})},Or=b.forwardRef(({label:a,value:o,name:e,required:t,parentClass:n="",className:s="",type:i="text",onKeyDown:l,negativeNumberAllow:m=!0,defaultValue:p="",field:h={},onChange:u,mask:c="",errorMessage:g="",maskApplyOnValue:w=!0,...x},N)=>{const[k,S]=b.useState(!1),L=P=>{if(i==="number"){if(["e","E","+"].includes(P.key)){P.preventDefault();return}if(m==!1&&P.key==="-"){P.preventDefault();return}if(["ArrowUp","ArrowDown"].includes(P.key)){P.preventDefault();return}}l==null||l(P)},z=v(f.field.input,"h-10 placeholder-gray-400 dark:placeholder-gray-400",i==="password"?"pr-10":"",i==="number"?"no-spinner":"",s,g?"border-red-500":"");function F(P,U){if(!P)return P;const y=String(P).replace(/[^a-zA-Z0-9]/g,"");let _="",C=0;for(let A=0;A<(U==null?void 0:U.length)&&C<y.length;A++){const B=U[A],G=y[C];B==="9"?/\d/.test(G)?(_+=G,C++):(C++,A--):B==="A"?/[a-zA-Z]/.test(G)?(_+=G,C++):(C++,A--):B==="X"?/[a-zA-Z0-9]/.test(G)?(_+=G,C++):(C++,A--):B==="*"?(_+=G,C++):(_+=B,G===B&&C++)}return _}return b.useEffect(()=>{if(p){const P=o||p;setTimeout(()=>{u==null||u(P)},100)}},[p]),r.jsx(r.Fragment,{children:r.jsxs("div",{className:v(f.field.wrapper,n||"col-span-12"),children:[r.jsx(me,{label:a,required:t,infoText:h==null?void 0:h.infoText}),r.jsxs("div",{className:"relative",children:[r.jsx("input",{type:i==="password"&&k?"text":i,ref:N,id:`field-${e}`,required:t,onKeyDown:L,className:z,value:c?F(o,c):o,onChange:P=>{u(c&&w?F(P.target.value,c):P.target.value)},...x}),g&&r.jsx("span",{className:v(f.field.error,"text-red-500 text-xs mt-1"),children:g}),i==="password"&&r.jsx("button",{type:"button",tabIndex:-1,onClick:()=>S(P=>!P),className:"absolute inset-y-0 right-3 flex items-center text-gray-400 hover:text-gray-600 dark:text-gray-400 dark:hover:text-gray-200",children:r.jsx(ue.Icon,{icon:k?"mdi:eye-outline":"mdi:eye-off-outline",className:"w-5 h-5"})})]})]},e)})});Or.displayName="Input";const Dt=({editorKey:a="",value:o="",name:e="",onChange:t,label:n="",required:s=!1,placeholder:i="",parentClass:l="col-span-12",height:m=400,inline:p=!1,disabled:h=!1,plugins:u,toolbar:c,menubar:g=!1,fontFamily:w="Inter, sans-serif",initConfig:x={},imageUploadHandler:N,errorMessage:k=""})=>{const S=["advlist","autolink","lists","link","image","charmap","preview","anchor","searchreplace","visualblocks","code","fullscreen","insertdatetime","media","table","help","wordcount"],L="undo redo | blocks | bold italic underline forecolor backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image media table | removeformat | code fullscreen preview",z=F=>new Promise((P,U)=>{if(!N){P(`data:${F.blob().type};base64,${F.base64()}`);return}N(F).then(y=>{y?P(y):U("Upload failed: No URL returned")}).catch(y=>{U(typeof y=="string"?y:(y==null?void 0:y.message)||"Image upload failed")})});return r.jsxs("div",{className:v(f.field.wrapper,l),id:`field-${e}`,children:[n&&r.jsx(me,{label:n,required:s}),r.jsx(Wr.Editor,{apiKey:a,value:o,disabled:h,init:{height:m,inline:p,menubar:g,branding:!1,statusbar:!0,automatic_uploads:!0,images_upload_handler:z,plugins:u??S,toolbar:c??L,placeholder:i,content_style:`
|
|
121
|
+
`,vt=1,kt=3,jt=1,Nt=function(a){Jr(o,a);function o(){var e=a!==null&&a.apply(this,arguments)||this;return e.cropperRef=ke.createRef(),e.imageRef=ke.createRef(),e.videoRef=ke.createRef(),e.containerPosition={x:0,y:0},e.containerRef=null,e.styleRef=null,e.containerRect=null,e.mediaSize={width:0,height:0,naturalWidth:0,naturalHeight:0},e.dragStartPosition={x:0,y:0},e.dragStartCrop={x:0,y:0},e.gestureZoomStart=0,e.gestureRotationStart=0,e.isTouching=!1,e.lastPinchDistance=0,e.lastPinchRotation=0,e.rafDragTimeout=null,e.rafPinchTimeout=null,e.wheelTimer=null,e.currentDoc=typeof document<"u"?document:null,e.currentWindow=typeof window<"u"?window:null,e.resizeObserver=null,e.previousCropSize=null,e.isInitialized=!1,e.state={cropSize:null,hasWheelJustStarted:!1,mediaObjectFit:void 0},e.initResizeObserver=function(){if(!(typeof window.ResizeObserver>"u"||!e.containerRef)){var t=!0;e.resizeObserver=new window.ResizeObserver(function(n){if(t){t=!1;return}e.computeSizes()}),e.resizeObserver.observe(e.containerRef)}},e.preventZoomSafari=function(t){return t.preventDefault()},e.cleanEvents=function(){e.currentDoc&&(e.currentDoc.removeEventListener("mousemove",e.onMouseMove),e.currentDoc.removeEventListener("mouseup",e.onDragStopped),e.currentDoc.removeEventListener("touchmove",e.onTouchMove),e.currentDoc.removeEventListener("touchend",e.onDragStopped),e.currentDoc.removeEventListener("gesturechange",e.onGestureChange),e.currentDoc.removeEventListener("gestureend",e.onGestureEnd),e.currentDoc.removeEventListener("scroll",e.onScroll))},e.clearScrollEvent=function(){e.containerRef&&e.containerRef.removeEventListener("wheel",e.onWheel),e.wheelTimer&&clearTimeout(e.wheelTimer)},e.onMediaLoad=function(){var t=e.computeSizes();t&&(e.previousCropSize=t,e.emitCropData(),e.setInitialCrop(t),e.isInitialized=!0),e.props.onMediaLoaded&&e.props.onMediaLoaded(e.mediaSize)},e.setInitialCrop=function(t){if(e.props.initialCroppedAreaPercentages){var n=gt(e.props.initialCroppedAreaPercentages,e.mediaSize,e.props.rotation,t,e.props.minZoom,e.props.maxZoom),s=n.crop,i=n.zoom;e.props.onCropChange(s),e.props.onZoomChange&&e.props.onZoomChange(i)}else if(e.props.initialCroppedAreaPixels){var l=ft(e.props.initialCroppedAreaPixels,e.mediaSize,e.props.rotation,t,e.props.minZoom,e.props.maxZoom),s=l.crop,i=l.zoom;e.props.onCropChange(s),e.props.onZoomChange&&e.props.onZoomChange(i)}},e.computeSizes=function(){var t,n,s,i,l,m,p=e.imageRef.current||e.videoRef.current;if(p&&e.containerRef){e.containerRect=e.containerRef.getBoundingClientRect(),e.saveContainerPosition();var h=e.containerRect.width/e.containerRect.height,u=((t=e.imageRef.current)===null||t===void 0?void 0:t.naturalWidth)||((n=e.videoRef.current)===null||n===void 0?void 0:n.videoWidth)||0,c=((s=e.imageRef.current)===null||s===void 0?void 0:s.naturalHeight)||((i=e.videoRef.current)===null||i===void 0?void 0:i.videoHeight)||0,g=p.offsetWidth<u||p.offsetHeight<c,w=u/c,x=void 0;if(g)switch(e.state.mediaObjectFit){default:case"contain":x=h>w?{width:e.containerRect.height*w,height:e.containerRect.height}:{width:e.containerRect.width,height:e.containerRect.width/w};break;case"horizontal-cover":x={width:e.containerRect.width,height:e.containerRect.width/w};break;case"vertical-cover":x={width:e.containerRect.height*w,height:e.containerRect.height};break}else x={width:p.offsetWidth,height:p.offsetHeight};e.mediaSize=ie(ie({},x),{naturalWidth:u,naturalHeight:c}),e.props.setMediaSize&&e.props.setMediaSize(e.mediaSize);var N=e.props.cropSize?e.props.cropSize:pt(e.mediaSize.width,e.mediaSize.height,e.containerRect.width,e.containerRect.height,e.props.aspect,e.props.rotation);return(((l=e.state.cropSize)===null||l===void 0?void 0:l.height)!==N.height||((m=e.state.cropSize)===null||m===void 0?void 0:m.width)!==N.width)&&e.props.onCropSizeChange&&e.props.onCropSizeChange(N),e.setState({cropSize:N},e.recomputeCropPosition),e.props.setCropSize&&e.props.setCropSize(N),N}},e.saveContainerPosition=function(){if(e.containerRef){var t=e.containerRef.getBoundingClientRect();e.containerPosition={x:t.left,y:t.top}}},e.onMouseDown=function(t){e.currentDoc&&(t.preventDefault(),e.currentDoc.addEventListener("mousemove",e.onMouseMove),e.currentDoc.addEventListener("mouseup",e.onDragStopped),e.saveContainerPosition(),e.onDragStart(o.getMousePoint(t)))},e.onMouseMove=function(t){return e.onDrag(o.getMousePoint(t))},e.onScroll=function(t){e.currentDoc&&(t.preventDefault(),e.saveContainerPosition())},e.onTouchStart=function(t){e.currentDoc&&(e.isTouching=!0,!(e.props.onTouchRequest&&!e.props.onTouchRequest(t))&&(e.currentDoc.addEventListener("touchmove",e.onTouchMove,{passive:!1}),e.currentDoc.addEventListener("touchend",e.onDragStopped),e.saveContainerPosition(),t.touches.length===2?e.onPinchStart(t):t.touches.length===1&&e.onDragStart(o.getTouchPoint(t.touches[0]))))},e.onTouchMove=function(t){t.preventDefault(),t.touches.length===2?e.onPinchMove(t):t.touches.length===1&&e.onDrag(o.getTouchPoint(t.touches[0]))},e.onGestureStart=function(t){e.currentDoc&&(t.preventDefault(),e.currentDoc.addEventListener("gesturechange",e.onGestureChange),e.currentDoc.addEventListener("gestureend",e.onGestureEnd),e.gestureZoomStart=e.props.zoom,e.gestureRotationStart=e.props.rotation)},e.onGestureChange=function(t){if(t.preventDefault(),!e.isTouching){var n=o.getMousePoint(t),s=e.gestureZoomStart-1+t.scale;if(e.setNewZoom(s,n,{shouldUpdatePosition:!0}),e.props.onRotationChange){var i=e.gestureRotationStart+t.rotation;e.props.onRotationChange(i)}}},e.onGestureEnd=function(t){e.cleanEvents()},e.onDragStart=function(t){var n,s,i=t.x,l=t.y;e.dragStartPosition={x:i,y:l},e.dragStartCrop=ie({},e.props.crop),(s=(n=e.props).onInteractionStart)===null||s===void 0||s.call(n)},e.onDrag=function(t){var n=t.x,s=t.y;e.currentWindow&&(e.rafDragTimeout&&e.currentWindow.cancelAnimationFrame(e.rafDragTimeout),e.rafDragTimeout=e.currentWindow.requestAnimationFrame(function(){if(e.state.cropSize&&!(n===void 0||s===void 0)){var i=n-e.dragStartPosition.x,l=s-e.dragStartPosition.y,m={x:e.dragStartCrop.x+i,y:e.dragStartCrop.y+l},p=e.props.restrictPosition?Fe(m,e.mediaSize,e.state.cropSize,e.props.zoom,e.props.rotation):m;e.props.onCropChange(p)}}))},e.onDragStopped=function(){var t,n;e.isTouching=!1,e.cleanEvents(),e.emitCropData(),(n=(t=e.props).onInteractionEnd)===null||n===void 0||n.call(t)},e.onWheel=function(t){if(e.currentWindow&&!(e.props.onWheelRequest&&!e.props.onWheelRequest(t))){t.preventDefault();var n=o.getMousePoint(t),s=dt(t).pixelY,i=e.props.zoom-s*e.props.zoomSpeed/200;e.setNewZoom(i,n,{shouldUpdatePosition:!0}),e.state.hasWheelJustStarted||e.setState({hasWheelJustStarted:!0},function(){var l,m;return(m=(l=e.props).onInteractionStart)===null||m===void 0?void 0:m.call(l)}),e.wheelTimer&&clearTimeout(e.wheelTimer),e.wheelTimer=e.currentWindow.setTimeout(function(){return e.setState({hasWheelJustStarted:!1},function(){var l,m;return(m=(l=e.props).onInteractionEnd)===null||m===void 0?void 0:m.call(l)})},250)}},e.getPointOnContainer=function(t,n){var s=t.x,i=t.y;if(!e.containerRect)throw new Error("The Cropper is not mounted");return{x:e.containerRect.width/2-(s-n.x),y:e.containerRect.height/2-(i-n.y)}},e.getPointOnMedia=function(t){var n=t.x,s=t.y,i=e.props,l=i.crop,m=i.zoom;return{x:(n+l.x)/m,y:(s+l.y)/m}},e.setNewZoom=function(t,n,s){var i=s===void 0?{}:s,l=i.shouldUpdatePosition,m=l===void 0?!0:l;if(!(!e.state.cropSize||!e.props.onZoomChange)){var p=Je(t,e.props.minZoom,e.props.maxZoom);if(m){var h=e.getPointOnContainer(n,e.containerPosition),u=e.getPointOnMedia(h),c={x:u.x*p-h.x,y:u.y*p-h.y},g=e.props.restrictPosition?Fe(c,e.mediaSize,e.state.cropSize,p,e.props.rotation):c;e.props.onCropChange(g)}e.props.onZoomChange(p)}},e.getCropData=function(){if(!e.state.cropSize)return null;var t=e.props.restrictPosition?Fe(e.props.crop,e.mediaSize,e.state.cropSize,e.props.zoom,e.props.rotation):e.props.crop;return ht(t,e.mediaSize,e.state.cropSize,e.getAspect(),e.props.zoom,e.props.rotation,e.props.restrictPosition)},e.emitCropData=function(){var t=e.getCropData();if(t){var n=t.croppedAreaPercentages,s=t.croppedAreaPixels;e.props.onCropComplete&&e.props.onCropComplete(n,s),e.props.onCropAreaChange&&e.props.onCropAreaChange(n,s)}},e.emitCropAreaChange=function(){var t=e.getCropData();if(t){var n=t.croppedAreaPercentages,s=t.croppedAreaPixels;e.props.onCropAreaChange&&e.props.onCropAreaChange(n,s)}},e.recomputeCropPosition=function(){var t,n;if(e.state.cropSize){var s=e.props.crop;if(e.isInitialized&&(!((t=e.previousCropSize)===null||t===void 0)&&t.width)&&(!((n=e.previousCropSize)===null||n===void 0)&&n.height)){var i=Math.abs(e.previousCropSize.width-e.state.cropSize.width)>1e-6||Math.abs(e.previousCropSize.height-e.state.cropSize.height)>1e-6;if(i){var l=e.state.cropSize.width/e.previousCropSize.width,m=e.state.cropSize.height/e.previousCropSize.height;s={x:e.props.crop.x*l,y:e.props.crop.y*m}}}var p=e.props.restrictPosition?Fe(s,e.mediaSize,e.state.cropSize,e.props.zoom,e.props.rotation):s;e.previousCropSize=e.state.cropSize,e.props.onCropChange(p),e.emitCropData()}},e.onKeyDown=function(t){var n,s,i=e.props,l=i.crop,m=i.onCropChange,p=i.keyboardStep,h=i.zoom,u=i.rotation,c=p;if(e.state.cropSize){t.shiftKey&&(c*=.2);var g=ie({},l);switch(t.key){case"ArrowUp":g.y-=c,t.preventDefault();break;case"ArrowDown":g.y+=c,t.preventDefault();break;case"ArrowLeft":g.x-=c,t.preventDefault();break;case"ArrowRight":g.x+=c,t.preventDefault();break;default:return}e.props.restrictPosition&&(g=Fe(g,e.mediaSize,e.state.cropSize,h,u)),t.repeat||(s=(n=e.props).onInteractionStart)===null||s===void 0||s.call(n),m(g)}},e.onKeyUp=function(t){var n,s;switch(t.key){case"ArrowUp":case"ArrowDown":case"ArrowLeft":case"ArrowRight":t.preventDefault();break;default:return}e.emitCropData(),(s=(n=e.props).onInteractionEnd)===null||s===void 0||s.call(n)},e}return o.prototype.componentDidMount=function(){!this.currentDoc||!this.currentWindow||(this.containerRef&&(this.containerRef.ownerDocument&&(this.currentDoc=this.containerRef.ownerDocument),this.currentDoc.defaultView&&(this.currentWindow=this.currentDoc.defaultView),this.initResizeObserver(),typeof window.ResizeObserver>"u"&&this.currentWindow.addEventListener("resize",this.computeSizes),this.props.zoomWithScroll&&this.containerRef.addEventListener("wheel",this.onWheel,{passive:!1}),this.containerRef.addEventListener("gesturestart",this.onGestureStart)),this.currentDoc.addEventListener("scroll",this.onScroll),this.props.disableAutomaticStylesInjection||(this.styleRef=this.currentDoc.createElement("style"),this.styleRef.setAttribute("type","text/css"),this.props.nonce&&this.styleRef.setAttribute("nonce",this.props.nonce),this.styleRef.innerHTML=yt,this.currentDoc.head.appendChild(this.styleRef)),this.imageRef.current&&this.imageRef.current.complete&&this.onMediaLoad(),this.props.setImageRef&&this.props.setImageRef(this.imageRef),this.props.setVideoRef&&this.props.setVideoRef(this.videoRef),this.props.setCropperRef&&this.props.setCropperRef(this.cropperRef))},o.prototype.componentWillUnmount=function(){var e,t;!this.currentDoc||!this.currentWindow||(typeof window.ResizeObserver>"u"&&this.currentWindow.removeEventListener("resize",this.computeSizes),(e=this.resizeObserver)===null||e===void 0||e.disconnect(),this.containerRef&&this.containerRef.removeEventListener("gesturestart",this.preventZoomSafari),this.styleRef&&((t=this.styleRef.parentNode)===null||t===void 0||t.removeChild(this.styleRef)),this.cleanEvents(),this.props.zoomWithScroll&&this.clearScrollEvent())},o.prototype.componentDidUpdate=function(e){var t,n,s,i,l,m,p,h,u;e.rotation!==this.props.rotation?(this.computeSizes(),this.recomputeCropPosition()):e.aspect!==this.props.aspect?this.computeSizes():e.objectFit!==this.props.objectFit?this.computeSizes():e.zoom!==this.props.zoom?this.recomputeCropPosition():((t=e.cropSize)===null||t===void 0?void 0:t.height)!==((n=this.props.cropSize)===null||n===void 0?void 0:n.height)||((s=e.cropSize)===null||s===void 0?void 0:s.width)!==((i=this.props.cropSize)===null||i===void 0?void 0:i.width)?this.computeSizes():(((l=e.crop)===null||l===void 0?void 0:l.x)!==((m=this.props.crop)===null||m===void 0?void 0:m.x)||((p=e.crop)===null||p===void 0?void 0:p.y)!==((h=this.props.crop)===null||h===void 0?void 0:h.y))&&this.emitCropAreaChange(),e.zoomWithScroll!==this.props.zoomWithScroll&&this.containerRef&&(this.props.zoomWithScroll?this.containerRef.addEventListener("wheel",this.onWheel,{passive:!1}):this.clearScrollEvent()),e.video!==this.props.video&&((u=this.videoRef.current)===null||u===void 0||u.load());var c=this.getObjectFit();c!==this.state.mediaObjectFit&&this.setState({mediaObjectFit:c},this.computeSizes)},o.prototype.getAspect=function(){var e=this.props,t=e.cropSize,n=e.aspect;return t?t.width/t.height:n},o.prototype.getObjectFit=function(){var e,t,n,s;if(this.props.objectFit==="cover"){var i=this.imageRef.current||this.videoRef.current;if(i&&this.containerRef){this.containerRect=this.containerRef.getBoundingClientRect();var l=this.containerRect.width/this.containerRect.height,m=((e=this.imageRef.current)===null||e===void 0?void 0:e.naturalWidth)||((t=this.videoRef.current)===null||t===void 0?void 0:t.videoWidth)||0,p=((n=this.imageRef.current)===null||n===void 0?void 0:n.naturalHeight)||((s=this.videoRef.current)===null||s===void 0?void 0:s.videoHeight)||0,h=m/p;return h<l?"horizontal-cover":"vertical-cover"}return"horizontal-cover"}return this.props.objectFit},o.prototype.onPinchStart=function(e){var t=o.getTouchPoint(e.touches[0]),n=o.getTouchPoint(e.touches[1]);this.lastPinchDistance=gr(t,n),this.lastPinchRotation=wr(t,n),this.onDragStart(fr(t,n))},o.prototype.onPinchMove=function(e){var t=this;if(!(!this.currentDoc||!this.currentWindow)){var n=o.getTouchPoint(e.touches[0]),s=o.getTouchPoint(e.touches[1]),i=fr(n,s);this.onDrag(i),this.rafPinchTimeout&&this.currentWindow.cancelAnimationFrame(this.rafPinchTimeout),this.rafPinchTimeout=this.currentWindow.requestAnimationFrame(function(){var l=gr(n,s),m=t.props.zoom*(l/t.lastPinchDistance);t.setNewZoom(m,i,{shouldUpdatePosition:!1}),t.lastPinchDistance=l;var p=wr(n,s),h=t.props.rotation+(p-t.lastPinchRotation);t.props.onRotationChange&&t.props.onRotationChange(h),t.lastPinchRotation=p})}},o.prototype.render=function(){var e=this,t,n=this.props,s=n.image,i=n.video,l=n.mediaProps,m=n.cropperProps,p=n.transform,h=n.crop,u=h.x,c=h.y,g=n.rotation,w=n.zoom,x=n.cropShape,N=n.showGrid,k=n.roundCropAreaPixels,S=n.style,P=S.containerStyle,z=S.cropAreaStyle,F=S.mediaStyle,L=n.classes,U=L.containerClassName,y=L.cropAreaClassName,_=L.mediaClassName,C=(t=this.state.mediaObjectFit)!==null&&t!==void 0?t:this.getObjectFit();return ke.createElement("div",{onMouseDown:this.onMouseDown,onTouchStart:this.onTouchStart,ref:function($){return e.containerRef=$},"data-testid":"container",style:P,className:He("reactEasyCrop_Container",U)},s?ke.createElement("img",ie({alt:"",className:He("reactEasyCrop_Image",C==="contain"&&"reactEasyCrop_Contain",C==="horizontal-cover"&&"reactEasyCrop_Cover_Horizontal",C==="vertical-cover"&&"reactEasyCrop_Cover_Vertical",_)},l,{src:s,ref:this.imageRef,style:ie(ie({},F),{transform:p||"translate(".concat(u,"px, ").concat(c,"px) rotate(").concat(g,"deg) scale(").concat(w,")")}),onLoad:this.onMediaLoad})):i&&ke.createElement("video",ie({autoPlay:!0,playsInline:!0,loop:!0,muted:!0,className:He("reactEasyCrop_Video",C==="contain"&&"reactEasyCrop_Contain",C==="horizontal-cover"&&"reactEasyCrop_Cover_Horizontal",C==="vertical-cover"&&"reactEasyCrop_Cover_Vertical",_)},l,{ref:this.videoRef,onLoadedMetadata:this.onMediaLoad,style:ie(ie({},F),{transform:p||"translate(".concat(u,"px, ").concat(c,"px) rotate(").concat(g,"deg) scale(").concat(w,")")}),controls:!1}),(Array.isArray(i)?i:[{src:i}]).map(function(A){return ke.createElement("source",ie({key:A.src},A))})),this.state.cropSize&&ke.createElement("div",ie({ref:this.cropperRef,style:ie(ie({},z),{width:k?Math.round(this.state.cropSize.width):this.state.cropSize.width,height:k?Math.round(this.state.cropSize.height):this.state.cropSize.height}),tabIndex:0,onKeyDown:this.onKeyDown,onKeyUp:this.onKeyUp,"data-testid":"cropper",className:He("reactEasyCrop_CropArea",x==="round"&&"reactEasyCrop_CropAreaRound",N&&"reactEasyCrop_CropAreaGrid",y)},m)))},o.defaultProps={zoom:1,rotation:0,aspect:4/3,maxZoom:kt,minZoom:vt,cropShape:"rect",objectFit:"contain",showGrid:!0,style:{},classes:{},mediaProps:{},cropperProps:{},zoomSpeed:1,restrictPosition:!0,zoomWithScroll:!0,keyboardStep:jt},o.getMousePoint=function(e){return{x:Number(e.clientX),y:Number(e.clientY)}},o.getTouchPoint=function(e){return{x:Number(e.clientX),y:Number(e.clientY)}},o}(ke.Component);const xr=he,St=a=>new Promise((o,e)=>{const t=new Image;t.addEventListener("load",()=>o(t)),t.addEventListener("error",n=>e(n)),t.setAttribute("crossOrigin","anonymous"),t.src=a}),Ir=a=>a*Math.PI/180,_t=(a,o,e)=>{const t=Ir(e);return{width:Math.abs(Math.cos(t)*a)+Math.abs(Math.sin(t)*o),height:Math.abs(Math.sin(t)*a)+Math.abs(Math.cos(t)*o)}},Rt=async(a,o,e="image/jpeg",t=0)=>{const n=await St(a),s=document.createElement("canvas"),i=s.getContext("2d");if(!i)throw new Error("Canvas context is not available");const l=Ir(t),{width:m,height:p}=_t(n.width,n.height,t);s.width=m,s.height=p,i.translate(m/2,p/2),i.rotate(l),i.translate(-n.width/2,-n.height/2),i.drawImage(n,0,0);const h=document.createElement("canvas"),u=h.getContext("2d");if(!u)throw new Error("Canvas context is not available");return h.width=o.width,h.height=o.height,u.drawImage(s,o.x,o.y,o.width,o.height,0,0,o.width,o.height),new Promise((c,g)=>{h.toBlob(w=>{if(!w){g(new Error("Image cropping failed"));return}c(w)},e,.95)})},zr=({isOpen:a,imageSrc:o,fileType:e="image/jpeg",fileName:t="cropped-image",aspect:n=1/1,title:s="Crop Image",onClose:i,onApply:l})=>{const[m,p]=b.useState({x:0,y:0}),[h,u]=b.useState(1),[c,g]=b.useState(null);b.useEffect(()=>{a&&(p({x:0,y:0}),u(1),g(null))},[a]);const w=b.useCallback((N,k)=>{g(k)},[]),x=async()=>{var N,k;if(!(!o||!c))try{const S=await Rt(o,c,e),P=((k=(N=e==null?void 0:e.split("/"))==null?void 0:N[1])==null?void 0:k.replace("jpeg","jpg"))||"jpg",z=new File([S],`${t}.${P}`,{type:e});l==null||l(z)}catch{i==null||i()}};return a?r.jsxs("div",{className:v(f.mediaPicker.cropModal,"fixed inset-0 z-50 flex items-center justify-center p-4"),children:[r.jsx("div",{className:"fixed inset-0 bg-gray-500 opacity-75",onClick:i}),r.jsxs("div",{className:"relative bg-white rounded-lg shadow-xl w-full max-w-2xl max-h-[90vh] flex flex-col dark:bg-gray-800",children:[r.jsxs("div",{className:"flex items-center justify-between p-4 border-b border-gray-200 dark:border-gray-700 flex-shrink-0",children:[r.jsx("h3",{className:"text-lg font-medium text-gray-900 dark:text-white",children:s}),r.jsx("button",{type:"button",onClick:i,className:"text-gray-400 hover:text-gray-600 dark:hover:text-gray-300","aria-label":"Close crop modal",children:r.jsx(ue.Icon,{icon:"mdi:close",className:"w-6 h-6"})})]}),r.jsxs("div",{className:"p-4 space-y-4",children:[r.jsx("div",{className:"relative h-72 w-full bg-gray-900 rounded-md overflow-hidden",children:o&&r.jsx(Nt,{image:o,crop:m,zoom:h,aspect:n,onCropChange:p,onZoomChange:u,onCropComplete:w})}),r.jsxs("div",{className:"space-y-2",children:[r.jsx("label",{className:"text-sm text-gray-700 dark:text-gray-300",children:"Zoom"}),r.jsx("input",{type:"range",min:1,max:3,step:.1,value:h,onChange:N=>u(Number(N.target.value)),className:"w-full"})]})]}),r.jsxs("div",{className:"px-4 py-3 flex justify-end gap-3 border-t border-gray-200 dark:border-gray-700 sm:!px-6",children:[r.jsx(xr,{type:"button",onClick:i,variant:"outlined",color:"default",children:"Cancel"}),r.jsx(xr,{type:"button",onClick:x,variant:"contained",color:"primary",children:"Apply Crop"})]})]})]}):null},Ct=he,Ne=a=>{typeof a=="string"&&a.startsWith("blob:")&&URL.revokeObjectURL(a)},Mt=({label:a="",value:o=null,onChange:e,required:t=!1,accept:n="image/*",aspect:s="1",id:i,dragDrop:l=!1,cropImage:m=!1,name:p="",parentClass:h="",errorMessage:u=""})=>{const[c,g]=b.useState(o),[w,x]=b.useState(!1),[N,k]=b.useState(!1),[S,P]=b.useState(""),[z,F]=b.useState("image/jpeg"),[L,U]=b.useState("cropped-image"),y=b.useRef(null),_=b.useRef(""),C=b.useRef("");b.useEffect(()=>{if(o instanceof File){const D=URL.createObjectURL(o);Ne(C.current),C.current=D,g({file:o,preview:D})}else o&&typeof o=="object"&&"preview"in o,g(o)},[o]),b.useEffect(()=>()=>{Ne(C.current),Ne(_.current)},[]);const A=()=>{k(!1),Ne(_.current),_.current="",P(""),y.current&&(y.current.value="")},$=D=>{const R=URL.createObjectURL(D);Ne(C.current),C.current=R,g({file:D,preview:R}),e==null||e(D),A()},G=D=>{if(!D||D.length===0)return;const R=D[0];if(m){const I=URL.createObjectURL(R);Ne(_.current),_.current=I,P(I),F(R.type||"image/jpeg"),U((R.name||"cropped-image").replace(/\.[^/.]+$/,"")),k(!0);return}const Y=URL.createObjectURL(R);Ne(C.current),C.current=Y,g({file:R,preview:Y}),e==null||e(R)},ee=D=>{D&&D.stopPropagation(),Ne(C.current),C.current="",g(null),e==null||e(null),y.current&&(y.current.value="")},re=D=>{l&&(D.preventDefault(),x(!0))},E=D=>{l&&(D.preventDefault(),x(!1))},se=D=>{var R,Y,I,ce;l&&(D.preventDefault(),x(!1),(ce=(I=(Y=(R=D.dataTransfer)==null?void 0:R.files)==null?void 0:Y[0])==null?void 0:I.type)!=null&&ce.includes("image/")&&G(D.dataTransfer.files))},H=()=>{var D;(D=y.current)==null||D.click()},Q=c&&typeof c=="object"&&"preview"in c?c.preview:typeof c=="string"?c:"";return r.jsxs(r.Fragment,{children:[r.jsxs("div",{className:v(f.mediaPicker.image,f.field.wrapper,h||"col-span-12"),children:[r.jsx(me,{label:a,required:t}),r.jsxs("div",{className:v(f.mediaPicker.dropzone,"relative rounded-md p-2 transition-all",w?"border-2 border-dashed border-blue-500 bg-blue-50 dark:bg-blue-900/20":"border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800",u?"border-red-500":""),onDragOver:re,onDragLeave:E,onDrop:se,id:`field-${p}`,children:[r.jsx("input",{ref:y,id:i,type:"file",accept:n,onChange:D=>G(D.target.files),required:t&&!c,className:"absolute opacity-0 right-[50%] top-[80%] -translate-y-1/2 pointer-events-none h-[10px]"}),r.jsxs("div",{className:`flex items-center space-x-4 transition-all ${w?"opacity-50":""}`,children:[c?r.jsxs("div",{className:"relative group",children:[r.jsx("img",{src:Q,alt:"preview",className:"object-cover w-20 h-20 rounded-full shadow-md"}),!t&&r.jsx("button",{type:"button",onClick:ee,className:"absolute top-0 -right-2 bg-red-500 text-white rounded-full p-1 shadow-lg hover:bg-red-600 transition-colors focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2","aria-label":"Remove image",children:r.jsx(ue.Icon,{icon:"mdi:close",className:"w-3 h-3"})})]}):r.jsx("div",{className:"rounded-full bg-gray-100 dark:bg-gray-700 h-20 w-20 flex items-center justify-center",children:r.jsx(ue.Icon,{icon:"ri:image-add-fill",className:"text-gray-400 w-10 h-10"})}),r.jsxs("div",{className:"flex flex-col items-center space-y-1",children:[r.jsx(Ct,{type:"button",onClick:H,variant:"outlined",color:"default",children:c?"Change Image":"Select Image"}),l&&!c&&r.jsx("p",{className:"text-sm text-gray-500 dark:text-gray-400",children:"or drag and drop"})]})]}),l&&w&&r.jsx("div",{className:"absolute inset-0 flex items-center justify-center pointer-events-none bg-blue-500/10 rounded-md",children:r.jsx("span",{className:"text-blue-600 dark:text-blue-400 font-semibold text-lg",children:"Drop image here"})})]}),u&&r.jsx("span",{className:v(f.field.error,"text-red-500 text-xs mt-1"),children:u})]},p),r.jsx(zr,{isOpen:N,imageSrc:S,fileType:z,fileName:L,onClose:A,onApply:$,aspect:Number(s)})]})},Or=b.forwardRef(({label:a,value:o,name:e,required:t,parentClass:n="",className:s="",type:i="text",onKeyDown:l,negativeNumberAllow:m=!0,defaultValue:p="",field:h={},onChange:u,mask:c="",errorMessage:g="",maskApplyOnValue:w=!0,...x},N)=>{const[k,S]=b.useState(!1),P=L=>{if(i==="number"){if(["e","E","+"].includes(L.key)){L.preventDefault();return}if(m==!1&&L.key==="-"){L.preventDefault();return}if(["ArrowUp","ArrowDown"].includes(L.key)){L.preventDefault();return}}l==null||l(L)},z=v(f.field.input,"h-10 placeholder-gray-400 dark:placeholder-gray-400",i==="password"?"pr-10":"",i==="number"?"no-spinner":"",s,g?"border-red-500":"");function F(L,U){if(!L)return L;const y=String(L).replace(/[^a-zA-Z0-9]/g,"");let _="",C=0;for(let A=0;A<(U==null?void 0:U.length)&&C<y.length;A++){const $=U[A],G=y[C];$==="9"?/\d/.test(G)?(_+=G,C++):(C++,A--):$==="A"?/[a-zA-Z]/.test(G)?(_+=G,C++):(C++,A--):$==="X"?/[a-zA-Z0-9]/.test(G)?(_+=G,C++):(C++,A--):$==="*"?(_+=G,C++):(_+=$,G===$&&C++)}return _}return b.useEffect(()=>{if(p){const L=o||p;setTimeout(()=>{u==null||u(L)},100)}},[p]),r.jsx(r.Fragment,{children:r.jsxs("div",{className:v(f.field.wrapper,n||"col-span-12"),children:[r.jsx(me,{label:a,required:t,infoText:h==null?void 0:h.infoText}),r.jsxs("div",{className:"relative",children:[r.jsx("input",{type:i==="password"&&k?"text":i,ref:N,id:`field-${e}`,required:t,onKeyDown:P,className:z,value:c?F(o,c):o,onChange:L=>{u(c&&w?F(L.target.value,c):L.target.value)},...x}),g&&r.jsx("span",{className:v(f.field.error,"text-red-500 text-xs mt-1"),children:g}),i==="password"&&r.jsx("button",{type:"button",tabIndex:-1,onClick:()=>S(L=>!L),className:"absolute inset-y-0 right-3 flex items-center text-gray-400 hover:text-gray-600 dark:text-gray-400 dark:hover:text-gray-200",children:r.jsx(ue.Icon,{icon:k?"mdi:eye-outline":"mdi:eye-off-outline",className:"w-5 h-5"})})]})]},e)})});Or.displayName="Input";const Dt=({editorKey:a="",value:o="",name:e="",onChange:t,label:n="",required:s=!1,placeholder:i="",parentClass:l="col-span-12",height:m=400,inline:p=!1,disabled:h=!1,plugins:u,toolbar:c,menubar:g=!1,fontFamily:w="Inter, sans-serif",initConfig:x={},imageUploadHandler:N,errorMessage:k=""})=>{const S=["advlist","autolink","lists","link","image","charmap","preview","anchor","searchreplace","visualblocks","code","fullscreen","insertdatetime","media","table","help","wordcount"],P="undo redo | blocks | bold italic underline forecolor backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image media table | removeformat | code fullscreen preview",z=F=>new Promise((L,U)=>{if(!N){L(`data:${F.blob().type};base64,${F.base64()}`);return}N(F).then(y=>{y?L(y):U("Upload failed: No URL returned")}).catch(y=>{U(typeof y=="string"?y:(y==null?void 0:y.message)||"Image upload failed")})});return r.jsxs("div",{className:v(f.field.wrapper,l),id:`field-${e}`,children:[n&&r.jsx(me,{label:n,required:s}),r.jsx(Wr.Editor,{apiKey:a,value:o,disabled:h,init:{height:m,inline:p,menubar:g,branding:!1,statusbar:!0,automatic_uploads:!0,images_upload_handler:z,plugins:u??S,toolbar:c??P,placeholder:i,content_style:`
|
|
122
122
|
body {
|
|
123
123
|
font-family: ${w};
|
|
124
124
|
border: ${k?"1px solid blue":""};
|
|
125
125
|
}
|
|
126
|
-
`,...x},onEditorChange:F=>{t==null||t(F)}}),k&&r.jsx("span",{className:v(f.field.error,"text-red-500 text-xs mt-1"),children:k})]})},Lt=({name:a="",label:o="",options:e=[],value:t=null,onChange:n,disabled:s=!1,required:i=!1,parentClass:l="col-span-12",className:m="",errorMessage:p="",multiSelect:h=!1})=>{const u=Array.isArray(e)&&e.length>0,c=x=>u?h?Array.isArray(t)&&t.includes(x):t===x:!!t,g=x=>{n==null||n(x.target.checked,a)},w=(x,N)=>{if(n)if(!h)n(N?x:"",a);else{const k=Array.isArray(t)?[...t]:[];if(N)k.includes(x)||k.push(x);else{const S=k.indexOf(x);S>-1&&k.splice(S,1)}n(k,a)}};return u?r.jsx(r.Fragment,{children:r.jsxs("div",{className:v(f.field.wrapper,l),children:[r.jsx(me,{label:o,required:i}),r.jsx("div",{className:"flex flex-col space-y-2",children:e.map((x,N)=>r.jsxs("div",{className:"flex items-center",children:[r.jsx("input",{type:"checkbox",name:a,id:`field-${a}`,value:x.value,checked:c(x.value),disabled:s||!!x.disabled,required:i&&N===0,onChange:k=>w(x.value,k.target.checked),className:v(f.field.input,"h-4 w-4 cursor-pointer text-blue-600 border-gray-300 rounded focus:ring-2 focus:ring-blue-500 dark:focus:ring-blue-400",m)},a),x.label&&r.jsx("label",{htmlFor:a,className:"ml-2 text-sm text-gray-700 dark:text-gray-200 select-none",children:x.label})]},x.value||x.label))}),p&&r.jsx("span",{className:v(f.field.error,"text-red-500 text-xs mt-1"),children:p})]})}):r.jsxs("div",{className:v(f.field.wrapper,"flex items-center",l),children:[r.jsx("input",{type:"checkbox",name:a,checked:c(),disabled:s,required:i,onChange:g,className:v(f.field.input,"h-4 w-4 text-blue-600 cursor-pointer border-gray-300 rounded focus:ring-2 focus:ring-blue-500 dark:focus:ring-blue-400",m)}),o&&r.jsx("label",{htmlFor:a,className:"ml-2 text-sm text-gray-700 dark:text-gray-200 select-none",children:o})]})},yr=he,Pt=({label:a="",value:o=null,onChange:e,required:t=!1,accept:n="audio/*",id:s,dragDrop:i=!1,name:l="",parentClass:m="",errorMessage:p="",maxSize:h=0})=>{const[u,c]=b.useState(null),[g,w]=b.useState(!1),x=b.useRef(null),N=h*1024*1024;b.useEffect(()=>{if(!o){k(),c(null);return}if(o instanceof File){const y=URL.createObjectURL(o);return c({file:o,preview:y}),()=>{URL.revokeObjectURL(y)}}else typeof o=="string"?c({preview:o}):o!=null&&o.preview&&c(o)},[o]);const k=()=>{u!=null&&u.preview&&u.preview.startsWith("blob:")&&URL.revokeObjectURL(u.preview)},S=y=>{if(!y||y.length===0)return;const _=y[0];if(N&&_.size>N){je.enqueueSnackbar(`Audio is too large. Maximum allowed size is ${h} MB`,{variant:"warning"});return}const C=URL.createObjectURL(_);k(),c({file:_,preview:C}),e==null||e(_)},L=y=>{y&&y.stopPropagation(),k(),c(null),e==null||e(null),x.current&&(x.current.value="")},z=y=>{i&&(y.preventDefault(),w(!0))},F=y=>{i&&(y.preventDefault(),w(!1))},P=y=>{var _,C,A,B;i&&(y.preventDefault(),w(!1),(B=(A=(C=(_=y.dataTransfer)==null?void 0:_.files)==null?void 0:C[0])==null?void 0:A.type)!=null&&B.includes("audio/")&&S(y.dataTransfer.files))},U=()=>{var y;(y=x.current)==null||y.click()};return r.jsxs("div",{className:v(f.mediaPicker.audio,f.field.wrapper,m||"col-span-12"),children:[r.jsx(me,{label:a,required:t}),r.jsxs("div",{className:v(f.mediaPicker.dropzone,"relative rounded-lg p-2 transition-all",g?"border-2 border-dashed border-blue-500 bg-blue-50 dark:bg-blue-900/20":"border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800",p?"border-red-500":""),onDragOver:z,onDragLeave:F,onDrop:P,id:`field-${l}`,children:[r.jsx("input",{ref:x,id:s,type:"file",accept:n,onChange:y=>S(y.target.files),required:t&&!u,className:"absolute opacity-0 right-[50%] top-[80%] -translate-y-1/2 pointer-events-none h-[10px]"}),r.jsx("div",{className:`flex items-center space-x-4 transition-all ${g?"opacity-50":""}`,children:u?r.jsxs("div",{className:"flex items-center space-x-4",children:[r.jsxs("div",{className:"relative w-full",children:[!t&&r.jsx("button",{type:"button",onClick:L,className:"absolute top-0 -right-2 bg-red-500 text-white rounded-full p-1 shadow-lg hover:bg-red-600 transition-colors z-10 focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2 dark:focus:ring-offset-gray-800","aria-label":"Remove audio",children:r.jsx(ue.Icon,{icon:"mdi:close",className:"w-3 h-3"})}),r.jsx("audio",{src:u.preview,controls:!0,controlsList:"nodownload"},u.preview)]}),r.jsx(yr,{type:"button",onClick:U,children:r.jsx("span",{children:"Change Audio File"})})]}):r.jsxs("div",{className:"flex items-center justify-center space-x-4",children:[r.jsx("div",{className:"rounded-full bg-gray-100 dark:bg-gray-700 h-20 w-20 flex items-center justify-center",children:r.jsx(ue.Icon,{icon:"mdi:music",className:"text-gray-400 w-10 h-10"})}),r.jsxs("div",{className:"flex flex-col items-center space-y-1",children:[r.jsx(yr,{type:"button",onClick:U,variant:"outlined",children:r.jsx("span",{children:"Choose Audio File"})}),i&&r.jsx("p",{className:"text-sm text-gray-500 dark:text-gray-400",children:"or drag and drop your audio file here"})]})]})}),i&&g&&!u&&r.jsx("div",{className:"absolute inset-0 flex items-center justify-center pointer-events-none bg-blue-500/10 rounded-lg",children:r.jsx("span",{className:"text-blue-600 dark:text-blue-400 font-semibold text-lg bg-white dark:bg-gray-800 px-4 py-2 rounded-lg shadow-lg",children:"Drop audio here"})})]}),p&&r.jsx("span",{className:v(f.field.error,"text-red-500 text-xs mt-1"),children:p})]},l)},vr=he,Et=a=>{if(!a)return null;if(a instanceof File){const o=URL.createObjectURL(a);return{id:`${Date.now()}-${Math.random()}`,file:a,preview:o,createdBlobUrl:o}}if(typeof a=="string")return{id:`${Date.now()}-${Math.random()}`,file:null,preview:a};if(typeof a=="object"){if(a.preview)return{id:`${Date.now()}-${Math.random()}`,file:a.file||null,preview:a.preview};if(a.file){const o=URL.createObjectURL(a.file);return{id:`${Date.now()}-${Math.random()}`,file:a.file,preview:o,createdBlobUrl:o}}}return null},At=({label:a="",value:o=[],onChange:e,required:t=!1,accept:n="image/*",aspect:s="1",id:i,dragDrop:l=!1,cropImage:m=!1,name:p="",parentClass:h="",maxImages:u,errorMessage:c=""})=>{const[g,w]=b.useState([]),[x,N]=b.useState(!1),[k,S]=b.useState(!1),[L,z]=b.useState(""),[F,P]=b.useState("image/jpeg"),[U,y]=b.useState("cropped-image"),[_,C]=b.useState(null),A=b.useRef(null),B=b.useRef(null),G=b.useRef(""),ee=b.useRef([]);b.useEffect(()=>{ee.current=g},[g]),b.useEffect(()=>()=>{ee.current.forEach(M=>{M.createdBlobUrl&&URL.revokeObjectURL(M.createdBlobUrl)}),G.current&&URL.revokeObjectURL(G.current)},[]),b.useEffect(()=>{if(!Array.isArray(o)){w([]);return}const M=o.map(T=>Et(T)).filter(Boolean);w(T=>(T.forEach(V=>{V.createdBlobUrl&&URL.revokeObjectURL(V.createdBlobUrl)}),M))},[o]);const re=typeof u=="number"&&u>0?Math.max(u-g.length,0):Number.POSITIVE_INFINITY,E=()=>{S(!1),G.current&&(URL.revokeObjectURL(G.current),G.current=""),z(""),C(null),A.current&&(A.current.value="")},se=M=>{var T,V;z(M.preview),P(((T=M.file)==null?void 0:T.type)||"image/jpeg"),y((((V=M.file)==null?void 0:V.name)||"cropped-image").replace(/\.[^/.]+$/,"")),C(M.id),S(!0)},H=M=>{const T=URL.createObjectURL(M);w(V=>{const X=V.map(K=>K.id!==_?K:(K.createdBlobUrl&&URL.revokeObjectURL(K.createdBlobUrl),{...K,file:M,preview:T,createdBlobUrl:T}));return e==null||e(X.map(K=>K.file?K.file:K.preview)),X}),E()},Q=M=>{if(!M||M.length===0||re===0)return;const T=Array.from(M).filter(X=>X.type.includes("image/")).slice(0,re);if(T.length===0)return;const V=T.map(X=>{const K=URL.createObjectURL(X);return{id:`${Date.now()}-${Math.random()}`,file:X,preview:K,createdBlobUrl:K}});w(X=>{const K=[...X,...V];return e==null||e(K.map(te=>te.file?te.file:te.preview)),K}),A.current&&(A.current.value="")},D=M=>{w(T=>{const V=T.find(K=>K.id===M);V!=null&&V.createdBlobUrl&&URL.revokeObjectURL(V.createdBlobUrl);const X=T.filter(K=>K.id!==M);return e==null||e(X.map(K=>K.file?K.file:K.preview)),X}),A.current&&(A.current.value="")},R=M=>{var T;C(M),(T=B.current)==null||T.click()},Y=M=>{if(!M||M.length===0||!_)return;const T=Array.from(M).find(X=>X.type.includes("image/"));if(!T)return;const V=URL.createObjectURL(T);w(X=>{const K=X.map(te=>te.id!==_?te:(te.createdBlobUrl&&URL.revokeObjectURL(te.createdBlobUrl),{...te,file:T,preview:V,createdBlobUrl:V}));return e==null||e(K.map(te=>te.file?te.file:te.preview)),K}),C(null),B.current&&(B.current.value="")},I=M=>{l&&(M.preventDefault(),N(!0))},ce=M=>{l&&(M.preventDefault(),N(!1))},we=M=>{var T;l&&(M.preventDefault(),N(!1),Q(((T=M.dataTransfer)==null?void 0:T.files)||null))},be=()=>{var M;(M=A.current)==null||M.click()},ne=typeof u=="number"&&u>0?g.length<u:!0;return r.jsxs(r.Fragment,{children:[r.jsxs("div",{className:v(f.mediaPicker.multiImage,f.field.wrapper,h||"col-span-12"),children:[r.jsx(me,{label:a,required:t}),r.jsxs("div",{className:v(f.mediaPicker.dropzone,"relative rounded-md p-2 transition-all",x?"border-2 border-dashed border-blue-500 bg-blue-50 dark:bg-blue-900/20":"border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800",c?"border-red-500":""),onDragOver:I,onDragLeave:ce,onDrop:we,id:`field-${p}`,children:[r.jsx("input",{ref:A,id:i,type:"file",accept:n,multiple:!0,onChange:M=>Q(M.target.files),required:t&&g.length===0,className:"absolute opacity-0 pointer-events-none h-1 w-1"}),r.jsx("input",{ref:B,type:"file",accept:n,onChange:M=>Y(M.target.files),className:"absolute opacity-0 pointer-events-none h-1 w-1"}),g.length===0?r.jsxs("div",{className:"flex items-center space-x-4",children:[r.jsx("div",{className:"rounded-full bg-gray-100 dark:bg-gray-700 h-20 w-20 flex items-center justify-center",children:r.jsx(ue.Icon,{icon:"ri:multi-image-fill",className:"text-gray-400 w-10 h-10"})}),r.jsxs("div",{className:"flex flex-col items-center space-y-1",children:[r.jsx(vr,{type:"button",onClick:be,variant:"outlined",color:"default",children:r.jsx("span",{className:"text-sm font-medium",children:"Choose Images"})}),l&&r.jsx("p",{className:"text-sm text-gray-500 dark:text-gray-400",children:"or drag and drop your images here"})]})]}):r.jsxs(r.Fragment,{children:[r.jsxs("div",{className:"flex items-center justify-between gap-2 mb-3",children:[r.jsx(vr,{type:"button",onClick:be,disabled:!ne,variant:"outlined",color:"default",children:r.jsx("span",{className:"text-sm font-medium",children:"Upload Images"})}),r.jsx("span",{className:"text-xs text-gray-500 dark:text-gray-400",children:u?`${g.length}/${u}`:`${g.length} selected`})]}),r.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-3",children:g.map(M=>r.jsxs("div",{className:"relative group rounded-md overflow-hidden border border-gray-200 dark:border-gray-700",children:[r.jsx("img",{src:M.preview,alt:"preview",className:"w-full h-28 object-cover"}),r.jsxs("div",{className:"absolute top-2 right-2 flex items-center gap-1.5 opacity-100 sm:opacity-0 sm:group-hover:opacity-100 transition-opacity",children:[r.jsx("button",{type:"button",onClick:()=>R(M.id),className:"w-7 h-7 rounded-full bg-white/90 text-gray-800 hover:bg-white flex items-center justify-center shadow","aria-label":"Replace image",children:r.jsx(ue.Icon,{icon:"solar:refresh-bold",className:"w-4 h-4"})}),m&&r.jsx("button",{type:"button",onClick:()=>se(M),className:"w-7 h-7 rounded-full bg-white/90 text-gray-800 hover:bg-white flex items-center justify-center shadow","aria-label":"Crop image",children:r.jsx(ue.Icon,{icon:"solar:crop-bold",className:"w-4 h-4"})}),r.jsx("button",{type:"button",onClick:()=>D(M.id),className:"w-7 h-7 rounded-full bg-red-500/95 text-white hover:bg-red-600 flex items-center justify-center shadow","aria-label":"Delete image",children:r.jsx(ue.Icon,{icon:"solar:trash-bin-trash-bold",className:"w-4 h-4"})})]})]},M.id))})]}),l&&x&&g.length===0&&r.jsx("div",{className:"absolute inset-0 flex items-center justify-center pointer-events-none bg-blue-500/10 rounded-lg",children:r.jsx("span",{className:"text-blue-600 dark:text-blue-400 font-semibold text-lg bg-white dark:bg-gray-800 px-4 py-2 rounded-lg shadow-lg",children:"Drop images here"})})]}),c&&r.jsx("span",{className:v(f.field.error,"text-red-500 text-xs mt-1"),children:c})]},p),r.jsx(zr,{isOpen:k,imageSrc:L,fileType:F,fileName:U,onClose:E,onApply:H,aspect:Number(s)})]})},xe=({src:a,alt:o="preview",isOpen:e,setIsOpen:t})=>{const n=()=>t(!1);return b.useEffect(()=>{const s=i=>{i.key==="Escape"&&n()};return e&&(document.body.style.overflow="hidden",document.addEventListener("keydown",s)),()=>{document.body.style.overflow="",document.removeEventListener("keydown",s)}},[e]),r.jsx(r.Fragment,{children:r.jsxs("div",{className:v(f.imagePreview.root,"fixed inset-0 z-50 flex items-center justify-center bg-black/70 dark:bg-black/80 backdrop-blur-sm animate-in fade-in duration-200"),onClick:n,children:[r.jsx("button",{onClick:n,className:`absolute top-4 right-4 bg-white dark:bg-gray-800 text-gray-800 dark:text-gray-200\r
|
|
127
|
-
hover:bg-gray-100 dark:hover:bg-gray-700 rounded-full p-2 shadow-lg transition`,children:r.jsx(J.X,{size:20})}),r.jsx("div",{className:v(f.imagePreview.container,"max-w-5xl w-full px-4 transform transition-all duration-200 scale-95 animate-in zoom-in-95"),onClick:s=>s.stopPropagation(),children:r.jsx("img",{src:a,alt:o,className:v(f.imagePreview.image,"w-full max-h-[90vh] object-contain rounded-xl")})})]})})},Ur=({col:a,data:o,uiVariant:e="default",styleConfig:t={}})=>{const n=o[a.titleKey],s=o[a.subtitleKey],i=o[a.imageKey],l=a.fallback_icon,[m,p]=b.useState(null),[h,u]=b.useState(!1),c=w=>{let x=w;w&&w.src instanceof File&&(x={...w,src:URL.createObjectURL(w.src)}),p(x),u(!0)},g=w=>{const N={sm:{img:"w-8 h-8",wrap:"w-8 h-8",icon:"w-4 h-4"},md:{img:"w-12 h-12",wrap:"w-12 h-12",icon:"w-6 h-6"},lg:{img:"w-16 h-16",wrap:"w-16 h-16",icon:"w-8 h-8"}}[w];return i?r.jsx("img",{src:i instanceof File?URL.createObjectURL(i):i,alt:n,onClick:()=>c({src:i,alt:n}),className:`${N.img} cursor-pointer rounded-full object-cover border-2 border-white dark:border-gray-700 shadow flex-shrink-0`}):l?l instanceof Function?l(o):l:r.jsx("div",{className:`${N.wrap} flex items-center justify-center rounded-full border-2 border-gray-300 dark:border-gray-600 bg-gray-200 dark:bg-gray-600 flex-shrink-0`,children:r.jsx(J.User,{className:`${N.icon} text-gray-400`})})};return e==="card"?r.jsxs(r.Fragment,{children:[h&&m&&r.jsx(xe,{src:m.src,alt:m.alt,isOpen:h,setIsOpen:u}),r.jsxs("div",{className:v(f.details.row,"col-span-12 relative overflow-hidden rounded-xl bg-gradient-to-r from-primary/10 via-primary/5 to-transparent dark:from-primary/20 dark:via-primary/10 border border-primary/20 dark:border-primary/30 p-5 flex items-center gap-4",t.rowClass||"",t.groupClass||"",a.blockClass||""),children:[r.jsx("div",{className:"pointer-events-none absolute -right-6 -top-6 w-32 h-32 rounded-full bg-primary/8 dark:bg-primary/12"}),r.jsx("div",{className:"pointer-events-none absolute -right-2 -bottom-4 w-20 h-20 rounded-full bg-primary/5"}),g("lg"),r.jsxs("div",{className:"min-w-0 z-10",children:[r.jsx("h3",{className:`text-lg font-bold text-gray-900 dark:text-white truncate ${t.valueClass||""}`,children:n}),r.jsx("p",{className:`text-sm text-primary/70 dark:text-primary/60 font-medium truncate ${t.labelClass||""}`,children:s})]})]})]}):e==="split"?r.jsxs(r.Fragment,{children:[h&&m&&r.jsx(xe,{src:m.src,alt:m.alt,isOpen:h,setIsOpen:u}),r.jsxs("div",{className:v(f.details.row,"flex items-center gap-3 px-5 py-4 bg-gradient-to-r from-primary/8 via-primary/4 to-transparent dark:from-primary/15 dark:via-primary/8",t.rowClass||"",t.groupClass||"",a.blockClass||""),children:[g("md"),r.jsxs("div",{className:"min-w-0",children:[r.jsx("h3",{className:`text-base font-bold text-gray-900 dark:text-white truncate ${t.valueClass||""}`,children:n}),r.jsx("p",{className:`text-xs font-semibold text-primary/70 dark:text-primary/60 truncate ${t.labelClass||""}`,children:s})]})]})]}):r.jsxs(r.Fragment,{children:[h&&m&&r.jsx(xe,{src:m.src,alt:m.alt,isOpen:h,setIsOpen:u}),r.jsxs("div",{className:v(f.details.row,"col-span-12 flex items-center space-x-4 p-4 rounded-xl bg-gray-100 dark:bg-gray-900",t.rowClass||"",t.groupClass||"",a.blockClass||""),children:[g("lg"),r.jsxs("div",{children:[r.jsx("h3",{className:`text-xl font-semibold text-gray-900 dark:text-white ${t.valueClass||""}`,children:n}),r.jsx("p",{className:`text-sm text-gray-500 dark:text-gray-400 ${t.labelClass||""}`,children:s})]})]})]})},Tr=({col:a,data:o,uiVariant:e="default",styleConfig:t={}})=>{const n=o[a.titleKey],s=o[a.subtitleKey],i=o[a.imageKey],l=a.label,m=a==null?void 0:a.icon,p=a.fallback_icon,[h,u]=b.useState(null),[c,g]=b.useState(!1),w=N=>{let k=N;N&&N.src instanceof File&&(k={...N,src:URL.createObjectURL(N.src)}),u(k),g(!0)},x=()=>i?r.jsx("img",{src:i instanceof File?URL.createObjectURL(i):i,alt:n,onClick:()=>w({src:i,alt:n}),className:"w-8 h-8 cursor-pointer rounded-full object-cover border-2 border-gray-200 dark:border-gray-700 flex-shrink-0"}):p?p instanceof Function?p(o):p:r.jsx("div",{className:"w-8 h-8 flex items-center justify-center rounded-full border-2 border-gray-300 dark:border-gray-700 bg-gray-200 dark:bg-gray-600 flex-shrink-0",children:r.jsx(J.User,{className:"w-5 h-5 text-gray-400"})});return e==="card"?r.jsxs(r.Fragment,{children:[c&&h&&r.jsx(xe,{src:h.src,alt:h.alt,isOpen:c,setIsOpen:g}),r.jsxs("div",{className:v(f.details.row,a.blockClass||"col-span-6","group bg-white dark:bg-gray-800 rounded-xl border border-gray-100 dark:border-gray-700/60 shadow-sm hover:shadow-md hover:-translate-y-0.5 transition-all duration-200 p-4 flex flex-col gap-2.5",t.rowClass||"",t.cardGroupClass||""),children:[m&&r.jsx("div",{className:`w-8 h-8 rounded-lg bg-primary/10 dark:bg-primary/20 flex items-center justify-center text-primary flex-shrink-0 [&>svg]:w-4 [&>svg]:h-4 ${t.iconClass||""}`,children:m}),r.jsx("p",{className:`text-xs font-semibold uppercase tracking-wider text-gray-400 dark:text-gray-500 leading-none ${t.labelClass||""}`,children:l}),r.jsxs("div",{className:"flex items-center gap-2 mt-auto",children:[x(),r.jsxs("div",{className:"min-w-0",children:[r.jsx("p",{className:`text-sm font-semibold text-gray-800 dark:text-gray-100 truncate ${t.valueClass||""}`,children:n}),s&&r.jsx("p",{className:"text-xs text-gray-400 dark:text-gray-500 truncate",children:s})]})]})]})]}):e==="split"?r.jsxs(r.Fragment,{children:[c&&h&&r.jsx(xe,{src:h.src,alt:h.alt,isOpen:c,setIsOpen:g}),r.jsxs("div",{className:v(f.details.row,"flex items-stretch min-h-[52px]",t.rowClass||"",t.cardGroupClass||"",a.blockClass||""),children:[r.jsxs("div",{className:"w-[42%] flex-shrink-0 flex items-center gap-2 px-4 py-3 bg-gray-50 dark:bg-gray-800/80 border-r border-gray-200 dark:border-gray-700",children:[m&&r.jsx("span",{className:`text-primary/60 dark:text-primary/50 flex-shrink-0 [&>svg]:w-3.5 [&>svg]:h-3.5 ${t.iconClass||""}`,children:m}),r.jsx("p",{className:`text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400 leading-tight ${t.labelClass||""}`,children:l})]}),r.jsxs("div",{className:"flex-1 flex items-center gap-2.5 px-4 py-3 bg-white dark:bg-gray-900",children:[x(),r.jsxs("div",{className:"min-w-0",children:[r.jsx("p",{className:`text-sm text-gray-800 dark:text-gray-100 break-words ${t.valueClass||""}`,children:n}),s&&r.jsx("p",{className:"text-xs text-gray-400 dark:text-gray-500 truncate",children:s})]})]})]})]}):r.jsxs(r.Fragment,{children:[c&&h&&r.jsx(xe,{src:h.src,alt:h.alt,isOpen:c,setIsOpen:g}),r.jsxs("div",{className:v(f.details.row,"col-span-12 flex items-center space-x-4 p-4 rounded-xl bg-gray-100 dark:bg-gray-900",t.rowClass||"",t.cardGroupClass||"",a.blockClass||""),children:[m&&r.jsx("div",{className:`flex-shrink-0 ${t.iconClass||""}`,children:m}),r.jsxs("div",{className:"flex-1 min-w-0",children:[r.jsx("p",{className:`text-sm font-medium text-gray-500 dark:text-gray-400 ${t.labelClass||""}`,children:l}),r.jsxs("div",{className:"flex items-center mt-1",children:[x(),r.jsxs("div",{className:"ml-2",children:[r.jsx("p",{className:`mb-0 text-sm text-gray-900 dark:text-white break-words ${t.valueClass||""}`,children:n}),r.jsx("p",{className:`text-xs text-gray-500 dark:text-gray-400 ${t.labelClass||""}`,children:s})]})]})]})]})]})},kr={blue:{bg:"bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300",border:"border border-blue-300 text-blue-700 dark:border-blue-700 dark:text-blue-300"},teal:{bg:"bg-teal-100 text-teal-800 dark:bg-teal-900/30 dark:text-teal-300",border:"border border-teal-300 text-teal-700 dark:border-teal-700 dark:text-teal-300"},purple:{bg:"bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-300",border:"border border-purple-300 text-purple-700 dark:border-purple-700 dark:text-purple-300"},yellow:{bg:"bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-300",border:"border border-yellow-300 text-yellow-700 dark:border-yellow-700 dark:text-yellow-300"},green:{bg:"bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300",border:"border border-green-300 text-green-700 dark:border-green-700 dark:text-green-300"},red:{bg:"bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-300",border:"border border-red-300 text-red-700 dark:border-red-700 dark:text-red-300"},gray:{bg:"bg-gray-100 text-gray-800 dark:bg-gray-900/30 dark:text-gray-300",border:"border border-gray-300 text-gray-700 dark:border-gray-700 dark:text-gray-300"}},jr={contained:"bg",outline:"border !bg-transparent",soft:"bg opacity-90"},$r=({label:a,variant:o="contained",color:e="green",className:t=""})=>{const n=kr[e]||kr.green,s=jr[o]||jr.contained,i=o==="outline"?n.border:n.bg;return r.jsx("span",{className:v(f.chip.root,"inline-flex justify-center items-center rounded-sm text-xs font-semibold px-3 py-1 min-w-[78px]",i,s,t),children:a})},Br=({col:a,data:o,uiVariant:e="default",styleConfig:t={}})=>{var k;const[n,s]=b.useState(null),[i,l]=b.useState(!1),m=a==null?void 0:a.icon,p=a.label;let h=o[a.key];const u=a.type,c=a.variant||"outline";let g=a.defaultColor;if(u==="chip"&&((k=a.chipOptions)==null?void 0:k.length)>0){const S=a==null?void 0:a.chipOptions.find(L=>L.value==h);S&&(h=S.label,g=S.color)}const w=S=>{if(!S)return"";if(typeof S=="string")return S;if(S instanceof File)return URL.createObjectURL(S);if(typeof S=="object"){if(typeof S.preview=="string")return S.preview;if(typeof S.src=="string")return S.src;if(S.src instanceof File)return URL.createObjectURL(S.src);if(S.file instanceof File)return URL.createObjectURL(S.file)}return""},x=(S,L)=>{s({src:S,alt:L}),l(!0)},N=(S="text-sm text-gray-900 dark:text-white break-words")=>u==="chip"?r.jsx($r,{label:h,variant:c,color:g,className:"mt-1"}):u==="tinyEditor"?r.jsx("p",{className:`${S} ${t.valueClass||""}`,dangerouslySetInnerHTML:{__html:h}}):u==="audio"?h?r.jsx("audio",{controls:!0,src:h instanceof File?URL.createObjectURL(h):h,onClick:L=>L.stopPropagation(),className:"shadow-sm rounded-full mt-1 w-full max-w-xs"},h instanceof File?URL.createObjectURL(h):h):r.jsx("p",{className:"text-sm text-gray-400",children:"N/A"}):u==="multiImage"?Array.isArray(h)&&h.length>0?r.jsx("div",{className:`mt-1 grid grid-cols-3 sm:grid-cols-4 gap-2 ${t.mediaGridClass||""}`,children:h.map((L,z)=>{const F=w(L);return F?r.jsx("button",{type:"button",onClick:()=>x(F,`Gallery ${z+1}`),className:"w-full h-16 rounded-lg overflow-hidden border border-gray-200 dark:border-gray-700 hover:border-primary/50 transition-colors",children:r.jsx("img",{src:F,alt:`gallery-${z+1}`,className:"w-full h-full object-cover"})},`${F}-${z}`):null})}):r.jsx("p",{className:"text-sm text-gray-400",children:"N/A"}):r.jsx("p",{className:`${S} ${t.valueClass||""}`,children:u==="date"?r.jsx("span",{children:er(h,a.format||"DD MMM YYYY")}):r.jsx("span",{children:h||"N/A"})});return e==="card"?r.jsxs(r.Fragment,{children:[r.jsxs("div",{className:v(f.details.row,a.blockClass||"col-span-6","group bg-white dark:bg-gray-800 rounded-xl border border-gray-100 dark:border-gray-700/60 shadow-sm hover:shadow-md hover:-translate-y-0.5 transition-all duration-200 p-4 flex flex-col gap-2.5",t.rowClass||""),children:[m&&r.jsx("div",{className:`w-8 h-8 rounded-lg bg-primary/10 dark:bg-primary/20 flex items-center justify-center text-primary flex-shrink-0 [&>svg]:w-4 [&>svg]:h-4 ${t.iconClass||""}`,children:m}),r.jsx("p",{className:`text-xs font-semibold uppercase tracking-wider text-gray-400 dark:text-gray-500 leading-none ${t.labelClass||""}`,children:p}),r.jsx("div",{className:"mt-auto",children:N("text-sm font-semibold text-gray-800 dark:text-gray-100 break-words leading-snug")})]}),i&&n&&r.jsx(xe,{src:n.src,alt:n.alt,isOpen:i,setIsOpen:l})]}):e==="split"?r.jsxs(r.Fragment,{children:[r.jsxs("div",{className:v(f.details.row,"flex items-stretch min-h-[52px]",t.rowClass||"",a.blockClass||""),children:[r.jsxs("div",{className:"w-[42%] flex-shrink-0 flex items-center gap-2 px-4 py-3 bg-gray-50 dark:bg-gray-800/80 border-r border-gray-200 dark:border-gray-700",children:[m&&r.jsx("span",{className:`text-primary/60 dark:text-primary/50 flex-shrink-0 [&>svg]:w-3.5 [&>svg]:h-3.5 ${t.iconClass||""}`,children:m}),r.jsx("p",{className:`text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400 leading-tight ${t.labelClass||""}`,children:p})]}),r.jsx("div",{className:"flex-1 flex items-center px-4 py-3 bg-white dark:bg-gray-900",children:N("text-sm text-gray-800 dark:text-gray-100 break-words")})]}),i&&n&&r.jsx(xe,{src:n.src,alt:n.alt,isOpen:i,setIsOpen:l})]}):r.jsxs(r.Fragment,{children:[r.jsxs("div",{className:v(f.details.row,"col-span-12 flex items-center space-x-4 p-4 rounded-xl bg-gray-100 dark:bg-gray-900",t.rowClass||"",a.blockClass||""),children:[m&&r.jsx("div",{className:`flex-shrink-0 ${t.iconClass||""}`,children:m}),r.jsxs("div",{className:"flex-1 min-w-0",children:[r.jsx("p",{className:`text-sm font-medium text-gray-500 dark:text-gray-400 ${t.labelClass||""}`,children:p}),N("mt-1 text-sm text-gray-900 dark:text-white break-words")]})]}),i&&n&&r.jsx(xe,{src:n.src,alt:n.alt,isOpen:i,setIsOpen:l})]})},Ft=({value:a=!0,onChange:o,text:e,options:t=[],label:n,required:s,name:i="",disabled:l=!1,parentClass:m="",errorMessage:p=""})=>{const h=t.length>0?t:[{label:"Active",value:!0},{label:"Inactive",value:!1}];return r.jsx(r.Fragment,{children:r.jsxs("div",{className:v(f.field.wrapper,m||"col-span-12"),children:[r.jsx(me,{label:n,required:s}),r.jsxs("div",{className:`flex items-center justify-between h-10 gap-4 bg-gray-100 dark:bg-gray-700 px-3 rounded-md border border-gray-100 dark:border-gray-600
|
|
128
|
-
${p?"border-red-500":""}`,children:[e&&r.jsx("p",{className:"text-xs text-gray-600 dark:text-gray-400 flex-shrink overflow-hidden text-ellipsis whitespace-nowrap max-w-[200px]",children:e}),r.jsx("div",{className:"flex items-center gap-6",children:h.map((u,c)=>r.jsxs("label",{className:"flex items-center gap-2 cursor-pointer select-none",children:[r.jsx("input",{type:"radio",name:"switch-field",required:s&&c===0,value:String(u.value),disabled:l,id:`field-${i}`,checked:a===u.value,onChange:()=>o==null?void 0:o(u.value),className:v(f.field.input,"w-4 h-4 border-gray-300 cursor-pointer")}),r.jsx("span",{className:"text-sm text-gray-700 dark:text-white",children:u.label})]},c))})]}),p&&r.jsx("span",{className:v(f.field.error,"text-red-500 text-xs mt-1"),children:p})]},i)})},Nr=he,It=({label:a="",value:o=null,onChange:e,required:t=!1,accept:n="video/*",id:s,dragDrop:i=!1,name:l="",parentClass:m="",maxSize:p=0,errorMessage:h=""})=>{const[u,c]=b.useState(null),[g,w]=b.useState(!1),x=b.useRef(null),N=p*1024*1024;b.useEffect(()=>{if(!o){k(),c(null);return}if(o instanceof File){const y=URL.createObjectURL(o);return c({file:o,preview:y}),()=>{URL.revokeObjectURL(y)}}else typeof o=="string"?c({preview:o}):o!=null&&o.preview&&c(o)},[o]);const k=()=>{u!=null&&u.preview&&u.preview.startsWith("blob:")&&URL.revokeObjectURL(u.preview)},S=y=>{if(!y||y.length===0)return;const _=y[0];if(N&&_.size>N){je.enqueueSnackbar(`File is too large. Maximum allowed size is ${p} MB`,{variant:"warning"});return}const C=URL.createObjectURL(_);k(),c({file:_,preview:C}),e==null||e(_)},L=y=>{y&&y.stopPropagation(),k(),c(null),e==null||e(null),x.current&&(x.current.value="")},z=y=>{i&&(y.preventDefault(),w(!0))},F=y=>{i&&(y.preventDefault(),w(!1))},P=y=>{var _,C,A,B;i&&(y.preventDefault(),w(!1),(B=(A=(C=(_=y.dataTransfer)==null?void 0:_.files)==null?void 0:C[0])==null?void 0:A.type)!=null&&B.includes("video/")&&S(y.dataTransfer.files))},U=()=>{var y;(y=x.current)==null||y.click()};return r.jsxs("div",{className:v(f.mediaPicker.video,f.field.wrapper,m||"col-span-12"),children:[r.jsx(me,{label:a,required:t}),r.jsxs("div",{className:v(f.mediaPicker.dropzone,"relative rounded-lg p-2 transition-all",g?"border-2 border-dashed border-blue-500 bg-blue-50 dark:bg-blue-900/20":"border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800",h?"border-red-500":""),onDragOver:z,onDragLeave:F,onDrop:P,id:`field-${l}`,children:[r.jsx("input",{ref:x,id:s,type:"file",accept:n,onChange:y=>S(y.target.files),required:t&&!u,className:"absolute opacity-0 pointer-events-none h-[10px]"}),r.jsx("div",{className:`flex items-center space-x-4 transition-all ${g?"opacity-50":""}`,children:u?r.jsxs("div",{className:"flex items-center space-x-4",children:[r.jsxs("div",{className:"relative",children:[!t&&r.jsx("button",{type:"button",onClick:L,className:"absolute -top-2 -right-2 bg-red-500 text-white rounded-full p-1 shadow hover:bg-red-600 z-10",children:r.jsx(ue.Icon,{icon:"mdi:close",className:"w-3 h-3"})}),r.jsx("video",{src:u.preview,controls:!0,controlsList:"nodownload",className:"w-[260px] h-[150px] rounded-md object-cover"},u.preview)]}),r.jsx(Nr,{type:"button",onClick:U,children:"Change Video File"})]}):r.jsxs("div",{className:"flex items-center justify-center space-x-4",children:[r.jsx("div",{className:"rounded-full bg-gray-100 dark:bg-gray-700 h-20 w-20 flex items-center justify-center",children:r.jsx(ue.Icon,{icon:"mdi:video",className:"text-gray-400 w-10 h-10"})}),r.jsxs("div",{className:"flex flex-col items-center space-y-1",children:[r.jsx(Nr,{type:"button",onClick:U,variant:"outlined",children:"Choose Video File"}),i&&r.jsx("p",{className:"text-sm text-gray-500 dark:text-gray-400",children:"or drag and drop your video here"})]})]})}),i&&g&&!u&&r.jsx("div",{className:"absolute inset-0 flex items-center justify-center pointer-events-none bg-blue-500/10 rounded-lg",children:r.jsx("span",{className:"text-blue-600 dark:text-blue-400 font-semibold text-lg bg-white dark:bg-gray-800 px-4 py-2 rounded-lg shadow-lg",children:"Drop video here"})})]}),h&&r.jsx("span",{className:v(f.field.error,"text-red-500 text-xs mt-1"),children:h})]},l)},Gr=({field:a,formData:o,handleChange:e,errorMessage:t})=>{const{key:n,label:s,type:i,options:l,placeholder:m,rows:p,inputClass:h,search:u,accept:c,text:g,required:w=!1,minLength:x,dragDrop:N,parentClass:k,countriesList:S,defaultCountry:L,multiple:z,dropdownMaxHeight:F,editorKey:P,fontFamily:U,disabled:y,negativeNumberAllow:_,defaultValue:C,renderCondition:A,pattern:B,renderType:G,cropImage:ee,aspectRatio:re,dependencyKey:E,mask:se,maskApplyOnValue:H,maxSize:Q}=a;let D=o==null?void 0:o[n];D==null&&(D="");const R=m||(i==="select"?`Select ${s}`:`Enter ${s}`),Y="w-full px-3 py-2 rounded-md border border-gray-300 dark:border-gray-600 text-sm focus:outline-none focus:ring-1 focus:ring-blue-200 bg-white text-black dark:bg-gray-700 dark:text-white";if(A&&typeof A=="function"&&!A(o))return null;if(G&&G=="details")switch(i){case"group":return r.jsx(Ur,{col:a,data:o});case"cardGroup":return r.jsx(Tr,{col:a,data:o});default:return r.jsx(Br,{col:a,data:o})}switch(i){case"select":return r.jsx(Xr,{options:l||[],value:D,formData:o,dependencyKey:E,onChange:I=>e(n,I),placeholder:R,className:h||"",search:u,required:w,defaultValue:C,label:s||"",name:n,countriesList:S,disabled:y,parentClass:k||"",multiple:z,dropdownMaxHeight:F,errorMessage:t});case"checkbox":return r.jsx(r.Fragment,{children:r.jsx(Lt,{name:n,label:s||"",options:l||[],value:D,onChange:I=>e(n,I),required:w,parentClass:k||"",className:h||"",multiSelect:z,disabled:y,errorMessage:t})});case"radio":return r.jsx(Ft,{value:D,onChange:I=>e(n,I),text:g,options:l||[],label:s||"",required:w,name:n,disabled:y,parentClass:k||"",errorMessage:t});case"switch":return r.jsx(Rr,{value:!!D,onChange:I=>e(n,I),label:s||"",required:w,name:n,disabled:y,className:"",parentClass:k||"",errorMessage:t});case"phone":return r.jsx(qr,{value:D,onChange:I=>e(n,I),countriesList:S,defaultCountry:L,required:w,placeholder:R,search:u,label:s||"",name:n,disabled:y,errorMessage:t,parentClass:k||""});case"textarea":return r.jsx(Cr,{value:D,onChange:I=>e(n,I.target.value),placeholder:R,rows:p||3,className:`${Y} ${h||""}`,required:w,name:n,label:s||"",disabled:y,parentClass:k||"",errorMessage:t});case"image":case"multiImage":return z||i==="multiImage"?r.jsx(At,{value:Array.isArray(D)?D:[],onChange:I=>e(n,I),required:w,accept:c||"image/*",aspect:re,id:`file-${n}`,dragDrop:N,cropImage:ee,label:s||"",name:n,parentClass:k||"",maxImages:a.maxImages,errorMessage:t}):r.jsx(Mt,{value:D,onChange:I=>e(n,I),required:w,accept:c||"image/*",aspect:re,id:`file-${n}`,dragDrop:N,cropImage:ee,label:s||"",name:n,parentClass:k||"",errorMessage:t});case"audio":return r.jsx(Pt,{value:D,onChange:I=>e(n,I),required:w,accept:c||"audio/*",id:`file-${n}`,dragDrop:N,label:s||"",name:n,parentClass:k||"",maxSize:Q,errorMessage:t});case"video":return r.jsx(It,{value:D,onChange:I=>e(n,I),required:w,accept:c||"video/*",id:`file-${n}`,dragDrop:N,label:s||"",name:n,maxSize:Q,parentClass:k||"",errorMessage:t});case"tinyEditor":return r.jsx(Dt,{value:D,name:n,onChange:I=>e(n,I),required:w,placeholder:R,label:s||"",parentClass:k||"",fontFamily:U,editorKey:P||"",disabled:y,errorMessage:t});default:return r.jsx(Or,{field:a,type:i||"text",defaultValue:C,value:D,onChange:I=>e(n,I),placeholder:R,className:`${Y} ${h||""}`,required:w,name:n,minLength:x,label:s||"",negativeNumberAllow:_,parentClass:k||"",disabled:y,pattern:B,mask:se,errorMessage:t,maskApplyOnValue:H})}},zt=({isOpen:a,onClose:o,config:e,onApply:t})=>{var h;const[n,s]=b.useState({}),i=(u,c)=>{s(g=>({...g,[u]:c}))},l=()=>{t(n),o()},m=()=>{s({}),t({}),o()},p=e==null?void 0:e.component;return r.jsxs(r.Fragment,{children:[r.jsx("div",{className:v(f.filterDrawer.overlay,"fixed inset-0 bg-black/50 z-40 transition-opacity duration-300",a?"opacity-100 pointer-events-auto":"opacity-0 pointer-events-none"),onClick:o}),r.jsxs("div",{className:v(f.filterDrawer.panel,"fixed top-0 right-0 h-full w-[28rem] bg-white dark:bg-gray-900 shadow-2xl z-50 flex flex-col border-l border-gray-200 dark:border-gray-700 transform transition-transform duration-300 ease-in-out",a?"translate-x-0":"translate-x-full"),children:[r.jsxs("div",{className:v(f.filterDrawer.header,"flex items-center justify-between px-4 py-3 border-b border-gray-200 dark:border-gray-700"),children:[r.jsx("h2",{className:"text-lg font-semibold text-gray-900 dark:text-white",children:"Filters"}),r.jsx("button",{onClick:o,className:"p-2 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-md transition",children:r.jsx(J.X,{className:"w-5 h-5 text-gray-500 dark:text-gray-400"})})]}),a&&r.jsx("div",{className:v(f.filterDrawer.body,"flex-1 overflow-y-auto px-4 py-3"),children:p?r.jsx(p,{filters:n,onFilterChange:i}):r.jsx("div",{className:"space-y-4",children:(h=e==null?void 0:e.fields)==null?void 0:h.map(u=>r.jsx(Gr,{field:u,formData:n,handleChange:i},u.key))})}),r.jsxs("div",{className:v(f.filterDrawer.footer,"flex gap-2 px-4 py-3 border-t border-gray-200 dark:border-gray-700"),children:[r.jsx(he,{onClick:l,variant:"contained",color:"primary",fullWidth:!0,children:"Apply Filters"}),r.jsx(he,{onClick:m,variant:"contained",className:"min-w-[150px]",children:"Reset"})]})]})]})},Ot=({rows:a=5,columns:o=5})=>r.jsxs(r.Fragment,{children:[r.jsx("div",{className:"w-full mb-6 inline-flex justify-end items-center",children:r.jsx("div",{className:"h-8 w-80 bg-gray-300 dark:bg-gray-700 rounded animate-pulse"})}),r.jsx("div",{className:"overflow-hidden rounded-md border border-gray-200 dark:border-gray-800",children:r.jsxs("table",{className:v(f.tableSkeleton.root,f.tableSkeleton.table,"w-full border-collapse"),children:[r.jsx("thead",{children:r.jsx("tr",{className:"bg-gray-50 dark:bg-gray-900",children:Array.from({length:o}).map((e,t)=>r.jsx("th",{className:"px-4 py-3",children:r.jsx("div",{className:"h-6 w-24 bg-gray-300 dark:bg-gray-700 rounded animate-pulse inline-flex justify-center items-center"})},t))})}),r.jsx("tbody",{children:Array.from({length:a}).map((e,t)=>r.jsx("tr",{className:"border-t border-gray-200 dark:border-gray-800",children:Array.from({length:o}).map((n,s)=>r.jsx("td",{className:"px-4 py-6",children:r.jsx("div",{className:"h-6 w-full bg-gray-300 dark:bg-gray-700 rounded animate-pulse"})},s))},t))})]})})]}),Ut=({options:a=[],value:o="",onChange:e,clearLabel:t=""})=>{const[n,s]=b.useState(!1),i=b.useRef(null),l=!!o;b.useEffect(()=>{const p=h=>{i.current&&!i.current.contains(h.target)&&s(!1)};return document.addEventListener("click",p),()=>document.removeEventListener("click",p)},[]);const m=p=>{const h=a.find(u=>u.value===p);e(p,h||null),s(!1)};return a!=null&&a.length?r.jsxs("div",{className:v(f.sortDropdown.root,"relative"),ref:i,children:[r.jsxs("button",{type:"button",onClick:()=>s(p=>!p),className:v(f.sortDropdown.trigger,"relative inline-flex items-center justify-center h-[36px] w-[36px] rounded-md border border-gray-300 dark:border-gray-600 bg-gray-50 dark:bg-gray-700 text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600 transition"),"aria-label":"Open sort options",children:[r.jsx(J.ArrowUpDown,{className:"w-4 h-4"}),l&&r.jsx("span",{className:"absolute top-1 right-1 w-2 h-2 bg-red-500 rounded-full"})]}),n&&r.jsxs("div",{className:v(f.sortDropdown.menu,"absolute right-0 mt-2 z-20 min-w-[220px] max-h-[260px] overflow-auto rounded-md border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 shadow-lg"),children:[!!(t!=null&&t.trim())&&r.jsx("button",{type:"button",onClick:()=>m(""),className:v(f.sortDropdown.item,"w-full text-left px-3 py-2 text-sm transition hover:bg-gray-100 dark:hover:bg-gray-700",o?"text-gray-700 dark:text-gray-200":"bg-gray-100 dark:bg-gray-700 text-gray-900 dark:text-white"),children:t}),a.map(p=>r.jsx("button",{type:"button",onClick:()=>m(p.value),className:v(f.sortDropdown.item,"w-full text-left px-3 py-2 text-sm transition hover:bg-gray-100 dark:hover:bg-gray-700",o===p.value?"bg-gray-100 dark:bg-gray-700 text-gray-900 dark:text-white":"text-gray-700 dark:text-gray-200"),children:p.label},p.value))]})]}):null},Qe={enabled:!1,useServerSideSorting:!1,options:[],fields:[],defaultValue:"",autoGenerate:!0,clearLabel:"",onChange:null},Tt=a=>a===!0?{...Qe,enabled:!0}:!a||typeof a!="object"?Qe:{...Qe,...a,enabled:a.enabled??!0,autoGenerate:a.autoGenerate??!0},$t=(a=[])=>a.filter(o=>{const e=["menu_actions","index","audio","avatar"];return o.type&&e.includes(o.type)?!1:!!(o.sortKey||(o.type==="group"?o.titleKey:o.key))}),Bt=a=>{if(a.sortType)return a.sortType;if(a.type==="date")return"date";if(a.type==="number")return"number";const o=String(a.sortKey||(a.type==="group"?a.titleKey:a.key)||"").toLowerCase();return["phone","mobile","contact","tel","whatsapp"].some(t=>o.includes(t))?"phone":Array.isArray(a.chipOptions)&&a.chipOptions.length>0&&a.chipOptions.every(n=>typeof n.value=="boolean")?"boolean":"string"},Sr=(a=[])=>a.flatMap(o=>{const e=o.sortKey||(o.type==="group"?o.titleKey:o.key),t=o.sortLabel||o.title||e,n=Bt(o);return e?n==="number"?[{value:`${e}_asc`,label:`${t} (Low-High)`,key:e,order:"asc",type:n},{value:`${e}_desc`,label:`${t} (High-Low)`,key:e,order:"desc",type:n}]:n==="phone"?[{value:`${e}_asc`,label:`${t} (0-9)`,key:e,order:"asc",type:n},{value:`${e}_desc`,label:`${t} (9-0)`,key:e,order:"desc",type:n}]:n==="date"?[{value:`${e}_desc`,label:`${t} (Newest First)`,key:e,order:"desc",type:n},{value:`${e}_asc`,label:`${t} (Oldest First)`,key:e,order:"asc",type:n}]:n==="boolean"?[{value:`${e}_desc`,label:`${t} (True First)`,key:e,order:"desc",type:n},{value:`${e}_asc`,label:`${t} (False First)`,key:e,order:"asc",type:n}]:[{value:`${e}_asc`,label:`${t} (A-Z)`,key:e,order:"asc",type:n},{value:`${e}_desc`,label:`${t} (Z-A)`,key:e,order:"desc",type:n}]:[]}),Gt=(a,o=[])=>{if(Array.isArray(a.options)&&a.options.length>0)return a.options.map(n=>({...n,type:n.type||"string",order:n.order==="desc"?"desc":"asc"}));const t=Array.isArray(a.fields)?a.fields:[];if(t.length>0){const n=t.map(s=>{const i=typeof s=="string"?s:s.key,l=o.find(m=>m.key===i||m.sortKey===i||m.type==="group"&&m.titleKey===i);return l?{...l,sortKey:typeof s=="object"&&s.key?s.key:l.sortKey,sortType:typeof s=="object"&&s.type?s.type:l.sortType,sortLabel:typeof s=="object"&&s.label?s.label:l.sortLabel}:null}).filter(s=>s!==null);return Sr(n)}return a.autoGenerate?Sr(o):[]},Yt=(a=[],o="",e,t=[])=>{if(!(e!=null&&e.enabled)||!o||e!=null&&e.useServerSideSorting)return a;const n=t==null?void 0:t.find(p=>p.value===o);if(!(n!=null&&n.key))return a;const s=n.order==="desc"?"desc":"asc",i=n.key,l=n.type||"string",m=p=>String(p??"").replace(/[^\d]/g,"").trim();return[...a].sort((p,h)=>{const u=p==null?void 0:p[i],c=h==null?void 0:h[i];if(u==null&&c==null)return 0;if(u==null)return s==="asc"?1:-1;if(c==null)return s==="asc"?-1:1;let g=0;return l==="number"?g=Number(u)-Number(c):l==="phone"?g=m(u).localeCompare(m(c),void 0,{numeric:!0}):l==="date"?g=new Date(u).getTime()-new Date(c).getTime():l==="boolean"?g=+!!u-+!!c:g=String(u).localeCompare(String(c)),s==="asc"?g:-g})},Kt=({config:a,setShowAdd:o,title:e,buttonText:t,description:n,showAddButton:s})=>{const{data:i=[],table_head:l=[],loading:m=!1,search:p={enabled:!1,placeholder:"Search...",useServerSideSearch:!1},filter:h={enabled:!1,useServerSideFilters:!1},sort:u={enabled:!1},pagination:c={enabled:!1,rows_per_page:10,useServerSidePagination:!1},exportCSV:g={enabled:!1,fileName:"",fields:[]},emptyMessage:w="No data available",onMenuAction:x,setServerSidePaginationData:N=()=>{},onFilterApply:k,filterConfig:S=null,rowClick:L=null}=a,[z,F]=b.useState(""),[P,U]=b.useState(null),[y,_]=b.useState([]),[C,A]=b.useState({top:0,left:0}),[B,G]=b.useState(!1),[ee,re]=b.useState({}),E=b.useMemo(()=>Tt(u),[u]),se=b.useMemo(()=>$t(l),[l]),H=b.useMemo(()=>Gt(E,se),[E,se]),[Q,D]=b.useState((E==null?void 0:E.defaultValue)||""),[R,Y]=b.useState(null),[I,ce]=b.useState(!1),we=b.useMemo(()=>!p.enabled||!z.trim()||p.useServerSideSearch?i:Vr(i,z,p.searchKeys||[]),[i,z,p]),be=b.useMemo(()=>Yt(we,Q,E,H),[we,Q,E,H]),[ne,M]=b.useState(1),[T,V]=b.useState((c==null?void 0:c.rows_per_page)||50),[X,K]=b.useState(we.length||0),te=c!=null&&c.useServerSidePagination?c.total_pages:Math.ceil(we.length/T),_e=b.useMemo(()=>{if(c.useServerSidePagination)return be;const d=(ne-1)*T;return be.slice(d,d+T)},[be,ne,T,c.useServerSidePagination]),Re=b.useRef(null),De=b.useRef({}),Ce=b.useRef(null),ze=d=>{F(d),M(1),p.useServerSideSearch&&(Ce.current&&clearTimeout(Ce.current),Ce.current=setTimeout(async()=>{try{await N(j=>({...j,search:d,current_page:1}))}catch(j){console.error("Search error:",j)}},800))},Oe=(d,j=null)=>{D(d),M(1);const $={value:d,option:j,key:(j==null?void 0:j.key)||"",order:(j==null?void 0:j.order)||"",type:(j==null?void 0:j.type)||""};typeof(E==null?void 0:E.onChange)=="function"&&E.onChange($)},Ue=(d,j,$)=>{$.stopPropagation(),U(null),x==null||x(d.type,j)},Te=(d,j,$)=>{j.stopPropagation(),_($);const Z=j.currentTarget;De.current[d]=Z;const q=Z.getBoundingClientRect(),le=192,ge=$.length*40,de=window.innerWidth,fe=window.innerHeight,ve=de-q.right<le?q.left-le+q.width:q.left,Ae=fe-q.bottom<ge&&q.top>ge?q.top-ge-2:q.bottom+2;A({top:Math.max(8,Math.min(Ae,fe-ge-8)),left:Math.max(8,Math.min(ve,de-le-8))}),U(P===d?null:d)},$e=d=>(ne-1)*T+d+1,Le=d=>{let j=d;j&&j.src instanceof File&&(j={...j,src:URL.createObjectURL(j.src)}),Y(j),ce(!0)},Be=d=>{if(!d)return"";if(typeof d=="string")return d;if(d instanceof File)return URL.createObjectURL(d);if(typeof d=="object"){if(typeof d.preview=="string")return d.preview;if(typeof d.src=="string")return d.src;if(d.src instanceof File)return URL.createObjectURL(d.src);if(d.file instanceof File)return URL.createObjectURL(d.file)}return""},Ge=(d,j)=>{const $=Array.isArray(d)?d:[];if($.length===0)return r.jsx("span",{className:j.className||"",children:"N/A"});const Z=j.maxPreview||3,q=$.slice(0,Z),le=$.length-q.length;return r.jsxs("div",{className:"flex items-center",children:[r.jsx("div",{className:"flex -space-x-2",children:q.map((ge,de)=>{const fe=Be(ge);return fe?r.jsx("button",{type:"button",onClick:Ee=>{Ee.stopPropagation(),Le({src:fe,alt:`Gallery ${de+1}`})},className:"w-8 h-8 rounded-full border-2 border-white dark:border-gray-800 overflow-hidden",children:r.jsx("img",{src:fe,alt:`gallery-${de+1}`,className:"w-full h-full object-cover"})},`${fe}-${de}`):null})}),le>0&&r.jsxs("span",{className:"ml-2 text-xs font-medium text-gray-600 dark:text-gray-300",children:["+",le]})]})},Pe=(d,j,$,Z=null,q=null)=>r.jsx(r.Fragment,{children:d?r.jsx("img",{src:d instanceof File?URL.createObjectURL(d):d,alt:j||"Avatar",onClick:le=>{le.stopPropagation(),le.preventDefault(),Le({src:d,alt:j})},className:`w-10 h-10 cursor-pointer shrink-0 rounded-full object-cover border border-gray-200 dark:border-gray-700 ${$||""}`}):r.jsx(r.Fragment,{children:Z?typeof Z=="function"?Z(q):Z:r.jsx("div",{className:`w-10 h-10 flex items-center shrink-0 justify-center rounded-full border border-gray-300 dark:border-gray-700 bg-gray-200 dark:bg-gray-600 ${$||""}`,children:r.jsx(J.User,{className:"w-6 h-6 text-gray-400 dark:text-gray-400"})})})}),Ye=(d,j)=>r.jsx(r.Fragment,{children:d?r.jsx("audio",{controls:!0,src:d instanceof File?URL.createObjectURL(d):d,onClick:$=>{$.stopPropagation()},className:`w-64 cursor-pointer ${j||""}`},d instanceof File?URL.createObjectURL(d):d):r.jsx(r.Fragment,{children:r.jsx("div",{className:`w-12 h-12 flex items-center shrink-0 justify-center rounded-full border border-gray-300 dark:border-gray-700 bg-gray-200 dark:bg-gray-600 ${j||""}`,children:r.jsx(J.Music,{className:"w-6 h-6 text-gray-400 dark:text-gray-400"})})})}),Ke=(d,j)=>r.jsxs("div",{className:`flex items-center space-x-4 ${j.className||""}`,children:[j.imageKey?Pe(d[j.imageKey],d[j.titleKey],"group-avatar",j.fallback_icon,d):"",r.jsxs("div",{children:[r.jsx("p",{className:"font-medium text-gray-900 dark:text-white group-title",children:d[j.titleKey]||""}),r.jsx("p",{className:"text-sm text-gray-500 dark:text-gray-400 group-sub-title",children:d[j.subtitleKey]||""})]})]}),We=(d,j)=>{var le;let $=String(d);const Z=j.variant||"contained";let q=j.defaultColor;if(((le=j==null?void 0:j.chipOptions)==null?void 0:le.length)>0){const ge=j==null?void 0:j.chipOptions.find(de=>de.value==d);ge&&($=ge.label,q=ge.color)}return r.jsx($r,{label:$,variant:Z,color:q,className:j.className||""})},O=(d,j,$)=>{const Z=j[d.key];return d.type==="menu_actions"?r.jsx("div",{className:`text-center ${d.className||""}`,children:r.jsx("button",{ref:q=>{De.current[j.id||j._id]=q},onClick:q=>Te(j.id||j._id,q,d.menuList),className:v(f.table.actionButton,"p-2 bg-gray-100 dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-gray-600 rounded-full transition text-gray-700 dark:text-gray-300"),children:r.jsx(J.EllipsisVertical,{className:"h-4 w-4"})})}):d.type==="index"?r.jsx("span",{className:d.className||"",children:$e($)}):d.type==="group"?Ke(j,d):d.type==="chip"?r.jsx(r.Fragment,{children:We(Z,d)}):d.type==="date"?r.jsx("span",{className:d.className||"",children:er(Z,d.format||"DD MMM YYYY")}):d.type==="avatar"?r.jsx(r.Fragment,{children:r.jsx("div",{className:"min-w-[40px]",children:Pe(Z,d.alt,d.className,d.fallback_icon,j)})}):d.type==="audio"?r.jsx(r.Fragment,{children:Ye(Z,d.className)}):d.type==="multiImage"?r.jsx(r.Fragment,{children:Ge(Z,d)}):r.jsx("span",{className:d.className||"",children:Z||"N/A"})},W=d=>{if(typeof L=="function")return L(d);if(L)return x==null?void 0:x("view",d)},ae=(d,j)=>{if(d.onClickDetails)return x==null?void 0:x("view",j);if(typeof d.handleClick=="function")return d.handleClick(j)},ye=()=>L||typeof L=="function",oe=d=>d.onClickDetails||typeof d.handleClick=="function",Yr=()=>{var Ee;if(!(i!=null&&i.length)||!((Ee=g==null?void 0:g.fields)!=null&&Ee.length))return;const d=g.fields.map(ve=>ve.label),j=_e.map(ve=>g.fields.map(dr=>{const Ae=ve==null?void 0:ve[dr.key];return`"${Ae??""}"`})),$=[d.join(","),...j.map(ve=>ve.join(","))].join(`
|
|
129
|
-
`),q=`export-${er(new Date,"YYYY-MM-DD_HH-mm-ss")}.csv`,le=g.fileName||q,ge=new Blob([$],{type:"text/csv;charset=utf-8;"}),de=document.createElement("a"),fe=URL.createObjectURL(ge);de.href=fe,de.download=le,document.body.appendChild(de),de.click(),document.body.removeChild(de),URL.revokeObjectURL(fe)};return b.useEffect(()=>{const d=()=>{P&&U(null)};return window.addEventListener("scroll",d,!0),()=>{window.removeEventListener("scroll",d,!0)}},[P]),b.useEffect(()=>{const d=j=>{Re.current&&!Re.current.contains(j.target)&&U(null)};return document.addEventListener("click",d),()=>document.removeEventListener("click",d)},[]),b.useEffect(()=>{c!=null&&c.rows_per_page&&(c!=null&&c.useServerSidePagination)&&V((c==null?void 0:c.rows_per_page)||50),c.current_page&&M(c.current_page)},[c.rows_per_page,c==null?void 0:c.useServerSidePagination,c.current_page]),b.useEffect(()=>{K(c!=null&&c.useServerSidePagination?c.total_records:be.length),be.length<=T*(ne-1)&&!(c!=null&&c.useServerSidePagination)&&M(d=>d-1||1)},[be.length,c.total_records,c==null?void 0:c.useServerSidePagination]),b.useEffect(()=>{if(!(E!=null&&E.enabled)){D("");return}if(H.some(j=>j.value===E.defaultValue)){D(E.defaultValue);return}D("")},[E,H]),b.useEffect(()=>{if(!(E!=null&&E.enabled)||!(E!=null&&E.useServerSideSorting))return;const d=H==null?void 0:H.find(j=>j.value===Q);N(j=>({...j,current_page:1,sort_by:(d==null?void 0:d.key)||"",sort_order:(d==null?void 0:d.order)||""}))},[Q,E==null?void 0:E.enabled,E==null?void 0:E.useServerSideSorting,H,N]),r.jsxs(r.Fragment,{children:[m?r.jsx(Ot,{rows:6,columns:6}):r.jsxs(r.Fragment,{children:[r.jsxs("div",{className:v(f.table.toolbar,"flex flex-col lg:!flex-row lg:!justify-between gap-4 mb-3"),children:[r.jsxs("div",{className:"table-heading",children:[r.jsx("h1",{children:e}),r.jsx("p",{children:n})]}),r.jsxs("div",{className:"flex flex-col justify-end items-stretch lg:!items-end gap-2 w-full lg:!w-auto",children:[s&&r.jsxs(he,{onClick:()=>o(!0),variant:"contained",color:"primary",children:[r.jsx(J.Plus,{className:"w-4 h-4 mr-2"}),t||"Add New"]}),r.jsxs("div",{className:"flex flex-col sm:!flex-row sm:!flex-wrap justify-end items-stretch sm:!items-center gap-2 w-full",children:[p.enabled&&r.jsx("div",{className:"w-full sm:!w-auto",children:r.jsxs("div",{className:v(f.table.searchField,"table-search-field"),children:[r.jsx(J.Search,{className:"search-icon"}),r.jsx("input",{type:"text",placeholder:p.placeholder||"Search...",value:z,onChange:d=>ze(d.target.value),className:f.table.searchInput})]})}),E!=null&&E.enabled&&(H==null?void 0:H.length)>0||S&&h.enabled||g&&g.enabled?r.jsxs("div",{className:"flex items-center justify-end gap-2 w-full sm:!w-auto",children:[S&&h.enabled&&r.jsxs("div",{className:"filter-button-wrapper",children:[r.jsxs(he,{onClick:()=>G(!0),variant:"contained",className:"w-full sm:!w-auto",children:[r.jsx(J.Filter,{className:"w-4 h-4 mr-2"}),"Filters"]}),Object.keys(ee).length>0&&r.jsx("span",{className:"red-dot"})]}),g&&g.enabled&&r.jsx("div",{className:"filter-button-wrapper",children:r.jsxs(he,{onClick:()=>Yr(),variant:"contained",className:"w-full sm:!w-auto",children:[r.jsx(J.Download,{className:"w-4 h-4 mr-2"}),"Export CSV"]})}),(E==null?void 0:E.enabled)&&(H==null?void 0:H.length)>0&&r.jsx(Ut,{options:H,value:Q,onChange:Oe,clearLabel:E==null?void 0:E.clearLabel})]}):null]})]})]}),r.jsxs("div",{className:v(f.table.root,f.table.container,"table-container"),children:[r.jsx("div",{className:"overflow-x-auto",children:r.jsxs("table",{className:f.table.element,children:[r.jsx("thead",{className:f.table.head,children:r.jsx("tr",{className:f.table.headRow,children:l.map(d=>r.jsx("th",{className:v(f.table.headCell,"table-head-data",d.headClass||""),children:d.title},d.key))})}),r.jsx("tbody",{className:f.table.body,children:_e.length===0?r.jsx("tr",{children:r.jsx("td",{colSpan:l.length,className:v(f.table.noData,"no-data-message"),children:w})}):_e.map((d,j)=>r.jsx("tr",{className:v(f.table.row,"table-row",ye()?"cursor-pointer":""),onClick:()=>{ye()&&W(d)},children:l.map($=>r.jsx("td",{className:v(f.table.cell,"table-data",$.type=="audio"?"":"max-w-[300px]","truncate",oe($)?"cursor-pointer":""),title:String(d[$.key]??""),onClick:Z=>{oe($)&&(Z.stopPropagation(),Z.preventDefault(),ae($,d))},children:$.render?$.render(d,j):O($,d,j)},$.key))},d.id||d._id||j))})]})}),(c==null?void 0:c.enabled)&&be.length>0&&r.jsxs("div",{className:v(f.table.pagination,"pagination-wrapper"),children:[r.jsxs("span",{children:["Showing ",(ne-1)*T+1," to"," ",Math.min(ne*T,X)," of"," ",X," results"]}),r.jsxs("div",{className:"flex items-center gap-4",children:[r.jsxs("div",{className:"flex items-center gap-2",children:[r.jsx("span",{children:"Rows per page:"}),r.jsx("select",{value:T,onChange:d=>{const j=Number(d.target.value);V(j),M(1),c.useServerSidePagination&&N($=>({...$,current_page:1,rows_per_page:j}))},className:"rows-number-select",children:[10,25,50,100].map(d=>r.jsx("option",{value:d,children:d},d))})]}),r.jsxs("div",{className:"flex items-center gap-2",children:[r.jsx("button",{onClick:()=>{if(ne>1){const d=ne-1;M(d),c.useServerSidePagination&&N(j=>({...j,current_page:d}))}},disabled:ne===1,className:"arrow-icons",children:r.jsx(J.ChevronLeft,{className:"h-4 w-4"})}),r.jsxs("span",{children:["Page ",ne," of ",te]}),r.jsx("button",{onClick:()=>{if(ne<te){const d=ne+1;M(d),c.useServerSidePagination&&N(j=>({...j,current_page:d}))}},disabled:ne===te,className:"arrow-icons",children:r.jsx(J.ChevronRight,{className:"h-4 w-4"})})]})]})]})]})]}),P&&Kr.createPortal(r.jsx("div",{ref:Re,style:{position:"fixed",top:`${C.top}px`,left:`${C.left}px`,zIndex:9999},className:v(f.table.menu,"w-48 bg-white dark:bg-gray-700 rounded-md shadow-lg border border-gray-200 dark:border-gray-600"),children:y.map((d,j)=>r.jsxs("button",{onClick:$=>Ue(d,i.find(Z=>Z.id===P||Z._id==P),$),className:v(f.table.menuItem,"w-full flex items-center gap-2 px-4 py-2 text-sm text-left hover:bg-gray-100 dark:hover:bg-gray-600",d.variant==="danger"?"text-red-600 dark:text-red-500":"text-gray-700 dark:text-gray-200"),children:[d.icon&&r.jsx("span",{className:"shrink-0",children:d.icon}),d.title]},j))}),document.body),S&&r.jsx(zt,{isOpen:B,onClose:()=>G(!1),config:S,onApply:d=>{re(d),k==null||k(d)}}),I&&R&&r.jsx(xe,{src:R.src,alt:R.alt,isOpen:I,setIsOpen:ce})]})},Ze=({isOpen:a,onClose:o,icon:e,title:t,children:n,size:s="md",actionButtons:i=[],onFormSubmit:l=()=>{},loadingBtn:m=!1,executeFunction:p=()=>{},selectedItem:h=null,footerConfig:u,classNames:c})=>{if(!a)return null;const g={sm:"max-w-md",md:"max-w-lg",lg:"max-w-2xl",xl:"max-w-4xl",full:"max-w-full"},w=i.length>0||!!(u!=null&&u.cancelButton);return r.jsxs("div",{className:v(f.modal.root,"fixed inset-0 z-50 flex items-center justify-center p-4"),children:[r.jsx("div",{className:v(f.modal.overlay,"fixed inset-0 bg-gray-500 opacity-75",c==null?void 0:c.overlay),onClick:()=>o()}),r.jsxs("div",{className:v(f.modal.container,"relative bg-white rounded-lg shadow-xl w-full max-h-[90vh] flex flex-col dark:bg-gray-800",g[s]||g.md,c==null?void 0:c.container),children:[r.jsxs("div",{className:v(f.modal.header,"flex items-center justify-between p-4 border-b border-gray-200 dark:border-gray-700 flex-shrink-0",c==null?void 0:c.header),children:[r.jsxs("div",{className:"flex items-center gap-1",children:[e&&r.jsx("span",{children:e}),r.jsx("h3",{className:v(f.modal.title,"text-lg font-medium text-gray-900 dark:text-white",c==null?void 0:c.title),children:t})]}),r.jsx("button",{onClick:()=>o(),className:v(f.modal.closeButton,"text-gray-400 hover:text-gray-600 dark:hover:text-gray-300",c==null?void 0:c.closeButton),children:r.jsx(J.X,{className:"w-6 h-6"})})]}),r.jsx("div",{className:v(f.modal.body,"flex-1 overflow-y-auto p-4",c==null?void 0:c.body),children:n}),w&&r.jsxs("div",{className:v(f.modal.footer,"px-4 py-3 flex justify-end gap-3 border-t border-gray-200 dark:border-gray-700 sm:!px-6",c==null?void 0:c.footer),children:[(u==null?void 0:u.cancelButton)&&r.jsx(he,{onClick:()=>o(),variant:"outlined",color:"default",className:v(f.modal.actionButton,"min-w-[100px]"),type:"button",children:(u==null?void 0:u.cancelText)||"Cancel"}),i.map((x,N)=>r.jsx(he,{onClick:k=>{x.type=="submit"?l(k):p(()=>{var S;return Promise.resolve((S=x==null?void 0:x.onClick)==null?void 0:S.call(x,k,h))},S=>o==null?void 0:o(S))},disabled:m||x.disabled,variant:x.variant||"contained",color:x.color||"primary",className:v(f.modal.actionButton,"min-w-[100px]",x.className||""),type:x.type||"button",children:m?r.jsxs("div",{className:v(f.modal.loadingIndicator,"flex items-center"),children:[r.jsx("div",{className:"animate-spin rounded-full h-4 w-4 border-2 border-white/30 border-t-2 border-t-white mr-2"}),x.label||"Submit","..."]}):x.label||"Submit"},`${x.label||"action"}-${N}`))]})]})]})},_r=({config:a,onSubmit:o,initialData:e,fetchRowDetails:t,type:n})=>{const s=e||{},{formClass:i="grid grid-cols-12 gap-4",formFields:l=[]}=a||{},[m,p]=b.useState(s),[h,u]=b.useState(!0),[c,g]=b.useState({}),w=async()=>{t==null||t(s).then(k=>{p(k.data)}).catch(k=>{je.enqueueSnackbar(k.message,{variant:"error"})}).finally(()=>{u(!1)})};b.useEffect(()=>{t instanceof Function?w():(p(s),u(!1))},[]);const x=(k,S)=>{p(L=>({...L,[k]:S})),g(L=>({...L,[k]:""}))},N=k=>{k.preventDefault();const S=k.currentTarget;if(!S.checkValidity()){S.reportValidity();return}const L={};let z=!1;for(const F of l){const P=m[F.key]||"";if(F.customValidation){const U=F.customValidation(P);if(U!==!1&&(L[F.key]=U,!z)){const y=S.querySelector(`[id="field-${F.key}"]`);y==null||y.focus(),z=!0}}}g(L),!(Object.keys(L).length>0)&&o(m)};return h?r.jsx("div",{className:v(f.form.loading,"flex items-center justify-center h-64"),children:r.jsx("div",{className:"rounded-full border-4 border-blue-500 border-t-gray-200 animate-spin w-8 h-8",style:{borderTopColor:"border-primary-500"}})}):r.jsx("form",{id:n==="add"?"addForm":n==="edit"?"editForm":"defaultForm",onSubmit:N,className:v(f.form.root,i),noValidate:!1,children:l.map(k=>r.jsx(Gr,{field:k,formData:m,errorMessage:c[k.key]||"",handleChange:x},k.key))})};function Wt({data:a,config:o,fetchRowDetails:e}){const{fields:t=[],containerClass:n,variant:s="default",styles:i={}}=o||{},l=a||{},[m,p]=b.useState(l),[h,u]=b.useState(!0),c=async()=>{e==null||e(l).then(w=>{p(w.data)}).catch(w=>{je.enqueueSnackbar(w.message,{variant:"error"})}).finally(()=>{u(!1)})};if(b.useEffect(()=>{e instanceof Function?c():(p(l),u(!1))},[]),h)return r.jsx("div",{className:v(f.form.loading,"flex items-center justify-center h-64"),children:r.jsx("div",{className:"rounded-full border-4 border-blue-500 border-t-gray-200 animate-spin w-8 h-8",style:{borderTopColor:"border-primary-500"}})});const g={default:"grid grid-cols-12 gap-4",card:"grid grid-cols-12 gap-3",split:"rounded-xl border border-gray-200 dark:border-gray-700 overflow-hidden divide-y divide-gray-100 dark:divide-gray-800"};return r.jsx(r.Fragment,{children:r.jsx("div",{className:v(f.details.root,f.details.container,g[s]||g.default,n||"",i.containerClass||""),children:t.map(w=>w.renderCondition&&typeof w.renderCondition=="function"&&!w.renderCondition(m)?null:w.type=="group"?r.jsx(Ur,{col:w,data:m,uiVariant:s,styleConfig:i},w.key||w.titleKey):w.type=="cardGroup"?r.jsx(Tr,{col:w,data:m,uiVariant:s,styleConfig:i},w.key||w.titleKey):r.jsx(Br,{col:w,data:m,uiVariant:s,styleConfig:i},w.key||w.label))})})}const Ht=({config:a})=>{var M,T,V,X,K,te,_e,Re,De,Ce,ze,Oe,Ue,Te,$e,Le,Be,Ge,Pe,Ye,Ke,We;const{title:o,fetchData:e,fetchRowDetails:t,isStaticData:n=!1,tableConfig:s,modalConfig:i,filterConfig:l}=a,[m,p]=b.useState(!0),[h,u]=b.useState(!1),[c,g]=b.useState([]),[w,x]=b.useState(null),[N,k]=b.useState({search:"",rows_per_page:50,current_page:1,sort_by:"",sort_order:""}),[S,L]=b.useState({}),[z,F]=b.useState(!1),[P,U]=b.useState(!1),[y,_]=b.useState(!1),[C,A]=b.useState(!1),[B,G]=b.useState(!1),[ee,re]=b.useState(null),E=(O,W)=>{O==="edit"?(re(W),_(!0)):O==="view"?(re(W),G(!0)):O==="delete"&&(re(W),A(!0))},se=async(O,W,ae="",ye="")=>{u(!0);try{if(!O)return;const oe=await O();(ae||oe!=null&&oe.message)&&je.enqueueSnackbar(ae||oe.message||"Success",{variant:"success"}),W==null||W(oe)}catch(oe){(ye||oe!=null&&oe.message)&&je.enqueueSnackbar(ye||oe.message||"Error occurred",{variant:"error"})}finally{u(!1)}},H=O=>{const W=O.newObject;n?(g(ae=>[W,...ae]),x(ae=>({...ae,current_page:1}))):(k(ae=>({...ae,current_page:1})),N.current_page===1&&I()),U(!1)},Q=O=>{const{newObject:W,targetObject:ae}=O;n?g(ye=>ye.map(oe=>oe.id===ae.id?{...oe,...W}:oe)):I(),_(!1)},D=O=>{if(!O){A(!1),re(null);return}n?g(W=>W.filter(ae=>ae.id!==O.targetObject.id)):c.length===1&&N.current_page>1?k(W=>({...W,current_page:W.current_page-1})):I(),A(!1),re(null)},R=O=>se(()=>{var W;return(W=i==null?void 0:i.addModal)!=null&&W.handleSubmit?i.addModal.handleSubmit(O):Promise.resolve({newObject:null})},H),Y=O=>se(()=>{var W;return(W=i==null?void 0:i.editModal)!=null&&W.handleSubmit?i.editModal.handleSubmit(O,ee):Promise.resolve({newObject:null,targetObject:null})},Q),I=async()=>{p(!0);try{const O=await e({...N,...S});g(O.data||[]),x(O.pagination||null)}catch(O){je.enqueueSnackbar(O.message||"Failed to fetch data",{variant:"error"})}finally{p(!1)}},ce=O=>{var W;L(ae=>({...O})),(W=s==null?void 0:s.filter)!=null&&W.useServerSideFilters&&F(ae=>!ae)},we=(O,W)=>O.filter(ae=>Object.entries(W).every(([ye,oe])=>ae[ye]===oe)),be=b.useMemo(()=>{var O;return(O=s==null?void 0:s.filter)!=null&&O.useServerSideFilters?c:we(c,S)},[c,S,(M=s==null?void 0:s.filter)==null?void 0:M.useServerSideFilters]),ne=(T=i==null?void 0:i.viewModal)==null?void 0:T.component;return b.useEffect(()=>{I()},[N.search,N.rows_per_page,N.current_page,N.sort_by,N.sort_order,z]),r.jsxs("div",{className:f.crudPage.root,children:[r.jsx(Kt,{title:o,setShowAdd:U,description:a.description,buttonText:a.buttonText,showAddButton:!!(i!=null&&i.addModal),config:{...s,pagination:{...s.pagination,...w},data:be,setServerSidePaginationData:k,onMenuAction:E,filterConfig:l,onFilterApply:ce,loading:m}}),r.jsx(Ze,{isOpen:P,onClose:()=>{h||U(!1)},icon:(V=i==null?void 0:i.addModal)==null?void 0:V.icon,title:((X=i==null?void 0:i.addModal)==null?void 0:X.title)||"Add New",size:((K=i==null?void 0:i.addModal)==null?void 0:K.size)||"md",onFormSubmit:()=>{var O;return(O=document.querySelector("#addForm"))==null?void 0:O.requestSubmit()},loadingBtn:h,actionButtons:((te=i==null?void 0:i.addModal)==null?void 0:te.actionButtons)||[],children:r.jsx(_r,{config:(i==null?void 0:i.addModal)||{},onSubmit:R,initialData:{},type:"add",loading:h})}),r.jsx(Ze,{isOpen:y,onClose:()=>{h||_(!1)},icon:(_e=i==null?void 0:i.editModal)==null?void 0:_e.icon,title:((Re=i==null?void 0:i.editModal)==null?void 0:Re.title)||"Edit",size:((De=i==null?void 0:i.editModal)==null?void 0:De.size)||"md",onFormSubmit:()=>{var O;return(O=document.querySelector("#editForm"))==null?void 0:O.requestSubmit()},actionButtons:((Ce=i==null?void 0:i.editModal)==null?void 0:Ce.actionButtons)||[],loadingBtn:h,children:r.jsx(_r,{config:(i==null?void 0:i.editModal)||{},onSubmit:Y,initialData:ee,type:"edit",loading:h,fetchRowDetails:t})}),C&&r.jsx(Ze,{isOpen:C,onClose:O=>{D(O)},icon:((ze=i==null?void 0:i.deleteModal)==null?void 0:ze.icon)||r.jsx(ue.Icon,{icon:"ph:warning-bold",className:"w-6 h-6 text-red-500"}),title:((Oe=i==null?void 0:i.deleteModal)==null?void 0:Oe.title)||"Confirm Delete",size:((Ue=i==null?void 0:i.deleteModal)==null?void 0:Ue.size)||"md",loading:h,actionButtons:((Te=i==null?void 0:i.deleteModal)==null?void 0:Te.actionButtons)||[],executeFunction:se,selectedItem:ee,children:r.jsx("div",{className:v(f.crudPage.deleteContent,"flex items-center space-x-2 py-3"),children:r.jsxs("div",{children:[r.jsx("p",{className:"text-md text-gray-700 dark:text-white",children:(($e=i==null?void 0:i.deleteModal)==null?void 0:$e.confirmText)||"Are you sure you want to delete this item?"}),((Le=i==null?void 0:i.deleteModal)==null?void 0:Le.referenceKey)&&r.jsx("p",{className:"text-md font-semibold text-gray-700 dark:text-white",children:ee==null?void 0:ee[(Be=i==null?void 0:i.deleteModal)==null?void 0:Be.referenceKey]})]})})}),(i==null?void 0:i.viewModal)&&r.jsx(Ze,{isOpen:B,onClose:()=>{G(!1),re(null)},icon:(Ge=i==null?void 0:i.viewModal)==null?void 0:Ge.icon,title:((Pe=i==null?void 0:i.viewModal)==null?void 0:Pe.title)||"View Details",size:((Ye=i==null?void 0:i.viewModal)==null?void 0:Ye.size)||"lg",footerConfig:(Ke=i==null?void 0:i.viewModal)==null?void 0:Ke.footer,classNames:(We=i==null?void 0:i.viewModal)==null?void 0:We.modalClassNames,children:ne?r.jsx(ne,{data:ee}):r.jsx(Wt,{data:ee,fetchRowDetails:t,config:(i==null?void 0:i.viewModal)||{}})})]})};function Zt({children:a}){return je.useSnackbar(),a}function Vt({children:a}){try{return r.jsx(Zt,{children:a})}catch{return r.jsx(je.SnackbarProvider,{anchorOrigin:{vertical:"bottom",horizontal:"right"},action:e=>r.jsx("button",{onClick:()=>{window.dispatchEvent(new CustomEvent("closeSnackbar",{detail:e}))},className:"p-1 hover:bg-white/20 rounded-full transition-colors duration-200 text-white flex items-center justify-center",children:r.jsx(J.X,{className:"h-4 w-4"})}),maxSnack:3,autoHideDuration:3e3,children:a})}}const Xt=()=>{if(typeof document>"u"||document.getElementById("react-admin-crud-manager-styles"))return;const a=document.createElement("style");a.id="react-admin-crud-manager-styles",a.textContent=Zr,document.head.appendChild(a)};function qt({config:a}){return b.useEffect(()=>{Xt()},[]),r.jsx("div",{className:"racm-root",children:r.jsx(Vt,{children:r.jsx(Ht,{config:a})})})}module.exports=qt;
|
|
126
|
+
`,...x},onEditorChange:F=>{t==null||t(F)}}),k&&r.jsx("span",{className:v(f.field.error,"text-red-500 text-xs mt-1"),children:k})]})},Lt=({name:a="",label:o="",options:e=[],value:t=null,onChange:n,disabled:s=!1,required:i=!1,parentClass:l="col-span-12",className:m="",errorMessage:p="",multiSelect:h=!1})=>{const u=Array.isArray(e)&&e.length>0,c=x=>u?h?Array.isArray(t)&&t.includes(x):t===x:!!t,g=x=>{n==null||n(x.target.checked,a)},w=(x,N)=>{if(n)if(!h)n(N?x:"",a);else{const k=Array.isArray(t)?[...t]:[];if(N)k.includes(x)||k.push(x);else{const S=k.indexOf(x);S>-1&&k.splice(S,1)}n(k,a)}};return u?r.jsx(r.Fragment,{children:r.jsxs("div",{className:v(f.field.wrapper,l),children:[r.jsx(me,{label:o,required:i}),r.jsx("div",{className:"flex flex-col space-y-2",children:e.map((x,N)=>r.jsxs("div",{className:"flex items-center",children:[r.jsx("input",{type:"checkbox",name:a,id:`field-${a}`,value:x.value,checked:c(x.value),disabled:s||!!x.disabled,required:i&&N===0,onChange:k=>w(x.value,k.target.checked),className:v(f.field.input,"h-4 w-4 cursor-pointer text-blue-600 border-gray-300 rounded focus:ring-2 focus:ring-blue-500 dark:focus:ring-blue-400",m)},a),x.label&&r.jsx("label",{htmlFor:a,className:"ml-2 text-sm text-gray-700 dark:text-gray-200 select-none",children:x.label})]},x.value||x.label))}),p&&r.jsx("span",{className:v(f.field.error,"text-red-500 text-xs mt-1"),children:p})]})}):r.jsxs("div",{className:v(f.field.wrapper,"flex items-center",l),children:[r.jsx("input",{type:"checkbox",name:a,checked:c(),disabled:s,required:i,onChange:g,className:v(f.field.input,"h-4 w-4 text-blue-600 cursor-pointer border-gray-300 rounded focus:ring-2 focus:ring-blue-500 dark:focus:ring-blue-400",m)}),o&&r.jsx("label",{htmlFor:a,className:"ml-2 text-sm text-gray-700 dark:text-gray-200 select-none",children:o})]})},yr=he,Pt=({label:a="",value:o=null,onChange:e,required:t=!1,accept:n="audio/*",id:s,dragDrop:i=!1,name:l="",parentClass:m="",errorMessage:p="",maxSize:h=0})=>{const[u,c]=b.useState(null),[g,w]=b.useState(!1),x=b.useRef(null),N=h*1024*1024;b.useEffect(()=>{if(!o){k(),c(null);return}if(o instanceof File){const y=URL.createObjectURL(o);return c({file:o,preview:y}),()=>{URL.revokeObjectURL(y)}}else typeof o=="string"?c({preview:o}):o!=null&&o.preview&&c(o)},[o]);const k=()=>{u!=null&&u.preview&&u.preview.startsWith("blob:")&&URL.revokeObjectURL(u.preview)},S=y=>{if(!y||y.length===0)return;const _=y[0];if(N&&_.size>N){je.enqueueSnackbar(`Audio is too large. Maximum allowed size is ${h} MB`,{variant:"warning"});return}const C=URL.createObjectURL(_);k(),c({file:_,preview:C}),e==null||e(_)},P=y=>{y&&y.stopPropagation(),k(),c(null),e==null||e(null),x.current&&(x.current.value="")},z=y=>{i&&(y.preventDefault(),w(!0))},F=y=>{i&&(y.preventDefault(),w(!1))},L=y=>{var _,C,A,$;i&&(y.preventDefault(),w(!1),($=(A=(C=(_=y.dataTransfer)==null?void 0:_.files)==null?void 0:C[0])==null?void 0:A.type)!=null&&$.includes("audio/")&&S(y.dataTransfer.files))},U=()=>{var y;(y=x.current)==null||y.click()};return r.jsxs("div",{className:v(f.mediaPicker.audio,f.field.wrapper,m||"col-span-12"),children:[r.jsx(me,{label:a,required:t}),r.jsxs("div",{className:v(f.mediaPicker.dropzone,"relative rounded-lg p-2 transition-all",g?"border-2 border-dashed border-blue-500 bg-blue-50 dark:bg-blue-900/20":"border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800",p?"border-red-500":""),onDragOver:z,onDragLeave:F,onDrop:L,id:`field-${l}`,children:[r.jsx("input",{ref:x,id:s,type:"file",accept:n,onChange:y=>S(y.target.files),required:t&&!u,className:"absolute opacity-0 right-[50%] top-[80%] -translate-y-1/2 pointer-events-none h-[10px]"}),r.jsx("div",{className:`flex items-center space-x-4 transition-all ${g?"opacity-50":""}`,children:u?r.jsxs("div",{className:"flex items-center space-x-4",children:[r.jsxs("div",{className:"relative w-full",children:[!t&&r.jsx("button",{type:"button",onClick:P,className:"absolute top-0 -right-2 bg-red-500 text-white rounded-full p-1 shadow-lg hover:bg-red-600 transition-colors z-10 focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2 dark:focus:ring-offset-gray-800","aria-label":"Remove audio",children:r.jsx(ue.Icon,{icon:"mdi:close",className:"w-3 h-3"})}),r.jsx("audio",{src:u.preview,controls:!0,controlsList:"nodownload"},u.preview)]}),r.jsx(yr,{type:"button",onClick:U,children:r.jsx("span",{children:"Change Audio File"})})]}):r.jsxs("div",{className:"flex items-center justify-center space-x-4",children:[r.jsx("div",{className:"rounded-full bg-gray-100 dark:bg-gray-700 h-20 w-20 flex items-center justify-center",children:r.jsx(ue.Icon,{icon:"mdi:music",className:"text-gray-400 w-10 h-10"})}),r.jsxs("div",{className:"flex flex-col items-center space-y-1",children:[r.jsx(yr,{type:"button",onClick:U,variant:"outlined",children:r.jsx("span",{children:"Choose Audio File"})}),i&&r.jsx("p",{className:"text-sm text-gray-500 dark:text-gray-400",children:"or drag and drop your audio file here"})]})]})}),i&&g&&!u&&r.jsx("div",{className:"absolute inset-0 flex items-center justify-center pointer-events-none bg-blue-500/10 rounded-lg",children:r.jsx("span",{className:"text-blue-600 dark:text-blue-400 font-semibold text-lg bg-white dark:bg-gray-800 px-4 py-2 rounded-lg shadow-lg",children:"Drop audio here"})})]}),p&&r.jsx("span",{className:v(f.field.error,"text-red-500 text-xs mt-1"),children:p})]},l)},vr=he,Et=a=>{if(!a)return null;if(a instanceof File){const o=URL.createObjectURL(a);return{id:`${Date.now()}-${Math.random()}`,file:a,preview:o,createdBlobUrl:o}}if(typeof a=="string")return{id:`${Date.now()}-${Math.random()}`,file:null,preview:a};if(typeof a=="object"){if(a.preview)return{id:`${Date.now()}-${Math.random()}`,file:a.file||null,preview:a.preview};if(a.file){const o=URL.createObjectURL(a.file);return{id:`${Date.now()}-${Math.random()}`,file:a.file,preview:o,createdBlobUrl:o}}}return null},At=({label:a="",value:o=[],onChange:e,required:t=!1,accept:n="image/*",aspect:s="1",id:i,dragDrop:l=!1,cropImage:m=!1,name:p="",parentClass:h="",maxImages:u,errorMessage:c=""})=>{const[g,w]=b.useState([]),[x,N]=b.useState(!1),[k,S]=b.useState(!1),[P,z]=b.useState(""),[F,L]=b.useState("image/jpeg"),[U,y]=b.useState("cropped-image"),[_,C]=b.useState(null),A=b.useRef(null),$=b.useRef(null),G=b.useRef(""),ee=b.useRef([]);b.useEffect(()=>{ee.current=g},[g]),b.useEffect(()=>()=>{ee.current.forEach(M=>{M.createdBlobUrl&&URL.revokeObjectURL(M.createdBlobUrl)}),G.current&&URL.revokeObjectURL(G.current)},[]),b.useEffect(()=>{if(!Array.isArray(o)){w([]);return}const M=o.map(T=>Et(T)).filter(Boolean);w(T=>(T.forEach(V=>{V.createdBlobUrl&&URL.revokeObjectURL(V.createdBlobUrl)}),M))},[o]);const re=typeof u=="number"&&u>0?Math.max(u-g.length,0):Number.POSITIVE_INFINITY,E=()=>{S(!1),G.current&&(URL.revokeObjectURL(G.current),G.current=""),z(""),C(null),A.current&&(A.current.value="")},se=M=>{var T,V;z(M.preview),L(((T=M.file)==null?void 0:T.type)||"image/jpeg"),y((((V=M.file)==null?void 0:V.name)||"cropped-image").replace(/\.[^/.]+$/,"")),C(M.id),S(!0)},H=M=>{const T=URL.createObjectURL(M);w(V=>{const X=V.map(K=>K.id!==_?K:(K.createdBlobUrl&&URL.revokeObjectURL(K.createdBlobUrl),{...K,file:M,preview:T,createdBlobUrl:T}));return e==null||e(X.map(K=>K.file?K.file:K.preview)),X}),E()},Q=M=>{if(!M||M.length===0||re===0)return;const T=Array.from(M).filter(X=>X.type.includes("image/")).slice(0,re);if(T.length===0)return;const V=T.map(X=>{const K=URL.createObjectURL(X);return{id:`${Date.now()}-${Math.random()}`,file:X,preview:K,createdBlobUrl:K}});w(X=>{const K=[...X,...V];return e==null||e(K.map(te=>te.file?te.file:te.preview)),K}),A.current&&(A.current.value="")},D=M=>{w(T=>{const V=T.find(K=>K.id===M);V!=null&&V.createdBlobUrl&&URL.revokeObjectURL(V.createdBlobUrl);const X=T.filter(K=>K.id!==M);return e==null||e(X.map(K=>K.file?K.file:K.preview)),X}),A.current&&(A.current.value="")},R=M=>{var T;C(M),(T=$.current)==null||T.click()},Y=M=>{if(!M||M.length===0||!_)return;const T=Array.from(M).find(X=>X.type.includes("image/"));if(!T)return;const V=URL.createObjectURL(T);w(X=>{const K=X.map(te=>te.id!==_?te:(te.createdBlobUrl&&URL.revokeObjectURL(te.createdBlobUrl),{...te,file:T,preview:V,createdBlobUrl:V}));return e==null||e(K.map(te=>te.file?te.file:te.preview)),K}),C(null),$.current&&($.current.value="")},I=M=>{l&&(M.preventDefault(),N(!0))},ce=M=>{l&&(M.preventDefault(),N(!1))},we=M=>{var T;l&&(M.preventDefault(),N(!1),Q(((T=M.dataTransfer)==null?void 0:T.files)||null))},be=()=>{var M;(M=A.current)==null||M.click()},ne=typeof u=="number"&&u>0?g.length<u:!0;return r.jsxs(r.Fragment,{children:[r.jsxs("div",{className:v(f.mediaPicker.multiImage,f.field.wrapper,h||"col-span-12"),children:[r.jsx(me,{label:a,required:t}),r.jsxs("div",{className:v(f.mediaPicker.dropzone,"relative rounded-md p-2 transition-all",x?"border-2 border-dashed border-blue-500 bg-blue-50 dark:bg-blue-900/20":"border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800",c?"border-red-500":""),onDragOver:I,onDragLeave:ce,onDrop:we,id:`field-${p}`,children:[r.jsx("input",{ref:A,id:i,type:"file",accept:n,multiple:!0,onChange:M=>Q(M.target.files),required:t&&g.length===0,className:"absolute opacity-0 pointer-events-none h-1 w-1"}),r.jsx("input",{ref:$,type:"file",accept:n,onChange:M=>Y(M.target.files),className:"absolute opacity-0 pointer-events-none h-1 w-1"}),g.length===0?r.jsxs("div",{className:"flex items-center space-x-4",children:[r.jsx("div",{className:"rounded-full bg-gray-100 dark:bg-gray-700 h-20 w-20 flex items-center justify-center",children:r.jsx(ue.Icon,{icon:"ri:multi-image-fill",className:"text-gray-400 w-10 h-10"})}),r.jsxs("div",{className:"flex flex-col items-center space-y-1",children:[r.jsx(vr,{type:"button",onClick:be,variant:"outlined",color:"default",children:r.jsx("span",{className:"text-sm font-medium",children:"Choose Images"})}),l&&r.jsx("p",{className:"text-sm text-gray-500 dark:text-gray-400",children:"or drag and drop your images here"})]})]}):r.jsxs(r.Fragment,{children:[r.jsxs("div",{className:"flex items-center justify-between gap-2 mb-3",children:[r.jsx(vr,{type:"button",onClick:be,disabled:!ne,variant:"outlined",color:"default",children:r.jsx("span",{className:"text-sm font-medium",children:"Upload Images"})}),r.jsx("span",{className:"text-xs text-gray-500 dark:text-gray-400",children:u?`${g.length}/${u}`:`${g.length} selected`})]}),r.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-3",children:g.map(M=>r.jsxs("div",{className:"relative group rounded-md overflow-hidden border border-gray-200 dark:border-gray-700",children:[r.jsx("img",{src:M.preview,alt:"preview",className:"w-full h-28 object-cover"}),r.jsxs("div",{className:"absolute top-2 right-2 flex items-center gap-1.5 opacity-100 sm:opacity-0 sm:group-hover:opacity-100 transition-opacity",children:[r.jsx("button",{type:"button",onClick:()=>R(M.id),className:"w-7 h-7 rounded-full bg-white/90 text-gray-800 hover:bg-white flex items-center justify-center shadow","aria-label":"Replace image",children:r.jsx(ue.Icon,{icon:"solar:refresh-bold",className:"w-4 h-4"})}),m&&r.jsx("button",{type:"button",onClick:()=>se(M),className:"w-7 h-7 rounded-full bg-white/90 text-gray-800 hover:bg-white flex items-center justify-center shadow","aria-label":"Crop image",children:r.jsx(ue.Icon,{icon:"solar:crop-bold",className:"w-4 h-4"})}),r.jsx("button",{type:"button",onClick:()=>D(M.id),className:"w-7 h-7 rounded-full bg-red-500/95 text-white hover:bg-red-600 flex items-center justify-center shadow","aria-label":"Delete image",children:r.jsx(ue.Icon,{icon:"solar:trash-bin-trash-bold",className:"w-4 h-4"})})]})]},M.id))})]}),l&&x&&g.length===0&&r.jsx("div",{className:"absolute inset-0 flex items-center justify-center pointer-events-none bg-blue-500/10 rounded-lg",children:r.jsx("span",{className:"text-blue-600 dark:text-blue-400 font-semibold text-lg bg-white dark:bg-gray-800 px-4 py-2 rounded-lg shadow-lg",children:"Drop images here"})})]}),c&&r.jsx("span",{className:v(f.field.error,"text-red-500 text-xs mt-1"),children:c})]},p),r.jsx(zr,{isOpen:k,imageSrc:P,fileType:F,fileName:U,onClose:E,onApply:H,aspect:Number(s)})]})},xe=({src:a,alt:o="preview",isOpen:e,setIsOpen:t})=>{const n=()=>t(!1);return b.useEffect(()=>{const s=i=>{i.key==="Escape"&&n()};return e&&(document.body.style.overflow="hidden",document.addEventListener("keydown",s)),()=>{document.body.style.overflow="",document.removeEventListener("keydown",s)}},[e]),r.jsx(r.Fragment,{children:r.jsxs("div",{className:v(f.imagePreview.root,"fixed inset-0 z-50 flex items-center justify-center bg-black/70 dark:bg-black/80 backdrop-blur-sm animate-in fade-in duration-200"),onClick:n,children:[r.jsx("button",{onClick:n,className:`absolute top-4 right-4 bg-white dark:bg-gray-800 text-gray-800 dark:text-gray-200\r
|
|
127
|
+
hover:bg-gray-100 dark:hover:bg-gray-700 rounded-full p-2 shadow-lg transition`,children:r.jsx(J.X,{size:20})}),r.jsx("div",{className:v(f.imagePreview.container,"max-w-5xl w-full px-4 transform transition-all duration-200 scale-95 animate-in zoom-in-95"),onClick:s=>s.stopPropagation(),children:r.jsx("img",{src:a,alt:o,className:v(f.imagePreview.image,"w-full max-h-[90vh] object-contain rounded-xl")})})]})})},Ur=({col:a,data:o,uiVariant:e="default",styleConfig:t={}})=>{const n=o[a.titleKey],s=o[a.subtitleKey],i=o[a.imageKey],l=a.fallback_icon,[m,p]=b.useState(null),[h,u]=b.useState(!1),c=w=>{let x=w;w&&w.src instanceof File&&(x={...w,src:URL.createObjectURL(w.src)}),p(x),u(!0)},g=w=>{const N={sm:{img:"w-8 h-8",wrap:"w-8 h-8",icon:"w-4 h-4"},md:{img:"w-12 h-12",wrap:"w-12 h-12",icon:"w-6 h-6"},lg:{img:"w-16 h-16",wrap:"w-16 h-16",icon:"w-8 h-8"}}[w];return i?r.jsx("img",{src:i instanceof File?URL.createObjectURL(i):i,alt:n,onClick:()=>c({src:i,alt:n}),className:`${N.img} cursor-pointer rounded-full object-cover border-2 border-white dark:border-gray-700 shadow flex-shrink-0`}):l?l instanceof Function?l(o):l:r.jsx("div",{className:`${N.wrap} flex items-center justify-center rounded-full border-2 border-gray-300 dark:border-gray-600 bg-gray-200 dark:bg-gray-600 flex-shrink-0`,children:r.jsx(J.User,{className:`${N.icon} text-gray-400`})})};return e==="card"?r.jsxs(r.Fragment,{children:[h&&m&&r.jsx(xe,{src:m.src,alt:m.alt,isOpen:h,setIsOpen:u}),r.jsxs("div",{className:v(f.details.row,"col-span-12 relative overflow-hidden rounded-xl bg-gradient-to-r from-primary/10 via-primary/5 to-transparent dark:from-primary/20 dark:via-primary/10 border border-primary/20 dark:border-primary/30 p-5 flex items-center gap-4",t.rowClass||"",t.groupClass||"",a.blockClass||""),children:[r.jsx("div",{className:"pointer-events-none absolute -right-6 -top-6 w-32 h-32 rounded-full bg-primary/8 dark:bg-primary/12"}),r.jsx("div",{className:"pointer-events-none absolute -right-2 -bottom-4 w-20 h-20 rounded-full bg-primary/5"}),g("lg"),r.jsxs("div",{className:"min-w-0 z-10",children:[r.jsx("h3",{className:`text-lg font-bold text-gray-900 dark:text-white truncate ${t.valueClass||""}`,children:n}),r.jsx("p",{className:`text-sm text-primary/70 dark:text-primary/60 font-medium truncate ${t.labelClass||""}`,children:s})]})]})]}):e==="split"?r.jsxs(r.Fragment,{children:[h&&m&&r.jsx(xe,{src:m.src,alt:m.alt,isOpen:h,setIsOpen:u}),r.jsxs("div",{className:v(f.details.row,"flex items-center gap-3 px-5 py-4 bg-gradient-to-r from-primary/8 via-primary/4 to-transparent dark:from-primary/15 dark:via-primary/8",t.rowClass||"",t.groupClass||"",a.blockClass||""),children:[g("md"),r.jsxs("div",{className:"min-w-0",children:[r.jsx("h3",{className:`text-base font-bold text-gray-900 dark:text-white truncate ${t.valueClass||""}`,children:n}),r.jsx("p",{className:`text-xs font-semibold text-primary/70 dark:text-primary/60 truncate ${t.labelClass||""}`,children:s})]})]})]}):r.jsxs(r.Fragment,{children:[h&&m&&r.jsx(xe,{src:m.src,alt:m.alt,isOpen:h,setIsOpen:u}),r.jsxs("div",{className:v(f.details.row,"col-span-12 flex items-center space-x-4 p-4 rounded-xl bg-gray-100 dark:bg-gray-900",t.rowClass||"",t.groupClass||"",a.blockClass||""),children:[g("lg"),r.jsxs("div",{children:[r.jsx("h3",{className:`text-xl font-semibold text-gray-900 dark:text-white ${t.valueClass||""}`,children:n}),r.jsx("p",{className:`text-sm text-gray-500 dark:text-gray-400 ${t.labelClass||""}`,children:s})]})]})]})},Tr=({col:a,data:o,uiVariant:e="default",styleConfig:t={}})=>{const n=o[a.titleKey],s=o[a.subtitleKey],i=o[a.imageKey],l=a.label,m=a==null?void 0:a.icon,p=a.fallback_icon,[h,u]=b.useState(null),[c,g]=b.useState(!1),w=N=>{let k=N;N&&N.src instanceof File&&(k={...N,src:URL.createObjectURL(N.src)}),u(k),g(!0)},x=()=>i?r.jsx("img",{src:i instanceof File?URL.createObjectURL(i):i,alt:n,onClick:()=>w({src:i,alt:n}),className:"w-8 h-8 cursor-pointer rounded-full object-cover border-2 border-gray-200 dark:border-gray-700 flex-shrink-0"}):p?p instanceof Function?p(o):p:r.jsx("div",{className:"w-8 h-8 flex items-center justify-center rounded-full border-2 border-gray-300 dark:border-gray-700 bg-gray-200 dark:bg-gray-600 flex-shrink-0",children:r.jsx(J.User,{className:"w-5 h-5 text-gray-400"})});return e==="card"?r.jsxs(r.Fragment,{children:[c&&h&&r.jsx(xe,{src:h.src,alt:h.alt,isOpen:c,setIsOpen:g}),r.jsxs("div",{className:v(f.details.row,a.blockClass||"col-span-6","group bg-white dark:bg-gray-800 rounded-xl border border-gray-100 dark:border-gray-700/60 shadow-sm hover:shadow-md hover:-translate-y-0.5 transition-all duration-200 p-4 flex flex-col gap-2.5",t.rowClass||"",t.cardGroupClass||""),children:[m&&r.jsx("div",{className:`w-8 h-8 rounded-lg bg-primary/10 dark:bg-primary/20 flex items-center justify-center text-primary flex-shrink-0 [&>svg]:w-4 [&>svg]:h-4 ${t.iconClass||""}`,children:m}),r.jsx("p",{className:`text-xs font-semibold uppercase tracking-wider text-gray-400 dark:text-gray-500 leading-none ${t.labelClass||""}`,children:l}),r.jsxs("div",{className:"flex items-center gap-2 mt-auto",children:[x(),r.jsxs("div",{className:"min-w-0",children:[r.jsx("p",{className:`text-sm font-semibold text-gray-800 dark:text-gray-100 truncate ${t.valueClass||""}`,children:n}),s&&r.jsx("p",{className:"text-xs text-gray-400 dark:text-gray-500 truncate",children:s})]})]})]})]}):e==="split"?r.jsxs(r.Fragment,{children:[c&&h&&r.jsx(xe,{src:h.src,alt:h.alt,isOpen:c,setIsOpen:g}),r.jsxs("div",{className:v(f.details.row,"flex items-stretch min-h-[52px]",t.rowClass||"",t.cardGroupClass||"",a.blockClass||""),children:[r.jsxs("div",{className:"w-[42%] flex-shrink-0 flex items-center gap-2 px-4 py-3 bg-gray-50 dark:bg-gray-800/80 border-r border-gray-200 dark:border-gray-700",children:[m&&r.jsx("span",{className:`text-primary/60 dark:text-primary/50 flex-shrink-0 [&>svg]:w-3.5 [&>svg]:h-3.5 ${t.iconClass||""}`,children:m}),r.jsx("p",{className:`text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400 leading-tight ${t.labelClass||""}`,children:l})]}),r.jsxs("div",{className:"flex-1 flex items-center gap-2.5 px-4 py-3 bg-white dark:bg-gray-900",children:[x(),r.jsxs("div",{className:"min-w-0",children:[r.jsx("p",{className:`text-sm text-gray-800 dark:text-gray-100 break-words ${t.valueClass||""}`,children:n}),s&&r.jsx("p",{className:"text-xs text-gray-400 dark:text-gray-500 truncate",children:s})]})]})]})]}):r.jsxs(r.Fragment,{children:[c&&h&&r.jsx(xe,{src:h.src,alt:h.alt,isOpen:c,setIsOpen:g}),r.jsxs("div",{className:v(f.details.row,"col-span-12 flex items-center space-x-4 p-4 rounded-xl bg-gray-100 dark:bg-gray-900",t.rowClass||"",t.cardGroupClass||"",a.blockClass||""),children:[m&&r.jsx("div",{className:`flex-shrink-0 ${t.iconClass||""}`,children:m}),r.jsxs("div",{className:"flex-1 min-w-0",children:[r.jsx("p",{className:`text-sm font-medium text-gray-500 dark:text-gray-400 ${t.labelClass||""}`,children:l}),r.jsxs("div",{className:"flex items-center mt-1",children:[x(),r.jsxs("div",{className:"ml-2",children:[r.jsx("p",{className:`mb-0 text-sm text-gray-900 dark:text-white break-words ${t.valueClass||""}`,children:n}),r.jsx("p",{className:`text-xs text-gray-500 dark:text-gray-400 ${t.labelClass||""}`,children:s})]})]})]})]})]})},kr={blue:{bg:"bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300",border:"border border-blue-300 text-blue-700 dark:border-blue-700 dark:text-blue-300"},teal:{bg:"bg-teal-100 text-teal-800 dark:bg-teal-900/30 dark:text-teal-300",border:"border border-teal-300 text-teal-700 dark:border-teal-700 dark:text-teal-300"},purple:{bg:"bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-300",border:"border border-purple-300 text-purple-700 dark:border-purple-700 dark:text-purple-300"},yellow:{bg:"bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-300",border:"border border-yellow-300 text-yellow-700 dark:border-yellow-700 dark:text-yellow-300"},green:{bg:"bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300",border:"border border-green-300 text-green-700 dark:border-green-700 dark:text-green-300"},red:{bg:"bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-300",border:"border border-red-300 text-red-700 dark:border-red-700 dark:text-red-300"},gray:{bg:"bg-gray-100 text-gray-800 dark:bg-gray-900/30 dark:text-gray-300",border:"border border-gray-300 text-gray-700 dark:border-gray-700 dark:text-gray-300"}},jr={contained:"bg",outline:"border !bg-transparent",soft:"bg opacity-90"},$r=({label:a,variant:o="contained",color:e="green",className:t=""})=>{const n=kr[e]||kr.green,s=jr[o]||jr.contained,i=o==="outline"?n.border:n.bg;return r.jsx("span",{className:v(f.chip.root,"inline-flex justify-center items-center rounded-sm text-xs font-semibold px-3 py-1 min-w-[78px]",i,s,t),children:a})},Br=({col:a,data:o,uiVariant:e="default",styleConfig:t={}})=>{var k;const[n,s]=b.useState(null),[i,l]=b.useState(!1),m=a==null?void 0:a.icon,p=a.label;let h=o[a.key];const u=a.type,c=a.variant||"outline";let g=a.defaultColor;if(u==="chip"&&((k=a.chipOptions)==null?void 0:k.length)>0){const S=a==null?void 0:a.chipOptions.find(P=>P.value==h);S&&(h=S.label,g=S.color)}const w=S=>{if(!S)return"";if(typeof S=="string")return S;if(S instanceof File)return URL.createObjectURL(S);if(typeof S=="object"){if(typeof S.preview=="string")return S.preview;if(typeof S.src=="string")return S.src;if(S.src instanceof File)return URL.createObjectURL(S.src);if(S.file instanceof File)return URL.createObjectURL(S.file)}return""},x=(S,P)=>{s({src:S,alt:P}),l(!0)},N=(S="text-sm text-gray-900 dark:text-white break-words")=>u==="chip"?r.jsx($r,{label:h,variant:c,color:g,className:"mt-1"}):u==="tinyEditor"?r.jsx("p",{className:`${S} ${t.valueClass||""}`,dangerouslySetInnerHTML:{__html:h}}):u==="audio"?h?r.jsx("audio",{controls:!0,src:h instanceof File?URL.createObjectURL(h):h,onClick:P=>P.stopPropagation(),className:"shadow-sm rounded-full mt-1 w-full max-w-xs"},h instanceof File?URL.createObjectURL(h):h):r.jsx("p",{className:"text-sm text-gray-400",children:"N/A"}):u==="multiImage"?Array.isArray(h)&&h.length>0?r.jsx("div",{className:`mt-1 grid grid-cols-3 sm:grid-cols-4 gap-2 ${t.mediaGridClass||""}`,children:h.map((P,z)=>{const F=w(P);return F?r.jsx("button",{type:"button",onClick:()=>x(F,`Gallery ${z+1}`),className:"w-full h-16 rounded-lg overflow-hidden border border-gray-200 dark:border-gray-700 hover:border-primary/50 transition-colors",children:r.jsx("img",{src:F,alt:`gallery-${z+1}`,className:"w-full h-full object-cover"})},`${F}-${z}`):null})}):r.jsx("p",{className:"text-sm text-gray-400",children:"N/A"}):r.jsx("p",{className:`${S} ${t.valueClass||""}`,children:u==="date"?r.jsx("span",{children:er(h,a.format||"DD MMM YYYY")}):r.jsx("span",{children:h||"N/A"})});return e==="card"?r.jsxs(r.Fragment,{children:[r.jsxs("div",{className:v(f.details.row,a.blockClass||"col-span-6","group bg-white dark:bg-gray-800 rounded-xl border border-gray-100 dark:border-gray-700/60 shadow-sm hover:shadow-md hover:-translate-y-0.5 transition-all duration-200 p-4 flex flex-col gap-2.5",t.rowClass||""),children:[m&&r.jsx("div",{className:`w-8 h-8 rounded-lg bg-primary/10 dark:bg-primary/20 flex items-center justify-center text-primary flex-shrink-0 [&>svg]:w-4 [&>svg]:h-4 ${t.iconClass||""}`,children:m}),r.jsx("p",{className:`text-xs font-semibold uppercase tracking-wider text-gray-400 dark:text-gray-500 leading-none ${t.labelClass||""}`,children:p}),r.jsx("div",{className:"mt-auto",children:N("text-sm font-semibold text-gray-800 dark:text-gray-100 break-words leading-snug")})]}),i&&n&&r.jsx(xe,{src:n.src,alt:n.alt,isOpen:i,setIsOpen:l})]}):e==="split"?r.jsxs(r.Fragment,{children:[r.jsxs("div",{className:v(f.details.row,"flex items-stretch min-h-[52px]",t.rowClass||"",a.blockClass||""),children:[r.jsxs("div",{className:"w-[42%] flex-shrink-0 flex items-center gap-2 px-4 py-3 bg-gray-50 dark:bg-gray-800/80 border-r border-gray-200 dark:border-gray-700",children:[m&&r.jsx("span",{className:`text-primary/60 dark:text-primary/50 flex-shrink-0 [&>svg]:w-3.5 [&>svg]:h-3.5 ${t.iconClass||""}`,children:m}),r.jsx("p",{className:`text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400 leading-tight ${t.labelClass||""}`,children:p})]}),r.jsx("div",{className:"flex-1 flex items-center px-4 py-3 bg-white dark:bg-gray-900",children:N("text-sm text-gray-800 dark:text-gray-100 break-words")})]}),i&&n&&r.jsx(xe,{src:n.src,alt:n.alt,isOpen:i,setIsOpen:l})]}):r.jsxs(r.Fragment,{children:[r.jsxs("div",{className:v(f.details.row,"col-span-12 flex items-center space-x-4 p-4 rounded-xl bg-gray-100 dark:bg-gray-900",t.rowClass||"",a.blockClass||""),children:[m&&r.jsx("div",{className:`flex-shrink-0 ${t.iconClass||""}`,children:m}),r.jsxs("div",{className:"flex-1 min-w-0",children:[r.jsx("p",{className:`text-sm font-medium text-gray-500 dark:text-gray-400 ${t.labelClass||""}`,children:p}),N("mt-1 text-sm text-gray-900 dark:text-white break-words")]})]}),i&&n&&r.jsx(xe,{src:n.src,alt:n.alt,isOpen:i,setIsOpen:l})]})},Ft=({value:a=!0,onChange:o,text:e,options:t=[],label:n,required:s,name:i="",disabled:l=!1,parentClass:m="",errorMessage:p=""})=>{const h=t.length>0?t:[{label:"Active",value:!0},{label:"Inactive",value:!1}];return r.jsx(r.Fragment,{children:r.jsxs("div",{className:v(f.field.wrapper,m||"col-span-12"),children:[r.jsx(me,{label:n,required:s}),r.jsxs("div",{className:`flex items-center justify-between h-10 gap-4 bg-gray-100 dark:bg-gray-700 px-3 rounded-md border border-gray-100 dark:border-gray-600
|
|
128
|
+
${p?"border-red-500":""}`,children:[e&&r.jsx("p",{className:"text-xs text-gray-600 dark:text-gray-400 flex-shrink overflow-hidden text-ellipsis whitespace-nowrap max-w-[200px]",children:e}),r.jsx("div",{className:"flex items-center gap-6",children:h.map((u,c)=>r.jsxs("label",{className:"flex items-center gap-2 cursor-pointer select-none",children:[r.jsx("input",{type:"radio",name:"switch-field",required:s&&c===0,value:String(u.value),disabled:l,id:`field-${i}`,checked:a===u.value,onChange:()=>o==null?void 0:o(u.value),className:v(f.field.input,"w-4 h-4 border-gray-300 cursor-pointer")}),r.jsx("span",{className:"text-sm text-gray-700 dark:text-white",children:u.label})]},c))})]}),p&&r.jsx("span",{className:v(f.field.error,"text-red-500 text-xs mt-1"),children:p})]},i)})},Nr=he,It=({label:a="",value:o=null,onChange:e,required:t=!1,accept:n="video/*",id:s,dragDrop:i=!1,name:l="",parentClass:m="",maxSize:p=0,errorMessage:h=""})=>{const[u,c]=b.useState(null),[g,w]=b.useState(!1),x=b.useRef(null),N=p*1024*1024;b.useEffect(()=>{if(!o){k(),c(null);return}if(o instanceof File){const y=URL.createObjectURL(o);return c({file:o,preview:y}),()=>{URL.revokeObjectURL(y)}}else typeof o=="string"?c({preview:o}):o!=null&&o.preview&&c(o)},[o]);const k=()=>{u!=null&&u.preview&&u.preview.startsWith("blob:")&&URL.revokeObjectURL(u.preview)},S=y=>{if(!y||y.length===0)return;const _=y[0];if(N&&_.size>N){je.enqueueSnackbar(`File is too large. Maximum allowed size is ${p} MB`,{variant:"warning"});return}const C=URL.createObjectURL(_);k(),c({file:_,preview:C}),e==null||e(_)},P=y=>{y&&y.stopPropagation(),k(),c(null),e==null||e(null),x.current&&(x.current.value="")},z=y=>{i&&(y.preventDefault(),w(!0))},F=y=>{i&&(y.preventDefault(),w(!1))},L=y=>{var _,C,A,$;i&&(y.preventDefault(),w(!1),($=(A=(C=(_=y.dataTransfer)==null?void 0:_.files)==null?void 0:C[0])==null?void 0:A.type)!=null&&$.includes("video/")&&S(y.dataTransfer.files))},U=()=>{var y;(y=x.current)==null||y.click()};return r.jsxs("div",{className:v(f.mediaPicker.video,f.field.wrapper,m||"col-span-12"),children:[r.jsx(me,{label:a,required:t}),r.jsxs("div",{className:v(f.mediaPicker.dropzone,"relative rounded-lg p-2 transition-all",g?"border-2 border-dashed border-blue-500 bg-blue-50 dark:bg-blue-900/20":"border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800",h?"border-red-500":""),onDragOver:z,onDragLeave:F,onDrop:L,id:`field-${l}`,children:[r.jsx("input",{ref:x,id:s,type:"file",accept:n,onChange:y=>S(y.target.files),required:t&&!u,className:"absolute opacity-0 pointer-events-none h-[10px]"}),r.jsx("div",{className:`flex items-center space-x-4 transition-all ${g?"opacity-50":""}`,children:u?r.jsxs("div",{className:"flex items-center space-x-4",children:[r.jsxs("div",{className:"relative",children:[!t&&r.jsx("button",{type:"button",onClick:P,className:"absolute -top-2 -right-2 bg-red-500 text-white rounded-full p-1 shadow hover:bg-red-600 z-10",children:r.jsx(ue.Icon,{icon:"mdi:close",className:"w-3 h-3"})}),r.jsx("video",{src:u.preview,controls:!0,controlsList:"nodownload",className:"w-[260px] h-[150px] rounded-md object-cover"},u.preview)]}),r.jsx(Nr,{type:"button",onClick:U,children:"Change Video File"})]}):r.jsxs("div",{className:"flex items-center justify-center space-x-4",children:[r.jsx("div",{className:"rounded-full bg-gray-100 dark:bg-gray-700 h-20 w-20 flex items-center justify-center",children:r.jsx(ue.Icon,{icon:"mdi:video",className:"text-gray-400 w-10 h-10"})}),r.jsxs("div",{className:"flex flex-col items-center space-y-1",children:[r.jsx(Nr,{type:"button",onClick:U,variant:"outlined",children:"Choose Video File"}),i&&r.jsx("p",{className:"text-sm text-gray-500 dark:text-gray-400",children:"or drag and drop your video here"})]})]})}),i&&g&&!u&&r.jsx("div",{className:"absolute inset-0 flex items-center justify-center pointer-events-none bg-blue-500/10 rounded-lg",children:r.jsx("span",{className:"text-blue-600 dark:text-blue-400 font-semibold text-lg bg-white dark:bg-gray-800 px-4 py-2 rounded-lg shadow-lg",children:"Drop video here"})})]}),h&&r.jsx("span",{className:v(f.field.error,"text-red-500 text-xs mt-1"),children:h})]},l)},Gr=({field:a,formData:o,handleChange:e,errorMessage:t})=>{const{key:n,label:s,type:i,options:l,placeholder:m,rows:p,inputClass:h,search:u,accept:c,text:g,required:w=!1,minLength:x,dragDrop:N,parentClass:k,countriesList:S,defaultCountry:P,multiple:z,dropdownMaxHeight:F,editorKey:L,fontFamily:U,disabled:y,negativeNumberAllow:_,defaultValue:C,renderCondition:A,pattern:$,renderType:G,cropImage:ee,aspectRatio:re,dependencyKey:E,mask:se,maskApplyOnValue:H,maxSize:Q}=a;let D=o==null?void 0:o[n];D==null&&(D="");const R=m||(i==="select"?`Select ${s}`:`Enter ${s}`),Y="w-full px-3 py-2 rounded-md border border-gray-300 dark:border-gray-600 text-sm focus:outline-none focus:ring-1 focus:ring-blue-200 bg-white text-black dark:bg-gray-700 dark:text-white";if(A&&typeof A=="function"&&!A(o))return null;if(G&&G=="details")switch(i){case"group":return r.jsx(Ur,{col:a,data:o});case"cardGroup":return r.jsx(Tr,{col:a,data:o});default:return r.jsx(Br,{col:a,data:o})}switch(i){case"select":return r.jsx(Xr,{options:l||[],value:D,formData:o,dependencyKey:E,onChange:I=>e(n,I),placeholder:R,className:h||"",search:u,required:w,defaultValue:C,label:s||"",name:n,countriesList:S,disabled:y,parentClass:k||"",multiple:z,dropdownMaxHeight:F,errorMessage:t});case"checkbox":return r.jsx(r.Fragment,{children:r.jsx(Lt,{name:n,label:s||"",options:l||[],value:D,onChange:I=>e(n,I),required:w,parentClass:k||"",className:h||"",multiSelect:z,disabled:y,errorMessage:t})});case"radio":return r.jsx(Ft,{value:D,onChange:I=>e(n,I),text:g,options:l||[],label:s||"",required:w,name:n,disabled:y,parentClass:k||"",errorMessage:t});case"switch":return r.jsx(Rr,{value:!!D,onChange:I=>e(n,I),label:s||"",required:w,name:n,disabled:y,className:"",parentClass:k||"",errorMessage:t});case"phone":return r.jsx(qr,{value:D,onChange:I=>e(n,I),countriesList:S,defaultCountry:P,required:w,placeholder:R,search:u,label:s||"",name:n,disabled:y,errorMessage:t,parentClass:k||""});case"textarea":return r.jsx(Cr,{value:D,onChange:I=>e(n,I.target.value),placeholder:R,rows:p||3,className:`${Y} ${h||""}`,required:w,name:n,label:s||"",disabled:y,parentClass:k||"",errorMessage:t});case"image":case"multiImage":return z||i==="multiImage"?r.jsx(At,{value:Array.isArray(D)?D:[],onChange:I=>e(n,I),required:w,accept:c||"image/*",aspect:re,id:`file-${n}`,dragDrop:N,cropImage:ee,label:s||"",name:n,parentClass:k||"",maxImages:a.maxImages,errorMessage:t}):r.jsx(Mt,{value:D,onChange:I=>e(n,I),required:w,accept:c||"image/*",aspect:re,id:`file-${n}`,dragDrop:N,cropImage:ee,label:s||"",name:n,parentClass:k||"",errorMessage:t});case"audio":return r.jsx(Pt,{value:D,onChange:I=>e(n,I),required:w,accept:c||"audio/*",id:`file-${n}`,dragDrop:N,label:s||"",name:n,parentClass:k||"",maxSize:Q,errorMessage:t});case"video":return r.jsx(It,{value:D,onChange:I=>e(n,I),required:w,accept:c||"video/*",id:`file-${n}`,dragDrop:N,label:s||"",name:n,maxSize:Q,parentClass:k||"",errorMessage:t});case"tinyEditor":return r.jsx(Dt,{value:D,name:n,onChange:I=>e(n,I),required:w,placeholder:R,label:s||"",parentClass:k||"",fontFamily:U,editorKey:L||"",disabled:y,errorMessage:t});default:return r.jsx(Or,{field:a,type:i||"text",defaultValue:C,value:D,onChange:I=>e(n,I),placeholder:R,className:`${Y} ${h||""}`,required:w,name:n,minLength:x,label:s||"",negativeNumberAllow:_,parentClass:k||"",disabled:y,pattern:$,mask:se,errorMessage:t,maskApplyOnValue:H})}},zt=({isOpen:a,onClose:o,config:e,onApply:t})=>{var h;const[n,s]=b.useState({}),i=(u,c)=>{s(g=>({...g,[u]:c}))},l=()=>{t(n),o()},m=()=>{s({}),t({}),o()},p=e==null?void 0:e.component;return r.jsxs(r.Fragment,{children:[r.jsx("div",{className:v(f.filterDrawer.overlay,"fixed inset-0 bg-black/50 z-40 transition-opacity duration-300",a?"opacity-100 pointer-events-auto":"opacity-0 pointer-events-none")}),r.jsxs("div",{className:v(f.filterDrawer.panel,"fixed top-0 right-0 h-full w-[28rem] bg-white dark:bg-gray-900 shadow-2xl z-50 flex flex-col border-l border-gray-200 dark:border-gray-700 transform transition-transform duration-300 ease-in-out",a?"translate-x-0":"translate-x-full"),children:[r.jsxs("div",{className:v(f.filterDrawer.header,"flex items-center justify-between px-4 py-3 border-b border-gray-200 dark:border-gray-700"),children:[r.jsx("h2",{className:"text-lg font-semibold text-gray-900 dark:text-white",children:"Filters"}),r.jsx("button",{onClick:o,className:"p-2 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-md transition",children:r.jsx(J.X,{className:"w-5 h-5 text-gray-500 dark:text-gray-400"})})]}),a&&r.jsx("div",{className:v(f.filterDrawer.body,"flex-1 overflow-y-auto px-4 py-3"),children:p?r.jsx(p,{filters:n,onFilterChange:i}):r.jsx("div",{className:"space-y-4",children:(h=e==null?void 0:e.fields)==null?void 0:h.map(u=>r.jsx(Gr,{field:u,formData:n,handleChange:i},u.key))})}),r.jsxs("div",{className:v(f.filterDrawer.footer,"flex gap-2 px-4 py-3 border-t border-gray-200 dark:border-gray-700"),children:[r.jsx(he,{onClick:l,variant:"contained",color:"primary",fullWidth:!0,children:"Apply Filters"}),r.jsx(he,{onClick:m,variant:"contained",className:"min-w-[150px]",children:"Reset"})]})]})]})},Ot=({rows:a=5,columns:o=5})=>r.jsxs(r.Fragment,{children:[r.jsx("div",{className:"w-full mb-6 inline-flex justify-end items-center",children:r.jsx("div",{className:"h-8 w-80 bg-gray-300 dark:bg-gray-700 rounded animate-pulse"})}),r.jsx("div",{className:"overflow-hidden rounded-md border border-gray-200 dark:border-gray-800",children:r.jsxs("table",{className:v(f.tableSkeleton.root,f.tableSkeleton.table,"w-full border-collapse"),children:[r.jsx("thead",{children:r.jsx("tr",{className:"bg-gray-50 dark:bg-gray-900",children:Array.from({length:o}).map((e,t)=>r.jsx("th",{className:"px-4 py-3",children:r.jsx("div",{className:"h-6 w-24 bg-gray-300 dark:bg-gray-700 rounded animate-pulse inline-flex justify-center items-center"})},t))})}),r.jsx("tbody",{children:Array.from({length:a}).map((e,t)=>r.jsx("tr",{className:"border-t border-gray-200 dark:border-gray-800",children:Array.from({length:o}).map((n,s)=>r.jsx("td",{className:"px-4 py-6",children:r.jsx("div",{className:"h-6 w-full bg-gray-300 dark:bg-gray-700 rounded animate-pulse"})},s))},t))})]})})]}),Ut=({options:a=[],value:o="",onChange:e,clearLabel:t=""})=>{const[n,s]=b.useState(!1),i=b.useRef(null),l=!!o;b.useEffect(()=>{const p=h=>{i.current&&!i.current.contains(h.target)&&s(!1)};return document.addEventListener("click",p),()=>document.removeEventListener("click",p)},[]);const m=p=>{const h=a.find(u=>u.value===p);e(p,h||null),s(!1)};return a!=null&&a.length?r.jsxs("div",{className:v(f.sortDropdown.root,"relative"),ref:i,children:[r.jsxs("button",{type:"button",onClick:()=>s(p=>!p),className:v(f.sortDropdown.trigger,"relative inline-flex items-center justify-center h-[36px] w-[36px] rounded-md border border-gray-300 dark:border-gray-600 bg-gray-50 dark:bg-gray-700 text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600 transition"),"aria-label":"Open sort options",children:[r.jsx(J.ArrowUpDown,{className:"w-4 h-4"}),l&&r.jsx("span",{className:"absolute top-1 right-1 w-2 h-2 bg-red-500 rounded-full"})]}),n&&r.jsxs("div",{className:v(f.sortDropdown.menu,"absolute right-0 mt-2 z-20 min-w-[220px] max-h-[260px] overflow-auto rounded-md border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 shadow-lg"),children:[!!(t!=null&&t.trim())&&r.jsx("button",{type:"button",onClick:()=>m(""),className:v(f.sortDropdown.item,"w-full text-left px-3 py-2 text-sm transition hover:bg-gray-100 dark:hover:bg-gray-700",o?"text-gray-700 dark:text-gray-200":"bg-gray-100 dark:bg-gray-700 text-gray-900 dark:text-white"),children:t}),a.map(p=>r.jsx("button",{type:"button",onClick:()=>m(p.value),className:v(f.sortDropdown.item,"w-full text-left px-3 py-2 text-sm transition hover:bg-gray-100 dark:hover:bg-gray-700",o===p.value?"bg-gray-100 dark:bg-gray-700 text-gray-900 dark:text-white":"text-gray-700 dark:text-gray-200"),children:p.label},p.value))]})]}):null},Qe={enabled:!1,useServerSideSorting:!1,options:[],fields:[],defaultValue:"",autoGenerate:!0,clearLabel:"",onChange:null},Tt=a=>a===!0?{...Qe,enabled:!0}:!a||typeof a!="object"?Qe:{...Qe,...a,enabled:a.enabled??!0,autoGenerate:a.autoGenerate??!0},$t=(a=[])=>a.filter(o=>{const e=["menu_actions","index","audio","avatar"];return o.type&&e.includes(o.type)?!1:!!(o.sortKey||(o.type==="group"?o.titleKey:o.key))}),Bt=a=>{if(a.sortType)return a.sortType;if(a.type==="date")return"date";if(a.type==="number")return"number";const o=String(a.sortKey||(a.type==="group"?a.titleKey:a.key)||"").toLowerCase();return["phone","mobile","contact","tel","whatsapp"].some(t=>o.includes(t))?"phone":Array.isArray(a.chipOptions)&&a.chipOptions.length>0&&a.chipOptions.every(n=>typeof n.value=="boolean")?"boolean":"string"},Sr=(a=[])=>a.flatMap(o=>{const e=o.sortKey||(o.type==="group"?o.titleKey:o.key),t=o.sortLabel||o.title||e,n=Bt(o);return e?n==="number"?[{value:`${e}_asc`,label:`${t} (Low-High)`,key:e,order:"asc",type:n},{value:`${e}_desc`,label:`${t} (High-Low)`,key:e,order:"desc",type:n}]:n==="phone"?[{value:`${e}_asc`,label:`${t} (0-9)`,key:e,order:"asc",type:n},{value:`${e}_desc`,label:`${t} (9-0)`,key:e,order:"desc",type:n}]:n==="date"?[{value:`${e}_desc`,label:`${t} (Newest First)`,key:e,order:"desc",type:n},{value:`${e}_asc`,label:`${t} (Oldest First)`,key:e,order:"asc",type:n}]:n==="boolean"?[{value:`${e}_desc`,label:`${t} (True First)`,key:e,order:"desc",type:n},{value:`${e}_asc`,label:`${t} (False First)`,key:e,order:"asc",type:n}]:[{value:`${e}_asc`,label:`${t} (A-Z)`,key:e,order:"asc",type:n},{value:`${e}_desc`,label:`${t} (Z-A)`,key:e,order:"desc",type:n}]:[]}),Gt=(a,o=[])=>{if(Array.isArray(a.options)&&a.options.length>0)return a.options.map(n=>({...n,type:n.type||"string",order:n.order==="desc"?"desc":"asc"}));const t=Array.isArray(a.fields)?a.fields:[];if(t.length>0){const n=t.map(s=>{const i=typeof s=="string"?s:s.key,l=o.find(m=>m.key===i||m.sortKey===i||m.type==="group"&&m.titleKey===i);return l?{...l,sortKey:typeof s=="object"&&s.key?s.key:l.sortKey,sortType:typeof s=="object"&&s.type?s.type:l.sortType,sortLabel:typeof s=="object"&&s.label?s.label:l.sortLabel}:null}).filter(s=>s!==null);return Sr(n)}return a.autoGenerate?Sr(o):[]},Yt=(a=[],o="",e,t=[])=>{if(!(e!=null&&e.enabled)||!o||e!=null&&e.useServerSideSorting)return a;const n=t==null?void 0:t.find(p=>p.value===o);if(!(n!=null&&n.key))return a;const s=n.order==="desc"?"desc":"asc",i=n.key,l=n.type||"string",m=p=>String(p??"").replace(/[^\d]/g,"").trim();return[...a].sort((p,h)=>{const u=p==null?void 0:p[i],c=h==null?void 0:h[i];if(u==null&&c==null)return 0;if(u==null)return s==="asc"?1:-1;if(c==null)return s==="asc"?-1:1;let g=0;return l==="number"?g=Number(u)-Number(c):l==="phone"?g=m(u).localeCompare(m(c),void 0,{numeric:!0}):l==="date"?g=new Date(u).getTime()-new Date(c).getTime():l==="boolean"?g=+!!u-+!!c:g=String(u).localeCompare(String(c)),s==="asc"?g:-g})},Kt=({config:a,setShowAdd:o,title:e,buttonText:t,description:n,showAddButton:s})=>{const{data:i=[],table_head:l=[],loading:m=!1,search:p={enabled:!1,placeholder:"Search...",useServerSideSearch:!1},filter:h={enabled:!1,useServerSideFilters:!1},sort:u={enabled:!1},pagination:c={enabled:!1,rows_per_page:10,useServerSidePagination:!1},exportCSV:g={enabled:!1,fileName:"",fields:[]},emptyMessage:w="No data available",onMenuAction:x,setServerSidePaginationData:N=()=>{},onFilterApply:k,filterConfig:S=null,rowClick:P=null}=a,[z,F]=b.useState(""),[L,U]=b.useState(null),[y,_]=b.useState([]),[C,A]=b.useState({top:0,left:0}),[$,G]=b.useState(!1),[ee,re]=b.useState({}),E=b.useMemo(()=>Tt(u),[u]),se=b.useMemo(()=>$t(l),[l]),H=b.useMemo(()=>Gt(E,se),[E,se]),[Q,D]=b.useState((E==null?void 0:E.defaultValue)||""),[R,Y]=b.useState(null),[I,ce]=b.useState(!1),we=b.useMemo(()=>!p.enabled||!z.trim()||p.useServerSideSearch?i:Vr(i,z,p.searchKeys||[]),[i,z,p]),be=b.useMemo(()=>Yt(we,Q,E,H),[we,Q,E,H]),[ne,M]=b.useState(1),[T,V]=b.useState((c==null?void 0:c.rows_per_page)||50),[X,K]=b.useState(we.length||0),te=c!=null&&c.useServerSidePagination?c.total_pages:Math.ceil(we.length/T),_e=b.useMemo(()=>{if(c.useServerSidePagination)return be;const d=(ne-1)*T;return be.slice(d,d+T)},[be,ne,T,c.useServerSidePagination]),Re=b.useRef(null),De=b.useRef({}),Ce=b.useRef(null),ze=d=>{F(d),M(1),p.useServerSideSearch&&(Ce.current&&clearTimeout(Ce.current),Ce.current=setTimeout(async()=>{try{await N(j=>({...j,search:d,current_page:1}))}catch(j){console.error("Search error:",j)}},800))},Oe=(d,j=null)=>{D(d),M(1);const B={value:d,option:j,key:(j==null?void 0:j.key)||"",order:(j==null?void 0:j.order)||"",type:(j==null?void 0:j.type)||""};typeof(E==null?void 0:E.onChange)=="function"&&E.onChange(B)},Ue=(d,j,B)=>{B.stopPropagation(),U(null),x==null||x(d.type,j)},Te=(d,j,B)=>{j.stopPropagation(),_(B);const Z=j.currentTarget;De.current[d]=Z;const q=Z.getBoundingClientRect(),le=192,ge=B.length*40,de=window.innerWidth,fe=window.innerHeight,ve=de-q.right<le?q.left-le+q.width:q.left,Ae=fe-q.bottom<ge&&q.top>ge?q.top-ge-2:q.bottom+2;A({top:Math.max(8,Math.min(Ae,fe-ge-8)),left:Math.max(8,Math.min(ve,de-le-8))}),U(L===d?null:d)},$e=d=>(ne-1)*T+d+1,Le=d=>{let j=d;j&&j.src instanceof File&&(j={...j,src:URL.createObjectURL(j.src)}),Y(j),ce(!0)},Be=d=>{if(!d)return"";if(typeof d=="string")return d;if(d instanceof File)return URL.createObjectURL(d);if(typeof d=="object"){if(typeof d.preview=="string")return d.preview;if(typeof d.src=="string")return d.src;if(d.src instanceof File)return URL.createObjectURL(d.src);if(d.file instanceof File)return URL.createObjectURL(d.file)}return""},Ge=(d,j)=>{const B=Array.isArray(d)?d:[];if(B.length===0)return r.jsx("span",{className:j.className||"",children:"N/A"});const Z=j.maxPreview||3,q=B.slice(0,Z),le=B.length-q.length;return r.jsxs("div",{className:"flex items-center",children:[r.jsx("div",{className:"flex -space-x-2",children:q.map((ge,de)=>{const fe=Be(ge);return fe?r.jsx("button",{type:"button",onClick:Ee=>{Ee.stopPropagation(),Le({src:fe,alt:`Gallery ${de+1}`})},className:"w-8 h-8 rounded-full border-2 border-white dark:border-gray-800 overflow-hidden",children:r.jsx("img",{src:fe,alt:`gallery-${de+1}`,className:"w-full h-full object-cover"})},`${fe}-${de}`):null})}),le>0&&r.jsxs("span",{className:"ml-2 text-xs font-medium text-gray-600 dark:text-gray-300",children:["+",le]})]})},Pe=(d,j,B,Z=null,q=null)=>r.jsx(r.Fragment,{children:d?r.jsx("img",{src:d instanceof File?URL.createObjectURL(d):d,alt:j||"Avatar",onClick:le=>{le.stopPropagation(),le.preventDefault(),Le({src:d,alt:j})},className:`w-10 h-10 cursor-pointer shrink-0 rounded-full object-cover border border-gray-200 dark:border-gray-700 ${B||""}`}):r.jsx(r.Fragment,{children:Z?typeof Z=="function"?Z(q):Z:r.jsx("div",{className:`w-10 h-10 flex items-center shrink-0 justify-center rounded-full border border-gray-300 dark:border-gray-700 bg-gray-200 dark:bg-gray-600 ${B||""}`,children:r.jsx(J.User,{className:"w-6 h-6 text-gray-400 dark:text-gray-400"})})})}),Ye=(d,j)=>r.jsx(r.Fragment,{children:d?r.jsx("audio",{controls:!0,src:d instanceof File?URL.createObjectURL(d):d,onClick:B=>{B.stopPropagation()},className:`w-64 cursor-pointer ${j||""}`},d instanceof File?URL.createObjectURL(d):d):r.jsx(r.Fragment,{children:r.jsx("div",{className:`w-12 h-12 flex items-center shrink-0 justify-center rounded-full border border-gray-300 dark:border-gray-700 bg-gray-200 dark:bg-gray-600 ${j||""}`,children:r.jsx(J.Music,{className:"w-6 h-6 text-gray-400 dark:text-gray-400"})})})}),Ke=(d,j)=>r.jsxs("div",{className:`flex items-center space-x-4 ${j.className||""}`,children:[j.imageKey?Pe(d[j.imageKey],d[j.titleKey],"group-avatar",j.fallback_icon,d):"",r.jsxs("div",{children:[r.jsx("p",{className:"font-medium text-gray-900 dark:text-white group-title",children:d[j.titleKey]||""}),r.jsx("p",{className:"text-sm text-gray-500 dark:text-gray-400 group-sub-title",children:d[j.subtitleKey]||""})]})]}),We=(d,j)=>{var le;let B=String(d);const Z=j.variant||"contained";let q=j.defaultColor;if(((le=j==null?void 0:j.chipOptions)==null?void 0:le.length)>0){const ge=j==null?void 0:j.chipOptions.find(de=>de.value==d);ge&&(B=ge.label,q=ge.color)}return r.jsx($r,{label:B,variant:Z,color:q,className:j.className||""})},O=(d,j,B)=>{const Z=j[d.key];return d.type==="menu_actions"?r.jsx("div",{className:`text-center ${d.className||""}`,children:r.jsx("button",{ref:q=>{De.current[j.id||j._id]=q},onClick:q=>Te(j.id||j._id,q,d.menuList),className:v(f.table.actionButton,"p-2 bg-gray-100 dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-gray-600 rounded-full transition text-gray-700 dark:text-gray-300"),children:r.jsx(J.EllipsisVertical,{className:"h-4 w-4"})})}):d.type==="index"?r.jsx("span",{className:d.className||"",children:$e(B)}):d.type==="group"?Ke(j,d):d.type==="chip"?r.jsx(r.Fragment,{children:We(Z,d)}):d.type==="date"?r.jsx("span",{className:d.className||"",children:er(Z,d.format||"DD MMM YYYY")}):d.type==="avatar"?r.jsx(r.Fragment,{children:r.jsx("div",{className:"min-w-[40px]",children:Pe(Z,d.alt,d.className,d.fallback_icon,j)})}):d.type==="audio"?r.jsx(r.Fragment,{children:Ye(Z,d.className)}):d.type==="multiImage"?r.jsx(r.Fragment,{children:Ge(Z,d)}):r.jsx("span",{className:d.className||"",children:Z||"N/A"})},W=d=>{if(typeof P=="function")return P(d);if(P)return x==null?void 0:x("view",d)},ae=(d,j)=>{if(d.onClickDetails)return x==null?void 0:x("view",j);if(typeof d.handleClick=="function")return d.handleClick(j)},ye=()=>P||typeof P=="function",oe=d=>d.onClickDetails||typeof d.handleClick=="function",Yr=()=>{var Ee;if(!(i!=null&&i.length)||!((Ee=g==null?void 0:g.fields)!=null&&Ee.length))return;const d=g.fields.map(ve=>ve.label),j=_e.map(ve=>g.fields.map(dr=>{const Ae=ve==null?void 0:ve[dr.key];return`"${Ae??""}"`})),B=[d.join(","),...j.map(ve=>ve.join(","))].join(`
|
|
129
|
+
`),q=`export-${er(new Date,"YYYY-MM-DD_HH-mm-ss")}.csv`,le=g.fileName||q,ge=new Blob([B],{type:"text/csv;charset=utf-8;"}),de=document.createElement("a"),fe=URL.createObjectURL(ge);de.href=fe,de.download=le,document.body.appendChild(de),de.click(),document.body.removeChild(de),URL.revokeObjectURL(fe)};return b.useEffect(()=>{const d=()=>{L&&U(null)};return window.addEventListener("scroll",d,!0),()=>{window.removeEventListener("scroll",d,!0)}},[L]),b.useEffect(()=>{const d=j=>{Re.current&&!Re.current.contains(j.target)&&U(null)};return document.addEventListener("click",d),()=>document.removeEventListener("click",d)},[]),b.useEffect(()=>{c!=null&&c.rows_per_page&&(c!=null&&c.useServerSidePagination)&&V((c==null?void 0:c.rows_per_page)||50),c.current_page&&M(c.current_page)},[c.rows_per_page,c==null?void 0:c.useServerSidePagination,c.current_page]),b.useEffect(()=>{K(c!=null&&c.useServerSidePagination?c.total_records:be.length),be.length<=T*(ne-1)&&!(c!=null&&c.useServerSidePagination)&&M(d=>d-1||1)},[be.length,c.total_records,c==null?void 0:c.useServerSidePagination]),b.useEffect(()=>{if(!(E!=null&&E.enabled)){D("");return}if(H.some(j=>j.value===E.defaultValue)){D(E.defaultValue);return}D("")},[E,H]),b.useEffect(()=>{if(!(E!=null&&E.enabled)||!(E!=null&&E.useServerSideSorting))return;const d=H==null?void 0:H.find(j=>j.value===Q);N(j=>({...j,current_page:1,sort_by:(d==null?void 0:d.key)||"",sort_order:(d==null?void 0:d.order)||""}))},[Q,E==null?void 0:E.enabled,E==null?void 0:E.useServerSideSorting,H,N]),r.jsxs(r.Fragment,{children:[m?r.jsx(Ot,{rows:6,columns:6}):r.jsxs(r.Fragment,{children:[r.jsxs("div",{className:v(f.table.toolbar,"flex flex-col lg:!flex-row lg:!justify-between gap-4 mb-3"),children:[r.jsxs("div",{className:"table-heading",children:[r.jsx("h1",{children:e}),r.jsx("p",{children:n})]}),r.jsxs("div",{className:"flex flex-col justify-end items-stretch lg:!items-end gap-2 w-full lg:!w-auto",children:[s&&r.jsxs(he,{onClick:()=>o(!0),variant:"contained",color:"primary",children:[r.jsx(J.Plus,{className:"w-4 h-4 mr-2"}),t||"Add New"]}),r.jsxs("div",{className:"flex flex-col sm:!flex-row sm:!flex-wrap justify-end items-stretch sm:!items-center gap-2 w-full",children:[p.enabled&&r.jsx("div",{className:"w-full sm:!w-auto",children:r.jsxs("div",{className:v(f.table.searchField,"table-search-field"),children:[r.jsx(J.Search,{className:"search-icon"}),r.jsx("input",{type:"text",placeholder:p.placeholder||"Search...",value:z,onChange:d=>ze(d.target.value),className:f.table.searchInput})]})}),E!=null&&E.enabled&&(H==null?void 0:H.length)>0||S&&h.enabled||g&&g.enabled?r.jsxs("div",{className:"flex items-center justify-end gap-2 w-full sm:!w-auto",children:[S&&h.enabled&&r.jsxs("div",{className:"filter-button-wrapper",children:[r.jsxs(he,{onClick:()=>G(!0),variant:"contained",className:"w-full sm:!w-auto",children:[r.jsx(J.Filter,{className:"w-4 h-4 mr-2"}),"Filters"]}),Object.keys(ee).length>0&&r.jsx("span",{className:"red-dot"})]}),g&&g.enabled&&r.jsx("div",{className:"filter-button-wrapper",children:r.jsxs(he,{onClick:()=>Yr(),variant:"contained",className:"w-full sm:!w-auto",children:[r.jsx(J.Download,{className:"w-4 h-4 mr-2"}),"Export CSV"]})}),(E==null?void 0:E.enabled)&&(H==null?void 0:H.length)>0&&r.jsx(Ut,{options:H,value:Q,onChange:Oe,clearLabel:E==null?void 0:E.clearLabel})]}):null]})]})]}),r.jsxs("div",{className:v(f.table.root,f.table.container,"table-container"),children:[r.jsx("div",{className:"overflow-x-auto",children:r.jsxs("table",{className:f.table.element,children:[r.jsx("thead",{className:f.table.head,children:r.jsx("tr",{className:f.table.headRow,children:l.map(d=>r.jsx("th",{className:v(f.table.headCell,"table-head-data",d.headClass||""),children:d.title},d.key))})}),r.jsx("tbody",{className:f.table.body,children:_e.length===0?r.jsx("tr",{children:r.jsx("td",{colSpan:l.length,className:v(f.table.noData,"no-data-message"),children:w})}):_e.map((d,j)=>r.jsx("tr",{className:v(f.table.row,"table-row",ye()?"cursor-pointer":""),onClick:()=>{ye()&&W(d)},children:l.map(B=>r.jsx("td",{className:v(f.table.cell,"table-data",B.type=="audio"?"":"max-w-[300px]","truncate",oe(B)?"cursor-pointer":""),title:String(d[B.key]??""),onClick:Z=>{oe(B)&&(Z.stopPropagation(),Z.preventDefault(),ae(B,d))},children:B.render?B.render(d,j):O(B,d,j)},B.key))},d.id||d._id||j))})]})}),(c==null?void 0:c.enabled)&&be.length>0&&r.jsxs("div",{className:v(f.table.pagination,"pagination-wrapper"),children:[r.jsxs("span",{children:["Showing ",(ne-1)*T+1," to"," ",Math.min(ne*T,X)," of"," ",X," results"]}),r.jsxs("div",{className:"flex items-center gap-4",children:[r.jsxs("div",{className:"flex items-center gap-2",children:[r.jsx("span",{children:"Rows per page:"}),r.jsx("select",{value:T,onChange:d=>{const j=Number(d.target.value);V(j),M(1),c.useServerSidePagination&&N(B=>({...B,current_page:1,rows_per_page:j}))},className:"rows-number-select",children:[10,25,50,100].map(d=>r.jsx("option",{value:d,children:d},d))})]}),r.jsxs("div",{className:"flex items-center gap-2",children:[r.jsx("button",{onClick:()=>{if(ne>1){const d=ne-1;M(d),c.useServerSidePagination&&N(j=>({...j,current_page:d}))}},disabled:ne===1,className:"arrow-icons",children:r.jsx(J.ChevronLeft,{className:"h-4 w-4"})}),r.jsxs("span",{children:["Page ",ne," of ",te]}),r.jsx("button",{onClick:()=>{if(ne<te){const d=ne+1;M(d),c.useServerSidePagination&&N(j=>({...j,current_page:d}))}},disabled:ne===te,className:"arrow-icons",children:r.jsx(J.ChevronRight,{className:"h-4 w-4"})})]})]})]})]})]}),L&&Kr.createPortal(r.jsx("div",{ref:Re,style:{position:"fixed",top:`${C.top}px`,left:`${C.left}px`,zIndex:9999},className:v(f.table.menu,"w-48 bg-white dark:bg-gray-700 rounded-md shadow-lg border border-gray-200 dark:border-gray-600"),children:y.map((d,j)=>r.jsxs("button",{onClick:B=>Ue(d,i.find(Z=>Z.id===L||Z._id==L),B),className:v(f.table.menuItem,"w-full flex items-center gap-2 px-4 py-2 text-sm text-left hover:bg-gray-100 dark:hover:bg-gray-600",d.variant==="danger"?"text-red-600 dark:text-red-500":"text-gray-700 dark:text-gray-200"),children:[d.icon&&r.jsx("span",{className:"shrink-0",children:d.icon}),d.title]},j))}),document.body),S&&$&&r.jsx(zt,{isOpen:$,onClose:()=>G(!1),config:S,onApply:d=>{re(d),k==null||k(d)}}),I&&R&&r.jsx(xe,{src:R.src,alt:R.alt,isOpen:I,setIsOpen:ce})]})},Ze=({isOpen:a,onClose:o,icon:e,title:t,children:n,size:s="md",actionButtons:i=[],onFormSubmit:l=()=>{},loadingBtn:m=!1,executeFunction:p=()=>{},selectedItem:h=null,footerConfig:u,classNames:c})=>{if(!a)return null;const g={sm:"max-w-md",md:"max-w-lg",lg:"max-w-2xl",xl:"max-w-4xl",full:"max-w-full"},w=i.length>0||!!(u!=null&&u.cancelButton);return r.jsxs("div",{className:v(f.modal.root,"fixed inset-0 z-50 flex items-center justify-center p-4"),children:[r.jsx("div",{className:v(f.modal.overlay,"fixed inset-0 bg-gray-500 opacity-75",c==null?void 0:c.overlay)}),r.jsxs("div",{className:v(f.modal.container,"relative bg-white rounded-lg shadow-xl w-full max-h-[90vh] flex flex-col dark:bg-gray-800",g[s]||g.md,c==null?void 0:c.container),children:[r.jsxs("div",{className:v(f.modal.header,"flex items-center justify-between p-4 border-b border-gray-200 dark:border-gray-700 flex-shrink-0",c==null?void 0:c.header),children:[r.jsxs("div",{className:"flex items-center gap-1",children:[e&&r.jsx("span",{children:e}),r.jsx("h3",{className:v(f.modal.title,"text-lg font-medium text-gray-900 dark:text-white",c==null?void 0:c.title),children:t})]}),r.jsx("button",{onClick:()=>o(),className:v(f.modal.closeButton,"text-gray-400 hover:text-gray-600 dark:hover:text-gray-300",c==null?void 0:c.closeButton),children:r.jsx(J.X,{className:"w-6 h-6"})})]}),r.jsx("div",{className:v(f.modal.body,"flex-1 overflow-y-auto p-4",c==null?void 0:c.body),children:n}),w&&r.jsxs("div",{className:v(f.modal.footer,"px-4 py-3 flex justify-end gap-3 border-t border-gray-200 dark:border-gray-700 sm:!px-6",c==null?void 0:c.footer),children:[(u==null?void 0:u.cancelButton)&&r.jsx(he,{onClick:()=>o(),variant:"outlined",color:"default",className:v(f.modal.actionButton,"min-w-[100px]"),type:"button",children:(u==null?void 0:u.cancelText)||"Cancel"}),i.map((x,N)=>r.jsx(he,{onClick:k=>{x.type=="submit"?l(k):p(()=>{var S;return Promise.resolve((S=x==null?void 0:x.onClick)==null?void 0:S.call(x,k,h))},S=>o==null?void 0:o(S))},disabled:m||x.disabled,variant:x.variant||"contained",color:x.color||"primary",className:v(f.modal.actionButton,"min-w-[100px]",x.className||""),type:x.type||"button",children:m?r.jsxs("div",{className:v(f.modal.loadingIndicator,"flex items-center"),children:[r.jsx("div",{className:"animate-spin rounded-full h-4 w-4 border-2 border-white/30 border-t-2 border-t-white mr-2"}),x.label||"Submit","..."]}):x.label||"Submit"},`${x.label||"action"}-${N}`))]})]})]})},_r=({config:a,onSubmit:o,initialData:e,fetchRowDetails:t,type:n})=>{const s=e||{},{formClass:i="grid grid-cols-12 gap-4",formFields:l=[]}=a||{},[m,p]=b.useState(s),[h,u]=b.useState(!0),[c,g]=b.useState({}),w=async()=>{t==null||t(s).then(k=>{p(k.data)}).catch(k=>{je.enqueueSnackbar(k.message,{variant:"error"})}).finally(()=>{u(!1)})};b.useEffect(()=>{t instanceof Function?w():(p(s),u(!1))},[]);const x=(k,S)=>{p(P=>({...P,[k]:S})),g(P=>({...P,[k]:""}))},N=k=>{k.preventDefault();const S=k.currentTarget;if(!S.checkValidity()){S.reportValidity();return}const P={};let z=!1;for(const F of l){const L=m[F.key]||"";if(F.customValidation){const U=F.customValidation(L);if(U!==!1&&(P[F.key]=U,!z)){const y=S.querySelector(`[id="field-${F.key}"]`);y==null||y.focus(),z=!0}}}g(P),!(Object.keys(P).length>0)&&o(m)};return h?r.jsx("div",{className:v(f.form.loading,"flex items-center justify-center h-64"),children:r.jsx("div",{className:"rounded-full border-4 border-blue-500 border-t-gray-200 animate-spin w-8 h-8",style:{borderTopColor:"border-primary-500"}})}):r.jsx("form",{id:n==="add"?"addForm":n==="edit"?"editForm":"defaultForm",onSubmit:N,className:v(f.form.root,i),noValidate:!1,children:l.map(k=>r.jsx(Gr,{field:k,formData:m,errorMessage:c[k.key]||"",handleChange:x},k.key))})};function Wt({data:a,config:o,fetchRowDetails:e}){const{fields:t=[],containerClass:n,variant:s="default",styles:i={}}=o||{},l=a||{},[m,p]=b.useState(l),[h,u]=b.useState(!0),c=async()=>{e==null||e(l).then(w=>{p(w.data)}).catch(w=>{je.enqueueSnackbar(w.message,{variant:"error"})}).finally(()=>{u(!1)})};if(b.useEffect(()=>{e instanceof Function?c():(p(l),u(!1))},[]),h)return r.jsx("div",{className:v(f.form.loading,"flex items-center justify-center h-64"),children:r.jsx("div",{className:"rounded-full border-4 border-blue-500 border-t-gray-200 animate-spin w-8 h-8",style:{borderTopColor:"border-primary-500"}})});const g={default:"grid grid-cols-12 gap-4",card:"grid grid-cols-12 gap-3",split:"rounded-xl border border-gray-200 dark:border-gray-700 overflow-hidden divide-y divide-gray-100 dark:divide-gray-800"};return r.jsx(r.Fragment,{children:r.jsx("div",{className:v(f.details.root,f.details.container,g[s]||g.default,n||"",i.containerClass||""),children:t.map(w=>w.renderCondition&&typeof w.renderCondition=="function"&&!w.renderCondition(m)?null:w.type=="group"?r.jsx(Ur,{col:w,data:m,uiVariant:s,styleConfig:i},w.key||w.titleKey):w.type=="cardGroup"?r.jsx(Tr,{col:w,data:m,uiVariant:s,styleConfig:i},w.key||w.titleKey):r.jsx(Br,{col:w,data:m,uiVariant:s,styleConfig:i},w.key||w.label))})})}const Ht=({config:a})=>{var M,T,V,X,K,te,_e,Re,De,Ce,ze,Oe,Ue,Te,$e,Le,Be,Ge,Pe,Ye,Ke,We;const{title:o,fetchData:e,fetchRowDetails:t,isStaticData:n=!1,tableConfig:s,modalConfig:i,filterConfig:l}=a,[m,p]=b.useState(!0),[h,u]=b.useState(!1),[c,g]=b.useState([]),[w,x]=b.useState(null),[N,k]=b.useState({search:"",rows_per_page:50,current_page:1,sort_by:"",sort_order:""}),[S,P]=b.useState({}),[z,F]=b.useState(!1),[L,U]=b.useState(!1),[y,_]=b.useState(!1),[C,A]=b.useState(!1),[$,G]=b.useState(!1),[ee,re]=b.useState(null),E=(O,W)=>{O==="edit"?(re(W),_(!0)):O==="view"?(re(W),G(!0)):O==="delete"&&(re(W),A(!0))},se=async(O,W,ae="",ye="")=>{u(!0);try{if(!O)return;const oe=await O();(ae||oe!=null&&oe.message)&&je.enqueueSnackbar(ae||oe.message||"Success",{variant:"success"}),W==null||W(oe)}catch(oe){(ye||oe!=null&&oe.message)&&je.enqueueSnackbar(ye||oe.message||"Error occurred",{variant:"error"})}finally{u(!1)}},H=O=>{const W=O.newObject;n?(g(ae=>[W,...ae]),x(ae=>({...ae,current_page:1}))):(k(ae=>({...ae,current_page:1})),N.current_page===1&&I()),U(!1)},Q=O=>{const{newObject:W,targetObject:ae}=O;n?g(ye=>ye.map(oe=>oe.id===ae.id?{...oe,...W}:oe)):I(),_(!1)},D=O=>{if(!O){A(!1),re(null);return}n?g(W=>W.filter(ae=>ae.id!==O.targetObject.id)):c.length===1&&N.current_page>1?k(W=>({...W,current_page:W.current_page-1})):I(),A(!1),re(null)},R=O=>se(()=>{var W;return(W=i==null?void 0:i.addModal)!=null&&W.handleSubmit?i.addModal.handleSubmit(O):Promise.resolve({newObject:null})},H),Y=O=>se(()=>{var W;return(W=i==null?void 0:i.editModal)!=null&&W.handleSubmit?i.editModal.handleSubmit(O,ee):Promise.resolve({newObject:null,targetObject:null})},Q),I=async()=>{p(!0);try{const O=await e({...N,...S});g(O.data||[]),x(O.pagination||null)}catch(O){je.enqueueSnackbar(O.message||"Failed to fetch data",{variant:"error"})}finally{p(!1)}},ce=O=>{var W;P(ae=>({...O})),(W=s==null?void 0:s.filter)!=null&&W.useServerSideFilters&&F(ae=>!ae)},we=(O,W)=>O.filter(ae=>Object.entries(W).every(([ye,oe])=>ae[ye]===oe)),be=b.useMemo(()=>{var O;return(O=s==null?void 0:s.filter)!=null&&O.useServerSideFilters?c:we(c,S)},[c,S,(M=s==null?void 0:s.filter)==null?void 0:M.useServerSideFilters]),ne=(T=i==null?void 0:i.viewModal)==null?void 0:T.component;return b.useEffect(()=>{I()},[N.search,N.rows_per_page,N.current_page,N.sort_by,N.sort_order,z]),r.jsxs("div",{className:f.crudPage.root,children:[r.jsx(Kt,{title:o,setShowAdd:U,description:a.description,buttonText:a.buttonText,showAddButton:!!(i!=null&&i.addModal),config:{...s,pagination:{...s.pagination,...w},data:be,setServerSidePaginationData:k,onMenuAction:E,filterConfig:l,onFilterApply:ce,loading:m}}),L&&r.jsx(Ze,{isOpen:L,onClose:()=>{h||U(!1)},icon:(V=i==null?void 0:i.addModal)==null?void 0:V.icon,title:((X=i==null?void 0:i.addModal)==null?void 0:X.title)||"Add New",size:((K=i==null?void 0:i.addModal)==null?void 0:K.size)||"md",onFormSubmit:()=>{var O;return(O=document.querySelector("#addForm"))==null?void 0:O.requestSubmit()},loadingBtn:h,actionButtons:((te=i==null?void 0:i.addModal)==null?void 0:te.actionButtons)||[],children:r.jsx(_r,{config:(i==null?void 0:i.addModal)||{},onSubmit:R,initialData:{},type:"add",loading:h})}),y&&r.jsx(Ze,{isOpen:y,onClose:()=>{h||_(!1)},icon:(_e=i==null?void 0:i.editModal)==null?void 0:_e.icon,title:((Re=i==null?void 0:i.editModal)==null?void 0:Re.title)||"Edit",size:((De=i==null?void 0:i.editModal)==null?void 0:De.size)||"md",onFormSubmit:()=>{var O;return(O=document.querySelector("#editForm"))==null?void 0:O.requestSubmit()},actionButtons:((Ce=i==null?void 0:i.editModal)==null?void 0:Ce.actionButtons)||[],loadingBtn:h,children:r.jsx(_r,{config:(i==null?void 0:i.editModal)||{},onSubmit:Y,initialData:ee,type:"edit",loading:h,fetchRowDetails:t})}),C&&r.jsx(Ze,{isOpen:C,onClose:O=>{D(O)},icon:((ze=i==null?void 0:i.deleteModal)==null?void 0:ze.icon)||r.jsx(ue.Icon,{icon:"ph:warning-bold",className:"w-6 h-6 text-red-500"}),title:((Oe=i==null?void 0:i.deleteModal)==null?void 0:Oe.title)||"Confirm Delete",size:((Ue=i==null?void 0:i.deleteModal)==null?void 0:Ue.size)||"md",loading:h,actionButtons:((Te=i==null?void 0:i.deleteModal)==null?void 0:Te.actionButtons)||[],executeFunction:se,selectedItem:ee,children:r.jsx("div",{className:v(f.crudPage.deleteContent,"flex items-center space-x-2 py-3"),children:r.jsxs("div",{children:[r.jsx("p",{className:"text-md text-gray-700 dark:text-white",children:(($e=i==null?void 0:i.deleteModal)==null?void 0:$e.confirmText)||"Are you sure you want to delete this item?"}),((Le=i==null?void 0:i.deleteModal)==null?void 0:Le.referenceKey)&&r.jsx("p",{className:"text-md font-semibold text-gray-700 dark:text-white",children:ee==null?void 0:ee[(Be=i==null?void 0:i.deleteModal)==null?void 0:Be.referenceKey]})]})})}),(i==null?void 0:i.viewModal)&&r.jsx(Ze,{isOpen:$,onClose:()=>{G(!1),re(null)},icon:(Ge=i==null?void 0:i.viewModal)==null?void 0:Ge.icon,title:((Pe=i==null?void 0:i.viewModal)==null?void 0:Pe.title)||"View Details",size:((Ye=i==null?void 0:i.viewModal)==null?void 0:Ye.size)||"lg",footerConfig:(Ke=i==null?void 0:i.viewModal)==null?void 0:Ke.footer,classNames:(We=i==null?void 0:i.viewModal)==null?void 0:We.modalClassNames,children:ne?r.jsx(ne,{data:ee}):r.jsx(Wt,{data:ee,fetchRowDetails:t,config:(i==null?void 0:i.viewModal)||{}})})]})};function Zt({children:a}){return je.useSnackbar(),a}function Vt({children:a}){try{return r.jsx(Zt,{children:a})}catch{return r.jsx(je.SnackbarProvider,{anchorOrigin:{vertical:"bottom",horizontal:"right"},action:e=>r.jsx("button",{onClick:()=>{window.dispatchEvent(new CustomEvent("closeSnackbar",{detail:e}))},className:"p-1 hover:bg-white/20 rounded-full transition-colors duration-200 text-white flex items-center justify-center",children:r.jsx(J.X,{className:"h-4 w-4"})}),maxSnack:3,autoHideDuration:3e3,children:a})}}const Xt=()=>{if(typeof document>"u"||document.getElementById("react-admin-crud-manager-styles"))return;const a=document.createElement("style");a.id="react-admin-crud-manager-styles",a.textContent=Zr,document.head.appendChild(a)};function qt({config:a}){return b.useEffect(()=>{Xt()},[]),r.jsx("div",{className:"racm-root",children:r.jsx(Vt,{children:r.jsx(Ht,{config:a})})})}module.exports=qt;
|
|
130
130
|
//# sourceMappingURL=index.cjs.js.map
|